/* ------ GLOBAL ------ */
* { margin:0; padding:0; }
BODY { background-color:#FFF; color:#000; background:url(../pics/charte/bg-top.jpg) top repeat-x; font:15px Arial, Helvetica, sans-serif; }
#wrapped { position:relative; left:50%; width:860px; margin-left:-430px; background:url(../pics/charte/bg-top.jpg) top repeat-x; }
A { color:#FE9B2E; text-decoration:none; }
A:hover { color:#000; }

/* ------ HEADER ------ */
#header { position:relative; width:858px; height:300px; background:url(../pics/charte/header-bg.jpg); }
#header-contact { position:absolute; font:bold 12px Arial, Helvetica, sans-serif; color:#b80000; float:right; top:275px; right:12px; }
H1 { width:860px; height:300px; background:url(../pics/charte/logo-in-header.jpg) left top no-repeat; }
H1 A { display:block; width:100%; height:100%; text-indent:-10000px; font-size:0; }

/* ------ MENU ------ */
MENU { clear:both; width:858px; height:42px; padding:0 0 5px 0; list-style:none; background:url(../pics/charte/bg-menu.png) top left repeat-x; }
MENU LI { float:left; position:relative; z-index:15; }
MENU A { display:block; height:42px; text-indent:-10000px; font-size:0; }
MENU A:hover { background-position:bottom left !important; }
MENU A.active { background-position:bottom left !important; }
MENU .accueil { background:url(../pics/charte/accueil.png) top left no-repeat; width:119px; }
MENU .mangez { background:url(../pics/charte/mangez-respirez-bougez.png) top left no-repeat; width:249px; }
MENU .outils { background:url(../pics/charte/outils-menu.jpg) top left no-repeat; width:187px; }
MENU .contact { background:url(../pics/charte/contact.jpg) top left no-repeat; width:110px; }
/* MENU .evaluations { background:url(../pics/charte/evaluations.png) top left no-repeat; width:156px; } */
MENU .qui { background:url(../pics/charte/qui-sommes-nous-menu.png) top left no-repeat; width:193px; }

MENU LI UL { position:absolute; list-style:none; top:41px; left:0; width:200px; padding:0 8px 12px 0; background:url(../pics/charte/bg-ss-menu.png) bottom right no-repeat!important; border-top:5px solid #fff; }
MENU LI UL LI { width:190px; padding:2px 5px 0 7px; }
MENU LI UL LI A { display:block!important; float:left; height:auto!important; text-indent:0px!important; font-size:13px!important; }
MENU LI UL LI A:hover { background:url(../pics/charte/pomme2.png) top right no-repeat; display:block!important; float:left; height:auto!important; text-indent:20px!important; font-size:13px!important; color:#000; }
MENU LI UL LI A.active { background:url(../pics/charte/pomme2.png) top right no-repeat; display:block!important; float:left; height:auto!important; text-indent:20px!important; font-size:13px!important; color:#3A96E0; }

/* ------ CONTENUS ------ */
#content { position:relative; overflow:hidden; width:858px; text-align:justify; }
H2 { font-size:0; text-indent:-10000px; margin:0 0 0 0; }
H3 { height:62px; margin-bottom:20px; font-size:0; text-indent:-10000px; }

/* ------ TITRES ------ 
DIV#content H2 { background-image:url(../pics/img-interne.jpg); height:200px; position:relative; z-index:10; }
DIV#content H2.mangezImg { background-image:url(../pics/img-interne-mangez.jpg); height:210px; }
DIV#content H2.conferencesImg { background-image:url(../pics/img-interne-conferences.jpg); height:210px; }
DIV#content H2.defisImg { background-image:url(../pics/img-interne.jpg); height:210px; }
DIV#content H2.depistageImg { background-image:url(../pics/img-interne.jpg); height:200px; }
DIV#content H2.newsletterImg { background-image:url(../pics/img-interne-newsletter.jpg); height:210px; }
DIV#content H2.restaurantImg { background-image:url(../pics/img-interne-restaurant.jpg); height:210px; }
DIV#content H2.consultationsImg { background-image:url(../pics/img-interne-consultations.jpg); height:210px; }
DIV#content H2.evaluationsImg { background-image:url(../pics/img-interne-mangez.jpg); height:210px; } */
DIV#content H2.atelierdietImg { background-image:url(../pics/img-interne-consultations.jpg); height:200px; position:relative; z-index:10; }
DIV.mangez H3 { background-image:url(../pics/charte/mangez-respirez-bougez-en-entreprise.jpg); }
DIV.conferences H3 { background-image:url(../pics/charte/conferences-inside.jpg); }
DIV.consultations H3 { background-image:url(../pics/charte/consultations-inside.jpg); }
DIV.evaluations H3 { background-image:url(../pics/charte/evaluations-inside.jpg); }
DIV.qui H3 { background-image:url(../pics/charte/qui-inside.jpg); }
DIV.contact H3 { background-image:url(../pics/charte/formulaire-de-contact.jpg); }
DIV.auto H3 { background-image:url(../pics/charte/formulaire-auto-evaluation.jpg); } 
DIV.result H3 { background-image:url(../pics/charte/resultat-auto-evaluation.jpg); }     
H3.coordonnees { background-image:url(../pics/charte/coordonnees.jpg); }
DIV.legal H3 { background-image:url(../pics/charte/mentions-legales.jpg); }
DIV.training H3 { background-image:url(../pics/charte/training-nutrition.jpg); }
DIV.sitemap H3 { background-image:url(../pics/charte/sitemap.jpg); }
DIV.partenaires H3 { background-image:url(../pics/charte/partenaires.jpg); }
DIV.recrutement H3 { background-image:url(../pics/charte/recrutement.jpg); }
DIV.newsletter H3 { background-image:url(../pics/charte/newsletter.jpg); }
DIV.marches H3 { background-image:url(../pics/charte/marches.jpg); }
DIV.stand H3 { background-image:url(../pics/charte/stand.jpg); }
DIV.depistage H3 { background-image:url(../pics/charte/depistage.jpg); }
DIV.defis H3 { background-image:url(../pics/charte/defis.jpg); }
DIV.atelierdiet H3 { background-image:url(../pics/charte/atelierdiet.jpg); }


/* ------ HOME ------ 
.home H2 { background:url(../pics/charte/bandeau-home.jpg) top left no-repeat!important; } */
.encartHome    { position:relative; float:left; width:260px; height:394px; margin-top:26px; overflow:hidden; text-align:left; }
.encartHome H2 { background:url(../pics/charte/bandeau-home.jpg) top left no-repeat!important; margin-bottom:25px!important; height:200px!important; }
.encartHome H3 { height:27px; margin-bottom:26px; border-bottom:1px solid #F2EEEC; text-indent:-10000px; font-size:0; }
.encartHome H4 { font-size:17px; margin:0 0 10px 0; padding:5px 0 0 0; text-transform:uppercase; color:#FF5400; font-weight:normal; }
.encartHome P  { margin:0 0 10px 0; }

#nous {  padding:6px 14px 0 0; border-right:1px solid #F2EEEC; }
#nous H3 { background:url(../pics/charte/vitamine-d.jpg) top left no-repeat; }
#nous H4 { color:#FE9B2E; }

#mangezCenter { padding:6px 14px 0 14px; border-right:1px solid #F2EEEC; }
#mangezCenter H3 { background:url(../pics/charte/mangez.jpg) top left no-repeat; }
#mangezCenter H4 { color:#37A9E1; }
#mangezCenter A.more { left:14px; background:url(../pics/charte/button-plus-bleu.jpg) left top no-repeat; }

#services { width:260px; height:394px; padding:6px 0 0 19px; font-size:12px; }
#services H3 { background:url(../pics/charte/nos-outils.jpg) top left no-repeat; }

#services A { display:block; height:100px; color:#000; }
#services IMG { float:left; margin-right:15px; }
#services STRONG.h4, #services Q, #services SPAN { display:block; }
#services STRONG.h4 { margin:0 0 10px 0; padding:5px 0 0 0; color:#FE9B2E; font-size:14px; text-transform:uppercase; font-weight:normal; }
#services SPAN { font-size:12px; }

A.more { position:absolute; bottom:30px; left:0; display:block; width:99px; height:35px !important; line-height:35px; text-align:center; color:#FFF !important; background:url(../pics/charte/button-plus.jpg) left top no-repeat; }
A.more:hover { color:#000 !important; }

/* ------ GENERAL CONTENT INSIDE ------ */
#content UL { list-style:square; margin:10px 0 20px 35px; }
#content OL { list-style:decimal; margin:10px 0 20px 35px; }
#content LI { line-height:18px; }
.lQui { display:block; float:left; width:650px; }
.lQuiPhoto { display:block; float:left; width:100px; padding-left:20px; }
.lQuiPhoto img { padding-bottom:15px;}
.orange { color:#FF5400 !important; }
.vert { color:#86E216 !important; }
.bleu { color:#37A9FF !important; }
.white { color:#FFFFFF !important; }
.cadre { background:#36A9DF; text-align:center !important; padding:15px 20px 15px 20px !important; font-weight:bold !important; color:#FFF !important; }
.cadre A { color:#FFF !important; }
.cadre A:hover { text-decoration: underline; }
.retour { font-size:12px; padding:0 0 10px 0 !important; }
.conf A { color:#000; }
.conf A:hover { color:#FF5400; }
#text { padding-right:20px; }
#text P { margin: 0 0 10px 0;  }
#text LI { margin: 0 0 5px 0;  }
#text p.smallText { font:italic 12px Arial, Helvetica, sans-serif; }
#text p.boldText  { font:bold 15px Arial, Helvetica, sans-serif; }
#text H4 { font-size:15px; margin-top:15px; text-transform:uppercase; color:#000000; }
/*#text H4.conferencesPage { font-size:15px; margin-top:15px; text-transform:uppercase; color:#86E216; }*/

#accompagnement { cursor:pointer; color:#FE9B2E; }
#accompagnement1 { cursor:pointer; color:#FE9B2E; }
#accompagnement2 { cursor:pointer; color:#FE9B2E; }
#accompagnement3 { cursor:pointer; color:#FE9B2E; }
#accompagnement4 { cursor:pointer; color:#FE9B2E; }
#accompagnement5 { cursor:pointer; color:#FE9B2E; }
#accompagnement6 { cursor:pointer; color:#FE9B2E; }
#accompagnement7 { cursor:pointer; color:#FE9B2E; }
#accompagnement8 { cursor:pointer; color:#FE9B2E; }
#accompagnement9 { cursor:pointer; color:#FE9B2E; }
#accompagnement10 { cursor:pointer; color:#FE9B2E; }
#accompagnement11 { cursor:pointer; color:#FE9B2E; }
#accompagnement12 { cursor:pointer; color:#FE9B2E; }
#accompagnement13 { cursor:pointer; color:#FE9B2E; }
#accompagnement14 { cursor:pointer; color:#FE9B2E; }
#accompagnement15 { cursor:pointer; color:#FE9B2E; }
#accompagnement16 { cursor:pointer; color:#FE9B2E; }


/* ------ FORMULAIRES ------ */
INPUT, SELECT, TEXTAREA { font-family:Arial, Helvetica, sans-serif; font-size:14px; }
TD { border-bottom:1px solid #CCCCCC; padding:5px; }
.col1 { width:560px; }
.puce { text-align:center; width:60px; }
.pucePlus { text-align:center; font:italic 12px Arial, Helvetica, sans-serif; }
DIV.result form { width:580px; }
DIV.result form { padding:10px 0 10px 0; }

/* ------ CONTACT ------ */
#textForm H4 { font-size:15px; margin-top:15px; text-transform:uppercase; color:#FF5400; }
#textForm p.boldText  { font:bold 15px Arial, Helvetica, sans-serif; }
#textForm p.smallText { font:italic 12px Arial, Helvetica, sans-serif; }
.lineText h4 { font:15px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FF5400; padding-bottom:5px; }
.lineTextBis { font:15px Arial, Helvetica, sans-serif; color:#000; padding-bottom:5px; }
#contactForm1 LABEL { display:block; }
#contactForm2 LABEL { display:block; }
#contactForm3 LABEL { display:block; }
#contactForm4 LABEL { display:block; }
#contactForm5 LABEL { display:block; }
#contactForm6 LABEL { display:block; }
#contactForm7 LABEL { display:block; }
#contactForm8 LABEL { display:block; }
#contactForm9 LABEL { display:block; }
#contactForm10 LABEL { display:block; }
#contactForm11 LABEL { display:block; }
#contactForm12 LABEL { display:block; }
#contactForm13 LABEL { display:block; }
#contactForm14 LABEL { display:block; }
#contactForm15 LABEL { display:block; }
#contactForm16 LABEL { display:block; }
#form-left { font:15px Arial, Helvetica, sans-serif; width:270px; float:left; padding-bottom:40px; }
#form-left label { color:#FF5400; }
#form-left input { margin:5px 0 5px 0; border:1px solid #c5c4c0; }
#form-right { font:15px Arial, Helvetica, sans-serif; width:340px; float:left; padding-bottom:30px; }
#form-right label { color:#FF5400; }
#form-right textarea { width:340px; height:106px; margin:5px 0 5px 0; border:1px solid #c5c4c0; }
.effacez { background:url(../pics/charte/effacez.png) no-repeat; width:66px; height:39px; line-height:39px; text-align:center; float:right; bottom:0px; left:0; }
.effacez a { color:#FFF; }
.effacez a:hover { color:#000; }
.envoyez { background:url(../pics/charte/envoyez.png) no-repeat; width:78px; height:40px;line-height:40px; text-align:center; float:right; bottom:0px; left:0; }
.envoyez a { color:#FFF; }
.envoyez a:hover { color:#000; }
.validez { background:url(../pics/charte/envoyez.png) no-repeat; width:78px; height:40px;line-height:40px; text-align:center; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; }
.validez a { color:#FFF; }
.validez a:hover { color:#000; }

/* ------ FOOTER ------ */
#footer   { height:74px; margin-top:20px; padding-top:20px; background:url(../pics/charte/bg-footer.jpg) no-repeat; clear:both; }

/* ------ SURDEFINITIONS GENERIQUES ------ */
Q:before, Q:after { content:""; }
A IMG { border:none; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.center { text-align:center !important; }
.uppercase { text-transform:uppercase;!important; }
.justify { text-align:justify !important; }
.clear { clear:both; }
.spacer { clear:both; height:0; font-size:0px; }
.l { float:left; }
.r { float:right; }

/* ------ PROVISOIRE ------ */
.rouge { background:#F00000; font-weight:bold !important; color:#FFF !important; }
.fond { background:#F00000; text-align:padding:15px 20px 15px 20px !important; font-weight:bold !important; color:#FFF !important;  }