body{
	background-color:#787878;
	margin: 0 0 ;
	padding: 0 ;
	background: url("../images_design/background.png") repeat ;

}
#conteneur
{
	width: 1010px;
	padding:5px;
	padding-bottom:0px;
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	border-left:1px solid black;
	border-right:1px solid black;
	background-color:white;
	margin: auto;
}

#zone_pub
{
	text-align:center;

}

#texte_haut
{
	height: 33px ;
	font-size:11px;
	font-family:Verdana, Helvetica, sans-serif;
	color: #646464;
	font-weight:bold;

}

#zone_haute_gauche {
	float: left;
	padding:10px;
	width:300px;
	}
	
#zone_haute_centre {
	float: left;
	padding:10px;
	width:380px;
	font-style:italic;
	font-weight:none;
	color: #A0A0A0;
	}
	
#zone_haute_droite {
	float: left;
	padding-top:10px;
	padding-left:90px;
	width:190px;
	
	}
	
#zone_haute_droite a {
	color:#0D77B5;
	text-decoration:underline;
	}
#zone_haute_droite a:hover {
	color:#0D77B5;
	text-decoration:none;
	}
	
	
#header {
	width:1010px;
	height:130px;
	background: url("../images_design/ban3.jpg") no-repeat ;
	margin-bottom:1px;
	}

#menu_div{
	margin-top:1px;
	width:1010px;
	height:30px;
	background-color:#525252;
	}
	
#logo {
	width:400px;
	height:100px;
	padding-left:265px;
	padding-top:22px;
	/*padding-top:32px;*/
	margin:0;
	}
	
	#fond_centre{
	width:1010px;
	padding:0;
	margin:0;
	height: auto;
	}
	

	
#zone_gauche{
	width:150px;
	float:right;
	height:100%;
	}
	
	#menu_gauche{
	padding:0;
	padding-left:5px;
	margin:0;
	margin-top:10px;
	list-style-type: none; 
	width: 150px;
	}

	.li_zone_gauche{
	list-style-image : url("../images_design/puce.gif");
	list-style-position: inside;
	margin-bottom:0px;
	padding-top:2px;
	width:125px;
	height:24px;
	background-image:url("../images_design/trait.gif");
	background-position:0% 100%;
	}
	
	
	#zone_gauche li a{
	font-family:Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#00619B;
	vertical-align:top;
	font-weight:bold;
	text-decoration:none;
	 margin:0px;
	width:100%; 
	}
	
	#zone_gauche li a:hover{
	color:#FF9900;
	font-weight:bold;
	text-decoration:underline;
	}
	
#zone_centrale{
	width:745px;
	float:left;
	padding:5px;
	margin-top:0px;
	margin-bottom:5px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align : justify; 
    border-left:1px dashed #CCCCCC;
	background-color:white;
	}
	
	#zone_centrale h1{
	/*background: url("../images_design/h1_design_bis.png") no-repeat ;*/
	/*background-color:#C8C8C8;*/
	border:1px solid #C8C8C8;
	/*
	border-bottom:1px solid #CDCDCD;
	border-top:1px solid #CDCDCD;*/
	height:20px;
	font-size:12px;
	font-weight:bold;
	/*color:#3A3A3A;*/
	color:#0045A3;
	font-family:Verdana,Arial,Helvetica,Verdana, sans-serif;
	padding-left:5px;
	padding-top:7px;
	margin:0;
	margin-top:11px;
	margin-bottom:10px;
	width:730px;
	}
	

	
	#zone_centrale h2{
	font-size:12px;
	font-weight:bold;
	color:#FF9900;
	font-family:Verdana, Helvetica, sans-serif;
	}
	
	#zone_centrale h3{
	font-size:11px;
	font-weight:bold;
	color:#FF9900;
	font-family:Verdana, Helvetica, sans-serif;
	}
	
	#zone_centrale a{
	color:#444444;
	}
	
	#zone_centrale a:hover{
	color:#00619B;
	}
	
	
	
#zone_droite{
	width:250px;
	padding:0px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:0px;
	float:right;
	/* background-color:#F6F6F6; */
	min-height:200px;
	}
	#zone_droite a{
	color:#444444;
	}
	
	#zone_droite a:hover{
	color:#00619B;
	}
	#zone_droite h4{
	/*background-color:#F9F9F9;*/
	font-size:12px;
	font-weight:bold;
	/*color:#3A3A3A;*/
	color:#222222;
	font-family:Arial,Helvetica,Verdana, sans-serif;
	margin:0;
	margin-bottom:10px;
	width:245px;
	}
	
	.back_droite_jaune{
	padding:4px;
	padding-bottom:8px;
	width:242px;
	/*background-color:#F8F8F8;*/
	border-top:3px solid #F5C32C;
	border-bottom:1px dotted #CCCCCC;
	font-weight:normal;
	/*color:#3A3A3A;*/
	color:black;
	font-size:11px;
	font-family:Verdana,Helvetica,Verdana, sans-serif;
	margin:0;
	margin-bottom:5px;
	}
	.back_droite_rouge{
	padding:4px;
	padding-bottom:8px;
	width:242px;
	/*background-color:#F8F8F8;*/
	border-top:3px solid #A00702;
	border-bottom:1px dotted #CCCCCC;
	font-weight:normal;
	/*color:#3A3A3A;*/
	color:black;
	font-size:11px;
	font-family:Verdana,Helvetica,Verdana, sans-serif;
	margin:0;
	margin-bottom:5px;
	}
	
	
	
