/* CSS Document */
body{
	font-size:16px;
	width: 1024px;
	height:768px;
	background-color:#99CCFF;
	margin:auto;
	margin-top: 10px;
}

#global{
	margin:auto;
	width:1024px;
	height:768px;
	background: url('images/Fond2.jpg') no-repeat;
}
/* Banni�re du site */
#banniere{
	height : 75px;
}
/* Colonne de gauche */
#barre_gauche{
	width:215px;
	height:512px;
	padding-top:180px;
	padding-left:10px;
	float:left;
	clear:both;
	font-size:12px;
	text-align:justify;
	font-family:"arial","comic sans ms","times new roman";
}
/* Page principale */
#page{
	height:641px; /*(768 - (75+22+30) )*/
	/*background-color:#FFF000;*/
	margin-left:260px;
	margin-right:30px;
	margin-top:50px;
}
/*****************************************/
/*****************************************/
/* Cadre blanc dans la colonne de gauche */
/*****************************************/
/*****************************************/
#cadre_gauche {
	background:url('images/colonne/cadre.png') no-repeat;
	padding:8px;
	margin:auto;
	width:195px;
	height:329px;
	float:right;
}
/* Coin en haut � gauche */
#cadre_gauche .coin_haut_gauche{
	background:url('images/colonne/hg.png');
	height:20px;
	width:20px;
	float:left;
}
/* Partie haute */
#cadre_gauche .coin_haut{
	background:url('images/colonne/haut.png');
	height:20px;
	width:175px;
	float:left;
}
/* Coin en haut � droite */
#cadre_gauche .coin_haut_droit{
	background:url('images/colonne/hd.png');
	height:20px;
	width:20px;
	float:right;
}
/* Partie gauche */
#cadre_gauche .coin_gauche{
	background:url('images/colonne/cg.png');
	width:10px;
	height:320px;
	clear:left;
	float:left;
}
/* Partie milieu */
#cadre_gauche .coin_milieu{
	background:url('images/colonne/cadre.png');
	width:195px;
	height:320px;
	float:left;
}
/* Partie droite */
#cadre_gauche .coin_droit{
	background:url('images/colonne/cd.png');
	width:10px;
	height:320px;
	float:right;
}
/* Coin en bas � gauche */
#cadre_gauche .coin_bas_gauche{
	background:url('images/colonne/bg.png');
	height:20px;
	width:20px;
	float:left;
	clear:left;
}
/* Partie en bas */
#cadre_gauche .coin_bas{
	background:url('images/colonne/bas.png');
	height:20px;
	float:left;
}
/* Coin en bas � droite */
#cadre_gauche .coin_bas_droit{	
	background:url('images/colonne/bd.png');
	height:20px;
	width:20px;
	float:right;	
}
/************************************/
/************************************/
/*************** Menu ***************/
/************************************/
/************************************/

#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	position: absolute; /* placement du menu, � modifier selon vos besoins */
	/*top: 0;*/
	/*left: 50px;*/
	/*margin:auto;*/
	display : inline;
	/*padding-left:95px;*/
        /*margin-left:95px;*/
        left:320px;
	margin-top:0px;
	z-index:100;
	width:700px;
	height:25px;
	font-family:"arial","times new roman";
	font-size:15px;
	/*width: 100%; /* correction pour Opera */
}

#menu ul li{
	float:left;
	width: 8em;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	margin: 1px;
	list-style-type: none;
}
#menu ul li ul li{
	font-size:13px;
	text-align: center;
	background: #ecc403;
	margin:0;
	padding: 0;
	list-style-type: none;
	width:9em;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
#menu li a, #menu ul a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

#menu ul li ul li a:hover, #menu li ul li a:focus{
/*, #menu dt a:hover, #menu dt a:focus*/ 
	background: #eee;
	
}
#menu ul li ul{

	display:none;
}
#menu ul li:hover ul{
	display:block;
}
#menu img{
	padding-left:5px;
	padding-top:3px;
	height:14px;
}
/*IE6 hovering*/
#menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
#menu ul li a:hover {
	position:relative /*IE hack*/; 
	z-index:1000 /*IE hack*/;
	text-decoration:none;
}
#menu ul li a:hover ul {
	display:block;
	position:absolute;
	z-index:999;
	top:18px;
	left:0;
}
#menu ul li a:hover ul li a {
	white-space:normal;
	display:block;
	width:9em;
