* { margin: 0; padding: 0; outline: inherit; }
HTML, BODY { }
BODY { background: #F2F2F2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
IMG { border: none; }

/*--- Conteneur centré du site ---*/
#centre { }

/*--- En-tête ---*/
.header { display: none; }

/*--- Menu ---*/
#menu { display: none; }

/*--- Contenu ---*/
#contenu { padding: 0 20px 20px 0; }

/*--- Colonne de gauche ---*/
#colG { display: none; }
.double #colG {  display: block; padding:10px 0 0 0; }


/*--- Colonne de droite ---*/
#colD { width: 200px; height: 100%; padding-top: 34px; float: left; }
.double #colD { width:500px; padding:12px 0 0 0; }


/*--- Article ---*/
#article { float: left; margin: 20px 0 0 0; padding: 0 0 10px 0; }
HTML>BODY>#centre>#contenu #article { height: auto; }

#article P, #colG P, #colD P             { line-height: 16px; margin: 0 0 15px 0; text-align:justify; }
#article H2, #colG H2, #colD H2          { font-size: 17px; color: #C0164E; margin: 20px 0 10px 0; }
#article UL, #colG UL, #colD UL          { margin: 10px 0 20px 25px; }
#article UL                              { text-align:justify; }
#article UL LI, #colG UL LI, #colD UL LI { line-height: 16px; margin: 0 0 5px 0; } 
#article A, #colG A, #colD A             { text-decoration: underline; color: #333; }

/* Encart gris */
.gris    { background: #F5F5F5; margin-bottom:30px; padding-bottom:10px; }
.gris H2 { background: #F5F5F5; padding:11px 0 0 11px; }
.gris P  { padding:0 44px 0 11px; }
.gris UL { clear:both; list-style:none; }
.gris TABLE { width:600px; }

/* Tableaux avec fleches */
TABLE.upEnquetes { margin: 0 0 0 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
TABLE.upEnquetes TR { }
TABLE.upEnquetes TD { padding-bottom:15px; vertical-align: top !important; }
TABLE.upEnquetes TD A { text-decoration: none; color: #333; vertical-align: top !important; }
TABLE.upEnquetes TD A:hover { text-decoration: underline; }
TABLE.upEnquetes TD.entete { vertical-align: top; width: 105px; }

/* Listes avec flèches */
UL.fleche       { list-style-type: circle; margin-left:20px !important; }
UL.fleche LI    { padding: 0 0 8px 10px; vertical-align: top !important; }

/*--- Footer ---*/
#footer { clear: both; padding: 20px 0 20px 0px; }
#footer LI { display: inline; }
#footer LI A { font-weight: bold; color: #C0164E; text-decoration: none; }

/*--- Divers ---*/
.spacer { display: none; clear: both; margin: 0!important; padding: 0!important; }
.center { text-align: center !important; }
.droite { text-align: right !important; }
.left   { float: left; }
.right  { float:right; }
.plus   { display: none; }
.illu   { display: none; }

/*--- Formulaires ---*/
.formulaire * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
.formulaire LABEL.legende { display: block; float: left; width: 180px; }
.formulaire INPUT { background: #FFF; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; padding: 1px; width: 359px; }
.formulaire INPUT.chk { width: 12px; vertical-align: middle; border: none !important; background: none !important; }
.formulaire INPUT.boutonRouge { width: auto !important; padding: 2px 25px 2px 25px !important; background: #FFF /*url(../pics/charte/bg-bouton-rouge.gif) center right no-repeat*/; cursor: pointer; border-bottom: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8; }
.formulaire TEXTAREA { padding: 1px; height: 200px !important; width: 540px !important; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; overflow: auto; }
.formulaire SELECT { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; padding: 1px; width: 300px; }
.formulaire INPUT.bouton { border-color: #D8D8D8 #999 #999 #D8D8D8 !important; cursor: pointer; }

P.alert { font-weight: bold; color: #D91955; }