/* CSS Document */
.invisible{
display:none;}

#menuHaut_PDA{
display:none;
}
*{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	margin:0px;
	padding:0px;
	background-image:url(/charte/fondBody.gif);
	text-align: center;  /*pour corriger le bug de centrage IE */
	}
	
img{
		border:0px;
}
html, body {height: 100%;}
html>body .page {height: auto;}
.page {
	margin:auto;
	width: 957px;
	text-align:left;
	height:100%;
	background-color:#FFFFFF;
	}
#main{
float:left;
width:955px;

}
.ombreG{
float:left;
width:1px;
height:100%;
background-image: url(/charte/fondBody.gif);
}
.ombreD{
float:right;
height:100%;
background-image: url(/charte/fondBody.gif);
}

/*	zone de bandeau sup�ieur accueil	*/
#bandeau{
	height:330px;
	width:955px;
	position:relative;
}
#bandeau.bandeau{
	background-image:url(/bandeaux/fond_haut_accueil.jpg);
	background-repeat:no-repeat;
	}
#diaporama{
	position:absolute;
	z-index:1;
	width:258px;
	height:172px;
	right:0;
	bottom:45px;
}
#malvoyant{
	position:absolute;
	top:-150px;
	left:-140px;
	height:25px;
	width:162px;
	z-index:10;
}
#malvoyant a{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	padding-left:10px;
	background:url(/charte/malvoyant_picto.gif) no-repeat 0px 3px;
	}

/**/
#drapeaux{
	position:absolute;
	top:78px;
	left:0px;
	height:65px;
	width:40px;
	z-index:11;
}
#drapeaux img{
margin-top:4px;
/*display:none;*/
}

/**/
#zone_logo {
	position:absolute;
    top:68px;
    left:55px;
	height:95px;
	}
.pub_reservez{
position:absolute;
top:176px;
left:-1px;
width:177px;
z-index:3;
background:url(/charte/bg-pub.png) no-repeat left top;
}
/* gestion du menu haut */
#zone_gourmandez {
   position:absolute;
   width:105px;  
   top:156px;
   left:175px;
	}

#zone_cultivez {
	width:105px;
	position:absolute;
	top:150px;
       left:280px;
	}
#menu_gourmandez, #menu_cultivez, #menu_bougez, #menu_amusez{
height:59px;
	}
#menu_detendez, #menu_retrouvez{
height:64px;
}
#zone_bougez {
	width:104px;
	position:absolute;
	top:143px;
       left:386px;
	}

#zone_detendez {
	width:103px;
	position:absolute;
	top:137px;
        left:487px;
	}

#zone_retrouvez {
	width:104px;
	position:absolute;
	top:131px;
        left:590px;
	}

#zone_amusez {
	width:257px;
	position:absolute;
	top:123px;
        left:693px;
	z-index:2;
	}

/* zone de contenu	*/
#contenu {
	float:left;
	width:721px;
	background-image:url(/charte-accueil/bordure_contenu.gif);
	background-position:right;
	background-repeat:repeat-y;
		}
#contenu_accueil{
	width:721px;
	z-index:12;
}

#zone_modifiable{
	width:575px;
	margin-left:5px;
	padding-right:12px;
	margin-bottom:10px;
}

#div_lien_yahoo{
	width: 470px;
	color:#005AA9;
	font-size:10px;
	height:16px;
}

#div_lien_yahoo a{
	text-decoration:none;
	color:#005AA9;
	font-size:10px;
}

#div_lien_yahoo a:hover{
	text-decoration:underline;
}
.clear {
	clear:both;
	}
	
#gestion_pages{
	clear:both;
	display:block;
	text-align:center;
}		
	
/*	pied de page*/

#pied_accueil{
	text-align:center;
	height:25px;
	font-size:10px;
	color:#0066CC;
	line-height:20px;	
	}

#pied a, #pied_accueil a{
	font-size:10px;
	color:#0066CC !important;
	text-decoration:none;
	}
#pied a:hover, #pied_accueil a:hover{
	text-decoration:underline;
	}

#made_with {
	position:relative;
	text-align:right;
	background-image: url(/charte/fondBody.gif);
	clear:both;
	}