/*	border-bottom: solid 1px #ccc;*/
	font-weight:bold;
}
#menu ul li a:hover ul li a:hover {
	background-color:#ccc;
	text-decoration:none;
}
/*********************************************************/
/*********************************************************/
/*************** Formulaire de r�servation ***************/
/*********************************************************/
/*********************************************************/
#form_reservation fieldset{
	/*padding-top:0em;
	padding-top:-12px;*/
	background-color: #d8e4ee;
	margin-bottom:20px;
	position :relative;
    top :1em;
    padding :0 0.5em 1em 0.5em;
}
#form_reservation legend{
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
    position :relative;
    top :-1em;
    padding :0.4em;

}
#form_reservation label{
	display:inline;
	float:left;
	width:150px;
}

#form_reservation{
	width:700px;
	margin:auto;

}

#form_reservation textarea{
	/*width:310px;
	height:100px;*/
}

#form_gauche input, #form_droite input{
	width:160px;
}
#form_gauche input.demi{
	width:76px;
}
#form_reservation .prix_resa_texte{
	padding-left:50px;
}
#form_reservation #prix_parking{
	padding-left:20px;
}
#form_reservation select.select_sem{
	width:250px;
}
#form_gauche{
	float:left;
	clear:both;
}
#form_gauche label{
	width:115px;
}
#form_droite select{
	width:162px;
}
#form_droite {
	float:right;
	margin-right:50px;
	clear:right;
}
#form_droite label{
	width:80px;
}



#sel_semaines{
	display:inline;
}



/***********************************************************************/
/***********************************************************************/
/*************** Formulaire de modification des semaines ***************/
/***********************************************************************/
/***********************************************************************/
#form_modification_semaine{
}
#form_modification_semaine fieldset{
	padding: 1em;
	
}
#form_modification_semaine label{
	display:inline;
	float:left;
	width:100px;
}
#form_modification_semaine .prix_resa_texte{
	padding-left:50px;
}
#form_modification_semaine select.select_sem{
	width:250px;
}
/*********************************************************/
/*********************************************************/
/*************** Formulaire de connexion ***************/
/*********************************************************/
/*********************************************************/
form#connexion{
	width:290px;
	margin:auto;	
}
form#connexion fieldset{
	padding: 1em;
}
form#connexion label{
	display:inline;
	float:left;
	width:100px;
}
form#connexion input{
	width:140px;
}
form#connexion p.bouton_envoi{
	margin:auto;
	text-align:center;
}
form#connexion input.bouton{

}
/************************************************/
/************************************************/
/*************** Photos et cadres ***************/
/************************************************/
/************************************************/
#cadre_photo_change{
	background:url('images/polaroids/Pola Gd Vide.gif') white no-repeat;
	width:508px;
	height:484px;
	margin:auto;
}
#cadre_photo{
	width:508px; /* largeur du polaroid - taille du padding-left*/
	height:451px;/* hauteur du polaroid - taille du padding-top*/
	margin:auto;
	padding-top:33px;
	text-align:center;
        background:url('images/autres/loading.gif') 240px 200px no-repeat;
}
#cadre_photo_mini{
	text-align:center;
	height:77px;
	width:688px;
	margin:auto;	
}
#cadre_photo_centre{
	padding-top:80px;
	margin:auto;
	text-align:center;
}
.photo_mini{
	display:inline; /*permet de mettre les div sur la meme ligne*/
	background:url('images/polaroids/Mini Pola.png') no-repeat;
	width:83px;
	height:72px; /* hauteur du polaroid - taille du padding-top*/
	float:left;
	padding-top:5px;
	margin:auto;
	margin-right:3px;
	text-align:center;
	cursor:pointer;
}
/*Fran�ais*/
.image_chambre{
	background:url('images/polaroids/fr/Pola Gd Chambre.png') no-repeat;
}
.image_cuisine{
	background:url('images/polaroids/fr/Pola Gd Kitchenette.png') no-repeat;
}
.image_sdb{
	background:url('images/polaroids/fr/Pola Gd Salle de bain.png') no-repeat;
}
.image_salon{
	background:url('images/polaroids/fr/Pola Gd Salon.png') no-repeat;
}
.image_salleamanger{
	background:url('images/polaroids/fr/Pola Gd Salle � manger.png') no-repeat;
}
.image_couloir{
	background:url('images/polaroids/fr/Pola Gd Couloir.png') no-repeat;
}
/*
/*Anglais
.image_chambre_en{
	background:url('images/polaroids/en/Pola Gd Chambre.png') no-repeat;
}
.image_cuisine_en{
	background:url('images/polaroids/en/Pola Gd Kitchenette.png') no-repeat;
}
.image_sdb_en{
	background:url('images/polaroids/en/Pola Gd Salle de bain.png') no-repeat;
}
.image_salon_en{
	background:url('images/polaroids/en/Pola Gd Salon.png') no-repeat;
}
.image_salleamanger_en{
	background:url('images/polaroids/en/Pola Gd Salle � manger.png') no-repeat;
}
.image_couloir_en{
	background:url('images/polaroids/en/Pola Gd Couloir.png') no-repeat;
}*/
/**************************************/
/**************************************/
/*************** Tarifs ***************/
/**************************************/
/**************************************/
table.tarifs{
	margin:auto;
	width:600px;
	text-align:center;
	border-collapse:collapse;
	font-family:"comic sans ms";
	font-size:13px;
	font-weight:bold;
	
}
table.tarifs th{
	color:white;
	font-size:15px;
}
table.tarifs tr{
	height:30px;
}

