body{
	background:url(images/fond_site.gif) no-repeat top left #c4ced0;
	margin:0 0 0 0;
	padding:0;
	font-size:12px;
	font-family:arial;
	color:#4c4c4c;
}

img{
	border:0;
}

.clear{
	clear:both;
	height:0;
}

.orange{
	color:#ec6c27;
}

.imageAGauche{
	float:left;
	margin:0 10px 0 0;
}

#global{
	width:995px;
	margin:10px auto 0 auto;
}

#contenu{
	background:url(images/fond_contenu.gif) repeat-y top left;
	width:961px;
	padding:0 17px 0px 17px;
}

/*****************************	ENTETE	**************************/

#entete{
	background:url(images/fond_contenu.gif) repeat-y top left;
	position:relative;
}

#logo{
	position:absolute;
	top:0;
	left:0;
	margin:-10px 0 0 48px;
}

#logo img{
	behavior: url('iepngfix.htc');
	width:181px;
	height:135px;
}

#reservation{
	position:absolute;
	top:0;
	left:0;
	margin:160px 0 0 838px;
}

#planAccess{
	position:absolute;
	top:0;
	left:0;
	margin:160px 0 0 653px;
	
}

#planAccess a:hover img, #reservation a:hover img{
	filter:alpha(opacity=90); 
    -moz-opacity:0.9; 
    opacity:0.9;
}

#menu{
	background:url(images/fond_menu.gif) no-repeat  top left #f9f9f9;
	width:972px;
	height:40px;
	margin:0 0 0 6px;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:9px 0 0 5px;
}

#menu ul li{
	float:left;
	color:#686969;
}

#menu ul li a{
	color:#686969;
	font-size:13px;
	height: 20px;
	text-decoration:none;
	padding:0 13px 5px 13px;
	display:block;
}

#liensousMenu1{
	width:119px;
}

#liensousMenu2{
	width:107px;
}

#liensousMenu3{
	width:76px;
}

#liensousMenu4{
	width:139px;
}

#liensousMenu5{
	width:125px;
}

#liensousMenu6{
	width:90px;
}

#menu ul li a:hover, ul#menuHaut li a.lienMenuActif{
	border-bottom:4px solid #fb2b3a;
}


/* sous menu */
ul#menuHaut ul.sousMenu, ul#menuHaut ul.sousMenuVisible{
	background: #fff;
	display: none;
	float: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 195px;
	z-index:49;
	border:1px solid #c4ced0;
}

ul#menuHaut ul.sousMenuVisible{
	display: block;
}

ul#menuHaut ul.sousMenuVisible li{
	float: none;
}

ul#menuHaut ul.sousMenuVisible a{
	color: #acadac;
	display: block;
	height: auto;
	text-align: left;
	text-transform: none;
	width: 178px;
}

ul#menuHaut ul.sousMenuVisible a:hover{
	border-bottom:0;
	color:#d5333e;
}

ul#sousMenu1 a,ul#sousMenu2 a,ul#sousMenu3 a,ul#sousMenu4 a,ul#sousMenu5 a{
	background:url(images/puce_ssmenu.gif) no-repeat 10px center;
}

ul#sousMenu1 a:hover,ul#sousMenu2 a:hover,ul#sousMenu3 a:hover,ul#sousMenu4 a:hover,ul#sousMenu5 a:hover{
	border-bottom:0;
	background:url(images/puce_ssmenu_hover.gif) no-repeat 10px center;
}

ul#menuHaut li ul li a{
	padding:3px 0 3px 20px;
	margin:0;
}

/* sous menu */
/*****************************	ENTETE	**************************/

/*****************************	ACCUEIL	**************************/

#gauche{
	float:left;
	width:650px;
	margin:4px 0 0 0;
}

#rencontre{
	background:url(images/fond_rencontre.gif) no-repeat top left #e6e6e6;
	width:643px;
	padding:23px 0 15px 7px;
	color:#fff;
}

#fondRouge img{
	border-right:1px solid #e6e6e6;
	float:left;
}

#fondRouge p{
	margin:0;
	padding:0;
}

#fondRouge h4{
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:20px 0 0 0;
}

#fondRouge .texteRencontre{
	margin:0 0 0 10px;
	padding:0 3px 0 0;
}

#fondRouge .texteRencontre a{
	color:#ffe61a;
	text-decoration:none;
}

#fondRouge .texteRencontre a:hover{
	text-decoration:underline;
}

