html {padding:0px; margin : 0px; height: 100%;}
body {padding:0px; margin : 0px; height: 100%;FONT-SIZE: 72%; COLOR: #333333; 
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
BACKGROUND-COLOR: #E4EDE1; background-image : url(fond-pages.gif);}

.container { margin:0;}




.gauche { /*position: absolute; bottom:5px; left: 5px;width: 180px; padding-top: 0px;*/}



.droite {position: absolute; right: 1%; width: 181px; color: #7DB3AE; padding-top: 0px ; }
.centre { margin : auto; width : 666px; text-align : center;}

#entete { margin-bottom : 9px; font-size : 10px;COLOR: #7DB3AE; text-align : left; }
#flags { height : 110px;}
#contenu { width : 650px; border : 1px solid #FF6347;}
#produit{width:500px;background-color:#F4F8F3;border:1px #E0E8DD solid;padding:17px; text-align : left;}
.vignette{  float : left; margin : 0 20px 20px 0;}
.evidence{ font-weight : bold; color : #CF103A;}
.evidenceGros{ font-weight : bold; color : #CF103A; font-size : 16px; }
.clear {CLEAR: both}

img{border : none;}
H1{	MARGIN-TOP: 9px; FONT-WEIGHT: bold; FONT-SIZE: 1.5em; COLOR: #7DB3AE; 
	/*HEIGHT: 25px;*/ padding-bottom : 1px; margin-bottom : 1px; text-align : left;}
H2{	MARGIN-TOP: 9px; FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #CF103A; 
	/*HEIGHT: 25px; */padding-bottom : 0px; margin-bottom : 0px; text-align : left;}
P {padding-bottom : 1px; margin-bottom : 1px;  text-align : left;}
	
A {COLOR: #B56866; TEXT-DECORATION: none;}
A:hover {COLOR: #FF6347; TEXT-DECORATION: none;}

a.rollRubr      img { opacity: 0.8; filter:alpha(opacity=80); }
a.rollRubr:hover img { opacity: 1.0; filter:alpha(opacity= 100); }
a.rollVign      img { opacity: 1.0; filter:alpha(opacity=100); }
a.rollVign:hover img { opacity: 0.9; filter:alpha(opacity= 90); }
a.rollFlag      img { opacity: 0.5; filter:alpha(opacity=50); }
a.rollFlag:hover img { opacity: 1.0; filter:alpha(opacity= 100); }