* {margin:0; padding:0;}  /*  */

body{ /* BFCD9E */
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:center;
}
div#global{ /*  */
	position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
	width:780px;
	text-align:left;
}
div#entete{ /*  */
	position:absolute;
	top:0px;
	left:0px;
	width:780px;
	height:60px;
	background-color:#E1E4CF;
}
div#logo{ /*  */
	position:absolute;
	top:5px;
	left:30px;
	width:204px;
	height:40px;
	background-image:url(../images/ET_logo.png);
	background-repeat:no-repeat;
}
div#tourisme{ /*  */
	position:absolute;
	top:0px;
	left:500px;
	width:52px;
	height:80px;
	background-image:url(../images/Tourisme2.png);
	background-repeat:no-repeat;
}
div#caption{ /*  */
	position:absolute;
	top:40px;
	left:30px;
	width:404px;
	height:auto;
	color:#333333;
	letter-spacing:0.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.3em;
	text-align:left;
}

/* ======================== contenu */
div#contenu{ /*  */
	position:absolute;
	top:100px;
	left:0px;
	width:780px;
	height:auto;
	background-color:#E1E4CF;
}

div#bandeVerte{ /*  */
	float:left;
	width:780px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
	padding:4px 0 0px 0;
	background-color:#BBC794;
}

div#bandeVerte1{ /*  */
	float:left;
	width:770px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight:normal;
	text-align:left;
	font-size:1.2em;
	padding:4px 0 0px 10px;
	background-color:#BBC794;
}

div#bandeVerte1 p{
	display:inline;
}

div#pied{ /*  */
	float:left;
	width:780px;
	height:12px;
	text-align:center;
	font-size:0.7em;
	padding:0 0 2px 0;
	background-color:#BBC794;
}

/* activité formatage de la page */
div.actGauche{ /*  */
	float:left;
	width:560px;
	height:auto;
	margin:10px 0px 0px 0px;
	padding:4px 4px 10px 4px;
	background-color:cone; /* #BBC794 */
}

div.actGeneral{ /*  */
	float:left;
	width:100%;
	height:auto;background-color:#E1E4CF; /* #BBC794  E1E4CF (vert pale)*/
	border:solid;
	border-color:#BBC794;
	border-width: 0px 0px 4px 0px;
}

div.actFrancais{ /*  */
	float:left;
	width:100%;
	background-color:#BBC794; /* #BBC794  E1E4CF (vert pale)*/
	border:solid;
	border-color:#BBC794;
	border-width: 0px 0px 4px 0px;
}

div.version{ /*  */
	float:left;
	width:556px;
	color: #ba3800;/*#ba3800 (orange) ou #666600 ou #663366(mauve) ou #333333 */
	font-style:italic;
	font-weight: normal;
	text-align:left;
	font-size:1.3em;
	margin:0px;
	padding:2px;
	background-color: #ACC479; /* #BBC794  E1E4CF (vert pale)*/
}

div.actAnglais{ /*  */
	float:left;
	width:100%;
	background-color:#E1E4CF; /* #BBC794  E1E4CF (vert pale)*/
}

div.actGentete{ /*  */
	float:left;
	width:560px;
	height:20px;
	color: #663366;/*#ba3800 (orange) ou #666600 ou #663366(mauve) ou #333333 */
	font-style:italic;
	font-weight: normal;
	text-align:left;
	font-size:1.3em;
	margin:0 0 0 0px; //140
	padding:0px 0 0px 0;
	background-color:none;
	border:solid;
	border-color:#BBC794;
	border-width: 0px 0px 4px 0px;
}

div.actGimg{ /*  */
	float:left;
	width:120px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 12px 10px 8px;
	background-color:none;/* #BBC794 */
}

div.actGintro{ /*  */
	float:left;
	width:560px;
	height:8px;
	color:#666666;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	margin:0px 0px 10px 0px;
	background-color:#BBC794;
	/* overflow: auto; */
}

div.actGLieu{ /*  */
	float:left;
	width:420px;
	height:20px;
	color: #663366; /* #ba3800 */
	font-style:normal;
	font-weight: bold;
	text-align:left;
	font-size:0.9em;
	margin:0 0 0 0px;
	padding:0px 0 0px 0;
	background-color:none;
}