#fondRouge .texteRencontre p{
	margin:0 0 0 0;
	padding:10px 0 0 0;
}

#fondRouge{
	background:url(images/trombonne.gif) no-repeat top right #d82b3e;
	width:630px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#droite{
	float:left;
	width:302px;
	margin:0 0 0 9px;
	display:inline;
}

#actualite{
	background:url(images/fond_actualite.gif) top left no-repeat #e5e1de;
	padding:39px 10px 8px 13px;
	font-size:12px;
	margin:0 0 10px 0;
	zoom:1;
}

#actualite p{
	padding:0 0 0 15px;
	margin:0;
}

#actualite a{
	color:#ec6c27;
	text-decoration:none;
	font-size:11px;
	margin:30px 0 0 0;
	display:block;
	float:left;
}

#actualite a.telecharger{
	margin-right:35px;
}

#actualite p a{
	margin:0;
	font-size:12px;
}

#actualite a:hover{
	text-decoration:underline;
}

#plan h3{
	color:#7d9661;
	font-size:20px;
	margin:0;
	padding:0;
}

.separationActu{
	border:1px solid #d3cac2;
	width:277px;
	margin:10px 0 10px 0;
}

#visuelMenu{
	margin:26px 0 0 0;
	padding:0 0 0 10px;
	width:640px;
}

.visuelMenuDetail{
	width:300px;
	float:left;
	margin:0 10px 20px 0;
	height:80px;
}

.visuelMenuDetail img{
	float:left;
}

.visuelMenuDetail a:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

.visuelMenuDetail .visuelMenuTexte{
	float:left;
	width:226px;
}

.visuelMenuDetail .visuelMenuTexte p{
	margin:0;
	padding:0;
	font-size:11px;
}

.visuelMenuDetail .visuelMenuTexte h2{
	color:#d5333e;
	font-size:16px;
	font-weight:normal;
	margin:0;
	padding:0 0 2px 0;
}

.visuelMenuDetail .visuelMenuTexte h2 a{
	color:#d5333e;
	text-decoration:none;
}

.visuelMenuDetail .visuelMenuTexte h2 a:hover{
	text-decoration:underline;
}

#accueilGroupe{
	width:292px;
	float:left;
	height:112px;
	margin:15px 14px 0 5px;
	padding:0 0 0 10px;
}

#accueilGroupe h4{
	color:#d82b3e;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 0;
}

#accueilGroupe a{
	text-align:right;
	color:#d5333e;
	text-decoration:none;
	display:block;
	margin:2px 0 0 0;
}

#accueilReservation{
	width:314px;
	background:#c3d3e1;
	float:left;
	height:112px;
	margin:15px 14px 0 0;
	padding:0 0 0 10px;
}

#accueilEntreprise{
	width:314px;
	background:#e4e4e4;
	float:left;
	height:112px;
	margin:15px 14px 0 0;
	padding:0 0 0 10px;
}

#accueilAutreLien{
	width:250px;
	/*background:#e4e4e4;*/
	float:left;
	/*height:112px;*/
	margin:15px 14px 0 0;
	padding:0 0 0 10px;
}

#accueilAutreLien a{
	background:url(images/puce_carre_rouge.gif) no-repeat left 5px;
	padding: 0 0 10px 20px;
	font-size:15px;
	/*color:#d82b3e;*/
	color:#4c4c4c;
	display:block;
	text-decoration:none;
	margin:0 0 10px 0;
	border-bottom:1px solid #cacaca;
}

#accueilAutreLien a:hover{
	color:#d82b3e;
}

.accueilReservationGauche h4{
	color:#d82b3e;
	font-size:16px;
	font-weight:normal;
	margin:0;
	padding:10px 0 5px 0;
}

.accueilReservationGauche h4 a{
	color:#d5333e;
	text-decoration:none;
}

.accueilReservationGauche h4 a:hover,.accueilReservationDroite a:hover{
	text-decoration:underline;
}

.accueilReservationDroite a{
	color:#d5333e;
	text-decoration:none;
	display:block;
	margin:2px 0 0 0;
}

.accueilReservationGauche p{
	width:220px;
	margin:0;
	padding:0;
}

.accueilReservationGauche{
	float:left;
}

.accueilReservationDroite{
	float:right;
	padding:10px 0 0 0;
}

.accueilReservationDroite img{
	display:block;
}

