/* CSS Document */

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

}

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

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

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

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

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

}
#header #anim{
	position:absolute;
	margin-top:8px;
	margin-left:248px;
}
#header a.accueil{
	height:179px;
	width:235px;
	display:block;
	margin-top:8px;
	position:absolute;
	margin-left:6px;
}
#header ul{
	position:absolute;
	margin-top:195px;
	/*margin-left:300px;*/
	width:990px;
	font-family:"trebuchet ms",arial;
}
#header ul li{
	float:right;
	display:inline;
	margin-left:3px;
	margin-right:3px;
}
#header ul li a{
	color:#797979;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:left;
	margin-right:7px;
	padding-left:10px;
	padding-right:10px;
	height:26px;
	padding-top:5px;
	font-size:14px;


}
#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:#4c4433;

}


#page{
	width:100%;
	padding-top:0px;
	
}

#left{
	width:254px;
	height:560px;
	float:left;
	background-image:url(../img/ssmenu.jpg);
	
}

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


}
#left ul a{
	display:block;
	width:100%;
	text-align:right;
	color:#232323;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:10px;
	font-weight:bold;
	letter-spacing:1px;
	background-image:url(../img/pucemenu.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
	

}
#left ul a:hover{
	color:#bb0c0c;
	background-image:url(../img/pucemenu2.gif);

}
#texte{
	width:700px;
	margin-left:260px;
	padding-top:70px;
	text-align:justify;


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

}
#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:#bb0c0c;

}

#texte h1{
	color:#bb0c0c;
	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:#4c4433;
	font-size:15px;
	width:auto;
	background-color:#f7f7f7;
	padding:10px;
	border:1px solid #797979;

}
#texte h3{
	border-bottom:2px dotted #e2e2e2;
	color:#a1a1a1;
	margin-bottom:7px;
	font-size:13px;

}
#texte ul{
	margin-left:20px;
	

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


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

div.info1{
	background-color:#d10028;
	border:2px dotted #d10028;
	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;

}