body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	margin:auto;
	background:#fff; 
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
a:active, a:focus{
   outline:none;
}
a:hover{
   text-decoration:underline;
}
table{
	border-collapse:collapse;
}
ul {
	list-style-type:none;
}
p {
	font-size:12px;
	color:#fff;
}
a {
	text-decoration:none;
	color:#fff;
}

.titre {
	color:#90b8df;
	font-weight:100;
	font-size:20px;
	font-family:arial;
	height:34px;
	width:100%;
	border-bottom:1px solid #90b8df;
}
.titre  a{
	color:#90b8df;
}
.marge {
	margin:0 0 20px 0;
}
/*---------------------------------------------- GLOBAL -----------------------------------------*/
#global {
	position:relative;
	width:898px;
	margin:auto;
}


/*----------------------------------------   MENU    --------------------------------------------*/
#menu {
	width:100%;
	float:left;
	height:73px;
	background:url(../images/fonds/menu-haut.gif) repeat-x top left;
}
#menu dl{
	float:left;  
	margin:20px 0 0 0px;
	padding:0 16px;
	border-right:1px solid #9cb0d1;
}
#menu dl.dernier{
	border:none;
}
#menu dt{
	font-weight:400;
	color:#fff;
	list-style-type:disc;
	list-style-position:inside;
	letter-spacing:2px;
	font-size:16px;
	text-indent:11px;
	background:url(../images/fonds/puce-menu.gif) no-repeat center left;
}
#menu dd{
	font-weight:400;
	color:#000;
	letter-spacing:1px;
	font-size:11px;
}
#menu dt a{
	color:#fff;
}
/*----------------------------------------   ENTETE    --------------------------------------------*/
#entete {
	float:left;
	width:100%;
	margin:0 0 6px 0;
}
#entete #menu_langues {
	width:100%;
	float:left;
	height:16px;
	background:#adadad;
	text-align:right;
}
#entete #menu_langues p span{
	float:left;
	margin:0 0 0 10px;
}
#entete #menu_langues p span a{
	margin:0;
}
#entete #menu_langues p a{
	margin:0 10px 0 0;
	font-size:11px;
}
#entete #menu_langues p a.actif{
	color:#5890c6;
}
#entete #banniere {
	width:100%;
	float:left;
	height:200px;
}
#entete #banniere h1 img,
#entete #banniere h2 img{
	float:left;
}


/*----------------------------------    COLONNE   ---------------------------------*/
#colonne {
	float:left;
	width:310px;
}