div.actGtxt{ /*  */
	float:left;
	width:420px;
	height:auto;
	color:#666666;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	padding:0px 0px 20px 0px;
	background-color:none;
	overflow: auto;
}

div.actGtxt a{ /*  */
	color:#666600;
	text-decoration:none;
	font-size:1em;
}

div.actGtxt a:hover { /*  */
	color: #000000;
	text-decoration:none;
}

div.actDroite{ /*  */
	float:right;
	width:190px;
	height:auto;
	margin:10px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	background-color:none;  /* #BBC794 (vert fonce) */
}

div.actDtitre{ /*  */
	float:left;
	width:182px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight: normal;
	text-align:left;
	font-size:1.3em;
	margin:0 0 5px 0px;
	padding:0px 0px 0px 0px;
	background-color:none;
}

.actDboiteSeparation { /*  font-family:Verdana, Arial, Helvetica, sans-serif; */
	float:left;
	width:182px;
	height:auto;
	color:#666666;
	font-style:normal;
	font-weight: bold;
	text-align:left;
	font-size:0.9em;
	margin:5px 0px 10px 0px;
	padding:4px 0px 0px 0px;
	background-color:none;
	border:solid;
	border-width: 1px 0px;
}

div.actDboiteListe{ /*  */
	float:left;
	width:182px;
	height:auto;
	color:#666666;
	font-style:normal;
	font-weight: normal;
	text-align:left;
	font-size:1.0em;
	margin:0 0 5px 0px;
	padding:0px 0px 0px 0px;
	background-color:none;
}

div.actDboiteListe a{ /*  */
	color:#663366; /* mauve */
	text-decoration:none;
	font-size:1em;
}

div.actDboiteListe a:hover{ /*  */
	color:#663366; 
	font-weight: bold;
	text-decoration:none;
	font-size:1em;
}

#contact2 {
	float:right;
	width:190px;	
	height:auto;
	padding:10px 4px 10px 0px;
}

/**** Page d'accueil division Gauche Droite ****/
div.demiGauche{ /*  */
	float:left;
	width:385px;
	height:340px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-color:#BBC794;
}

div.demiGentete{ /*  */
	float:left;
	width:385px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight: normal;
	text-align:center;
	font-size:1.4em;
	padding:4px 0 0px 0;
	background-color:none;
}
span.nomChalet{ /*  */
	color:#666666;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	font-size:1em;
	padding:4px 0 0px 0;
}
span.nomChalet1{ /*  */
	color:#666666;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	padding:4px 0 0px 0;
}

div.demiGimg1{ /*  */
	float:left;
	width:190px;
	height:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 12px 0px;
	background-color:#BBC794;
}

div.demiGimg2{ /*  */
	float:right;
	width:190px;
	height:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 12px 0px;
	background-color:#BBC794;
}

div.demiGtxt{ /*  */
	float:left;
	width:365px;
	height:160px;
	color:#666666;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	padding:0px 10px 0px 10px;
	background-color:none;
	overflow: auto;
}

div.demiDroite{ /*  */
	float:right;
	width:385px;
	height:340px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-color:#BBC794;
}

div.demiDentete{ /*  */
	float:left;
	width:385px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight: normal;
	text-align:center;
	font-size:1.4em;
	padding:4px 0 0px 0;
	background-color:none;
}

div.demiDimg1{ /*  */
	float:left;
	width:190px;
	height:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 12px 0px;
	background-color:#BBC794;
}

div.demiDimg2{ /*  */
	float:right;
	width:190px;
	height:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 12px 0px;
	background-color:#BBC794;
}

div.demiDtxt{ /*  */
	float:right;
	width:365px;
	height:160px;
	color:#666666;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	padding:0px 10px 0px 10px;
	background-color:none;
	overflow: auto;
}

span.lettrine{ /*  */
	color:#666666;
	font-style: normal;
	font-weight: bold;
	text-align:left;
	font-size:1.5em;
	padding:0px 0px 0px 0px;
	background-color:none;
}

span.positionboule{ /*  */
	display:block;
	width:380px;
	color:#ba3800;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:1em;
	margin:0px 0px 0px 50px;
	border-top:solid #BBC794 1px;
	/*background-color:#E1E4CF;*/
}