#made_with IMG {
	border:0px;
	vertical-align:middle;
	}	
#made_with A {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF !important;
	text-decoration:none;
	}
	
/*moteur de recherche*/
#rechercher{
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
text-indent:15px;
border-bottom:6px solid #CACA36;
}
#moteur{
	height:65px;
	width:182px;
	padding-top:20px;	
}
#search {
	margin-left:15px;	
	height:40px;
	width:150px;
	padding-top:5px;
}

input.moteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align:middle;
	}

#separateur{
	background-color:#FFFF33;
	height:5px;
	width:180px;
	text-align:left;
	border:0px;
	margin-top: 20px;	
	}

/*** Deuxieme colonne ***/
#col-2{
	width:260px;
	margin-right:10px;
	position:relative;}

#alsace_video{
height:228px;
}
#video_accueil{
height:173px;
float: left;
/*padding-left:7px;*/
}
#lien_toutes_col2{
text-align:right;
width:260px;
}

#manifestations{
	background-color:#E6EFC4;
	/*margin-right: 12px;*/
	/*margin-left: 9px;*/
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	width:254px;
}
* html #manifestations{
width:260px;
}
.manif{
background-image:url(/charte-accueil/puce_manif.gif);
background-repeat:no-repeat;
color:#095885;
text-decoration:none;
padding-left:8px;
}
#cartographie{
/*background-image:url(/charte-accueil/fond_carte.gif);
background-repeat:no-repeat;*/
height:103px;
}
/*** Troisieme colonne ***/
#col-3{
	width:420px;
	float:left;
}
#pictos{
	text-align:right;
	position:relative;
	top:-30px;
	right:10px;
	z-index:500;
}
#zone_modifiable_accueil{
	position:relative;
	/*width:700px;*/
	/*border-left:#DFDFDF solid 1px;*/
	/*margin-left:10px;*/
	z-index:300;
width:740px;
}
/*ancienne version avec proposition de sejours sur la droite a la place de la zone html*/
#prop_sejours{
	float:left;
	width:400px;
	border-left:#DFDFDF solid 1px;
	padding-left:20px;
}
#bloc_prop_sejour{
	float:left;
	margin-bottom:10px;
	padding-top:10px;
	background-image: url(/charte-accueil/fond_prop_sejour.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#img_et_boutons{
	float:left;
	width:103px;
	margin-right:15px;
	height:150px;
}
/*sejours interieur*/
#col_sejours{
	width:120px;
	float:right;
	padding-bottom:55px;/*pour footer*/
}

#bloc_sejour_int{
	width:115px;
	margin-bottom:10px;
	background-image: url(/charte-accueil/fond_prop_sejour_int.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:200px;
}
#img_sejour{
	width:109px;
	float:left;
}

#boutons_sejour{
	float:left;
	width:111px;
	height:53px;
	padding-right:3px;
}

/**/

#descr_prop-sejour{
	float:left;
	width:250px;
}
#descr_prop-sejour h2, #bloc_sejour_int h2{
	margin-bottom:3px;
	color:#095885;
	font-size:12px;
	font-weight:bold;
	border:0 #ffffff solid;
}
#bloc_sejour_int h2{
margin-top:0px !important;
padding-top:10px !important;
}
#separ_prop_sejour{
	width:380px;
	float:left;
	background-image:url(/charte-accueil/separ_prop_sejour.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:20px;

}
.info_ppal{
	font-weight:bold;
	display:block;
}
.lieu{
	color:#f28e00;
	font-weight:bold;
	display:block;
	font-size:12px;
}
.prix{
	color:#838c03;
	font-weight:bold;
	font-size:12px;
	display:block;
	margin-top:3px;
	margin-left:5px;
}
.description{
	font-size:9px;
}

/** Pr�entations liste LEI **/
#lei_fiche{
	display:block;
	clear:both;
	width:100%;
	border-top: #9EB366 1px solid;
	padding-top:5px;
	margin-bottom:5px;
}

