/* ---- 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:Header ---- */
#header      { display:none; }

/* ---- 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 5px 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                          { display:none; }

/* ---- Zone:Article (Mode 3 colonnes et 2 colonnes) ---- */
#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:Footer ---- */
#footer      { display:none; }

/* ---- 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; }