/* CSS Document */

#col_gauche {
	float:left;
	width:230px;
	background-color:#fff;
	height:100%;
}
#menu_gauche {
	margin-top:20px;
	position:relative;
}
#menu1 {
	position:absolute;
	top:0px;
}
#menu2 {
	position:absolute;
	top:40px;
}
#menu3 {
	position:absolute;
	top:80px;
}
#under_line_swf1 { position:relative; top:-20px;}
#under_line_swf2 { position:relative; top:-20px;}
#under_line_swf3 { position:relative; top:-20px;}
#under_line_swf4 { position:absolute; top:65px; left:0px;}

a.menu_g1:link, a.menu_g1:active, a.menu_g1:visited {
	text-decoration:none;
	color:#fff;
	padding-left:10px;
	font-size:22px;
	width:100%;
	background-image: url(img/trait_etoile.gif);
	background-repeat:repeat;
	background-position: left bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.menu_g1:hover {
	color:#fff;
}


a.menu_g2:link, a.menu_g2:active, a.menu_g2:visited {
	color:#fff;
	padding-left:10px;
	font-size:16px;
	width:100%;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.menu_g2:hover {
	color:#fff;
}
.menu_fond_on {
	margin-bottom:10px;
	margin-top:10px;
	width:222px;
	height:25px;
}
.menu_fond_off {
	margin-bottom:10px;
	margin-top:10px;
	width:222px;
	height:25px;
}

#menu_index {
	float:left;
	background-color:#FFF;
	height:20px;
}
#menu {
	float:left;
	height:40px;
	background-color:#FFF;
}
#col_droite {
	float:left;
	width:520px;
	height:100%;
	background-color:#0099cb;
}
.ss_menu {
	float:left;
	width:120px;
	padding-left:10px;
	padding-bottom:2px;
	padding-top:2px;
}
#img {
	float:left;
}
#img img {
	margin-left:4px;
	margin-top:4px;
}
#txt {
	padding-left:20px;
	padding-right:20px;
	font-size:9px;
	color:#999;
}
#txt1 {
	padding-left:20px;
	padding-right:20px;
	font-size:11px;
	text-align:center;
	float:left;
	margin-bottom:5px;
}
#txt2 {
	padding-left:20px;
	padding-right:20px;
	font-size:11px;
	text-align:left;
	float:left;
}
#txt3 {
	padding-left:10px;
	padding-right:20px;
	padding-top:130px;
	font-size:10px;
	text-align:left;
	float:left;
	color:#A01744;
	font-weight:bold;
}

#txt1 a {
	text-decoration:none;
	color:#000000;
}
#txt1 a:hover {
	text-decoration:underline;
}

a.lien_menu:link, a.lien_menu:active, a.lien_menu:visited {
	color:#fff;
	text-decoration:none;
}
a.lien_menu:hover {
	color:#000;
}

a.lien_ssmenu:link, a.lien_ssmenu:active, a.lien_ssmenu:visited {
	text-decoration:none;
	color:#FFCC33;
}
a.lien_ssmenu:hover {
	text-decoration:underline;
}


#col_gauche_h {
	float:left;
	width:230px;
	background-color:#fff;
	height:100%;
	background-image: url(../img/fond_hotel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}
#logo_hotel {
	position:absolute;
	bottom:-20px;
	left:0px;
	z-index:0;
}
#col_droite_h {
	float:left;
	width:520px;
	height:100%;
	background-color:#A92E56;
}
.txt_b {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:10px;
	height:105px;
	overflow:auto;
	color:#fff;
}
.padd {
	padding-left:25px;
	padding-bottom:10px;
}
#hotel {
	position:absolute;
	top:18px;
	left:0px;
	width:120px;
	padding-left:10px;
	padding-bottom:3px;
	padding-top:3px;
	background-color:#A92E56;
	color:#FFCC33;
	font-weight:bold;
}
h1 {
	color:#fff;
	padding-left:10px;
	font-size:22px;
	margin-top:10px;
	font-weight:normal;
}
h2{
	color:#fff;
	padding-left:10px;
	font-size:16px;
	font-weight:normal;
}

li {
	margin-left:-20px;
	list-style-position: outside;
	list-style-type:square;
}
a.aussois:link, a.aussois:active, a.aussois:visited {
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#0A50FF;
}
a.aussois:hover {
	text-decoration:underline;
}

#col_gauche_hiver {
	float:left;
	width:230px;
	background-color:#fff;
	height:100%;
	background-position: left bottom;
}
#col_droite_hiver {
	float:left;
	width:520px;
	height:100%;
	background-color:#fff;
}
#col_gauche_hiver li {
	color:#0099CC;
}
h3 {
	color:#000;
	margin-bottom:5px;
}
a.aussois_h:link, a.aussois_h:active, a.aussois_h:visited {
	font-size:11px;
	text-decoration:none;
	color:#999999;
}
a.aussois_h:hover {
	text-decoration:underline;
}


#col_gauche_r {
	float:left;
	width:230px;
	background-color:#fff;
	height:100%;
	background-image: url(../img/fond_resto.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#col_droite_r {
	float:left;
	width:520px;
	height:100%;
	background-color:#FF6633;
}
#restaurant {
	position:absolute;
	top:18px;
	left:130px;
	width:120px;
	padding-left:10px;
	padding-bottom:3px;
	padding-top:3px;
	background-color:#FF6633;
	color:#FFCC33;
	font-weight:bold;
}




