@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
input{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.titres{
font-weight:bold;
color:#000099;
}
.bleu{
color:#000099;

}
.gros_titres{
font-size:14px;
font-weight:bold;
color:#000099;
}
.fond_bleu{
background-color:#000099;
text-align:left;
font-weight:bold;
color:#FFFFFF;
font-size:11px;
}
.fond_vert{
background-color:#E7F3AC;
text-align:left;
color:#A7B80A;
font-size:11px;
}
.fond_vert2{
background-color:#E7F3AC;
text-align:left;
color:#336600;
font-size:11px;
}
.fond_vert3{
background-color:#336600;
text-align:left;
color:#E7F3AC;
font-size:11px;
}
#page{
margin:0 auto;
padding:0;
width : 950px;

}
#bandeau{
margin:0;
padding:0;
float:left;
width : 950px;
height:121px;
background:url(../images/bandeau.jpg) no-repeat;
}
#droite{
margin:0;
padding:10px 0 0 0;
float:right;
width : 300px;
}
#droite2{
margin:0;
padding:10px 0 0 0;
float:right;
width : 230px;
}
#gauche{
margin:0;
padding:10px 0 0 0;
float:left;
width : 640px;
}
#gauche2{
margin:0;
padding:10px 0 0 0;
float:left;
width : 700px;
}
#edito{
margin:0 0 5px 0;
padding:10px;
float:right;
width : 280px;
font-size:10px;
text-align: justify;
border: 1px solid #A7B80A;
}
#actu{
margin:0 0 5px 0;
padding:10px;
float:right;
width :210px;
font-size:11px;
text-align: left;
border: 1px solid #A7B80A;
}
#video{
margin:0 0 10px 0;
padding:10px;
float:right;
width : 280px;
font-size:10px;
text-align: center;
background-color: #A7B80A;
}
#newsletter{
margin:0;
padding:0;
float:right;
width : 100%;
}
/* menu */
		
	#menu {
		width:950px; 
		height:43px; 
		overflow:hidden; 
		margin:0;
		float:right;
	}
	#menu ul {
	margin:0; 
	padding:0;
	}
	#menu li {
	list-style-type:none; 
	display:inline;
	}
	#menu a {
	display:block; 
	float:right; 
	overflow:hidden;  
	text-decoration:none; 
	}   
				#menu a#accueil {
				width:72px;
				height:43px;	
				background-image: url(../images/menu_01.jpg);
				background-position: top;
				}
				#menu a#accueil_o {
				width:72px;
				height:43px;	
				background-image: url(../images/menu_01.jpg);
				background-position: bottom;
				}
				#menu a#accueil:hover {
				background-position:bottom;
				}
				#menu a#heberg {
				width:181px;
				height:43px;	
				background-image: url(../images/menu_02.jpg);
				background-position: top;
				}
				#menu a#heberg_o {
				width:181px;
				height:43px;	
				background-image: url(../images/menu_02.jpg);
				background-position: bottom;
				}
				#menu a#heberg:hover {
				background-position:bottom;
				}
				#menu a#install {
				width:150px;
				height:43px;	
				background-image: url(../images/menu_03.jpg);
				background-position: top;
				}
				#menu a#install_o {
				width:150px;
				height:43px;	
				background-image: url(../images/menu_03.jpg);
				background-position: bottom;
				}
				#menu a#install:hover {
				background-position:bottom;
				}
			
				#menu a#vie {
				width:178px;
				height:43px;	
				background-image: url(../images/menu_04.jpg);
				background-position: top;
				}
				#menu a#vie_o {
				width:178px;
				height:43px;	
				background-image: url(../images/menu_04.jpg);
				background-position: bottom;
				}
				#menu a#vie:hover {
				background-position:bottom;
				}
				#menu a#pratique {
				width:98px;
				height:43px;	
				background-image: url(../images/menu_05.jpg);
				background-position: top;
				}
				#menu a#pratique_o {
				width:98px;
				height:43px;	
				background-image: url(../images/menu_05.jpg);
				background-position: bottom;
				}
				#menu a#pratique:hover {
				background-position:bottom;
				}
				#menu a#ligne {
				width:108px;
				height:43px;	
				background-image: url(../images/menu_06.jpg);
				background-position: top;
				}
				#menu a#ligne_o {
				width:108px;
				height:43px;	
				background-image: url(../images/menu_06.jpg);
				background-position: bottom;
				}
				#menu a#ligne:hover {
				background-position:bottom;
				}
				#menu a#tele {
				width:115px;
				height:43px;	
				background-image: url(../images/menu_07.jpg);
				background-position: top;
				}
				#menu a#tele_o {
				width:115px;
				height:43px;	
				background-image: url(../images/menu_07.jpg);
				background-position: bottom;
				}
				#menu a#tele:hover {
				background-position:bottom;
				}
/* sousmenu */
		
	#sousmenu {
		width:230px; 
		overflow:hidden; 
		margin:0;
		float:right;
	}
	#sousmenu ul {
	margin:0; 
	padding:0;
	}
	#sousmenu li {
	list-style-type:none; 
	display: block;
	}
	#sousmenu a {
	display:block; 
	float:left; 
	overflow:hidden;  
	text-decoration:none;
	color:#FFFFFF;
	background:url(../images/f_bouton.gif);
	width:230px;
	height:24px;
	text-align:center;
	padding: 5px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	} 
	#sousmenu a:hover {
	background:url(../images/f_bouton_o.gif);
	} 
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A7B80A;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #A7B80A;
}
a:hover {
	text-decoration: underline;
	color: #336600;
}
a:active {
	text-decoration: none;
	color: #A7B80A;
}
#parag p{
text-align:justify;
}
	#parag p img{
	margin:3px 8px 3px 0;
	float:left;
	}
/* -------------------------------------------------------- */
/* -------------   INFORMATIONS SUR LE SITE   ------------- */
/* -------------------------------------------------------- */

#site_info {
	clear:both;
	margin:10px auto 0 auto;
	width:950px;
	font-size: 10px;
	color:#999999;
	}
				#site_info a#citypass {
				width:67px;
				height:54px;	
				background-image: url(../images/signature-etq.png);
				background-position: top;
				display:block; 
				float:left; 
				overflow:hidden;  
				}
				#site_info a#citypass:hover {
				background-position:bottom;
				}