@charset "utf-8";

body {
SCROLLBAR-FACE-COLOR: #84c057;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #E0DAC9;
SCROLLBAR-3DLIGHT-COLOR: #363535;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #84c057;
SCROLLBAR-BASE-COLOR: #FFFFFF;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #666666;
}
img{border:0;}

h1{
	text-transform:uppercase;
	line-height:20px;
color:#528db6;
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
}
h2{
color:#528db6;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
.gauche{width:233px;float:left;}
.droite{width:536px;float:right;}

.titre{
width:536px;
height:19px;
float:left;
background:url(images/bande-titre.jpg);
}

.texte{
padding:60px 100px 0 0;
width:436px;
float:left;
background:url(images/bg-texte.jpg) no-repeat;
}

.banniere{
width:202px;
height:97px;
float:left;
background:url(images/bg-top-avs.jpg);
padding:22px 0 0 334px;
}

.container{
width:769px;
}

a:link{font-size: 11px; text-decoration:none; color: #0298d5;}
a:visited{font-size: 11px; text-decoration:none; color: #0298d5;}
a:hover{font-size: 11px; text-decoration:underline; color: #0298d5;}
a:active{font-size: 11px; text-decoration:none; color: #0298d5;}


a.footer:link{font-size: 10px; text-decoration:none; color: #0298d5;}
a.footer:visited{font-size: 10px; text-decoration:none; color: #0298d5;}
a.footer:hover{font-size: 10px; text-decoration:underline; color: #0298d5;}
a.footer:active{font-size: 10px; text-decoration:none; color: #0298d5;}


.cssnav {
	position: relative;
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: 0; 
	padding: 0; 
	float:left;
}
.cssnav-accueil{background-image: url(images/accueil-over.gif);}
.cssnav-communication{background-image: url(images/communication-over.gif);}
.cssnav-es-tu-a-risque{background-image: url(images/es-tu-a-risque-over.gif);}
.cssnav-liens-utiles{background-image: url(images/liens-utiles-over.gif);}
.cssnav-mythes-et-realites{background-image: url(images/mythes-et-realites-over.gif);}


.cssnav a {
	display: block;
	color: #000000;
	font-size: 11px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}



* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}