#footer2{
	width:690px;
	min-height:320px;
	padding:5px;
	float:left;

}	
#footer1{
	clear:both;
	background-color:#EFEFEF;
	width:1010px;
	height:25px;
	font-family:Verdana, Helvetica, sans-serif;
	color:white;
	font-size:11px;
	text-align:center;
	/*vertical-align:middle;*/
	padding-top:3px;
	margin:0;
	margin:auto;
	background: url("../images_design/background.png") repeat ;
}
#footer{
	min-width:690px;
	min-height:250px;
	margin:0;
}

#sous_footer{
	background-color:#E5E5E5;
	min-height:30px;
	font-family:Verdana, Helvetica, sans-serif;
	color:black;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	width:1010px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	margin:auto;
}

#sous_footer a{
	/*font-weight:bold;*/
	color:black;
	font-size:11px;
	font-family:Verdana, Helvetica, sans-serif;

}



/* Style mon compte div */
#mon_compte{
position:relative;
top:-135px;
left:760px;
visibility:hidden;
padding:0px;
border:1px dashed #FFFFFF;
background:#58A7C8;
font-weight:bold;
width:200px;
color:#FFFFFF;
font-size:11px;
	font-family:Verdana, Helvetica, sans-serif;
}

#compte_meteorologic a{
color:#FFFFFF;
}

#compte_meteorologic a:hover{
text-decoration:none;
}

/* Style lien logo */ 
#lien_logo{
position:relative;
top:35px;
left:-85px;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
}
#lien_logo a{
color:#004477;
font-weight:bold;
}
#lien_logo a:hover{
color:#FFB800;
}



#lien_prev a{
text-align:center;
display:block;
float:left;
background: url("../images_design/menu/fond-bleu-grand.png") repeat-x;
min-width:88px;
height:27px;
margin-left:1px;
padding:1px;
padding-top:5px;
font-size:10px;
text-decoration:none;
color:#FFFFFF;
outline:none;
font-weight:bold;
}


#lien_prev a:hover{
background: url("../images_design/menu/fond-orange-grand.png") repeat-x;
color:#FFFFFF;
}
#lien_prev a:active,#lien_prev a:focus{
background: url("../images_design/menu/fond-orange-grand.png") repeat-x;
color:#FFFFFF;

}





.lien_acc_map{
display:block;
float:left;
background: url("../images_design/menu/acc_gris.png") no-repeat;
min-width:100px;
height:25px;
padding-top:5px;
padding-left:7px;
margin-right:5px;
text-decoration:none;
color:black;
outline:none;
}



.lien_acc_map_blue{
display:block;
float:left;
background: url("../images_design/menu/acc_blue.png") no-repeat;
min-width:100px;
height:25px;
padding-top:5px;
padding-left:7px;
margin-right:5px;
text-decoration:none;
padding-left:4px;
color:black;
outline:none;
}



/* wiki */

#zone_centrale li{
margin-left:15px;
	}
	
	
.img_wik{
text-align:center;
margin-left:auto;
margin-right:auto;
padding:5px;
border:1px solid #E6E6DB;
}



















a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    text-decoration:none;
}
a.tooltip:hover em {
	text-align:justify;
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:220px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}




div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

div#calendar table{
	font-size: 0.9em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

div#calendar table caption{
	margin: 0 auto;
}

div#calendar table th{
	color: #493;
	background: transparent;
}

div#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}

div#calendar table td a{
	display: block;
	background: #EFA;
	color: #493;
	font-weight: bold;
	text-decoration: none;
}

 div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
}

.menu_account {
	color:#FFFFFF;
	margin-top : 25px;
	margin-bottom : 30px;
	margin-left : 10px;
	margin-right : 10px;
	padding:3px;
	width : 730px;
	text-align:center;
	border-bottom:1px solid #B4B4B4;
}

.menu_account1 {
	color:#FFFFFF;
	margin-top : 25px;
	margin-bottom : 30px;
	margin-left : 10px;
	margin-right : 10px;
	padding:3px;
	width : 680px;
	border-bottom:1px solid #B4B4B4;
}


.account {
	margin:0px 5px 0px 5px;
	padding : 3px;
	padding-bottom : 2px;
	background-color:#58A7C8;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;

}

.account:hover {
	background-color:#B4B4B4;
	font-size:11px;
	color:#FFFFFF;
	margin:0px 5px 0px 5px;
	padding : 3px;
	padding-bottom : 2px;
}

.traitprev{
border-top:1px solid #92B2D9;
width:730px;
height:20px;
margin:0;
padding:3px;
background-color:#EEF3F9;
margin-top:15px;
font-size:11px;
}

.traitprevbis{
height:30px;
margin:0;
margin-top:5px;
padding-top:7px;
font-size:11px;
background: url("../images_design/h1_design_bis.png") no-repeat ;
padding-left:30px;
}


.fading_15j{
padding-top:2px;
width:120px;
height:98px;
margin-right:5px;
float:left;
margin-top:10px;
background: url("../images_design/fading.png") no-repeat;
text-align:center;
}










/*
Galerie photos, vidéos etc..
*/

.image{
float:left;
width:175px;
height:170px;
font-size: 12px;
background-color:#F8F8EC;
margin : 5px;
}
.image:hover{
background-color:#EEF3F9;
}