body            { font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #86b50d; margin-top: 0; padding-top: 0 }
h1 { color: #78a012; font-size: 0.5em; text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; position: relative; bottom: 50px; border: solid 1px #eefeca }
strong { color: #065424 }
#fond      { background-image: url(images/fond.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 980px; height: 930px }
#fond2     { background-image: url(images/fond2.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 980px; height: 930px }
#video  { position: absolute; top: 150px; left: 100px; width: 150px; height: 100px; border: solid 1px #000 }
/*corps*/
#haut   { background-image: url(images/fond-haut.jpg); background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; width: 970px; height: 92px }
#milieu  { background-image: url(images/fond-milieu.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 970px; height: 385px }
#bas  { background-image: url(images/fond-bas.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 970px; height: 380px }
.ligne-pied  { margin: 0 auto; padding-top: 0; padding-bottom: 0; width: 65%; clear: left }
.ligne-pied a { color: #86b50d; text-decoration: none }
.ligne-pied li { color: #86b50d; font-size: 0.8em; list-style-type: none; padding-bottom: 0.3em; padding-left: 0.3em; float: left }
.marge-gauche-pied { margin-left: 6em }
.marge-gauche-bas { margin-left: 4em }
/*corps2*/
#haut   { background-image: url(images/fond-haut.jpg); background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; width: 970px; height: 92px }
#milieu2       { background-image: url(images/fond-milieu-page2.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; padding-top: 0; width: 970px; height: 650px }
#gauche { margin: 0; padding: 0; float: left }
.video   { margin-top: 0; margin-bottom: 0; margin-left: 6em; padding-top: 0.5em; padding-bottom: 0.5em }
#presentation       { color: #fff79c; font-size: 0.8em; background-image: url(images/fond-presentation.png); background-repeat: no-repeat; margin-top: 0; margin-right: 2em; margin-left: 5em; width: 260px; height: 530px }
#presentation p    { margin-top: 0; padding-top: 6em; padding-right: 2em; padding-left: 2em }
#presentation1      { color: #fff79c; font-size: 0.8em; background-image: url(images/fond-presentation1.png); background-repeat: no-repeat; margin-top: 5em; margin-right: 2em; margin-left: 0; width: 260px; height: 530px; float: left }
#presentation1 p    { margin-top: 0; padding-top: 6em; padding-right: 2em; padding-left: 2em }
#presentation1 ul  { margin-right: 0; margin-left: 0; padding-right: 2em; padding-left: 2.5em }
#presentation1 li  { margin-bottom: 1em }
#presentation2    { color: #fff79c; font-size: 0.8em; background-image: url(images/fond-presentation2.png); background-repeat: no-repeat; margin-top: 1em; margin-left: 0; width: 260px; height: 530px; float: left }
#presentation2 p     { margin-top: 0; margin-bottom: 0; padding-top: 6em; padding-right: 2em; padding-left: 2em }
#degrade, #degrade p { background-image: url(images/degrade-milieu-page2.jpg); background-repeat: repeat-y; margin: 0 auto; padding-top: 0; padding-bottom: 0; width: 970px }
#bas2    { background-image: url(images/fond-bas-page2.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; padding-top: 9.5em; width: 970px; height: 180px }
/*variante orange*/
#presentationb       { color: #fff79c; font-size: 0.8em; background-image: url(images/fond-presentationb.png); background-repeat: no-repeat; margin-top: 0; margin-right: 2em; margin-left: 5em; width: 260px; height: 530px }
#presentationb p    { margin-top: 0; padding-top: 6em; padding-right: 2em; padding-left: 2em }
#presentation1b      { color: #fff79c; font-size: 0.8em; background-image: url(images/fond-presentation1b.png); background-repeat: no-repeat; margin-top: 5em; margin-right: 2em; margin-left: 0; width: 260px; height: 530px; float: left }
#presentation1b p    { margin-top: 0; padding-top: 6em; padding-right: 2em; padding-left: 2em }
#presentation1b ul  { margin-right: 0; margin-left: 0; padding-right: 2em; padding-left: 2.5em }
#presentation1b li  { margin-bottom: 1em }
#presentation2b    { color: #fff79c; font-size: 0.8em; background-image: url(images/fond-presentation2b.png); background-repeat: no-repeat; margin-top: 1em; margin-left: 0; width: 260px; height: 530px; float: left }
#presentation2b p     { margin-top: 0; margin-bottom: 0; padding-top: 6em; padding-right: 2em; padding-left: 2em }

/*menu*/
#menu          { margin-right: auto; margin-left: auto; padding-left: 0; width: 828px }
#menu li     { text-align: center; list-style-type: none; padding-top: 47px; width: 165px; float: left }
#menu a         { color: #fff79c; font-size: 0.9em; font-weight: bold; text-decoration: none }
.vert-fonce  { color: #065424; font-size: 0.9em; font-weight: bold; text-decoration: none; margin-top: 2px }
#menu a:hover     { color: #065424 }
/*bloc bas accueil*/
#blocs-accueil    { margin-right: auto; margin-left: auto; width: 850px; height: 300px }
#blocs-accueil h3           { color: #fff79c; font-size: 0.9em; font-family: "Trebuchet MS"; text-align: center; margin-top: 0; padding-top: 1.2em }
/*-- IMC*/
#imc  { width: 280px; height: 250px; float: left }
#imc input    { color: #fff79c; font-family: "Trebuchet MS", sans-serif; font-weight: bold; background-color: #78a012; border-style: solid; border-width: 1px; border-color: #1e580b #86b50d #86b50d #1e580b }
form   { color: #065424; font-size: 0.9em; text-align: right }
form p   { padding-top: 1em; padding-right: 1.5em }
form a  { color: #325513; font-weight: bold }

#calcul  { color: #fff79c; font-weight: bold; margin-bottom: 0.4em }
#calcul a:hover  { font-weight: bold; background-color: #fff79c; margin-bottom: 0.4em }
.jaune { color: #fff79c }
.resultat    { display: block; margin-top: 1.5em; margin-left: 7.1em }
.comprendre    { font-size: 0.9em; font-weight: bold; text-align: right; display: block }
.comprendre a { color: #065424 }
.comprendre a:hover { text-decoration: none }
.comprendre img { border-width: 0 }
/*-- coaching*/
#coaching   { width: 280px; height: 250px; float: right }
#coaching a  { color: #065424; font-weight: bold }
#coaching a:hover { text-decoration: none; padding-right: 1em}
#coaching h3 { padding-right: 1.5em }
#coaching p    { color: #065424; font-size: 0.8em; padding-top: 0.5em; padding-right: 2em; padding-left: 0.5em }
/*-- edito*/
#edito-accueil  { width: 280px; height: 250px; float: left }
#edito-accueil a { color: #065424; font-weight: bold; padding-right: 1em }
#edito-accueil a:hover { text-decoration: none; padding-right: 1em }
#edito-accueil p    { color: #065424; font-size: 0.8em; padding-top: 0.5em; padding-right: 0.8em; padding-left: 10em }
/*PAGE EDITO*/
#haut2   { background-image: url(images/fond-haut2.jpg); background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; width: 970px; height: 177px }
.milieu3   { background-image: url(images/fond-page.jpg); background-repeat: repeat-y; margin-right: auto; margin-left: auto; padding-top: 0; width: 970px }
.edito-haut   { background-image: url(images/fond-edito-h.png); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 820px; height: 38px }
.edito-milieu { background-image: url(images/edito-milieu.png); background-repeat: repeat-y; margin-right: auto; margin-left: auto; width: 820px }
.edito-milieu b  { color: #065424 }
.edito-milieu h2       { color: #ff9d00; font-size: 1.1em; font-family: "Trebuchet MS"; background-color: #065424; background-position: 0 -12px; text-align: center; margin-top: 0; padding-top: 0.1em; padding-bottom: 0.1em }
.edito-milieu h2 a { color: #ff9d00; text-decoration: none }
.edito-milieu p  { color: #fff79c; font-size: 0.8em; text-align: justify; margin-bottom: 0; padding-right: 3em; padding-left: 3em }
.edito-milieu img  { border-right: 2px solid #606060; border-bottom: 3px solid #606060 }
.milieu3 #liens { text-align: center; margin-bottom: 0; padding-right: 3em; padding-bottom: 0; padding-left: 3em }
.milieu3 #liens a  { color: #fff79c; font-size: 0.9em; margin-left: 0.3em }
.edito-bas  { background-image: url(images/fond-edito-b.png); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 820px; height: 50px }
.edito-image { margin-right: 2em; margin-bottom: 2em; float: left }
.ok   { background-image: url(images/image-edito.jpg); background-repeat: no-repeat; display: inline; margin-right: 0; padding-right: 1em; width: 21px; height: 21px }
.vert-liens  { font-size: 1em; font-weight: bold; text-decoration: none; background-color: #065424 }
.clear { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; clear: left; border: dotted 0 #065424 }
#liens a:hover { color: #065424; font-weight: bold }
/*prestas*/
#haut3     { background-image: url(images/fond-haut-presta.jpg); background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; width: 970px; height: 177px }

.presta-haut  { background-image: url(images/fond-presta-h.gif); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 820px; height: 38px }
.milieu2  { background-image: url(images/fond-milieu-page2.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; padding-top: 1em; width: 970px; height: 650px }
.milieu2 #liens a { color: #fff79c; font-size: 0.9em; margin-left: 0.3em }
.milieu2 #liens { text-align: center; margin-bottom: 0; padding-right: 3em; padding-bottom: 0; padding-left: 3em }
.presta-milieu    { background-image: url(images/presta-milieu.gif); background-repeat: repeat-y; margin-right: auto; margin-left: auto; width: 820px }
.presta-milieu em { display: block; padding-top: 0.2em; padding-right: 2em }
.presta-milieu ul ul      { font-size: 1em; list-style-image: url(images/puce-presta.gif); margin-bottom: 0; padding-top: 1em; padding-bottom: 1em; border-bottom: 1px dotted #bdbdbd }
.presta-milieu ul ul li     { text-align: justify; margin-top: 0.5em; margin-left: 0; padding-left: 0.5em }
.presta-milieu ul   { list-style-position: outside; margin-bottom: 0; margin-left: 0; padding-right: 1.5em; padding-bottom: 0; padding-left: 4em }
.presta-milieu b  { font-size: 1.1em }
.presta-milieu h2      { color: #ff9d00; font-size: 1.2em; font-family: "Trebuchet MS"; font-weight: bold; background-color: #065424; background-position: 0 -12px; text-align: center; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0.1em; padding-bottom: 0.1em; width: 805px }
.presta-milieu p { color: #fff79c; font-size: 0.8em; text-align: justify; margin-bottom: 0; padding-right: 3em; padding-left: 3em }
.presta-milieu ul   { color: #fff79c; font-size: 0.8em; text-align: justify; list-style-type: none }
.presta-bas   { background-image: url(images/fond-presta-b.gif); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 820px; height: 50px }
.titre { text-align: left }
.marge-haut  { padding-top: 1em }
.presta-milieu p { margin-left: 2em }
.presta-milieu hr { color: #065424; margin-top: 0.5em; margin-bottom: 0; padding-bottom: 0; width: 85% }
.vert { color: #fff79c; background-color: #749542 }
.marge-presta li { margin-left: 5em }
.pomme { margin-bottom: 1.5em; margin-left: 1.5em; float: right }
/*tarifs*/
#tarifs   { font-size: 0.75em; background-image: url(images/partie-tarif.jpg); background-repeat: no-repeat; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 0; width: 970px; height: 680px }
#tarifs p { margin-bottom: 0; padding-bottom: 0 }
#detail hr  { margin-top: 0.5em; padding-top: 0; padding-bottom: 0; width: 50% }
#detail h2 { margin-top: 0; padding-top: 0 }
#detail p  { color: #fff79c; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-right: 2em; padding-bottom: 0 }
#detail ul { margin-top: 0.5em; margin-bottom: 0.5em }
#detail table  { margin-top: 0; margin-bottom: 0.5em; padding-top: 0; padding-bottom: 0; width: 90%; border-top: 1px solid #99ad42; border-bottom: 1px solid #749542 }
#detail  { padding-top: 2.5em; padding-right: 6em; width: 53%; float: right }
/*contact*/
#haut4 { background-image: url(images/fond-haut-contact.jpg); background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; width: 970px; height: 177px }
.gras { font-weight: bold }
.adresse   { color: #fff79c; font-size: 0.9em; margin-top: 1em; margin-left: 3em; padding-left: 3em }
.adresse li { list-style-type: none }
#formulaire    { color: #fff79c; text-align: left; margin-right: auto; margin-left: auto; width: 80% }
.edito-milieu form { margin-bottom: 0; padding-bottom: 0 }
#formulaire table  { width: 100% }
#formulaire legend  { color: #fff79c; font-weight: bold }
#formulaire fieldset    { color: #fff79c; margin-top: 1em; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em; border: solid 1px }
#formulaire input, textarea     { color: #fff79c; font-size: 1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 0.5em; scrollbar-3dlight-color: #78a012; scrollbar-arrow-color: #78a012; scrollbar-darkshadow-color: #78a012; scrollbar-face-color: #065424 ; scrollbar-track-color: #78a012  }
.centre { text-align: center }
.contour{ background-color: #78a012; border-style: solid; border-width: 1px; border-color: #1e580b #86b50d #86b50d #1e580b; }
.julia   { margin-top: 0; margin-right: 4em; margin-bottom: 1em; padding-top: 0; float: right; border: solid 1px #ff9d00 }
.clear-droite { clear: right }
#envoi{ background-color: #78a012 }
.jaune { color: #fff79c }
.corriger  { color: #000; font-size: 0.8em; font-weight: bold; margin-left: 3em }
/*IMC*/
#haut-imc { background-image: url(images/fond-haut-imc.jpg); background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; width: 970px; height: 177px }