table.tarifs .texte_mini{
	font-size:10px;
	font-weight:normal;
}
table.tarifs td.libre,td.option,tr.libre td,
tr.option td{
    cursor:pointer;
}
/*table.tarifs_ete td.libre:hover,*/
table.tarifs_ete tr.libre:hover td{
	background-color:green;
	color:white;
}
/*table.tarifs td.option:hover{*/
table.tarifs tr.option:hover td{
	background-color:#ff6900;
	color:white;
}
/*table.tarifs_hiver td.libre:hover{*/
table.tarifs_hiver tr.libre:hover td{
	background-color:blue;
	color:white;
}
table.tarifs th.col_prix{
	width:100px;
}
table.tarifs th.col_resa{
	width:200px;
}
table.tarifs_hiver th{
	background-color:blue;
	border-width:1px;
	border-style:solid; 
	border-color:green;
}
table.tarifs_hiver td{
	background-color:#99CCFF;
	border-width:1px;
	border-style:solid;
	border-color:blue; 
	color:blue;
}
table.tarifs_ete th{
	background-color:green;
	border-width:1px;
	border-style:solid; 
	border-color:green;
}
table.tarifs_ete td{
	background-color:#cde699; /* #99CC00 */
	border-width:1px;
	border-style:solid; 
	border-color:green;
	color:green;
}
table.tarifs td.reserve{
	background-color:red;
	color:white;
}
table.tarifs td.option{
	background-color:orange;
}

#cadre_tarifs{
	margin:auto;
	height:521px;
	width:620px;
	padding-left:20px;
	overflow:auto;
}
/* Titre d'une page */
#titre{
	margin:auto;
	height:40px;
	text-align:center;
	font-size:20px;
	font-family:"verdana","comic sans ms","arial","times new roman";
}
/* Rappel */
#rappel{
	margin:auto;
	width:594px;
	font-size:18px;
	text-align:center;
	color:red;
	border-width:3px;
	border-color:red;
	border-style:dashed;
	padding-top:10px;
	padding-bottom:10px;
}



.manquant{
	background-color:red;
	color:white;
}
.manquant:focus{
	background-color:white;
	color:black;
}

.partie_centre{
	margin:auto;
	width:400px;
}



.al_centre{
	text-align:center;
}
.al_droite{
	text-align:right;
}
.al_gauche{
	text-align:left;

}
span.green{
	font-weight:bold;
	color:green;
}
span.blue{
	font-weight:bold;
	color:blue;
}
span.red{
	font-weight:bold;
	color:red;
}
span.black{
	font-weight:bold;
	color:black;
}