/*----------------------------------    RECHERCHE   ---------------------------------*/
#colonne #zone_recherche{
	min-height:235px;
	width:290px;
	background:url(../images/fonds/fond-recherche.gif) repeat-y top left;
	float:left;
	padding:10px;
	display:inline;
}
/* for Internet Explorer */
/*\*/
*html #colonne #zone_recherche{
	height:235px;
}
/**/
#colonne #zone_recherche div {
	width:100%;
	float:left;
	margin:18px 0 0 0;
}
#colonne #zone_recherche div#bla {
	margin: 0 0 0 0;
}
#colonne #zone_recherche div.form_ch {
	width:100%;
	float:left;
	margin: 18px 0 0 0;
}
#colonne #zone_recherche div p.label{
	width:100px;
	float:left;
}
#colonne #zone_recherche input.inp1,
#colonne #zone_recherche input.inp2,
#colonne #zone_recherche input.inp3{
	background:url(../images/fonds/fond-input-recherche.gif) no-repeat center right #fff;
	border:none;
	color:#5e99d1;
	font-size:10px;
	height:16px;
	line-height:16px;
	padding:0 0 0 2px;
	display:inline;
}
#colonne #zone_recherche input.inp1{
	width:38px;
	margin:0 10px 0 0;
	display:inline;
}
#colonne #zone_recherche input.inp2{
	width:134px;
}
#colonne #zone_recherche input.inp3{
	width:184px;
}
#colonne #zone_recherche div.btn_envoi{
	text-align:right;
}
#colonne #zone_recherche div.btn_envoi p.ajout{
	width:40%;
	float:left;
	text-align:left;
}
#colonne #zone_recherche div.btn_envoi p.dispo{
	width:60%;
	float:left;
	text-align:left;
	text-align:right;
}
#colonne #zone_recherche div.btn_envoi p.ajout a{
	color:#fff;
	text-decoration:underline;
}
#colonne #zone_recherche div.btn_envoi p input{
	float:right;
}
#colonne #zone_recherche select.larg_tt{
	width:185px;
}
#colonne #zone_recherche select.larg_1t{
	width:50px;
}
#colonne #zone_recherche select.larg_2t{
	width:132px;
}
#colonne #zone_recherche div#bla select.larg_1t {
	margin:0 0 0 2px;
}
/*-------------    PROMOTION    -------------*/
#colonne #zone_promo {
	background:#d7e0f3 url(../images/fonds/bloc_promo_colonne_gauche.jpg) repeat-y left top;
	width:288px;
	padding:10px;
	margin:5px 0 5px 0;
	float:left;
	border:1px solid #5890c6;
	position:relative;
}
#colonne #zone_promo p.illu{
	float:left;
	margin:0 4px 0 0;
}
#colonne #zone_promo h2{
	font-size:20px;
	font-weight:400;
	font-family:verdana;
	color:#337dc4;
	margin:0;
	padding:0;
	position:relative;
	top:-2px;
}
#colonne #zone_promo h2 a{
	color:#337dc4;
}
#colonne #zone_promo p.offre{
	color:#337dc4;
	line-height:12px;
}
#colonne #zone_promo p.offre a{
	color:#337dc4;
}
#colonne #zone_promo p.lien{
	color:#337dc4;
	line-height:12px;
	font-size:11px;
	background:url(../images/puce1.jpg) no-repeat center right;
	padding:0 20px 0 0;
	text-align:right;
	position:absolute;
	bottom:4px;
	right:4px;
}
#colonne #zone_promo p.lien a{
	color:#337dc4;
	text-decoration:underline;
}
/*-------------    ACTUALITE    -------------*/
#colonne div.zone_actu {
	background:#d7e0f3 url(../images/fonds/bloc_promo_colonne_gauche.jpg) repeat-y left top;
	width:288px;
	padding:10px;
	margin:0 0 5px 0;
	float:left;
	border:1px solid #5890c6;
	position:relative;
}
#colonne div.zone_actu p.illu{
	float:left;
	margin:0 4px 0 0;
}
#colonne div.zone_actu p.illu img{
	width:97px;
}
#colonne div.zone_actu h2{
	font-size:20px;
	font-weight:400;
	font-family:verdana;
	color:#337dc4;
	margin:0;
	padding:0;
	position:relative;
	top:-2px;
}
#colonne div.zone_actu h2 a{
	color:#337dc4;
}
#colonne div.zone_actu p.offre{
	color:#337dc4;
	line-height:12px;
}
#colonne div.zone_actu p.offre a{
	color:#337dc4;
}
/*-------------    WEBCAM    -------------*/
#colonne #zone_meteo {
	background:#365ea2;
	height:333px;
	float:left;
}
#colonne #zone_meteo  h6{
	color:#fff;
	text-align:right;
	width:308px;
	padding:30px 2px 4px 0;	
	float:left;
	font-size:12px;
	font-weight:700;
}
/*--------------------------------------------------        CORPS DE PAGE      -----------------------------------*/
#corps {
	width:548px;
	float:left;
	padding:10px 20px 0 20px;
	display:inline;
}
#corps p{
	color:#000;
	margin:0 0 10px 0;
}
#corps p span.show{
	color:#2d7ac3;
	font-weight:700;
}
#corps h5.illu {
	margin: 0 10px 10px 0;
	float:left;
}
#corps h6.lien_promo {
	float:right;
	color:#fff;
	padding:4px 10px;
	background:#355799;
	border:1px solid #8fb7df;
}
#corps h6.lien_promo  a{
	color:#fff;
}

#corps div.promosSrc {
	float:left;
	width:100%;
}