span.positionnordet{ /*  */
	display:block;
	width:380px;
	color:#ba3800;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:1em;
	margin:0px 0px 0px 150px;
	border-top:solid #BBC794 1px;
	/*background-color:#E1E4CF;*/
}

div.rect1{ /*  */
	float:left;
	width:178px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight: bold;
	text-align:left;
	font-size:1.1em;
	margin:0 0 0 0px;
	padding:4px 0 0px 10px;
	background-color:#BBC794;
}

div.rect1txt{ /*  */
	float:left;
	width:148px;
	height:auto;
	color:#666666;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	margin:0 9px 0 10px;
	padding:0px 10px 0px 10px;
	background-color:none;
}

div.rect2{ /*  */
	float:left;
	width:178px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight: bold;
	text-align:left;
	font-size:1.1em;
	margin:0 0 0 9px;
	padding:4px 0 0px 10px;
	background-color:#BBC794;
}

div.rect2txt{ /*  */
	float:left;
	width:168px;
	height:auto;
	color:#666666;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	margin:0 0px 0 0px;
	padding:0px 10px 0px 10px;
	background-color:none;
}

div.rect3{ /*  */
	float:left;
	width:178px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight: bold;
	text-align:left;
	font-size:1.1em;
	margin:0 0 0 10px;
	padding:4px 0 0px 10px;
	background-color:#BBC794;
}

div.rect3txt{ /*  */
	float:left;
	width:168px;
	height:auto;
	color:#666666;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	margin:0 0 0 0px;
	padding:0px 10px 0px 20px;
	background-color:none;
}

div.rect4{ /*  */
	float:right;
	width:178px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight: bold;
	text-align:left;
	font-size:1.1em;
	padding:4px 0 0px 10px;
	background-color:#BBC794;
}

div.rect4txt{ /*  */
	float:right;
	width:168px;
	height:auto;
	color:#666666;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	margin:0 0 0 0px;
	padding:0px 10px 0px 10px;
	background-color:none;
}

/**** Fin ** Page d'accueil division Gauche Droite ****/


/**** Page de visite division pour les photos la grande et les petites ****/
div.grandePhoto{ /*  */
	float:left;
	width:514px;
	height:354px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background-color:none;
}

div.cadrePetitePhoto{ /*  */
	float:right;
	width:235px;
	height:354px;
	margin:0px 10px 10px 0px;
	padding:0px 0px 0px 0px;
	background-color:none;
}

div.entetePetitePhoto{ /*  */
	float:left;
	width:235px;
	height:20px;
	color:#666666;
	font-style:italic;
	font-weight: normal;
	text-align:center;
	font-size:1.3em;
	margin:0 0 5px 0px;
	padding:8px 0px 0px 0px;
	background-color:none;
}

div.separationPetitePhoto{ /*  */
	float:left;
	width:235px;
	height:auto;
	color:#666666;
	font-style:normal;
	font-weight: bold;
	text-align:left;
	font-size:1.0em;
	margin:5px 0px 10px 0px;
	padding:4px 0px 0px 0px;
	background-color:none;
	border:solid;
	border-width: 1px 0px;
}

div.petitePhoto1, div.petitePhoto2, div.petitePhoto3{ /*  */
	float:left;
	width:48px;
	height:36px;
	margin:0px 14px 10px 0px;
	padding:0px 0px 0px 0px;
	background-color:none;
}

div.petitePhoto4{ /*  */
	float:left;
	width:48px;
	height:36px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background-color:none;
}

div.grandePhotoTxt{ /*  */
	float:left;
	width:494px;
	height:260px;
	color:#666666;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:1em;
	padding:0px 10px 0px 10px;
	background-color:none;
	overflow: auto;
}

div.imagette{ /*  */
	float:left;
	width:230px;
	height:auto;
	color:#666666;
	font-style:normal;
	font-weight: normal;
	text-align:center;
	font-size:0.7em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:solid;
	border-color:#BBC794;
	border-width: 0px 0px 1px 0px;
	background-color:none;
}

