/* ==============================================
   Feuille de style par Natalie Meystre, basee sur les modeles
   © Elephorm & Alsacreations.com, photos
			Juillet 2009
   ============================================== */

html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}

/* body { color: #103578; padding: 1em 0 0; font-size: 0.8em; font-family: verdana; background: #ff4500 url(pose-pilates.gif) repeat-y fixed 0 bottom; margin: 0; } */
body { color: #103578; padding: 1em 0 0; font-size: 0.8em; font-family: verdana; background: #ff9966 url(pose-pilates.png) repeat-y fixed 0 bottom; margin: 0; }

table, td, tr {font-size: 1em; font-family: verdana;}
.bold { font-weight: bold; }

/* #global { background-color: #103578; min-height: 100%; width: 65em; z-index: 10; overflow: hidden; margin-right: auto; margin-left: auto; padding-right: 2em; padding-left: 2em; } */
#global { background-color: #ffaa77; min-height: 100%; width: 65em; z-index: 10; overflow: hidden; margin-right: auto; margin-left: auto; margin-top: 1em; padding-right: 2em; padding-left: 2em; }

/*
#contenu { background-color: #ffab00; margin: 1em 2em; padding: 0 2em 1em; }
#contenu a { color: #ff4500; text-decoration: none; }
#contenu a:hover, #contenu a:focus { color: #103578; text-decoration: none; }
#contenu td { border-bottom: 1px solid #ff4500; }
*/
#contenu { background-color: #ffbb88; margin: 1em 2em; padding: 0 2em 1em; }
#contenu a { color: #ff4500; text-decoration: none; }
#contenu a:hover, #contenu a:focus { color: #103578; text-decoration: none; }
/* #contenu td { border-bottom: 1px solid #ff4500; } */


/* #entete { background-color: #fff; text-align: center; padding-top: 1em; border-top: 1em solid #103578; border-right: 2em solid #103578; border-left: 2em solid #103578; } */
#entete {  text-align: center; padding-top: 1em; border: 0em; font-size: 22pt; font-style: italic; text-shadow: 3px 3px 3px #ee8855;  }

h1 { color: #fff; font-size: 0.1em; margin: 0; padding: 0; }
h2 { font-size: 1.5em; font-weight: bold; font-style: italic; clear: both; margin: 0; padding: 1.5em 0 0.5em; }
ul { padding-right: 3em; list-style-type: square; list-style-position: outside; }
#background { background-image: url(pose-pilates.png); background-repeat: repeat-y; position: fixed; top: 0; right: -1em; width: 10em; height: 100%; z-index: -10; float: right; }

/*
#navigation { font-weight: bold; text-transform: uppercase; font-size: 1.2em; background: #ffab00; line-height: 1.5; margin: 1em; }
#navigation ul { margin: 0; list-style: none; text-align: center; padding: 0; }
#navigation li { display: inline; }
#navigation a { text-decoration: none; color: #ff4500; padding-left: 0.8em; }
#navigation a:hover, #navigation a:focus { color: #fff; text-decoration: none; }
.navigation-inactive { padding-left: 0.8em; }
*/

#navigation { font-weight: bold; text-transform: uppercase; font-size: 1.2em; background: #ff9966; line-height: 1.5; margin: 1em ; }
#navigation ul { margin: 0; list-style: none; text-align: center; padding: 0; }
#navigation li { display: inline; }
#navigation a { text-decoration: none; color: #990033; padding-left: 0.8em; }
#navigation a:hover, #navigation a:focus { color: #fff; text-decoration: none; }
.navigation-inactive { padding-left: 0.8em; }

#pied { color: #fff; text-align: center; padding: 0 10.5em 1em; }
#pied a { color: #fff; font-weight: bold; text-decoration: none; }
#pied a:hover, #pied a:focus { font-weight: bold; text-decoration: underline; }
.contact { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 1.9em; }
.element-centre { text-align: center; }
.align-left { float: left; margin-right: 2em; }
.align-right { float: right; margin-left: 2em; }
.align-hp { margin-top: -21em; }
.txt-hp { text-align: center; padding-right: 24em; }
.clear { clear: both; }
.formulaire { background-color: #ffab00; width: 30em; height: 60em; }