html, body            { margin : 0; padding : 0; width : 100%; height : 100%; }
body                  { background : #fff; font : 12px Verdana, sans-serif; color: #000000; }
p                     { margin-top : 0; padding-top : 0; padding-bottom: 0; margin-bottom: 16px; }
sup										{ font-size: 0.7em; }
/* Header */
#header               { width : 100%; height : 113px; background-image : url("/images/bg_header.gif"); }
#header #wrap         { width : 1000px; height : 113px; margin : 0 auto; }
#header #wrap .logo   { width : 205px; height : 113px; float : left; }
#header #wrap .space  { width : 795px; height : 92px; float : left; }
#header #wrap .nav    { width : 795px; height : 21px; float : left; }
/* Gauche + contenu */
#wrapper              { width : 1000px; clear : left; margin : 0 auto; }
/* Gauche */
#left                 { width : 205px; float : left; }
#left #nav            { width : 205px; clear : left; background : url("/images/nav_temoin.gif") no-repeat; margin : 80px 0 0 0; }
#left #nav .headline  { margin : 0 12px 0 5px; padding : 3px 3px 4px 29px; color : #fff; font : bold 12px Verdana, sans-serif; }
#left #nav .dark, #left #nav .light, #left #nav .spacer
                      { margin : 0 12px 0 5px; padding : 5px 3px 5px 29px; }
#left #nav .dark, 
#left #nav .light     { border-top : solid 1px #e5e5e5; border-bottom : solid 1px #cacaca; font : 13px Verdana, sans-serif; }
#left #nav .dark      { background : #e0e0e0 url("/images/puce_sous_nav.gif") no-repeat; color : #f00; }
#left #nav .light     { background : #f8f8f8 url("/images/puce_sous_nav.gif") no-repeat; color : #000; }
#left #nav a          { color : #000; text-decoration : none; }
#left #nav a:hover    { color : #f00; text-decoration : none; }
#left #nav .spacer    { font : bold 13px Verdana, sans-serif; }
#left #news           { width : 178px; clear : left; margin : 35px 0 0 5px; border : solid 1px #E0E0E0; padding : 4px 0 4px 10px; }
#left #news .news     { color : #000; font : 13px Verdana, sans-serif; }
#newsHead             { color : #c00; font : bold 13px Verdana, sans-serif; text-align : center; }
#left #news form      { margin : 0; padding : 0; }
#left #news input     { width : 140px; height : 16px; background : #fff; padding : 3px 0 0 0; color : #c70000; border : solid 1px #c70000; font : 13px Verdana, sans-serif; margin : 0 0 4px 0; }
#left #news .ok       { width : 24px; height : 21px; padding : 0; border : 0; margin : 0 0 0 3px; }
/* Contenu */
#right                { width : 795px; float : left; }
#right2                { width : 1000px; float : left; }

.largebox             { width : inherit; background : url("/images/large_box.gif") no-repeat; margin : 0 0 18px 0; }
.largebox .headline, .demibox .headline, .boxhome .headline
                      { margin : 0 18px 0 16px; padding : 3px 3px 3px 29px; color : #fff; font : bold 12px Verdana, sans-serif; text-transform : uppercase; }
.largebox .content, .demibox .content, .boxhome .content
                      { margin : 18px 18px 0 16px; padding : 5px; color : #000; font : 13px Verdana, sans-serif;  min-height : 90px; clear : left; }
* html .largebox .content, * html .demibox .content, * html .boxhome .content
                      { height : 90px; }
.justify              { text-align : justify; }
.center               { text-align : center; }
.right                { text-align : right; }
.largebox .hr         { margin : 0 16px 0 15px; height : 2px; background-image : url("/images/hr.gif"); clear : left; }
.ligne                { clear : both; }
.divImgLeft           { margin : 0 10px 10px 0; float : left; text-align : center; width : auto; font : 0.8em Verdana, sans-serif; color : #666; }
img.imgLeft           { padding : 1px; border : 1px solid #000; }
.over                 { color : #ff0000; }

/* Formatage pages d'entree de rubrique de niveau 1 (rub1) */

.intro                { margin : 0 18px 18px 16px; font : 13px Verdana, sans-serif; padding : 12px; border : solid 1px #e0e0e0; }
.demibox              { float : left; width : 397px; background : url("/images/demi_box.gif") no-repeat; margin : 0 0 18px 0; }
.demibox .hr          { margin : 0 14px 0 15px; height : 2px; background-image : url("/images/hr.gif"); }

.boxhome              { float : left; width : 500px; background : url("/images/boxhome.gif") no-repeat; margin : 0 0 18px 0; }
.boxhome .hr          { margin : 0 14px 0 15px; height : 2px; background-image : url("/images/hr.gif"); }


/* Autres elements de contenu */
.colonne33            { float : left; width : 33%; margin-bottom : 20px; }
.colonne50            { float : left; width : 49%; margin-bottom : 20px; }
.colonne50right		  { float : right; width : 49%; margin-bottom : 20px; }

* html colonne33 colonne50	{ margin-bottom : 0; }
a.bouton, a.bouton:visited
                      { border : solid 1px #fff; color : #000;  padding : 0 8px 0 8px; text-decoration : none; font : bold 13px Verdana, sans-serif; }
a.bouton:hover, a.bouton:active
                      { text-decoration : underline; /*background : #f0f0f0; border : solid 1px #666; color : #000;*/ }
/* Footer */
#footer               { clear : left; }
#footerTxt            { float : left; font : 12px Verdana, sans-serif; color : #808080; margin : 40px 0 10px 8px; }
#footerBaseline       { float : left; margin : 40px 0 0 90px; }
#footerSGS            { float : left; font : 12px Verdana, sans-serif; color : #808080; margin : 10px 0 10px 80px; }

a          { color : #f00; text-decoration : none; }
a:hover    { color : #000; text-decoration : underline; }


.txt12 					{ font : 12px Verdana, sans-serif; color : #808080;}

.zoliBtn {
	background: url("/images/bg-btn.gif") repeat-x;
	border-top: 1px solid #DC4343;
	border-bottom: 1px solid #B00000;
	border-left: 1px solid #c00;
	border-right: 1px solid #c00;
	font: 1em/1em sans-serif;
	color: #fff;
}
.zoliFrames {
	border: 1px solid #cacaca;
	font: 1em/1em sans-serif;
	background: #F8F8F8;
}




.BORDERROUGE	{ border : solid 1px #ff0000;margin:0;;padding:0;width:188px}