#col_droite_v {
	float:left;
	width:520px;
	height:100%;
	background-color:#5EB100;
}
#col_gauche_v {
	float:left;
	width:230px;
	background-color:#fff;
	height:100%;
	padding-top:50px;
	background-image: url(../img/fond_village.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	z-index:60;
}
#village {
	position:absolute;
	top:18px;
	left:260px;
	width:120px;
	padding-left:10px;
	padding-bottom:3px;
	padding-top:3px;
	background-color:#5EB100;
	color:#5EB100;
	font-weight:bold;
}
#txt4 {
	padding-left:10px;
	padding-right:20px;
	font-size:9px;
	text-align:left;
	float:left;
	color:#5EB100;
	font-weight:bold;
}
.gras_v {
	font-weight:bold;
	font-size:11px;
}



#col_droite_b {
	float:left;
	width:520px;
	height:100%;
	background-color:#0A9BA1;
}

#col_gauche_b {
	float:left;
	width:230px;
	background-color:#fff;
	height:100%;
	padding-top:50px;
	background-image: url(../img/fond_acces.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#col_gauche_bb {
	float:left;
	width:230px;
	background-color:#fff;
	height:100%;
	padding-top:50px;
	background-image: url(../img/fond_service.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#acces {
	position:absolute;
	top:18px;
	left:390px;
	width:120px;
	padding-left:10px;
	padding-bottom:3px;
	padding-top:3px;
	background-color:#0A9BA1;
	color:#0A9BA1;
	font-weight:bold;
}
#txt5 {
	padding-left:10px;
	padding-right:20px;
	font-size:9px;
	text-align:left;
	float:left;
	color:#0A50A1;
	font-weight:normal;
	width:200px;
	height:270px;
	overflow:auto;
}
a.acces:link, a.acces:active, a.acces:visited { text-decoration:none; color:#000; font-style:italic; font-size:9px; font-weight:normal;}
a.acces:hover { text-decoration:underline;}



#txt6 {
	padding-left:10px;
	padding-right:20px;
	padding-top:100px;
	font-size:10px;
	text-align:left;
	float:left;
	color:#FF6633;
	font-weight:bold;
}
/*
** Partie css rajoutée par alexandra
**
*/
/* Modifications page de home */
#imagesejour{background-color:#0099CB;height:75px;}
#menu_index_home{width:520px;height:17px;background:#fff;position: relative;margin:0;padding:0;}
#menu_index_home a{color:#fff;text-decoration:none;font-weight:normal;padding-top:3px;}
#menu_index_home a:hover{color:#000;text-decoration:none;font-weight:normal;}
#menu_index_home #hotel{display:inline;position:absolute;width:104px;height:17px;background-color:#9B1946;top:0px;}
#menu_index_home #restaurant{display:inline;position:absolute;width:103px;height:17px;background-color:#FB663C;top:0px;left:104px;}
#menu_index_home #village{display:inline;position:absolute;width:103px;height:17px;background-color:#75BD2D;top:0px;left:207px;}
#menu_index_home #acces{display:inline;position:absolute;width:106px;height:17px;background-color:#1C7CB8;top:0px;left:310px;}
#menu_index_home #services{display:inline;position:absolute;width:87px;height:17px;background-color:#20ACA7;top:0px;left:423px;padding-bottom:4px;padding-left:10px;padding-top: 2px;}
#imagesdehome{width:520px;height:115px;background:#fff;}
#imagesdehome img{margin-top: 10px;border: 0;}
body#home #col_droite{background-color: #fff;height:350px;background-color: #fff;}
#langue{margin-top:6px;text-align: right;}
body#home #haut {height:730px;margin-top:50px;}
#col_gauche a{text-decoration: none;color:#000;}
#col_gauche a:hover{text-decoration: underline;color:#000;}
#demandeoffre{position: absolute;top:577px;left:635px;width:135px;height:75px;}
#reserverlink{position: absolute;top:580px;left: 10px;}
#separationtrait{width: auto;height: 10px;border-bottom: 2px solid #CACACA;float:left;margin-top:6px;width:100%;height:8px;margin-bottom: 10px;}
img{border:none;}
body#home #txt a{color: #551E89;text-decoration: underline;}
body#home #txt a:hover{color: #551E89;text-decoration:none;}

/* SLIDER PROMO avec text JmyCarousel */

#promoslider{width:1050px;height:134px;margin: 0 auto; text-align:center;background-color:#fff;}
#promoslider ul li{list-style-type: none;display:inline;}
#promoslider #wrap ul li{color:#219ACA;text-align:left;}
#promoslider #wrap ul li span.imagepromo{text-align:left;float: left;display:inline;margin:0px 20px 0px 0px;}
#promoslider #wrap ul li span.textpromo{text-align: left;font-size:20px;}
#promoslider #wrap ul li span.smalltextprom{text-align: left;font-size: 16px;}

.jcarousel-skin-tango .jcarousel-container {background: #fff;border: 0px solid #346F97;border-bottom: 2px solid #CACACA;}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:1050px;height:130px;padding:10px;}
.jcarousel-skin-tango .jcarousel-container-vertical {width:1050px;height: 130px;padding: 40px 20px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:1050px;height: 134px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:1050px;height: 134px;}
.jcarousel-skin-tango .jcarousel-item {width:360px;height:125px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}

.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;width: 57px;height: 125px;cursor: pointer;background: transparent url(../img/flechedroite.jpg) no-repeat 0 0;left:1100px;top:20px}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;width: 56px;height: 125px;cursor: pointer;background: transparent url(../img/flechegauche.jpg) no-repeat 0 0;display:none;right:1100px;top:20px}

/* boutons pied de page ete hiver */
#boutonpied{width: 500px;height: 17px;background-color: #fff;margin-left:10px;}