@import "nav.css";
@import "contact.css";
@import "bout-envoyer.css";
/* -------- CSS GENERAL -------- */
*{margin:0; padding:0;}
img{border: 0;}
a{color:#000;
text-decoration:none;
font-size:90%;
font-weight:bold;}
a:hover{text-decoration:none;color:#FFF;}
ul, li{margin:0;padding:0; list-style:none;}
body {
	background-color:#fff;
	color:e95d0f;
	font-family:Helvetica, Arial sans-serif;
	font-size:100%;
	overflow:auto;
	overflow-x:hidden;
	font-weight:lighter;
	}
p{
	font-size:100%;
	color:#023a89;
	}
fieldset, img{border:0;}
.clear{clear:both;}
.bleuclair{color:#00badc;}
.orange{color:#f29400; font-weight:bold}
strong{font-weight:bold;}

/* -------- GENERAL -------- */
#corps{
	width:900px;
	height:100%;
	margin:0 auto;
	left:0px;
	position:relative;
	}
/* -------- HEADER -------- */
#header{
	width:900px;
	height:100px;
	background:url(../images/deco/img_menu.jpg) no-repeat;
}
h1{
	top:242px;
	left:153px;
	position:absolute;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	text-align:center;
	color:#023a89;
	z-index:20;
}
/* -------- BANDEAU -------- */
#bandeau{
	width:900px;
	height:223px;
	}
#bandeaugauche{
	width:360px;
	height:223px;
	background:url(../images/deco/img_header.jpg) no-repeat;
	float:left;
	}
#flash_anim{
	width:540px;
	height: 223px;
	float:left;
	background:url(../images/deco/img_background_diapo.jpg) no-repeat;
	}
#flash_anim p{
	margin:25px;
	font-size:70%;
	color:#fff;
	text-align:right;
	padding:100px 50px 0 0;
}	
h2{
	top:125px;
	left:718px;
	position:absolute;
	font-size:100%;
	text-align:right;
	color:#fff;
	z-index: 10;
	}
.taille{
	font-size:156%;
	}
/* -------- CONTENT -------- */
#content{
	width:900px;
	padding:10px 0 0 0;
	}
.vide{
	width:900px;
	height:20px;
	}
#gauche{
	width:310px;
	min-height:100%;
	background:url(../images/deco/img_backround_left.jpg) no-repeat top right;
	float:left;
	padding:0 50px 0 0;
	}
	
	
	
#gauchevide{
	width:20px;
	height:178px;
	background:url(../images/deco/img_backround_left.jpg) no-repeat top right;
	float:left;
	}
h4{
	font-size:90%;
	text-align:right;
	color:#023a89;
	}	
#gauche p{
	text-align:right;
	font-size:75%;
	}	
#media{
	width:310px;
	height:227px;
	background:url(../images/deco/media.jpg) no-repeat;
	padding:0 0 20px 0;
	}	
/*#gauche ul{
	padding:20px 0 0 0;
	float:left;
	}*/
#gauche ul li{
	width:130px;
	height:120px;
	float:left;
	}	
#gauche ul li.margephoto{
	padding:0 50px 0 0;
	}
	
	
	
	
	
	
	
	
#droite{
	width:540px;
	min-height:100%;
	float:left;
	background-color:#f1f1f1;
	padding:0 0 50px 0;
	}
#droite.large{
	width:880px;
	padding:0 0 0 0;
	}	
h3{
	width:540px;
	height:33px;
	background-color:#d9d9d9;
	color:#fff;
	text-indent:50px;
	line-height:35px;
	font-weight:lighter;
}
h3.large{
	width:880px;
	}	
#contenu{
	width:440px;
	height:100%;
	float:left;
	background:url(../images/deco/img_backround_content.jpg) repeat-x;
}	
#contenu p{
	line-height:20px;
}
#contenu a, #contenutab a{
	font-weight:lighter;
	color:#00badc;
}
#contenu a:hover, #contenutab a:hover{
	color:#f29400;
}

	
#contenu ul{
	padding:20px 0 0 0;
	float:left;
	}
#contenu ul li{
	width:210px;
	height:155px;
	float:left;
	padding: 0 10px 0 0;
	}	
	
#contenutab{
	width:780px;
	height:100%;
	float:left;
	background:url(../images/deco/img_backround_content.jpg) repeat-x;
}
/* -------- TABLE HORAIRES -------- */
#contenutab table{
	color:#023a89;
	font-size:85%;
	float:left;
	}
.fd-td-mois {
	background-color:#d9d9d9;
	border:1px solid #fff;
	color:#333333;
	padding-left:5px;
	}	
#contenutab ul{
	float:left;
	padding:0 0 0 90px;
	text-align:center;
	}
#contenutab ul li{
	display:block;
	padding:20px 40px 20px 40px;
	float:left;
	}
/* -------- TABLE TARIFS -------- */

.tableau{
	width: 350px;
	height:auto;
	float:left;
	padding:0 20px 20px 20px;
	}
.tableauseul{
	width: 350px;
	height:auto;
	float:left;
	padding:0 20px 20px 20px;
	}
	
	
	
	
	
/*.tableau table{
	background-color:#fff;
	border:#666666 1px dotted;
	}
*/
.tableau table tr td{
	border-bottom:#666 1px dotted;
	}
.tableau table tr td.sansbord{
	border-bottom:#f1f1f1 1px solid;
	}	
	
	
.petit{
	font-size:75%;
	}
.exergue{
	font-size:60%;
	text-align:center;
	}	
/* -------- TABLE RESERVATION -------- */
.reserv{
	width: 720px;
	height:left;
	float:left;
	padding:0 20px 20px 20px;

	}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* -------- FOOTER -------- */
#footer{
	width:900px;
	height:55px;
	background:url(../images/deco/img_footer.jpg) no-repeat;
	padding:20px 0 40px 0;
	margin:20px 0 0 0;
	} 
#footer p.nom{
	width:150px;
	height:40px;
	font-family:"Times New Roman", Times, serif;
	font-size:70%;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:5px 0 0 0;
	}
		
#footer ul{
	width:530px;
	height:40px;
	padding:6px 0 0 220px;
	float:left;
}
#footer ul li{
	display:block;
	float:left;
	padding:0 2px 0 5px;
	list-style:none;
	float:left;
}
#footer ul li a{
	font-size:60%;
	color:#fff;
	font-weight:lighter;
}
#footer ul li a:hover{
	color:#00badc;
}
.borddroit{
	border-right:#00badc 1px solid;
}
.spacing{
	width:900px;
	font-size:59%;
	letter-spacing:10px;
	text-align:center;
	}
#footer p{
	font-size:59%;
	text-align:center;
	color:#00badc;
}
#footer p a{
	font-weight:lighter;
	color:#00badc;
	text-decoration:none;
}
#footer p a:hover{
	color:#023a89;
	text-decoration:underline;
}