/* CSS Document */

body{
	margin-left:auto;
	margin-right:auto;
	margin:0;
	background:url(../images/fond.jpg);
	padding:0;
	}

#contain{
/*	background:url(../images/bloc_ombre.png) no-repeat center;*/
	width:911px;
	margin-left:auto;
	margin-right:auto;
	}

#titre{
	margin-top:20px;
	height:155px;
	background:url(../images/maquette/banniere.png) no-repeat center;
	width:911px;
	margin-left:auto;
	margin-right:auto;
	}

#sous_titre{
	font-size:13px;
	width:911px;
	font-family:"Century Gothic", Trebuchet MS;
	color:#FFFFFF;
	background:url(../images/maquette/sous_bann.png) no-repeat center;
	margin-left:auto;
	margin-right:auto;
	height:21px;
}


#corps{
	background:url(../images/maquette/corps.jpg) no-repeat center;
	height:464px;
	width:911px;
	margin-left:auto;
	margin-right:auto;
}

#texte{
	padding-left:7px;
	padding-right:11px;
	float:right;
	height:464px;
	width:350px;
	font-family:"Century Gothic", Trebuchet MS;
	font-size:13px;
	color:#000000;
}
#texte a{
	color:#5D7382;
	padding-left:25px;
}

#flash{
	float:left;
	height:464px;
	width:536px;
	padding-left:6px;
	z-index:100;
	}

#menu{
	margin-right:auto;
	margin-left:auto;
	width:911px;
	height:36px;
	background:url(../images/maquette/menu.png) no-repeat center;
	}

.prodrop4 {padding:0 20px 0 32px; margin:0; list-style:none; height:36px;position:relative; z-index:500; font-family:"Century Gothic", Trebuchet MS;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:35px; color:#FFF; text-decoration:none; font-size:14px; padding:0 20px 0 20px; cursor:pointer;
background:#5D7382;}
.prodrop4 li a.top_link:hover {color:#000; background:#6089a3; line-height:35px;}
.prodrop4 li:hover > a.top_link {color:#000; background:#6089a3; line-height:35px;}
.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.prodrop4 ul.sub2 {display:block;width:180px; height:500px;}
.prodrop4 :hover ul {left:0; top:35px; background:#6089a3; padding:3px; border:1px solid #5D7382; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300; height:150px;}
.prodrop4 :hover ul li {display:block; height:30px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:13px; height:20px; line-height:20px; width:auto; padding:5px 0 5px 5px; color:#FFF; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#5D7382; color:#fff;padding:5px 0 5px 5px;display:block;}



#footer{
	background:url(../images/maquette/mention.png) no-repeat center;
	height:41px;
	width:910px;
}

#footer a{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	color:#FFF;
	font-size:12;
	text-decoration:none;
}

#mentions{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}

h3{
	padding-left:15px;
	margin:0;
	padding-top:10px;
	font-family:"Trebuchet MS", Arial;
	font-size:17px;
	font-weight:bold;
	color:#1c547a;
}