#lei_contenu_fiche{
	float:left;
	width:70%;
	margin-bottom:5px;
	margin:0px;
	
}
.LEI_nom_prod {
	font-size: 12px;
	color: #005AAA;
	font-weight:bold;
	border:0px;
	
}

#lei_contenu_image{
	float:right;
	margin:0px;
	padding-left:10px;
	text-align:right;
	margin-bottom:5px;

}

/** pr�entation liste LEI sur 2 colonnes **/
#lei_fiche_2{
	float:left;
	width:233px;
	height:150px;
	margin-right:5px;
	margin-bottom:5px;
	background-image: url(/images/lei_fond_gris.jpg);
	border: 1px solid #CCCCCC;
}

#lei_contenu_titre_2{
	display:block;
	width:233px;
	height:30px;
	font-size: 12px;
	color: #005AAA;
	font-weight:bold;
	text-align:center;
	margin-bottom:2px;
	padding-left:2px;
	padding-top:2px;
}

#lei_contenu_fiche_2{
	float:left;
	width:110px;
	margin:0px;
	padding-left:2px;
	
}
#lei_contenu_image_2{
	float:left;
	width:120px;
	margin:0px;
	text-align:center;
	height:110px;
	overflow: hidden;	
}

/** Fiche lei hotel **/

#fiche_hotel_acces_texte{
	float:left;
	width:60%;
}
#fiche_hotel_acces_carte{
	float:left;
	width:40%;
}
/*** MISE EN FORME GENERAL DU TEXTE ***/
/*illicopage*/
a.lien_menu{
color:#FFFFFF;
}

.user_courant{
color:#FFFFFF;
}
a.menuGferme{
color:#FFFFFF;
}

/* Gestion du plan du site */
a.PLAN0{
	font-size: 12px;
	font-weight:bold;
	color:#B11314;
	text-decoration: none;
}
a.PLAN0:hover{
	color:#000000;
}


a.PLAN1{
	font-size: 11px;
	font-weight:bold;
	color:#0858A5;
	text-decoration: none;	
}

a.PLAN1:hover{
	color:#000000;
}

a.PLAN2{
	font-size: 10px;
	font-weight:bold;
	color:#0858A5;
	text-decoration: none;
}

a.PLAN2:hover{
	color:#000000;
}
a.PLAN3{
	font-size: 10px;
	font-weight:bold;
	color:#0858A5;
	text-decoration: none;
	list-style-position: inside;
	display: list-item;
	list-style-type: square;
}

a.PLAN3:hover{
	color:#000000;
}


/****** CSS BLOG ******/
.illicopage_blog_auteur {
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.illicopage_blog_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #666666;
}
.illicopage_blog_contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

td.illicopage_blog_contenu{
background-color:#EFEFEF;
}
.illicopage_blog_bordure {
	background-color: #CCCCCC;
}
.illico_blog_separateur {
	background-color: #999999;
}


.illico_blog_haut {
	background-image:url(/images/degrade_blog.jpg);
	background-color:#CCCCCC;
	background-repeat: no-repeat;
	background-position: left top;
}
/*********************************************************************************/
.titre_LEI{
color:#025438;
font-size:12px;
font-weight:bold;
background-image:url(/images/pixel.gif);
background-repeat:repeat;
}
#panoramique{
padding-top:20px;
height:240px;
	background-image: url(/charte-accueil/fond_prop_sejour.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#panoramique_titre{
color:#025438;
font-size:12px;
font-weight:bold;
padding-bottom:3px;
}
#panoramique_image{
width:260px;
float: left;

}
#panoramique_desc{
margin-left:260px;
margin-bottom:10px;
}
#panoramique_format{
margin-left:260px;
height:50px;
}
#panoramique_format a{
display:block;
color:#000000;
font-weight:bold;
text-decoration:none;
}
#panoramique_format a:hover{
text-decoration:underline;
}

a {
	font-size:12px;
	color: #035AAA;
}
a:hover{
text-decoration:underline;
}