div.carte{ /*  */
	float:right;
	width:235px;
	height:260px;
	color:#666666;
	font-style: normal;
	font-weight: bold;
	text-align:center;
	font-size:1em;
	margin:0 10px 0 0;
	padding:0px 0px 0px 0px;
	background-color:none;
	/*background-image:url(../images/localisation.png);
	background-repeat:no-repeat;*/
	border:solid;
	border-color:#BBC794;
	border-width:1px 2px 2px 1px;
}

/* ======================== menu */
div#menu{ /*  */
	position:absolute;
	top:60px;
	left:0px;
	width:777px;
	text-align:left;
	font-size:1em;
	margin: 3px 0 0 3px;
}

div#langue{ /*  */
	position:absolute;
	top:40px;
	left:480px;
	width:297px;
	text-align:right;
	font-size:0.9em;
	margin-right:3px;
}
a { /*  */
	color:#666666;
	text-decoration:none;
	font-size:1em;
}
a:hover { /*  */
	color: #000000;
	text-decoration:underline;
}

a img{ /*  */
	border: none;
}

.orange{ /*  */
	font-style: 1.1em; color:#ba3800;
}

/* saut de ligne */
.clearfloat { /*  */
	clear:both;
}

/*                                */
/* Feuille de style du calendrier */
/*                                */

div.administration{ /*  */
	float:left;
	width:170px;
	height:auto;
	color:#333333;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	padding:10px 0px 0px 10px;
	background-color:none;
}

div.prix{ /*  */
	float:left;
	width:320px;
	height:auto;
	color:#333333;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.9em;
	padding:10px 10px 0px 10px;
	background-color:none;
	border:solid;
	border-color: #666666;
	border-width: 0 0 0px 0px;
}

div.reservation{ /*  */
	float:left;
	width:320px;
	height:auto;
	color:#333333;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:1em;
	padding:0px 0px 0px 0px;
	background-color:none;
	border:solid;
	border-color: #666666;
	border-width: 0px 0 0px 0px;
}

div.condition{ /*  */
	float:right;
	width:200px;
	height:auto;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:0.8em;
	color:#666666;
	padding:10px 10px 0px 0px;
	background-color:none;
}

/* Page de login */
div#logGauche{ /*  */
	float:left;
	width:430px;
	height:auto;
	color:#333333;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:1em;
	padding:10px 0px 0px 4px;
	background-color:none;
	border:solid;
	border-color: #BBC794;
	border-width: 12px 0 0px 0px;
}

div#logDroite{ /*  */
	float:right;
	width:320px;
	height:auto;
	color:#333333;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:1em;
	padding:10px 0px 0px 4px;
	background-color:none;
	border:solid;
	border-color: #BBC794;
	border-width: 12px 0 0px 0px;
}

div.d{ /*  */
	float:right;
	margin:4px 0;
	clear:both;
}

span.iconeEdit{ /*  */
	position:relative; top:0em;
	width:18px; height:18px;
}

div.editeur{ /*  */
	float:left;
	width:514px;
	height:375px;
	margin:10px 0px 10px 10px;
	padding:4px 4px 4px 4px;
	border:1px 2px 2px 1px solid #BBC794;
	background-color:#BBC794;
}

div.editeurReference{ /*  */
	float:right;
	width:200px;
	height:375px;
	margin:10px 10px 10px 0px;
	padding:4px 4px 4px 4px;
	border:1px 2px 2px 1px solid #BBC794;
}

div.editeurReferenceDate{ /*  */
	float:right;
	width:200px;
	height:375px;
	margin:10px 10px 10px 0px;
	padding:4px 4px 4px 4px;
	border:1px 2px 2px 1px solid #BBC794;
	overflow: auto;
}

div.editPhoto{ /*  */
	float:left;
	width:314px;
	height:400px;
	text-align:center;
	margin:10px 0px 0px 10px;
	padding:4px 4px 4px 4px;
	border:1px 2px 2px 1px solid #BBC794;
	background-color:#BBC794;
}

div.photo1{ /*  */
	float:left;
	width:190px;
	height:auto;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 12px 0px;
	background-color:#BBC794;
}

div.photo1 img{ /*  */
	margin:0px 0px 0px 0px;
	padding:0px 0px 12px 0px;
}