#topgauche {
	position:absolute;
	z-index:10;
}
#topgauche table{
	padding:0px; 
	border-collapse:collapse; 
}

#topgauche table.td{
	width:100px;
	text-align:center;
	background-color:#446c84;
}
.tab_menu{
	padding:0px; 
	border-collapse:collapse; 
	background-color:#FF0000;
}
.tab_menu td{
	/*height:25px;*/
}






a img {
	border:0px;
}



.important{
	font-weight:bold;
}




img.cliquable{

	cursor:pointer;
}






#form_photos{
	width:600px;
	margin:auto;
	text-align:center;
}

#form_photos fieldset{
	float:left;
	width:122px;
}
#form_photos select{
	
	width:122px;
}

select .selectGras{
	font-weight:bold;
}



#acces{
	text-align:center;
	margin:auto;
}

#activites{
	padding-top:20px;
}
#activites div.gauche{
	width:40%;
	padding-left:20px;
	float:left;
	height:280px;
}
#activites div.droite{
	height:280px;
	width:57%;
	float:right;
}
#activites .bleu{
	color:blue;
}
#activites .vert{
	color:green;
}
#activites .orange{
	color:orange;
}
#activites .violet{
	color:purple;
}

a.info{
    position:relative; 
    z-index:24; 
    /*background-color:#ccc;*/
    /*color:#000;*/
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
}
p.titre_liste{
	font-size:18px;
	text-decoration:underline;
}

a.info:hover{
	z-index:25; 
	/*background-color:#ff0;*/
	color:red;
}

a.info span{
	display: none
}
a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'�tat a:hover */
    display:block;
    position:absolute;
    top:2em; left:9em;
    border:1px solid #6699cc;
    color:#6699cc;
    text-align: justify;
    font-weight:normal;
   /* padding:1px;*/
    width:470px;
    height:332px;
   /* padding-top:332px;*/
  /*  height:21px;*/
  /* height:353px;*/ /* A cause des photos du site de la plagne ou profiter de l'espace pour pr�ciser ke c une phto du site*/
}
a.info:hover span.bas{
	/*top:-364px;*/
	top:-343px
}
a.info:hover span.droite{
	left:-475px;
}
a.info:hover span.loading{
        background:url('images/autres/loading.gif') #eeeeee center center no-repeat;
}
.rafting{
	background:url('images/page-ete/rafting.jpg') no-repeat;
}
.piscine{
	background:url('images/page-ete/piscine.jpg') no-repeat;
}
.cyclable{
	background:url('images/page-ete/cyclable.jpg') no-repeat;
}
.plan-eau{
	background:url('images/page-ete/plan-eau.jpg') no-repeat;
}
.canyoning{
	background:url('images/page-ete/canyoning.jpg') no-repeat;
}
.accrobranche{
	background:url('images/page-ete/accrobranche.jpg') no-repeat;
}
.dirt-monster{
	background:url('images/page-ete/dirt-monster.jpg') no-repeat;
}
.parapente{
	background:url('images/page-ete/parapente.jpg') no-repeat;
}
.hydrospeed{
	background:url('images/page-ete/hydrospeed.jpg') no-repeat;
}
.quad{
	background:url('images/page-ete/quad.jpg') no-repeat;
}
.vtt{
	background:url('images/page-ete/vtt.jpg') no-repeat;
}
.cheval{
	background:url('images/page-ete/cheval.jpg') no-repeat;
}
.lac{
	background:url('images/page-ete/lac.jpg') no-repeat;
}
li{
	margin-left:-10px;
	margin-right:8px;
	list-style-type: disc;
}
a.info_station{
    position:relative; 
    z-index:24; 
    /*background-color:#ccc;*/
    /*color:#000;*/
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
}
a.info_station:hover{
	z-index:25; 
	/*background-color:#ff0;*/
	color:red;
}