h1 {
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(/charte-accueil/h1_accueil.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:16px;
	line-height: 14px;
	text-transform: uppercase;
	vertical-align: bottom;
	padding-left:2px;
}

h2 {
	font-size: 1.2em;
	color: #035AAA;
	border-top: #9EB366 1px solid;
	font-weight:bold;
}

h3 {
	font-size: 1.2em;
	color: #035AAA;
}

h4 {
	font-size: 1.2em;
} 

/* CSS pour carte int�active*/


	
	#adt_carte{
		border: 4px solid #B4D654;
		border-width: 4px;;
	}
	.box {
		padding: 0px;
		background-color: #EEEEEE;
		width:620px;
		top: 300px;
		left: 100px;
		position: absolute;
		visibility: hidden;
		z-index:5003;
		
	
	}
	.handle {
		cursor: move;
		border: 1px solid #aaaaaa;
		border-width: 0px 0px 1px 0px;
		background: #B4D654;
		color: #eeeeee;
		padding: 0px;
		margin: 0px;
		text-align:right;
	}
	.handle a{		
		text-decoration:none;
		color:#FF0000;
	}
	.box p {
		font-size: 12px;
		margin: 5px 5px 10px 5px;
		text-align: left;
		white-space: normal;
	}
	#boxDrag, #boxVerticalOnly, #boxHorizontalOnly, #boxRegionConstraint, 
	#boxThreshold, #boxAbsolute {
	
	
		cursor: move;
	}

/** pr�entation liste LEI sur 2 colonnes **/
#lei_fiche_carto, #lei_contenu_fiche_carto, label{
	font-size:11px;
}
#lei_fiche_carto{
	float:left;
	width:340px;
	
	margin-right:0px;
	margin-bottom:0px;
	
}
* html #lei_fiche_carto{
	float:left;
	width:340px;
	height:130px;
	margin-right:0px;
	margin-bottom:0px;
}
#lei_contenu_titre_carto {
	display:block;
	width:340px;
	min-height:30px;
	font-size: 1em;
	color: #838C03;
	font-weight:bold;
	text-align:center;
	margin-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
}



* html #lei_contenu_titre_carto {
	display:block;
	width:340px;
	min-height:30px;
	font-size: 1em;
	color: #005AAA;
	font-weight:bold;
	text-align:center;
	margin-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
}

#carto_info{
	clear:both;
	width:330px;
}
#lei_contenu_fiche_carto{
	float:left;
	width:210px;
	margin:0px;
	padding-left:4px;
	text-align:left;
	
}
#lei_contenu_image_carto{
	float:right;
	width:120px;
	margin:0px;
	text-align:right;
	height:130px;
	padding-right:5px;
	
	overflow: hidden;	
}

	
/* CSS actu */
/* liste */
.News_titre{
	font-weight: bold;
}

/*detail*/
.News_detail_resume{
	font-style: italic;
}
/************************************/
/* GESTION DU MENU HORIZONTAL */
.menu0_gourmandez, .menu0active_gourmandez{
	background-image:url(/charte/gourmandez_int.gif);
	width:105px;
	height:59px;
	display:block;
	background-repeat:no-repeat;
}
.menu0_cultivez, .menu0active_cultivez{
	background-image:url(/charte/cultivez.gif);
	width:105px;
	height:59px;
	display:block;
	background-repeat:no-repeat;
}
.menu0_bougez, .menu0active_bougez{
	background-image:url(/charte/bougez.gif);
	width:104px;
	height:61px;
	display:block;
	background-repeat:no-repeat;
}
.menu0_detendez, .menu0active_detendez{
	background-image:url(/charte/detendez.gif);
	width:103px;
	height:64px;
	display:block;
	background-repeat:no-repeat;
	}
.menu0_retrouvez, .menu0active_retrouvez{
	background-image:url(/charte/retrouvez.gif);
	width:104px;
	height:63px;
	display:block;
	background-repeat:no-repeat;
	}
.menu0_amusez, .menu0active_amusez{
	background-image:url(/charte/amusez.gif);
	width:107px;
	height:59px;
	display:block;
	background-repeat:no-repeat;
}