#corps div.promosSrc div.promo{
	float:left;
	background:#d7e0f3;
	width:100%;
}
#corps div.promosSrc div.promo p.illu{
	float:left;
	margin:0 10px 0 0;
}
#corps div.promosSrc div.promo p.illu img{
	float:left;
	border-right:1px solid #327cc4;
	border-left:1px solid #327cc4;
}
#corps div.promosSrc div.promo h6.titrePromo{
	color:#327cc4;
	margin:10px 0 10px 0;
	font-size:12px;
	font-weight:400;
}
#corps div.promosSrc div.promo h6 strong{
	text-decoration:underline;
	font-weight:700;
}
#corps div.promosSrc div.promo p.savoir_p{
	float:right;
	margin:0 10px 0 0;
}
#corps div.promosSrc div.promo p.savoir_p a{
	color:#327cc4;
	text-decoration:underline;
	font-weight:400;
}
/*----------   bloc1 de l'accueil    --------------*/
#corps div.bloc1_accueil{
	width:100%;
	float:left;
	margin:10px 0px 0px 0;
}
#corps div.bloc1_accueil h5{
	float:left;
	margin:10px 10px 10px 0;
}
#corps div.bloc1_accueil h5 img{
	border:1px solid #5890c6;
}
#corps div.bloc1_accueil p{
	color:#000;
	margin:5px 0 0 0;
}
#corps div.bloc1_accueil p span{
	color:#2d7ac3;
	font-weight:700;
}
#corps div.bloc1_accueil  div.bloc{
	position:relative;
	float:left;
	width:100%;
}
#corps div.bloc1_accueil  div.bloc.border{
	border:1px solid #5890c6;
	border-width:0 0 1px 0;
}
#corps div.bloc1_accueil  div.bloc p a{
	position:absolute;
	bottom:20px;
	right:0px;
	color:#2d7ac3;
}
/*----------   bloc1 de l'accueil    --------------*/
div.bloc2_accueil{
	width:548px;
	float:left;
	margin:0 0 0 0;
	background:#d8e0f3;
	padding:20px;
	display:inline;
}
div.bloc2_accueil p{
	color:#000;
	margin:10px 0 0 0;
	width:100%;
	float:left;
}
div.bloc2_accueil p img{	
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #8fb7df;
}
div.bloc2_accueil p span{
	color:#2d7ac3;
	font-weight:700;
}
div.bloc2_accueil div.bloc1{
	width:247px;
	float:left;
}
div.bloc2_accueil div.bloc2{
	width:278px;
	float:left;
	margin:0 0 0 20px;
}
div.bloc2_accueil h5{
	float:left;
	margin:20px 0 0 0;
}
div.bloc2_accueil h5 img{
	border:1px solid #8fb7df;
}
div.bloc2_accueil ul{
	float:left;
	margin:10px 0 10px 8px;
	width:260px;
}
div.bloc2_accueil ul li{
	font-size:11px;
	margin:0 0 4px 0;
}
div.bloc2_accueil ul li a{
	color:#2d7ac3;
	font-weight:400;
}
/*-------------------      chambres -------------------------*/
#corps h4.sous_titre{
	float:left;
	width:100%;
	font-size:12px;
	color:#90b8df;
	margin:10px 0;
}
#corps p.vue3d{
	float:left;
	width:100%;
}
#corps p.vue3d a img{
	width:178px;
	border:1px solid #8fb7df;
}
#corps ul{
	float:left;
	width:100%;
}
#corps ul.liste_image li{
	float:left;
	width:178px;
	margin:0 5px 5px 0;
}
#corps ul.liste_image li.last{
	margin:0 0 5px 0;
}
#corps ul.liste_image li a img{
	width:178px;
	border:1px solid #8fb7df;
}
/*-------------------      activites -------------------------*/
#corps div.activite {
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
}
#corps div.activite h5 img {
	float:left;
	border:1px solid #8fb7df;
	margin:0 20px 0 0;	
}
#corps div.activite h3 {
	font-size:14px;
	color:#2c7ac3;
	font-weight:400;
}
#corps div.activite h6 a{
	float:right;
	color:#2b7ac3;
	font-weight:400;
}
/*--------------------------    tableau des tarifs   -----------------------------*/
#corps p.export_pdf{
	float:left;
	width:100%;
}
#corps p.export_pdf img{
	float:left;
	margin:0 5px 0 0;
}
#corps p.export_pdf a{
	float:left;
	color:#2c7ac3;
	line-height:20px;
	height:20px;
}
#corps table.tarifs {
	width:100%;
	margin:20px 0 0 0;
}
#corps table.tarifs th{
	font-size:11px;
	color:#2c7ac3;
	font-weight:400;
	padding:0 10px;
	border:1px solid #8fb7df;
	border-width:1px 1px 1px 0;
}
#corps table.tarifs th.col1,
#corps table.tarifs td.col1{
	width:140px;
	padding:0;
	border-width:0 1px 1px 1px;
	text-indent:4px;
	text-align:left;
}
#corps table.tarifs th.col_first{
	border-width:0 1px 1px 0px;
}
#corps table.tarifs td{
	font-size:10px;
	color:#000;
	font-weight:400;
	padding:4px 10px;
	border:1px solid #8fb7df;
	border-width:0 1px 1px 0;
	text-align:right;
}
#corps table.tarifs td.vm{
	background:#c9dff0;
}
#corps h4.titre_tarif{
	font-size:12px;
}
#corps p.legende_tarif {
	width:100%;
	text-align:left;
	font-size:10px;
	margin:4px 0 0 0;
}
#corps p.legende_tarif span.carre {
	width:20px;
	height:10px;
	background:#c9dff0;
	border:1px solid #8fb7df;
	float:left;
	margin:0 6px 0 0;
}
#corps p.legende_tarif span.pref {
	color:#8fb7df;
	float:right;
	width:50%;
	text-align:right;
}
#corps p.legende_tarif span.pref a{
	color:#8fb7df;
	text-decoration:underline;
}
/*-------------------------    FORMULAIRE ----------------------*/
p.asterisque{
	float:left;
	width:100%;
	font-size:10px;
	margin:10px 0 0 0;
}
#corps div.formulaire div {
	width:100%;
	float:left;
	margin:0 0 00px 0;
}
#corps div.formulaire div.sepa {
	margin:20px 0 00px 0;
}
#corps div.formulaire div p.label {
	width:160px;
	float:left;
	color:#000;
}
#corps div.formulaire div input.normal {
	width:380px;
	border:1px solid #8fb7df;
}
#corps div.formulaire div select.normal {
	width:380px;
	border:1px solid #8fb7df;
}
#corps div.formulaire div textarea.normal {
	width:380px;
	height:130px;
	border:1px solid #8fb7df;
}
#corps div.formulaire div input.submit {
	width:150px;
	height:24px;
	line-height:20px;
	border:1px solid #8fb7df;
	background:#2b7ac3;
	color:#fff;
	float:right;
	margin:0 5px 10px 0;
}


