@charset "utf-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/bg.jpg) no-repeat #fff center top;
	font-size: 12px;
}
div, p, table, tr, td, input, button, form, ul, li, h1, h2, h3, h4{
	margin: 0px; 
	padding: 0px;
}
img{
	border: none;
}
a, a:link, a:hover, a:visited{
	text-decoration: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clearer{
	clear:both;
	height:0px;
	padding:0px;
	margin:0px;
	display:block;
}
/**************************/
#content{
	background: url(../img/background_1.png) no-repeat center top;
	margin:80px auto;
	min-height:648px;
	padding:20px 39px;
	width:925px;
}
/**************************/
#header{
	padding: 0px 30px 20px 30px;
}
#header #logos{
	width: 300px;
}
#header #renseignement{
	background: url(../img/bg_tel.gif) no-repeat;
	padding: 5px 12px;
	color: #30539d;
	text-align: center;
}
#header #flags{
	text-align: right;
	margin-top: 30px;
	width:335px;
	padding-bottom: 10px;
}
#header #menu{
	
}
#header #menu ul{
	list-style: none;
	list-style-image: none;
	list-style-position: inside;
	padding-left: 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#header #menu ul li{
	float: left;
	color: #457baf;
	background: #FFF;
	font-size: 12px;
	font-weight: normal;
}
#header #menu ul li h2 a{
	float: left;
	padding: 3px 17px;
	color: #457baf;
	background: #FFF;
	font-size: 12px;
	font-weight: normal;
}
#header #menu ul li h2 a:hover{
	float: left;
	padding: 3px 17px;
	color: #fff;
	background: #2c50a0;
	font-size: 12px;
	font-weight: normal;
}
#header #menu ul li h2 a.onglet_actif{
	float: left;
	padding: 3px 17px;
	color: #fff;
	background: #2c50a0;
	font-size: 12px;
	font-weight: normal;
}
/**************************/
#center{
	min-height: 510px;
}
#center .blocs_home{
	background:url(../img/bg_blocs_home.gif);
	border-bottom: 1px solid #dedfde;
	width: 272px;
	float: left;
	margin-left: 30px;
}
#center .blocs_home h3{
	color: #173d52;
	font-size: 14px;
	margin-left: 15px;
	padding: 10px 0px;
}
#center .blocs_home p{
	color :#173d52;
	margin-left: 15px;
	margin-bottom: 10px;
}
#center .blocs_home img.fleche{
	margin-left: 5px;
}
/**************************/
#center #left{
	float:left;
	padding-left:30px;
	padding-right:10px;
	width:530px;
}
#center #filariane h3{
	background: url(../img/bg_filariane.gif) no-repeat left top;
	color: #fff;
	font-size: 18px;
	padding: 6px 10px;
	font-weight: normal;
}
#center #left .gris{
	color: #999;
}
#center #left #pictos{
	background: url(../img/bg_services_prestations.gif) no-repeat left top;
	padding: 10px;
	margin-top: 8px;
}
#center #left #pictos h4{
	color: #00296f;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 10px;
}
#center #left #pictos table{
	font-size: 11px;
}
#center #left #pictos table td{
	padding: 2px;
}
#center #left #mappy{
	width: 175px;
	float: left;
}
#center #left #acces{
	float: left;
}
#center #left #acces #distances{
	background: url(../img/bg_itineraires.gif) repeat-y;
	color: #0c1b5d;
	width: 250px;
	padding-left: 5px;
}
#center #left #acces #distances p{
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
}
/**************************/
#center #right{
	width: 272px;
	float: left;
	padding: 10px 20px;
	background: url(../img/bg_photos.gif) no-repeat left top;
	height:451px;
	margin-top:14px;
}
#center #right p{
	color: #000;
	padding: 15px 0px;
}
/**************************/
#center #contact{
	margin-left:30px;
}
#center #contact table td{
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
}
/**************************/
#center #reservation{
	margin-left:30px;
}
#center #reservation .bouton_off{
	background:transparent url(../img/bt_ete.gif) no-repeat scroll left top;
	color:#003366;
	cursor:pointer;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:24px;
	padding-top:8px;
	text-align:center;
	text-transform:uppercase;
	width:72px;
}
#center #reservation .bouton_on{
	float: left;
	background:url(../img/bt_hiver.gif) no-repeat left top;;
	padding-top:8px;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width:72px;
	height:24px;
	cursor: pointer;
}
/**************************/
#center #reservation .tarifs table td{
	font-size: 11px;
	color: #213b74;
	text-align: center;
	padding: 5px 20px;
}
#center #reservation .tarifs td.top_tableau{
	color: #fff;
	padding: 10px 5px;
	background:url(../img/bg_top_tableau.gif) repeat-x;
	border-right: 1px solid #fff;
	border-top: 1px solid #465c8c;
	text-align:center;
}
#center #reservation .tarifs td.left_tableau{
	color: #003366;
	padding: 5px 20px;
	background: #e8e7e7;
	border-left: 1px solid #465c8c;
	border-right: 1px solid #465c8c;
	border-bottom: 1px solid #465c8c;
	text-align: right;
}
#center #reservation .tarifs td.prix{
	color: #213b74;
	background: #fff;
	border-right: 1px solid #465c8c;
	border-bottom: 1px solid #465c8c;
	text-align: center;
}
/**************************/
#center #reservation #bt_reservation{
	cursor: pointer; 
	font-size: 14px;
	background:url(../img/bt_reservation_en_ligne.gif) no-repeat left top;
	padding: 17px 10px 12px 120px;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	width:142px;
}
/**************************/
#center #reservation #tarif_prestations{
	background:url(../img/bg_tarifs_presta.gif) no-repeat left top;
	height:175px;
	padding:15px 0 15px 10px;
	width:705px;
	margin-top: 15px;
}
#center #reservation #tarif_prestations td{
	padding: 2px;
	text-align: left;
}
#center #reservation #tarif_prestations td.titre{
	font-size: 18px;
	padding-bottom: 20px;
}
#center #reservation #tarif_prestations td.prix{
	font-weight: bold;
}
/**************************/
#center #reservation #form_reservation{
	background:url(../img/bg_form_reservation.gif) no-repeat left top;
	padding: 15px 15px 15px 20px;
	margin-top: 15px;
	height:454px;
	width:663px;
}
#center #reservation #form_reservation select#menu_deroulant{
	list-style: none;
	list-style-image: none;
	background:url(../img/bg_liste.gif) no-repeat left top;
	padding: 7px 0 10px 10px;
	width:252px;
}
#center #reservation #form_reservation input{
	margin-bottom: 10px;
	margin-top: 10px;
}
#center #reservation #form_reservation .fields{
	padding-top: 10px;
}
#center #reservation #form_reservation button{
	background:url(../img/bt_envoyer.gif) no-repeat;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	padding: 9px 16px;
	border: none;
	margin-left: 10px;
	cursor: pointer;
	width:87px;
	height:35px;
}
#center #reservation #form_reservation .confidencialité{
	padding-top: 20px;
}
/**************************/
#footer{
	color: #999;
	font-size: 11px;
	padding-left: 10px;
	padding-top: 30px;
	background:url(../img/background_2.jpg) no-repeat center top;
	margin-top:50px;
}