/* CSS Document */
html { margin:5px 5px 15px 5px;}
body { 	background: #fbfbf2 url(dessins/Backgd03.jpg) fixed; margin: 0px; padding: 0px;
	font: small Arial, Helvetica, sans-serif; color: #000088; text-align:center; }
	
p { font-size:14px; }
h3 span { font-size:24px; color:#800000; font-weight: bold; font-style:italic; }

ul { list-style-image:url(dessins/losange.gif) }
li {}
acronym { font-weight: bold; color: #e18700; text-transform: uppercase; }
a { font-weight: bold;}
a:link { color: #0000ff; }
a:visited { color: #0000AA; }
a:hover, a:active { text-decoration: underline; color: #FF0000; background-color: #FFFF88; }
acronym { color: #ffff99; font-weight: bold; }

#container { position:relative; padding: 0px; margin-left:auto; margin-right:auto;	
	background: transparent url(body_back.png) no-repeat top left; }
#pageHeader { position:relative; text-align:center; margin-left:300px; padding-bottom:15px;}
#pageHeader h1 {color:#000099; margin-left:0px;}
#pageHeader h2 { font-size:large; color:#000080; margin-left:0px; } 
#pageHeader pHdp1 { text-align:center; }

#pageHeader2 { position:relative; text-align:center; padding-bottom:15px; margin-left:280px; margin-right:230px;}
#pageHeader2 h1 {color:#000099; margin-left:0px;}
#pageHeader2 h2 { font-size:large; color:#000080; margin-left:0px; }
#pageHeader2 p { margin:auto;}
#pageHeader2 texte { position:relative; text-align:center; padding:15px; margin:10px 230px 10px 280px;}
#pageHimg { position:absolute; width:210px; top:11px; right:11px;}

#quickSummary {margin-left:300px; padding:5px;}
#quickSummary h1 { position:relative; font-size:x-large; color:#000099;}
#quickSummary p { font-size:large; }

#listul { position:relative; width:350px; text-align:left;}

.boxAlignLeft { position:relative; text-align:left;; padding:10px;} 
.boxRight { float:right; width:48%; }
.boxLeft { float:left; width:48%; }
#boxFloat300 { float:left; width:300px; font-weight:bold; margin: 15px; }
#boxContest { padding:5px; background-color:#000098; color:#FFFF66;}
#boxNon { padding:5px 5px 20px 5px; background-color:#FF0000; color:#FFFF99;}
#box1 { position:relative; margin:10px; padding:10px; border : solid 3px ;}

.explication { position:relative; margin:10px 30px 10px 30px;}
.expliTitre {position:relative; padding:10px; margin:10px; color:#0000FF; background-color:#FFFFDD; border:solid 3px;}
.expliTitre p { font-size:large; font-weight:bold; font-style:italic; margin:auto}
.exp1 { text-align:left; }
.exp2 { text-align:center; }
.exp3 { text-align:right; }

.expliTexte { position:relative; padding:10px; margin:10px; font-weight:bold; border:1px solid;
background-color:#FFFFDD;}
.expliTexte1 {position:relative; margin-bottom:20px; }
.expliTexte2 {position:relative; margin-right:320px; padding:10px; background-color:#EEEEEE;}

.expliTexte, .expliTexte2, #sommaire { -moz-opacity:0.80; opacity: 0.8; filter:alpha(opacity=80); }

.explitexte p { font-size:16px; }
.expliTexte1 p {}

.explication2 { position:relative; margin: auto;}
.explication2 .expliTitre {position:relative; padding:10px; margin:10px 250px 0px 0px; color:#0000FF; background-color:#FFFFDD; border:solid 3px;}
.explication2 .expliTexte1 {position:relative; margin:2px 250px 20px 0px }
#expliImg { position:absolute; width:210px; top:11px; right:11px; }

.pleft { text-align:left; width:60%; position:relative; margin:auto;}
#Rpan { float:right; width:300px; background-color:#333366; font-weight:bold;}

#expG { position:relative; padding:15px; background-color:#FFCC00; height:50%;}
#expG p {font-size:16px; }
#expD { position:relative; padding:25px; background-color:#000044; color:#FFFFCC; height:50%;}
#expD p { font-size:16px; }

#FBR { position:relative; border:thin solid; padding:10px; margin:10px; }
.head { border: solid thin;}
#FBR h3 { color:#000099;}
#FBRtexte {position:relative;}
/*#FBRright { margin:10px; padding:50px; }
#FBRleft { float:left; width:55%; margin: 10px; padding:20px; }*/
#FBRright { position: relative; float:right; width:42%; margin:0 10px 0 10px; padding:20px; background-color:#EEEEEE; }
#FBRleft { margin-right: 50%; margin-bottom:20px; }
#FRB p {}

.ptitre {
	display:block;
	font-size: 24px;
	color:#8C0000;
	font-weight: bold; 
}
#NPR { margin:10px; padding:10px; }
#NPR #head {background-color: #EEEEEE;}
#NPR #texte { }

#avantages {position:relative; margin:10px 30px 10px 30px;}
#avantTitre {position:relative; margin:10px; padding:10px; color:#0000FF; background-color:#FFFFDD; border:solid 3px;
}

#avantTexte { padding:2px; text-align:left;}
#liste_a { float:left; width:49%;}
#liste_b { margin-left:51%;}
.s1 { font-size:larger; font-weight:bold}
#avantages li { margin:5px; }
#avantBottom {
	width:100%;
	height:50px;
	text-align:center;
	background:url(dessins/hruler03.gif) no-repeat;
	background-position: center;
}

#sommaire{
	position: absolute;
	width:210px;
	left: 43px;
	top: 37px;
	border:4px ridge #FFCC33;
	padding: 7px;
	background-color:#EEEEEE;
}
#linkList {position:relative; padding-bottom:25px; text-align:left; border:solid 1px;}
#linkList2 h3 {font-size:18px; padding:5px;}
#linkList2 li {padding:3px; }
#linkList2 ul{ list-style-position:outside; margin-bottom:2px;}

#adresse {position:relative; text-align:center; width:600px; margin:auto; padding:0 10px 0 10px;}