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

}
#conteneur
{
	width: 980px;
	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:60px;
	width:190px;
	
	}
	
#zone_haute_droite a {
	color:#0D77B5;
	text-decoration:underline;
	}
#zone_haute_droite a:hover {
	color:#0D77B5;
	text-decoration:none;
	}
	
	
#header {
	width:980px;
	height:130px;
	background: url("../images_design/ban2.jpg") no-repeat ;
	margin-bottom:1px;
	}

#menu_div{
	margin-top:1px;
	width:980px;
	height:30px;
	background-color:#525252;
	}
	
#logo {
font-size:12px;
	font-family:Verdana, Helvetica, sans-serif;
	width:195px;
	height:100px;
	padding-left:25px;
	padding-top:20px;
	/*padding-top:32px;*/
	margin:0;
	color:white;
	}
#logo span {
font-size:15px;
font-weight:bold;
text-align:center;
margin-left:10px;
}

#pub {
	width:728px;
	height:95px;
	margin:0;
	color:black;
	float:right;
	position:relative;
	margin-top:-85px;
	margin-right:7px;
	}
	
	#fond_centre{
	width:980px;
	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:690px;
	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;
	}
	
	#zone_centrale h1{
	/*background: url("../images_design/h1_design.png") no-repeat ;*/
	/*background-color:#EAEBE6;*/
	border:1px solid #C8C8C8;
	height:20px;
	font-size:13px;
	font-weight:bold;
	color:#0E3075;
	font-family:Arial,Verdana, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:7px;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	width:680px;
	}
	
	#zone_centrale h2{
	font-size:13px;
	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:260px;
	padding:3px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:0px;
	float:right;
	/* background-color:#F6F6F6; */
	min-height:200px;
	clear:right;
	}
	

	
	
#footer2{
	width:690px;
	min-height:10px;
	clear:both;
}	
#footer1{
	clear:both;
	background-color:#0E3075;
	width:980px;
	height:25px;
	font-family:Verdana, Helvetica, sans-serif;
	color:white;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	padding-top:3px;
	margin:0;
	background: url("../images_design/background.png") repeat ;
}
#footer{
	min-width:720px;
	min-height:150px;
	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:10px;
}

#sous_footer a{
	font-weight:bold;
	color:black;
	font-size:10px;
	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;
    z-index: 500;
    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;

}










/*
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;
}







.boxContent
{
	margin-top: 0.5em;
	padding: 1.25em 1em 0.25em 1em;
	background: #ffffff url('images/a1.gif') top left repeat-x;
}

/** boxA **/

.boxA .boxContent
{
	margin-top: 0em;
	color: #fff;
	border-bottom: solid 1px #bb6600;
	background: #ff8800;
	padding: 1em 1.5em 1em 1em;
}

.boxA span
{
	font-weight: bold;
	font-size: 0.8em;
}

.boxA a
{
	background-color: inherit;
	color: #fff;
	font-size: 0.8em;
}

.boxA a:hover
{
	text-decoration: none;
	border-bottom: solid 1px #ff9900;
}

.boxA input.button
{
	margin-top: 0.25em;
	vertical-align: middle;
}

.boxA input.text
{
	width: 100%;
}