.menu0active_gourmandez, a.menu0_gourmandez:hover{ background-image:url(/charte/gourmandez_int_f2.gif);}
.menu0active_cultivez, a.menu0_cultivez:hover{ background-image:url(/charte/cultivez_f2.gif);}
.menu0active_bougez, a.menu0_bougez:hover{ background-image:url(/charte/bougez_f2.gif);}
.menu0active_detendez, a.menu0_detendez:hover{ background-image:url(/charte/detendez_f2.gif);}
.menu0active_retrouvez, a.menu0_retrouvez:hover{ background-image:url(/charte/retrouvez_f2.gif);}
.menu0active_amusez, a.menu0_amusez:hover{ background-image:url(/charte/amusez_f2.gif);}

/**/

/*	zone de menu lateral */	
#haut_menu_int{
	position:relative;
	top: -45px;
	width:203px;
	height: 16px;
	z-index:300;
	background:url(/charte-accueil/haut_menu_accueil.gif) left 3px no-repeat;
}

#menu {
	clear:both;
	float:left;
	width:203px;
	padding-top:30px;
	background-image:url(/charte/rpt_menu_accueil.gif);
	background-repeat:repeat-y;
	margin-bottom:30px;
	position:relative;
	z-index:200;	
	}

.fin_menulat{
	background-image:url(/charte/finMenu_accueil.gif);
	clear:both;
	float:left;
	height:25px;
	width:203px;
	}
.menulat{
	clear:both;
	float:left;
}
/***** gestion du menu lateral *****/
.menulat, .menu-redondant, .menulat table{
	width:182px;
	float:left;
}
.menulat a, .menulat a:hover, .menu-redondant a, .menu-redondant a:hover{
display:block;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:none;
font-weight:normal;
text-decoration:none;
}

.menuG-2{
font-size:12px;
padding:2px 1px 3px 11px;
border-bottom:1px solid #fff;
}
.menuGactive-2, a.menuG-2:hover{
background-image:url(/charte/puce_chevron_gros.gif);
background-repeat:no-repeat;
background-position:2px 6px;
background-color:#02432D;
font-size:12px;
padding:2px 1px 3px 11px;
}
.menuG-3{
background-image:url(/charte/puce_chevron_moyen.gif);
background-repeat:no-repeat;
background-position:13px 6px;
background-color:#02432D;
font-size:11px;
padding:2px 1px 2px 20px;
}
.menuGactive-3, a.menuG-3:hover{
background-image:url(/charte/puce_chevron_moyen.gif);
background-repeat:no-repeat;
background-position:13px 6px;
background-color:#013222;
font-size:11px;
padding:2px 1px 2px 20px;
}
.menuG-4{
background-image:url(/charte/puce_tiret.gif);
background-repeat:no-repeat;
background-position:21px 10px;
background-color:#013222;
font-size:10px;
padding:2px 1px 2px 30px;
}
.menuGactive-4, a.menuG-4:hover{
background-image:url(/charte/puce_tiret.gif);
background-repeat:no-repeat;
background-position:21px 10px;
background-color:#011F15;
font-size:10px;
padding:2px 1px 2px 30px;
}


/* carte interactive */

.Carto_legende_titre{
	width:150px;
	display:block;
	clear:both;
	border-top:#B4D654 solid 1px;
}
.Carto_legende_titre_texte{
	float:left;
	width:135px;
}
.Carto_legende_titre_texte a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
.Carto_legende_titre_image{
	float:right;
	width:14px;
	margin-top:2px;
}
.Carto_legende_menu{
	width:150px;
	display:block;
	clear:both;
}



/* 
MODIF O.G. 17/03/2009, 25/05/2011
--- Formulaire de recherche NetHotels --- 
*/

#resaNH label { 
	padding-top:2px;
	display:block; 	
	}
#resaNH select, #resaNH option, #resaNH input, #resaNH label {  
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:2px;
	}
#resaNH { 
	width:148px;
	}
#txt-top-accueil {
	font-weight:bold;
	font-size:11px;
	padding:2px;
	text-align:center;
	background-color:#83CA35;
	color:#FFFFFF;
	text-transform:uppercase;
	border-bottom:4px solid #B3D254;
	}
#resaNH-accueil {
	background-color:#EAF3D4; /*EBF0D0*/
	margin-left:2px;
	}