a.info_station span{
	display: none;
}
a.info_station:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'�tat a:hover */
 	display:block; 
 	position:absolute;
 	
	/*top:2em; left:9em;*/
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:normal;
   /* padding:1px;*/
    width:470px;
    height:353px;
}
a.info_station:hover span.haut,
a.info_station:hover span.haut_loading{
	top:-1em;
	left:17em;
        z-index:30;
}
a.info_station:hover span.haut{background:url('images/page-station/pied.jpg') no-repeat;}
a.info_station:hover span.milieu,
a.info_station:hover span.milieu_loading{
	left:-18em;
	height:282px;
        z-index:30;
        width:333px;
        height:200px;
}
a.info_station:hover span.milieu{background:url('images/page-station/glacier.jpg') no-repeat;}
a.info_station:hover span.bas,
a.info_station:hover span.bas_loading{
	top:-8em;
	left:0em;
        z-index:30;
}
a.info_station:hover span.bas{background:url('images/page-station/station.jpg') no-repeat;}
a.info_station:hover span.haut_loading,
a.info_station:hover span.milieu_loading,
a.info_station:hover span.bas_loading{background:url('images/autres/loading.gif') #eeeeee center center no-repeat;}
#contenu_texte{
	text-align:justify;	
}
#contenu_texte img{
	margin:10px;
}
#contenu_texte .p_gauche{
	float:left;
}
#contenu_texte .p_droite{
	float:right;
}
#contenu_texte .stop_float{
	clear:right;
}
#contenu_texte .p_img{
	float:right;
}

#colonne_gauche{
	text-align:center;
}

/* tableau des brochure*/
table.broch{
	text-align:center;
	margin:auto;
}



/****************************************/
/****************************************/
/*************** Flux RSS ***************/
/****************************************/
/****************************************/
div#flux_rss{
	font-family:"arial";
	font-size :13px;
	overflow:auto;
	background-color:#FFFFDD;
	height:560px;
	width:680px;
	margin:auto;
	padding:10px;
	border: solid #FFF000 2px;
}
div#flux_rss dt{
	padding-left:30px;
	font-size :15px;
}
div#flux_rss dd{
	padding-left:30px;
	padding-right:30px;
	text-align:justify;
}
div#flux_rss a{
	text-decoration:none;
	font-weight:bold;
	color:black;
}
div#flux_rss a:hover{
	color:red;
}
div#flux_rss .date{
	font-size:11px;
}
div#flux_rss hr{
	color:#FFF000;
	width:90%;
}
/****************************************/
/* bloc contenant la partie centrale de la page pratique */
#pratique{
	margin:auto;
	width:200px;
}
#page a{
	text-decoration:none;
	font-weight:bold;
}
#page a:visited{
	color:blue;
}
#page a:hover{
	color:red;
}
/* Les pistes de ski (page pratique)*/
li.pistes{
	list-style-type: none;
}
li.pistes img{
	 width:30px;
}



/* Image pour le lien avec paypal */
.image-banque{
	border:0px;
	width:120px;
	height:44px;
}
/* Image de validation XHTML */
p.valid-xhtml{
	text-align:center;
	padding-top:450px;
}



#partenaires{
	text-align:center;
	margin:auto;
	
}





#accueil{
	margin:auto;
	text-align:center;
}
#accueil p{
	text-align:justify;
}
#accueil p#titre{
	text-align:center;
}
#accueil img{
	height:250px;	
}





#mauvais_navigateur{
	text-align:center;
	position:absolute;
	margin-top:180px;
	margin-left:165px;
	background-color:#E0F0F0;
	width:400px;
	height:200px;
	border:2px solid red;
}
#mauvais_navigateur ul{
	padding-top:10px;
	margin:auto;
	text-align:left;
	background-color:#E0F0F0;
	width:200px;
	

}





table.corps{
}
td.gauche{
vertical-align:top;
background-color: #446c84;
width: 240px;
height: 642px;
font-weight:900;
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
}
td.centre{
vertical-align:top;
background-color:#99CCFF;
width: 518px;
height: 642px;
margin-left:auto;
margin-right:auto;
overflow:auto;
}
td.droite{
vertical-align:top;
background-color: #446c84;
width: 200px;
height: 801px;
}
td.menu{
}
/*Aspect des droits en bas de page*/
.droits{
text-align:center;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
font.erreur{
color:#FF0000;
font-weight:bold;
}