/*------ contact   --------*/
#corps div.contact {
	margin: 0 0 20px 0;
	float:left;
	width:100%;
}
#corps div.contact p.illu{
	margin: 0;
	float:right;
	border:1px solid #8fb7df;
}
#corps div.contact p.illu img{
	float:right;
}
#corps div.contact p{
	margin: 0 0 20px 0;
}
#corps div.contact h5 {
	color:#2c7ac3;
	font-size:12px;
}


/*----------      message - ----*/
#corps div.mess {
	width:95%;
	float:left;
	border:2px solid #355799;
	margin:20px 0;
}
#corps div.mess dt{
	font-size:12px;
	margin:10px 20px 0 20px;
	font-weight:700;
}
#corps div.mess p{
	margin:10px 20px;
	font-size:12px;
}
#corps div.mess a{
	color:#000;
	text-decoration:underline;
}
#corps div.mess ul{
	margin:0 20px;
	list-style-type:square;
	list-style-position:inside;
}
#corps div.mess ul li{
	font-size:12px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*-----------------------------         PAGE RECHERCHE          -----------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
#corps div.dates {
	width:100%;
	float:left;
	position:relative;
	padding:0 0 20px 0;
}
#corps div.dates div{
	width:50%;
	float:left;
}
#corps h4.t_results {
	float:left;
	width:100%;
	margin:20px 0 10px 0;
	color:#3875b9;
	font-size:14px;
	font-weight:400;
	border-bottom:1px solid #8fb7df;
}
#corps h4.t_results span.droite{
	float:right;
	font-size:11px;
	text-decoration:underline;
	color:#3975b9;
	cursor:pointer;
}
#corps div.dates p.bouton_modifier input,
#corps div.zone_resultats p.bouton_modifier input{
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
	margin:0;
	padding:0;
}
/*----------   résultats    -------------*/
#corps div.zone_resultats {
	float:left;
	width:100%;
	position:relative;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
