/* CSS Document */

body,html{
	margin:0px;
	padding:0px;

}

body{
	background-image:url(../img/fd.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#303837;
	background-color:#567276;

}
ul,li,h1,h2,h3,h4,h5,h5,table,td{
	margin:0px;
	padding:0px;

}
img{border:0px;}
a{color:#f34a00;}
a:hover{text-decoration:none;}
td{	vertical-align:top;}

#content{
	margin-left:auto;
	margin-right:auto;
	width:999px;
	


}

#header{
	width:100%;
	height:162px;
	background-image:url(../img/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;


}
#header a.accueil{
	height:126px;
	width:126px;
	display:block;
	background-image:url(../img/logo.gif);
	margin-top:5px;
	position:absolute;
	margin-left:60px;
	

}
#header ul{
	/*position:absolute;*/
	/*margin-top:137px;*/
	/*margin-left:225px;*/
	padding-top:137px;
}
#header ul li{
	float:right;
	display:inline;
}
#header ul li a{
	color:#447f86;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:left;
	margin-right:8px;
	padding-left:8px;
	padding-right:3px;
	height:26px;
	padding-top:5px;
	font-size:11px;
}
#header ul li:hover, #header ul li.in {
	background-image:url(../img/menusurvol1.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#header ul li a:hover, #header ul li.in a{
	background-image:url(../img/menusurvol2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#FFFFFF;

}
#header ul.menusup{
	position:absolute;
	margin-top:40px;
	margin-left:220px;
	padding-top:0;
}
#header ul.menusup li{
	display:list-item;
	float:none;
	list-style-type:square;
	color:#FFFFFF;
	
	
}
#header ul.menusup li:hover{background-image:none;}
#header ul.menusup li a{
	background-image:none;
	padding-top:0px;
	color:#FFFFFF;
	float:none;
	font-weight:normal;
	height:17px;
	font-size:14px;
	letter-spacing:1px;
	

}
#header ul.menusup li a:hover{
	color:#f34a00;
}


#page{
	width:100%;
	background-color:#FFFFFF;
	background-image:url(../img/fd-page.gif);
	padding-top:20px;
	
}

#left{
	width:230px;
	height:100%;
	float:left;
}

#left ul{
	margin-left:20px;
	width:190px;
	list-style-type:none;

}
#left ul a{
	display:block;
	width:100%;
	text-align:right;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:5px;
	

}
#left ul a:hover{
	color:#f34a00;
	border-bottom:1px solid #f34a00;

}
#texte{
	width:727px;
	margin-left:240px;
	text-align:justify;


}
#footer{
	width:1000px;
	font-size:11px;
	padding-top:5px;
	margin-left:400px;
	width:500px;
	margin-top:50px;
	padding-bottom:30px;	
	

}
#footer img.logo{
	float:left;
	margin-right:10px;

}




/******* mise en page texte ****/

img.photo{
	padding:2px;
	border:1px solid #CCCCCC;
	margin:10px;


}

.ko, .ok{
	margin-left:auto;
	margin-right:auto;
	width:500px;
	border:1px solid #FF0000;
	background-color:#fff3f3;
	padding:5px;
	font-size:11px;
	color:#FF0000;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../../../img/Stop-32.png);
	background-repeat:no-repeat;
	background-position:right;
	


}
.ok{
	background-image:url(../../../img/ok.png);
	background-color:#f3fff5;
	color:#009933;
	border-color:#00CC33;
	

}


#texte a{
	color:#f34a00;

}

#texte h1{
	color:#f34a00;
	font-size:18px;
	text-align:right;
	background-image:url(../img/h1.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:30px;
	margin-bottom:20px;

}
#texte h2{
	color:#164F56;
	font-size:15px;
	width:auto;
	background-color:#EFEFEF;
	padding:5px;
	border:1px solid #8ABEC4;

}
#texte h3{
	border-bottom:2px dotted #e2e2e2;
	color:#a1a1a1;
	margin-bottom:7px;
	font-size:13px;
	
}
#texte strong em, #texte em strong
{
	color:#F34A00;
}
#texte ul{
	margin-left:20px;
	

}
#texte ul li{
	list-style-image:url(../img/puce.gif);
	color:#f34a00;
	font-size:11px;


}
#texte ul li a{text-decoration:none;}
#texte ul li a:hover{color:#666666;}

div.info1{
	background-color:#d02607;
	border:2px dotted #d02607;
	padding:5px;
	color:#FFFFFF;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;

}
div.info1 a{
	color:#000000;
	font-weight:bold;
}


/******popup****/
#popup{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	height:100%;
	z-index:5;
	overflow:hidden;


}
#popmap, #popmapiframe{
	position:absolute;
	z-index:1000;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	width:100%;
	text-align:center;
	top:0px;
	padding-top:50px;
	background-color:#000000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
   -khtml-opacity: 0.7;
	
	

}
#popmapiframe img{
	border:2px solid #000000;

}
#popmapiframe{
	background-color:transparent;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
   -khtml-opacity:1;
   z-index:1001;


}
#popmapiframe iframe{
	border:1px solid #000000;
	background-image:url(../../../img/load.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFFFFF;
	


}
#popmapiframe a{
	display:block;
	width:100px;
	height:23px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;


}
a.map{
	background-image:url(../img/map_magnify.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	display:block;
	color:#003366;
	font-weight:bold;
	
	margin-top:10px;
	font-size:10px;
	float:right;
	margin-right:10px;

}