/* ------ GLOBAL ------ */
* { margin:0; padding:0; }
BODY { background-color: #FFF; color: #000; font: 15px Arial, Helvetica, sans-serif; }
#wrapped {  }
A { color: #FF5400; text-decoration: none; }
A:hover { color: #000; }

/* ------ HEADER ------ */
#header { display: none; }
#header-contact { display: none; }
H1 { display: none; }
H1 A { display: none; }

/* ------ MENU ------ */
MENU { display: none; }

/* ------ CONTENUS ------ */

H2 { display: none; }
H3 { height: 62px; margin-bottom: 20px; }

/* ------ TITRES ------
DIV#content H2 { background-image: url(../pics/img-interne.jpg); height: 210px; }
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); } */

/* ------ HOME ------ */
DIV.home { padding-right: 0 !important; }
DIV.home H2 { background-image: url(../pics/img-center.jpg)!important; height: 270px!important; }
DIV.home H3 { height: 30px; margin-bottom: 30px; }
DIV.home H4 { font-size: 15px; margin-top: 15px; text-transform: uppercase; color: #FF5400; }
#conferences, #nous, #services { position: relative; float: left; overflow: hidden; width: 270px; height: 430px; }
#nous { width: 253px; margin: 0 30px; }
#conferences H3 { background-image: url(../pics/charte/conferences.jpg); }
#nous H3 { background-image: url(../pics/charte/qui-sommes-nous.jpg); }
#nous IMG { margin: 20px 0; }
#services H3 { background-image: url(../pics/charte/nos-services.jpg); }
#services A { display: block; height: 100px; color: #000; }
#services IMG { float: left; margin-right: 15px; }
#services STRONG, #services Q, #services SPAN { display: block; }
#services STRONG { color: #FF5400; font-size: 15px; text-transform: uppercase; }
#services SPAN { font-size: 12px; }
A.more { position: absolute; bottom: 0; left: 0; display: block; width: 99px; height: 37px !important; line-height: 37px; 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: 0 0 20px 35px; }
#content LI { line-height: 18px; }
.orange { color: #FF5400 !important; }
.cadre { background: #FF5400; text-align: center !important; padding: 15px 20px 15px 20px !important; font-weight: bold !important; color: #FFF !important;  }
.retour { font-size: 12px; padding: 0 0 10px 0 !important; }
.conf A { color: #000; }
.conf A:hover { color: #FF5400; }
#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: #FF5400; }

/* ------ FORMULAIRES ------ */
INPUT, SELECT, TEXTAREA { font-family: Arial, Helvetica, sans-serif; font-size:14px; }
TD { padding-bottom: 5px; }
.col1 { width: 580px; }
.puce { width: 40px; }

/* ------ 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; }
#contactForm LABEL { display: none; }
#form-left { display: none; }
#form-left label { color: #FF5400; }
#form-left input { margin:5px 0 5px 0; border: 1px solid #c5c4c0; }
#form-right { display: none; }
#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; float: right; margin-right: 160px; margin-top: 10px; margin-bottom: 10px; }
.validez a { color: #FFF; }
.validez a:hover { color: #000; }

/* ------ FOOTER ------ */
#footer   { display:none; }

/* ------ 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; }
.justify { text-align: justify !important; }
.clear { clear: both; }
.spacer { clear: both; height: 0; font-size: 0px; }
.l { float: left; }
.r { float: right; }