#corps div.zone_resultats div.details_ch{
	float:left;
	width:524px;
	margin:0 0 10px 0;
	padding:10px;
	background:#e6f1f8;
	border:1px solid #8fb7df;
	border-width:0px 0px 0px 4px;
	position:relative;
}
#corps div.zone_resultats div.details_ch h5.label{
	float:left;
	width:20%;
	color:#213660;
}
#corps div.zone_resultats div.details_ch div{
	float:left;
	margin:0 0 0 4px;
}
#corps div.zone_resultats div.details_ch p.croix_supprimer{
	position:absolute;
	top:0;
	right:0;
	float:right;
	cursor:pointer;
}

#corps div.zone_resultats div.details_ch div.prix h6{
	font-size:14px;
	width:80px;
	text-align:right;
	color:#213660;
}
#corps div.zone_resultats div.details_ch div.prix h6 span{
	font-size:10px;
	font-weight:400;
	display:block;
}
#corps div.zone_resultats div.details_ch div.prix h6 a{
	font-size:12px;
	font-weight:700;
	text-decoration:underline;
	color:#213660;
}
#corps div.zone_resultats p.total{
	font-size:14px;
	font-weight:700;
	text-align:right;
	width:100%;
	margin:20px 0;
	float:left;
}
/*----- erreurs  -----*/
#corps div.zone_resultats div.erreur {
	background:#8fb7df;
	border:1px solid #365a9d;
}
#corps div.zone_resultats div.erreur  p.message{
	color:#365a9d;
	font-size:12px;
}



/*---------------                      recap commande                     -------------------*/
#corps #recap_cmd{
	width:100%;
	float:left;
}
#corps #recap_cmd ul{
	float:left;
	width:100%;
	background:#e6f1f8;
	border:1px solid #8fb7df;
	border-width:0 0 0 4px;
	padding:2px 0;
	margin: 0 0 4px 0;
}
#corps #recap_cmd p.nbr_nuits{
	width:100%;
	float:left;
	text-align:right;
}
#corps #recap_cmd p.tarif{
	width:100%;
	float:left;
	text-align:right;
	font-size:12px;
}
#corps #recap_cmd p.tarif span{
	font-weight:700;
}
#corps #recap_cmd ul li {
	float:left;
	padding:2px 0;

}
#corps #recap_cmd ul li.ch {
	width:49%;
	padding:0 0 0 1%;
}
#corps #recap_cmd ul li.ch h6{
	font-weight:700;	
	color:#213660;
	font-size:12px;
}
#corps #recap_cmd ul li.cote {
	width:20%;
}
#corps #recap_cmd ul li.option {
	width:20%;
}
#corps #recap_cmd ul li.tarif {
	width:10%;
}
#corps #recap_cmd ul li.tarif p{
	text-align:right;
}

/*--------------- page restaurant   ----------*/
#corps div.page_resto div.illu {
	float:left;
	width:190px;
	min-height:610px;
	margin:0 10px 0 0 ;
}
#corps div.page_resto div.illu img {
	float:left;
	margin:0 0 10px 0;
	border:1px solid #8fb7df;
}
#corps div.page_resto div.carte {
	float:left;
	margin:10px 0;
	padding:10px;
	background:#d7e0f3;
	width:320px;
	border:1px solid #8fb7df;
	text-align:center;
}
#corps div.page_resto div.carte p{
	font-weight:700;
}
#corps div.page_resto div.carte h4{
	font-size:14px;
	color:#000;
	margin:20px 0;
	color:#2c7ac3;
}
#corps div.page_resto div.carte h5{
	font-size:14px;
	color:#2c7ac3;
	font-weight:400;
	margin:30px 0 10px 0;
}
/*------------------------------------------------   PIED DE PAGE ----------------------------*/
#pied {
	clear:both;
	width:100%;
	border-top:1px solid #a9c8e5; 
	padding:0 0 20px 0;
	background:#fff;
}
#pied p{
	margin:10px 0 0 0;
	color:#2a2a2a;
	font-size:11px;
}
#pied a{
	color:#2a2a2a;
}