/* Réalisation e-Lixir */

/***** STRUCTURE GENERALE *****/
*       { margin: 0; padding: 0; }
BODY    { background: #FFF; font-family: Arial, sans-serif; font-size: 13px; color: #000; }
A       { text-decoration: none; color: #9F0038; outline: none; }
A:hover { }
IMG     { border:none; vertical-align:middle; }
UL,LI   { list-style: none; }

/***** GLOBAL *****/
#global { position:relative; left:50%; width: 900px; margin-left: -450px; padding: 20px 0 0 0; }
HTML>BODY>#global { }

/***** HEADER *****/
#header  { background: #FFF; padding: 5px 0 0 0; text-align: right; }

#header A#logo, #header A#accueil, #header A#sitemap, #header A#recherche { display: block; float: left; font-size: 0px; line-height:0px; text-indent: -10000px; text-decoration: none; height: 46px; color: #FFF; }
#header A#logo      { width: 701px; background: url(../pics/charte/bg-header.jpg) left top no-repeat;  }
#header A#accueil   { width: 53px;  background: url(../pics/charte/btn-accueil.gif) left top no-repeat; }
#header A#sitemap   { width: 80px;  background: url(../pics/charte/btn-plan.gif) left top no-repeat; }
#header A#recherche { width: 66px;  background: url(../pics/charte/btn-search.gif) left top no-repeat; }
#header #flash-header { height: 187px; }

/***** MENU *****/
#menu    { position: relative; height: 32px; padding: 0 0 0 0; background: #FFF url(../pics/charte/bg-menu.jpg) top left repeat-x; list-style: none;}
#menu LI { float: left; text-align: center; text-transform: uppercase; font-size: 10px; position: relative; }
#menu A  { display: block; float: left; color: #000; padding: 10px 0 0 0; height: 21px; width: 126px; border-left: 1px solid #ACA7AA; border-right: 1px solid #FFF; }
#menu A:hover{ color: #FFF; text-decoration: none; background: #857F80 url(../pics/charte/bg-menu-on.jpg) top left repeat-x; }
#menu LI.last A { border-right: none; width: 129px; }
#menu LI UL { position: absolute; top: 33px; width: 170px; left: 0; }
#menu LI UL LI { float: none; width: 100%; text-align: left; text-transform: none; font-size: 12px; }
#menu LI UL LI A { float: none; padding: 0 0 0 0; width: 150px; height: 18px; background: #7E7E7E; color: #FFF;  margin: 0 0 1px 0; border: none; padding: 4px 10px 0 10px; }
#menu LI UL LI A:hover { background: #9E9E9E;  }

/***** SOUSMENUS *****/
#ssmenu-actions { margin: 0 0 0 0 !important; text-align: center;!important }
#ssmenu-actions LI { float: left; text-align: center; text-transform: uppercase; font-size: 12px; color: #000; list-style: none !important; padding: 0 5px 0 0;  }
#ssmenu-actions A  { display: block; float: left; background: #AAAAAA; text-decoration: none!important; color: #FFF!important; padding: 7px 0 0 0; height: 20px; width: 222px; font-weight: bold; }
#ssmenu-actions A:hover    { background: #9F0038; color: #FFF; text-decoration: none; }
#ssmenu-actions LI.last { padding: 0 !important; }
#ssmenu-actions LI.last A  { margin: 0 0 0 0 !important; width: 220px!important; }
#ssmenu-actions LI.actif A { background: #9F0038; color: #FFF; text-decoration: none; }

/***** CONTENU *****/
#content    { margin: 35px 0 0 0; }
#article    { float: left; width: 674px; margin: 0 21px 0 0; }
#article H1 { background: #9F0038; text-transform: uppercase; color: #FFF; font-weight: normal; font-size: 20px; padding: 3px 0 2px 20px; margin: 0 0 5px 0; }
#article H2 { clear: both; font-size: 18px; color: #000; margin: 25px 0 5px 0; }
#article H2 A { color: #000 !important; text-decoration: none; }
#article H2 A:hover { text-decoration: underline; }
#article H3 { clear: both; font-size: 14px; color: #000; margin: 15px 0 0px 0; }
#article P  { margin: 0 0 15px 0; text-align: justify; }
#article UL { margin: 10px 0 10px 30px; text-align: justify; }
#article LI { list-style: url(../pics/charte/puce-article.gif); margin-bottom: 5px; }
#article .more { background: #FFF url(../pics/charte/more-article.gif) top left no-repeat; float: right; text-indent: 42px; color: #000; font-weight: bold; text-transform: uppercase; font-size: 12px; margin: 0 0 0 0; }
#article .more A { color: #000; text-decoration: none;  }
#article .more A:hover { color: #9F0038; text-decoration: underline;  }
#article A { color: #898989; text-decoration: underline; }
#article A:hover { color: #9F0038; }
.imgLeft { float: left; margin: 0 15px 40px 0; }
#illustration { float: left; width: 210px; margin: 28px 15px 15px 0; height: 150px; }
#texteArticle { float: left; width: 445px; }

.archGauche { float:left; width: 226px; padding: 25px 0 10px 0; }
.archDroite { float:left; width: 435px; padding: 26px 0 10px 0; }
.archDroite A { color: #9F0038 !important; text-decoration: underline !important; font-weight: bold; }

/***** COLONNE DROITE *****/
#colDroite { float: left; width: 204px; }
#colDroite H2 { clear: both; background: #000; color: #FFF; text-transform: uppercase; padding: 5px 0 5px 13px; font-size: 16px; margin: 0 0 2px 0;  }
#colDroite H3 { clear: both; background: #E95D0F; color: #FFF; text-transform: uppercase; padding: 3px 0 3px 13px; font-size: 12px; margin: 0 0 5px 0; }
#colDroite H3 A { color: #FFF !important; text-decoration: none; }
#colDroite H4 { clear: both; background: #FFF url(../pics/charte/bg-h4-colDroite.gif) top left no-repeat; text-indent:15px; color: #000; text-transform: uppercase; padding: 0 0 3px 0; font-size: 12px; margin: 0 0 2px 0; }
#colDroite H4 A { color: #000 !important; text-decoration: none; }
#colDroite H4 A:hover { text-decoration: underline; }

#colDroite P  { margin: 0 0 10px 0; font-size: 12px; color: #898989;   }
#colDroite P A { text-decoration: none; }
#colDroite .more { background: #FFF url(../pics/charte/more-colDroite.gif) top left no-repeat; float: right; text-indent: 42px; color: #000; font-weight: bold; text-transform: uppercase; font-size: 12px;  margin: 0 0 15px 0;  }
#colDroite .more A { color: #000; text-decoration: none;  }
#colDroite .more A:hover { color: #E95D0F; text-decoration: underline;  }
#colDroite A { color: #898989; text-decoration: underline; }
#colDroite A:hover { color: #000; }

/***** FORMULAIRE(S) *****/
#search       { padding: 40px 0 0 0; }
#search P#expression { float: left; width: 270px; line-height: 30px; }
#search P#liste { float: left; width: 250px; padding: 38px 0 0 0; line-height: 20px; }
#search P#subm { float: right; width: 135px; padding: 110px 0 0 0; }
#search LABEL.legende { display: block; font-weight: bold; width: 300px; text-align: left; padding: 0 0 10px 0; }
#search INPUT { width: 200px; padding: 1px 2px 2px 2px; margin: 0 20px 0 0; border: 1px solid #333; vertical-align: middle; }
#search INPUT.chk { width: auto !important; border: none !important; vertical-align: middle; margin: 0 !important; }
#search INPUT.bouton { padding: 3px 0 3px 0 !important; width: 135px !important; margin: 0 0 0 0 !important; background: #B8B6B7; color: #FFF; border: none; cursor: pointer; }

/***** TABLEAU(X) *****/
#liensUtiles { width: 100%; margin: 50px 0 0 0; }
#liensUtiles TD { padding: 2px 0 2px 0; }
#liensUtiles TD.entete { width: 70%; color: #898989; }
#liensUtiles TD.lien { width: 39%; }
#liensUtiles A { color: #000; font-weight: bold; text-decoration: none;}
#liensUtiles A:hover { color: #9F0038; }


/***** FOOTER *****/
#footer   { margin: 40px 0 10px 0; text-transform: uppercase; color: #434343; font-size: 10px; text-align: center; }
#footer P { margin: 20px 0 0 0; }
#footer A { color: #898989; text-decoration: none; }
#footer A:hover { color: #9F0038; }

/***** CLASSES *****/
.chemin   { clear: both; margin: 0 0 30px 0; padding: 30px 0 0 0; font-weight: bold;  }
.chemin A { color: #9F0038 !important; text-decoration: none !important; }
.chemin A:hover { color: #9F0038 !important; text-decoration: underline !important; }
.spacer  { font-size: 0px; height: 0px; line-height: 0px; clear: both; }
.rouge   { color: #9F0038; }
.knowMore { margin: 20px 0 10px 0 !important; height: 23px; background: url(../pics/charte/more-btn.png) left top no-repeat; }
.archive LI { list-style: url(../pics/charte/puce-archive.gif)!important;  line-height: 18px; margin: 0 40px 5px 0; text-align: left;  }
.ligne   { clear: left; border-bottom: 1px solid #CFCFCF; line-height: 1px; padding: 20px 0 0 0;}
.small { font-size: 0.8em !important; }
.center { text-align: center !important; }
.alert { padding: 5px; color: #C00; border: 1px solid #C00; text-align: center !important; }