div.photoReference{ /*  */
	float:right;
	width:400px;
	height:auto;
	text-align:center;
	margin:10px 10px 20px 0px;
	padding:4px 4px 4px 4px;
	border:1px 2px 2px 1px solid #BBC794;
}

div.photoReference1{ /*  */
	float:left;
	width:110px;
	height:355px;
	text-align:left;
	margin:0px 20px 0px 0px;
	padding:4px 4px 4px 4px;
	border:1px 2px 2px 1px solid #BBC794;
}

div.photoReference2{ /*  */
	float:left;
	width:110px;
	height:355px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border:1px 2px 2px 1px solid #BBC794;
}

div.photoReference3{ /*  */
	float:right;
	width:110px;
	height:355px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border:1px 2px 2px 1px solid #BBC794;
}


form.formulaire{
	font-size:1em;
}
form.formulaire textarea{
	width:504px;
	height:330px;
	margin:0px 0px 0px 0px;
	padding:4px;
}

/* Style du formulaire */
div.confirmform{ /*  */
	float:left;
	width:320px;
	height:auto;
	color:#333333;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	font-size:1em;
	padding:0px 0px 0px 0px;
	background-color:none;
	border:solid;
	border-color: #666666;
	border-width: 0px 0 0px 0px;
}

#confirmform label, #confirmform input, #confirmform select, #confirmform textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	display: block;
	float: left;
	width: 180px;
	margin: 3px 0;
	padding: 0;
}
#confirmform label{
	font-weight: bold;
	color: #666;
	font-size:0.9em;
	letter-spacing:0.0em;
	text-align: right;
	width:120px;
	margin-right: 5px;
}
#confirmform br {
	clear:left;
}
#confirmform h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	color: #886A60;
}
#confirmform input#remember {
	margin-left: -94px;
}


/* Style de la table principale contenant le calendrier */
table.calendar_main {
	font-family: Arial, Times, serif;
	font-size: 10px;
}

/* Style du titre du calendrier (<< mois annee >>)  */
.calendar_title {
	color: #333333;
	text-align: center;
}

/* Style de la cellule "mois annee" du titre    */
.calendar_title_month {
}

/* Style du lien "mois annee" du titre          */
.calendar_title_month_clickable {
	color: #333333;
	text-decoration: none;
}

/* Style de la cellule contenant le lien "<<" du titre         */
.calendar_title_left_arrow {
	text-align: left;
}

/* Style de la cellule contenant le lien ">>" du titre         */
.calendar_title_right_arrow {
	text-align: right;
}

/* Style du lien "<<" du titre          */
.calendar_title_left_arrow_clickable {
	color: #333333;
	text-decoration: none;
}

/* Style du lien ">>" du titre          */
.calendar_title_right_arrow_clickable {
	color: #333333;
	text-decoration: none;
}

/* Style global de la table du calendrier  */
.calendar_table {
	border: none;
	border-collapse: collapse;
	font-size: 10px;
}

/* Style generique des cellules de la table du calendrier */
.calendar_table td {
	border: 1px solid #BBC794;
	text-align: center;
	width:44px;
	height:24px;
}

/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
.calendar_table th {
	border: 1px solid #BBC794;
	background-color: #BBC794;
	font-weight: normal;
	text-align: center;
}

/* Style des cellules de la table contenant les jours du week-end (samedi et*/
/* dimanche)                                                                */
.calendar_weekend {
	background-color: #cccccc;
}

/* Couleur orange jours réservés */
.calendar_reserve {
	background-color: #ffcc99;
}

/* Style des cellules contenant des jours ne faisant pas partie du mois en  */
/* cours d'affichage                                                        */
.calendar_other_month {
	color: #999999;
}

/* Style des liens des jours ne faisant pas partie du mois en cours      */
/* d'affichage                                                           */
.calendar_other_month_clickable {
	color: #999999;
	text-decoration: none;
}

/* Style du jour (non cliquable) representant aujourd'hui */
.calendar_today {
	color: #ba3800;
}

/* Style du lien sur le jour representant aujourd'hui */
.calendar_today_clickable {
	color: #ba3800;
	text-decoration: none;
}

/* Style des liens des jours faisant partie du mois en cours d'affichage */
.calendar_day_clickable {
	color: #000000;
	text-decoration: none;
}