/* ---- Css By e-Lixir ---- */
/* ---- Elements généraux ---- */
*          { margin:0; padding:0; }
HTML, BODY { height:100%; }
BODY       { background:#E7E4E3; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000; }
TABLE      { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000; }
IMG        { border:none; }
TEXTAREA   { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000; }
INPUT      { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
SELECT     { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
A          { text-decoration:none; color:#2B85BB; }
A:hover    { text-decoration:underline; }

/* ---- Zone:Centre ---- */
#centre { position:absolute; width:895px; left:50%; margin-left:-447px; background:#FFF; }

/* ---- Zone:Global ---- */
#global { height:500px; background:url(../pics/charte/bg-global.gif) top left repeat-y; padding:0 5px 0 10px; float:left; width:880px; }
HTML>BODY>#centre #global { min-height:500px; height:auto; }

/* ---- Zone:Header ---- */
#header      { clear:right; }
#header H1   { width:176px; height:142px; float:left; background:url(../pics/charte/bg-header-h1.gif) center left no-repeat; }
#header H1 A { display:block; width:145px; height:142px; text-indent:-10000px; text-decoration:none !important; font-size:0px; margin:0 0 0 20px; }
#header IMG  { float:left; }

#header UL#menu    { margin:0 0 0 0 !important; clear:both; height:35px; list-style:none; background:url(../pics/charte/bg-menu.gif) top left repeat-x; padding:0 0 0 10px; position:relative; z-index:1000; }
#menu LI           { float:left; position:relative; }
#menu LI A         { display:block; float:left; text-align:center; height:26px; padding:9px 40px 0 40px; font-size:12px; color:#FFF; font-weight:bold; }
#menu LI A:hover   { text-decoration:none; background:url(../pics/charte/bg-menu-a-hover.gif) top center no-repeat; }
#menu LI A.active  { background:url(../pics/charte/bg-menu-a-hover.gif) top center no-repeat; }
#menu LI.long A    { height:30px; padding-top:6px; line-height:12px; }

#menu UL         { background:#FFF; z-index:1000; margin:0 0 0 0; list-style:none; position:absolute; top:35px; left:0; width:210px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; }	
#menu UL LI      { height:auto; margin:0 5px 0 5px; border-bottom:1px dotted #000 }
#menu UL A       { color:#000; text-align:left; width:200px; height:auto!important; font-size:11px; font-weight:normal; padding:5px 0 5px 0; }
#menu UL LI.last { border-bottom:none; }
#menu UL A:hover { font-weight:bold; }	

/* ---- Zone:Contenu ---- */
#contenu                           { height:358px; padding:30px 0 20px 0; float:left; width:880px; background:url(../pics/charte/bg-colonneG.gif) top left no-repeat; }
HTML>BODY>#centre>#global #contenu { min-height:358px; height:auto; }

/* ---- Zone:Home ---- */
#contenu.home { background:none; }
#homeLeft { float:left; width:370px; margin:20px 0 0 0; padding:0 0 0 20px; position:relative; }
#homeLeft H1 { color:#003399; font-size:17px; text-indent:15px; }
.homeActu { background:#F7F5F4; border:1px solid #E8E6E4; margin-top:40px; padding:30px 30px 30px 30px; }
.homeActu H2 { font-size:13px; color:#FFB516; margin:0 0 10px 0; }
.homeActu P { margin:0 0 10px 0; line-height:18px; }
#homeRight { float:right; width:445px; padding:0 30px 0 0; }
#flags { padding: 20px 0 0 8px; }
#flags A { displa:block; float:left; width:62px; height:50px; margin:0 10px 0 0; font-size:0; text-indent:-9000px; }
#flags A:hover { background-position:bottom left; }
#belgianFlag { background:url(../pics/belgianFlag.png) top left no-repeat; }
#frenchFlag { background:url(../pics/frenchFlag.png) top left no-repeat; }
#germanFlag { background:url(../pics/germanFlag.png) top left no-repeat; }
#italianFlag { background:url(../pics/italianFlag.png) top left no-repeat; }
#spanishFlag { background:url(../pics/spanishFlag.png) top left no-repeat; }

/* ---- Zone:Colonne de gauche ---- */
#colonneG                          { width:190px; float:left; padding:10px 10px 150px 15px; }
#colonneG H2                       { font-size:16px; color:#FFB61B; margin:-10px 0 17px 0; font-weight:bold; } 
#colonneG H2 A                     { color:#FFB61B !important; } 
#colonneG P                        { margin:0 0 10px 0; line-height:16px; }
#colonneG H3                       { color:#46A81A; margin-bottom:15px; }
#colonneG UL                       { margin:0 0 0 0; }
#colonneG UL LI                    { margin:0 0 5px 0; }
#colonneG UL#sous-menu             { list-style:none;}
#colonneG UL#sous-menu LI          { margin:0 0 5px 0; background:url(../pics/charte/bg-li-sous-menu.gif) top left no-repeat; padding:0 0 0 14px; }
#colonneG UL#sous-menu LI UL       { list-style:none; margin:5px 0 10px 0; }
#colonneG UL#sous-menu LI UL LI    { font-size:11px; background:url(../pics/charte/bouton-puce-taupe.gif) top left no-repeat;  }
#colonneG UL#sous-menu LI UL LI A:hover { font-weight:normal; }
#colonneG UL#sous-menu LI A:hover  { font-weight:bold; text-decoration:none; }
#colonneG UL#sous-menu LI A.active { font-weight:bold; }
#colonneG UL#sous-menu LI A.active { font-weight:bold !important; }

/* ---- Zone:Article (Mode 3 colonnes et 2 colonnes) ---- */
#article                                       { float:left; width:444px; }
#article-grand                                 { float:left; width:619px; }
#article H2, #article-grand H2                 { font-size:16px; color:#8B7A70; margin:0 30px 17px 10px; } 
#article H2 A, #article-grand H2 A             { color:#8B7A70; } 
#article H3, #article-grand H3                 { font-size:13px; color:#FFB516; margin:15px 32px 10px 12px; }
#article H3 A, #article-grand H3 A             { color:#FFB516; text-decoration:underline; }
#article H3 A:hover, #article-grand H3 A:hover { text-decoration:none; }
#article H4, #article-grand H4                 { font-size:12px; color:#000; margin:0 32px 10px 12px; }
#article P , #article-grand P                  { margin:0 32px 10px 12px; line-height:16px; text-align:justify; }
#article UL, #article-grand UL                 { list-style:disc; margin:10px 0 10px 47px; }
#article OL, #article-grand OL                 { margin:10px 0 10px 47px; }
#article LI, #article-grand LI                 { margin:5px 32px 5px 0; line-height:16px; text-align:justify; }

/* ---- Zone :Fieldset dans la zone Article ---- */
#article FIELDSET.plein, #article-grand FIELDSET.plein               { border:1px solid #FFB516; padding:15px 20px 10px 0; margin:15px 0 20px 0; }
#article FIELDSET.plein H2, #article-grand FIELDSET.plein H2         { margin:0 29px 9px 19px !important; }
#article FIELDSET.plein LEGEND, #article-grand FIELDSET.plein LEGEND { padding:0 10px 0 10px; margin:0 0 0 10px; font-weight:bold; font-size:13px; color:#000; }

/* ---- Formulaire ---- */
FORM#contact          { margin: 25px 0 0 0; }
#contact P            { clear: both; }
#contact LABEL        { display: block; float: left; width: 195px; }
#contact INPUT        { width: 200px; padding: 1px; }
#contact TEXTAREA     { width: 395px; padding: 1px; overflow: auto; height: 180px; }
#contact INPUT.bouton { width: 100px; height: 21px; background: url(../pics/charte/bouton-envoyer.gif) top left no-repeat; border: none; font-weight: bold; cursor: pointer; }

/* ---- Zone:Colonne de droite ---- */
#colonneDr            { width:170px; height:290px; float:left; padding:0 0 0 20px; }
HTML>BODY>#centre>#global>#contenu #colonneDr { min-height:290px; height:auto; } 

#colonneDr H2    { font-size:16px; color:#8B7A70; margin:0 15px 17px 15px; }
#colonneDr P     { padding:0 15px 0 15px; margin-bottom:15px; }
#colonneDr UL    { margin:0 0 0 30px; }
#colonneDr UL LI { line-height:16px; margin:5px 0 5px 0; }

/* ---- Zone:Footer ---- */
#footer      { clear:both; height:78px; background:#FFF url(../pics/charte/bg-footer.gif) top left no-repeat; padding:2px 7px 0 12px; }
#footer UL   { border:1px solid #DAE0E6; padding:25px 0 25px 10px; background:url(../pics/bg-footer.jpg) center right no-repeat; }
#footer LI   { display:inline; color:#737373; font-size:11px; }	
#footer LI A { color:#737373; }

/* ---- Zone:Images flottantes ---- */ 
.imgGauche { float:left; margin:0 10px 10px 0;  }
.imgDroite { float:right; margin:0 0 10px 10px; }

/* ---- Autres styles ---- */ 
A.plus        { display:block; margin:5px 10px 10px 0; background:url(../pics/charte/bg-li-sous-menu.gif) top left no-repeat; width:auto; padding:0 0 0 14px; } 
A.pdf         { display:block; float:right; margin:5px 10px 15px 0; background:url(../pics/charte/pdf.gif) top left no-repeat; width:120px; padding:6px 0 0 25px; }
A.puce        { display:block; margin:5px 0 15px 0; background:url(../pics/charte/bg-a-plus.gif) top left no-repeat; width:auto; padding:6px 0 0 25px; }
A.haut        { display:block; margin:5px 30px 5px 0; background:url(../pics/charte/bg-a-haut.gif) top left no-repeat; width:auto; padding:0 0 0 19px; }
.spacer       { clear:both; }
P.annotations { font-size:0.9em; font-style:italic; }

.centre { text-align:center !important; }
.droit  { text-align:right !important; }
.gauche { text-align:left !important; }
.left   { float:left; }
.right  { float:right; }
.sousTitre { font-style:italic; color:#666; font-size:10px; }
.bleu   { color:#2B85BB !important;}
.toggle { cursor:pointer; }