.accueilReservationDroite a:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#accueilLiens{
	width:292px;
	float:left;
	/*height:112px;*/
	margin:15px 0 0 0;
	padding:0 0 0 30px;
	/*border-left:1px solid #d3d3d3;*/
	background:url(images/trait_accueil.gif) no-repeat center left;
}

#accueilLiens h4{
	color:#d82b3e;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 0;
}

#accueilLiens p{
	margin:0;
	padding:0;
}

#accueilLiens a{
	text-align:right;
	color:#d5333e;
	text-decoration:none;
	display:block;
	margin:8px 0 0 0;
}

#accueilLiens a:hover, #accueilGroupe a:hover{
	text-decoration:underline;
}


/*****************************	ACCUEIL	**************************/

/*******************************	PAGE	**********************/

#cheminSite{
	padding:5px 0 0 10px;
}
#cheminSite a{
	text-decoration:none;
	font-weight:bold;
	color:#4c4c4c;
}
#cheminSite a:hover{
	text-decoration:underline;
	color:#4c4c4c;
}

.cheminActif{
	color:#d5333e;
}


#page{
	background:#f9f9f9;
	padding:13px 15px 20px 20px;
	font-family:verdana;
}

#page #premierPara h1{
	background:url(images/fond_titre_page.gif) no-repeat top right #f9f9f9;
	color:#d5333e;
	font-size:18px;
	margin:0 0 0 0;
	padding:15px 70px 0 10px;
	height:36px;
	text-align:right;
	float:left;
}

#page #premierPara{
	background:#f0f0f0;
	padding:13px 15px 15px 10px;
	margin:0 0 0 -10px;
}

#page #premierPara .clear{
	clear:both;
	height:0px;
}

#page #premierPara p{
	padding:0 0 10px 0;
	margin:0;
}

#page h2{
	margin:20px 0 0 0;
	padding:0 0 0 15px;
	font-size:14px;
	background:url(images/titre_para.gif) no-repeat center left;
}

#page #premierPara h2{
	margin:0;
}

#page a{
	color:#d5333e;
	text-decoration:none;
}

#page .rouge{
	color:#d5333e;
}

#page a:hover{
	text-decoration:underline;
}

#page ul{
	list-style-image:url(images/puce_ssmenu_hover.jpg);
}

#page ul li{
	padding:0 0 0 0;
	margin:0 0 5px 0;
}


/*******************************	PAGE	**********************/

/***********************	GALERIE	*************************/

.galeriePhoto{
	width:900px;
}

.galeriePhoto table{
	margin:0;
	padding:0;
	/*background:blue;*/
}

.galeriePhoto table td{
	width:78px;
	height:78px;
	text-align:center;
	padding:10px 10px 10px 10px;
	/*background:red;*/
}

.galeriePhoto .pagination{
	float:right;
	padding:0 15px 0 0;
}

#page .galeriePhoto .pagination a{
	text-decoration:none;
	display:block;
	float:left;
	padding:2px 5px 2px 5px;
	background:#dc3943;
	margin:0 5px 0 0;
	color:#fff;
}

#page .galeriePhoto .pagination a:hover,#page .galeriePhoto .pagination a.actif{
	background:#d02933;
	color:#fff;
}

.galeriePhoto table td a:hover img{
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8;
}

/***********************	GALERIE	*************************/

/***********************	CONTACT	*************************/

#googleMap{
	width:590px;
	height:400px;
}

#formContact{
	margin:15px 0 0 0;
	padding:0;
	width:500px;
	float:left;
}

#formContact label{
	display:block;
	float:left;
	width:150px;
}

#formContact input{
	float:left;
	width:150px;
	margin:0 0 10px 0;
}

#formContact input#btnEnvoyer{
	width:84px;
	height:22px;
	float:none;
	margin:10px 0 10px 200px;
}

#corrdoneeContact{
	float:left;
	width:300px;
	margin:0px 0 0 70px;
	text-align:center;
}

/***********************	CONTACT	*************************/

/*****************************	PIED	**************************/

#pied{
	background:url(images/fond_pied.png) no-repeat top left;
	width:995px;
	height:129px;
	padding:0 0 0 0;
	behavior: url('iepngfix.htc');
}

#pied p{
	padding:96px 0 0 345px;
	margin:0;
	color:#fff;
}

#pied p a{
	color:#fff;
	text-decoration:none;
	padding:0 0 0 0;
	margin:0 5px 0 5px;
}

#pied p a:hover{
	text-decoration:underline;
}

/*****************************	PIED	**************************/