/* CSS Document */

* {margin:0; padding:0}

html {margin:0; padding:0; background-image:url(img/SITE/redBblackInv.png); scrollbar-base-color: maroon}
body {  margin-right:10%;margin-left:10%; font-size:14px}
	
img { margin:1%; padding:10px}
p{ padding:20px 20px 20px 20px}
p.padding{ padding-bottom:20px; border:none}
p:first-letter {
	 font-size:1.4em; font-style: italic; font-variant:small-caps;
}
span{  text-align:left; padding-right:15%; padding-left:2px; color:#FFFFFF}

.floatleft { float:left}
.floatright { float:right}
.noBorder { border:none}




div#header img{ width:32%}

div#main{background-image:url(img/SITE/redBblack.png); background-repeat:repeat-y; text-align:center}


div.trailer{  margin-top:20px;  padding-bottom:10px}
div.trailer h4{background-color:#000000; color:#FFFFFF}

div.liens{ background-color:none; text-align:left}
div.liens img{ display:block}


div#contentArea{}


div#leftContent{ float:left ; margin-left:5px; padding:2px ; background-color:#B30000}

div#nav{ 
background-color:#FFFFFF; margin-bottom:10px; margin-right:5px; margin-left:5px; 
border-right: outset   1.5px  #666666; border-bottom:outset  1px   #666666;
}
div#nav a{ 
display:block; text-align:center; padding-bottom:4px; background-image:url(img/SITE/redBblackH.png);  border-bottom:1px solid  #000000; text-decoration:none; color: #FFFFFF
}
div#nav a:hover{ color:#CCCCCC}
div.imgleft{ float:left}
div.imgnav{ text-align:center; background-color:none; margin-bottom:10px }
div.imgnav img{ width:80%; margin:0; margin-bottom:5px }



div#clearing{ clear:both}
div.clearing{ clear:both}

div#footer{ background-color:#B30000; text-align:right}

div#content{ float:left;background-color:#000000; margin-left:5%; padding:15px; width:50%}
div#content a{ text-decoration:none; color:#000000}
div#content a:hover { text-decoration:underline}
div#content p{  text-indent:20px;   padding-bottom:30px; text-align:justify;}
div#content h4 { font-weight:lighter; background-color:#B30000; margin-bottom:1%;background-image:url(img/SITE/redBblack.png) ;background-repeat:repeat-y; margin-bottom:0; color:#FFFFFF  ; text-align:left; font-style:italic}
div#content div{ background-color:#FFFFFF; margin-bottom:5px}



div#rightContent{ float:right; background-color:#CCCCCC ;  margin-bottom:1%; margin-top:1%;  margin-right:1%; padding:5px}
div#rightContent div{ background-color:#FFFFFF; margin-bottom:10px}
div#rightContent ul { border:1px solid ; list-style-type:none; padding-bottom:5px}
div#rightContent li { padding:0 ; margin:0; font-size:0.85em; text-align:justify; padding-bottom:2px; padding-left:10px}
div#rightContent h4 {  color:#CCCCCC ;background-color:#000000; margin-bottom:5px;  background-image:url(img/SITE/redBblack.png); background-repeat:repeat-y;}




div.generic { background-color:#000000;float:left; margin-left:5% ; padding:20px; width:60%}
div.generic  h2
{color:#FFFFFF ;   background-image:url(img/SITE/redBblackH.png);  padding:1px; }	
	

div.critiques { background-color:#CCCCCC;  margin:50px 5px 20px 5px}

div.critiques h4{color:#FFFFFF ; background-color:#000000; background-image:none; margin-bottom:1Opx;   text-align:center}
div.critiques p{ text-indent:30px; text-align:justify; padding:10px; margin:0}
div.critiques p.pour_contre{ text-indent:none;}



div.critiques  em{ margin-top:5px; display:block}

div.innerGeneric{ background-color:#FFFFFF; border-bottom:solid 3px #B30000;border-right:solid 1px #B30000; padding:1px 15px 20px 3px;margin:1px 3px 5px 3px}
    div.innerGeneric div {width:99%; padding-bottom:10px; margin-bottom:5px; margin-right:10px; border-left:solid 2px  #666666;}
	div.innerGeneric p.padding{ padding-bottom:10px; border:none}
	div.innerGeneric ul { text-align:left;  list-style:none ; color:#666666; font-size:0.90em; padding-top:5px}
	div.innerGeneric ul li{ text-align:left;	padding-left:5px}
	div.innerGeneric ul li.bonus_first_child{ color:#FFFFFF; font-weight:bolder; padding-bottom:1px}
	div.innerGeneric ul.bonus { width:50%; background-color:#CCCCCC; padding:2px; margin-right:150px; margin-bottom:1px}
	
	div.innerGeneric p{  text-align:justify; text-indent:20px; padding-top:10px; padding-left:20px; padding-right:40px; margin-right:25px; border-right:#999999    solid 1px }
	
	
	
	div.innerGeneric strong.blue{ border-left:  #B30000 solid 10px; padding-right:200px;    padding-left:10px;  
	   color: #000000;  }
	div.innerGeneric h4{color:#FFFFFF ; background-color:#666666; background-image:none;  text-align:center}
	div.innerGeneric  h4.border { border-bottom:solid 1px; border-left:solid 1px #0033CC; border-right:solid 1px #0033CC}
	div.innerGeneric img { padding:1px 5px 0px 10px; margin-bottom:0.5px}
	div.innerGeneric img.width_left { float:left ; width:160px ; height:108px}
	div.innerGeneric img.width_right { float:right ; width:160px ; height:108px}
	div.innerGeneric img.height_left { float:left; width:108px ; height:160px}
	div.innerGeneric img.height_right { float:right ; width:108px ; height:160px}
   div.innerGeneric a{ font-style:italic; padding-left:20px; padding-right:20px}


div#link { text-align:center}
div#link img{ float:none; text-align:center;}
div#link p{ border:solid 1px; width:80%}