html
 {font-size: 100%;}
 
body
{
background: url("images/aaa.jpg") repeat fixed;
color: #000;
font-size: 0.8em;
font-family:  sans-serif, "trebuchet ms", verdana, arial;
margin-top : 6px;
margin-left :6px;
/*width:100%;*/
}
p
{
text-align:justify;
margin: 0px 0px 0px 2px;
line-height: 150%;
}
.verdana {
font-family:  verdana, sans-serif, "trebuchet ms", arial;
text-align:justify;
}
.contour {
position:relative;
left:0px;
display:block;
float:left;
text-align: center;
border: 1px solid #fff;
padding: 1px 2px;
margin: 5px 10px 0px 0px;
width:230px;
}
.contour1 {
position:relative;
left:0px;
display:block;
float:left;
text-align: left;
border: 1px solid #fff;
padding: 1px 2px;
margin: 5px 10px 0px 0px;
width:475px;

}

.contour2 {
position:relative;
left:0px;
display:block;
float:left;
text-align: left;
border: 1px solid #fff;
padding: 1px 4px;
margin: 5px 10px 0px 0px;
}
.contour3 {
position:relative;
left:0px;
display:block;
float:left;
text-align: left;
border: 1px none
padding: 1px 4px;
margin: 5px 10px 0px 0px;
width:150px;
}
.contour4 {
position:relative;
left:0px;
display:block;
float:left;
text-align: left;
border: 1px solid #fff;
padding: 1px 2px;
margin: 5px 10px 0px 0px;
width:320px;

}

.contourd {
position:relative;
left:0px;
display:block;
float:left;
text-align: center;
border: 1px solid #fff;
padding: 1px 2px;
margin: 5px 10px 0px 0px;
width:230px;
background-color:#faffbd;
}
.contour1d {
position:relative;
left:0px;
display:block;
float:left;
text-align: left;
border: 1px solid #fff;
padding: 1px 2px;
margin: 5px 10px 0px 0px;
width:475px;
background-color:#faffbd;

}

.contoure {
position:relative;
left:0px;
display:block;
float:left;
text-align: center;
border: 1px solid #fff;
padding: 1px 2px;
margin: 5px 10px 0px 0px;
width:230px;
background-color:#d0ddfb;
}

.score {
position:relative;
display:inline;
float:none;
text-align: center;
padding: 0px 2px;
margin: 0px 4px;
width:40px;
background-color: #FFFFFF;
font-weight: bold;
}
h3
{
color: #000000;
/*text-decoration: underline;*/
font-size: 1.5em;
margin : 4px 2px;
/*display:block;
background-color:red;*/

}
h4
{
color:#e80608;
text-decoration: underline;
/*color:white;
background-color:#77253e;*/
font-size: 1.2em;
margin : 6px 2px 6px 2px;
padding :0px;
display:inline;
}
h5
{
color:#e63e08;
text-decoration: underline;
margin:3px 2px 1px 2px;
font-size: 1em;
padding:0px;
/*display:inline;*/
}

.table1
{
border-collapse: collapse;
empty-cells: show;
border: thin solid black;
cellpadding: 2;
cellspacing: 1;
margin:6px;
}
.table1 th
{
font-size:  1em;
font-style: italic;
font-weight: bold;
border-width: 1px 1px;
border-type: solid;
border-color:white;
text-align:center;
background-color:#444;
color:#fff;
}
.table1 td
{
font-size: 1em;
border-color: black;
text-align:center;
border-width: 1px;
background-color:#fff;
}
.pub
{
/*margin-left: auto;
margin-right: auto;*/
border:solid;
border-width:1px;
width: 100%;
width: expression( document.body.clientWidth < 831 ? "800px" : "100%" );     /* pour le bug min-width ie*/
min-width: 830px;
height:50px;
color:black;
margin:4px 4px 4px 0px;
/*background-color:#FFFFFf;*/
}
.entete
{
/*margin-left: auto;
margin-right: auto;*/
border:solid;
border-width:2px;
width: 100%;
width: expression( document.body.clientWidth < 831 ? "800px" : "100%" );     /* pour le bug min-width ie*/
min-width: 830px;
height:170px;
color:black;
margin:4px 4px 4px 0px;
overflow:hidden;
/*background-color:#FFFFFf;*/
}
.entete2
{
margin:0px 0px 4px 0px;
border:solid;
border-width:2px;
width: 100%;
width: expression( document.body.clientWidth < 831 ? "800px" : "100%" );     /* pour le bug min-width ie*/
min-width: 830px;
height:92px;
color:black;
overflow:hidden;
text-align:center;
vertical-align:middle;
/*background-color:#FFFFFf;*/
}
.conteneur
{
	/*position: absolute;*/
float:left;
width: 100%;
width: expression( document.body.clientWidth < 851 ? "850px" : "100%" );     /* pour le bug min-width ie*/
min-width: 850px;
max-width: 1024px;
text-align: left;

	/*overflow: hidden;*/
	margin : 0;
	padding :0;
}
.gauche {
float: left;
width:30%;
height:230px;
border:solid;
border-width:1px;
margin :5px 10px 5px 0px;
padding:1px;
color:black;
text-align:center;
}
.gauche4 {
float: left;
width:24%;
height:230px;
border:solid;
border-width:1px;
margin :5px 3px 5px 0px;
padding:1px;
color:black;
text-align:center;
}

.bloc {
float: left;
margin :3px 4px 2px 0px;
padding:4px 0px 10px 0px;
border:solid ;
border-width:0px 0px 2px 0px;
width: 99%;
/*width: expression( document.body.clientWidth < 681 ? "680px" : "99%" );     /* pour le bug min-width ie*/
min-width: 680px;
border-color: black;
color:black;
text-align:left;
overflow:hidden;
/*border:solid ;
border-width:2px;
padding:4px 2px 8px 2px;
background-color:#ffffff;*/
}

.bloc_blanc {
float: left;
margin :3px 4px 2px 0px;
padding:4px 0px 10px 0px;
border:solid ;
border-width:0px 0px 2px 0px;
width: 99%;
/*width: expression( document.body.clientWidth < 681 ? "680px" : "99%" );     /* pour le bug min-width ie*/
min-width: 680px;
border-color: black;
color:black;
background-color:white;
text-align:left;
/*border:solid ;
border-width:2px;
padding:4px 2px 8px 2px;
background-color:#ededed;*/
}

.titre-bleu{
background: white url(images/glossyback2.gif) repeat-x bottom left;
font: bold 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 300px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
text-align:center;
border: 1px solid #9A9A9A;
}

/* tests pour la page liens ----------------------------------------------------------------------------------------------*/
.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 300px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
margin-left:auto;margin-right:auto;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 310px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: black;
}

.glossymenu li a:hover{
background: white url(images/glossyback2.gif) repeat-x bottom left;
color: white;
}
/* fin zone test pour la page liens ----------------------------------------------------------------------------------------------*/


.centre {
text-align:center;
}
.clear{clear:both;}
.raz{clear:both;}
.imagel2{float:left;border:none;}
.imager2{float:right;border:none;}

.imagel{float:left;border:solid 1px;}
.imager{float:right;border:solid 1px;}
.imagec{margin:4px auto; float:none;display:block;padding:0px;}
