* { 
padding: 0; 
margin: 0; 
} 


a:link { color:#000000; text-decoration:underline; font-weight:normal; }
a:visited { color:#000000; text-decoration:underline; font-weight:normal; }
a:hover { color:#000000; text-decoration:none; font-weight:normal; }
a:active { color:#808080; text-decoration:underline; font-weight:normal; }
h1 { font-size:12px; color:#9E9FA3; text-decoration:none; font-weight:bold; padding-top: 10px; padding-bottom: 15px;}
h2 { text-align:center; font-size:13px; color:#EF9C34; text-decoration: none; font-weight:bold; padding-bottom: 7px;}
h2.blanc { text-align:center; font-size:12px; color:#FFFFFF; text-decoration: none; font-weight:bold; padding-bottom: 10px;}
p {padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
p.avantdiapo {text-align:left;padding-left:5px;padding-top:5px;font-size:14px;color:#FFFFFF;font-family:"Copperplate Gothic Light";font-weight:bold;}
p.apresdiapo {text-align:right;padding-left:5px;padding-top:5px;font-size:14px;color:#FFFFFF;font-family:"Copperplate Gothic Light";font-weight:bold;}

body { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em;
text-align: center;

}

#header { margin-top: 0px; padding-top: 1px; padding-bottom : 2px; text-align: center;
background-color:#CCC4D1; 
}
#devantdiapo { margin-top: 0px; padding-top: 0px; padding-bottom : 0px; text-align: center;
background-color:#EF9C34; width:1000px; height:25px;
}
#apresdiapo { margin-top: 0px; padding-top: 0px; padding-bottom : 0px; text-align: center;
background-color:#EF9C34; width:1000px; height:25px;
}
#menu {width: 1000px; height: 50px; background: url(bouton1.png) repeat-x;color:#AFA2B2; }
    
#centrermenu{   margin-left: auto;
margin-right: auto;  
width: 560px;   text-align: left; /* on rétablit l'alignement normal du texte */ }


#conteneur { 
position:relative;
width: 1000px;
margin-left: auto; 
margin-right: auto;
text-align: left; 
background-color:#CCC4D1;
margin-top: 10px; 
border:2px solid #9E9FA3;
}


#centre {
background: url(large600.jpg) repeat-y;
width: 650px;
margin-left: 175px;
margin-top: 28px;
text-align: justify;
}

#centreframe {
width: 980px;
margin-left: 10px;
margin-top: 28px;
text-align: justify;
}

#centrecontact {
background-color:#CCC4D1;
width: 650px;
margin-left: 175px;
margin-top: 28px;
text-align: justify;
}

#centre2 {
background-color:#CCC4D1;
width: 650px;
margin-left: 175px;
text-align: justify;
}



#centre3 {
background-color:#AFA2BE;
height: 650px;
margin-left: 172px;
margin-right: 172px;
margin-top: 28px;
text-align: justify;
}

#encartcentre {
float:left;
width: 300px;
background: url(large300.jpg) repeat-y;
margin-top: 28px;
text-align: justify;
display:inline;
}


#encartcentredroit {
display:inline;
float:right;
width: 300px;
background: url(large300.jpg) repeat-y;
margin-top: 28px;
text-align: justify;
}

#encartcentrehome {
float:left;
width: 300px;
background: url(large300.jpg) repeat-y;
margin-top: 35px;
margin-left:0px;
text-align: justify;
}

.encartpetit {height:170px;}
.encartgrand {height:255px;}


#encartcentredroithome {
float:left;
width: 300px;
background: url(large300.jpg) repeat-y;
margin-top: 35px;
margin-left:50px ;
text-align: justify;
}

#encartcentre2 {
float:left;
width: 300px;
background: url(large300.jpg) repeat-y;
margin-top: 35px;
margin-left:0px;
text-align: justify;
}


#encartcentredroit2 {
float:right;
width: 300px;
background: url(large300.jpg) repeat-y;
margin-top: 35px;
margin-left:50px;
text-align: justify;
}


#encartbas {
float:right;
width: 300px;
display: inline;
height: 300px;
background: url(large300.jpg) repeat-y;
border-bottom: 1px solid white;
margin-top: 10px;
margin-bottom: 15px;
margin-right: 20px;
margin-left: 10px;
text-align: justify;
}

#conteneurbas {
width: 1000px;
margin-left: auto; 
margin-right: auto;
margin-top: 35px;
text-align: left; 
background-color:#CCC4D1;
border:2px solid #9E9FA3;
}


#gauche {
float:left;
display:inline;
width: 155px;
height:880px; 
margin-top:28px;
margin-bottom:10px;
margin-left:10px;
text-align:justify;
background-color:#AFA2BE;
background-image:url(arrondibastcolonne.gif);
background-repeat:no-repeat;
background-position:bottom;
font-size: 0.7em;
}


#gauche:hover {
float:left;
display: inline;
width: 155px; 
margin-top: 28px;
margin-bottom: 10px;
margin-left: 10px;
text-align: justify;
background-color:#E6E3EA;
font-size: 0.7em;
}


#droite {
float:right;
display: inline;
width: 155px;
height:880px;
margin-top:28px;
margin-bottom:10px;
margin-right:10px;
text-align:justify;
background-color:#AFA2BE; 
background-image:url(arrondibastcolonne.gif);
background-repeat:no-repeat;
background-position:bottom;
font-size: 0.7em;
}


#droite:hover{
float:right;
display: inline;
width: 155px;
margin-top: 28px;
margin-bottom: 10px;
margin-right: 10px;
text-align: justify;
background-color:#E6E3EA; 
font-size: 0.7em;
}


#footer {
clear:both; text-align: center; background-color:#CCC4D1; margin-top: 20px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;
}

#clear {clear:both;}


ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 float:left; /*pour IE*/
 border-left:1px solid black;
 }
ul li a {
 display:block;
 float:left;   
 width:110px;
 line-height:50px; /*hauteur de l'image de fond*/
 background: #FFFFFF url(bouton.png) left top no-repeat; 
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
ul li a:hover {
 background: #FFFFFF url(bouton.png) right top no-repeat; 
 color:#EF9C34;
font-weight: bold;
 }  


#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#box 
{
	display: none;
	position: absolute;
	top: 20%;
	left: 20%;
	width: 400px;
	height: 200px;
	padding: 48px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
}

#boxtitle
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:496px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	border-bottom:4px solid #3CF;
	background-color: #09c;
	color:white;
	text-align:center;
}