@CHARSET "UTF-8";


/* ATTENTION AUX IMAGES PNG 
note : si l'on met côte à côte une image png contenant un aplat et l'on juxtapose un aplat en hexadécimal html
on peut noter une différence de luminosité sous ie et safari
il faut supprimer la couche GAMA du fichier PNG (avec l'outil tweakpng par exemple). Ca marche... sauf que le problème reste entier sous Mac / Safari.
****************************************/

body {
	background: #fff url(images/fond_page_ete01.jpg) center top;
	background-attachment: fixed; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
}


.fondFooter {background: url(images/fond_footer_1x1.png) left top repeat;}


/* Entete 
****************************************/
#entete{
	width: 990px;
	height: 152px;
	margin: 0 auto; /* pour firefox, centrage*/
}


/* ______________________________________CONTENEUR________________________________________________  */

#conteneur {
	width: 990px;
	margin: 0 auto; /* pour firefox, centrage*/
	padding: 0;
	text-align: left;
	font-size: 100%;
}


/*  Menu ---------------------------------------------------------------------------*/
#conteneurMenu{
	width: 980px;
	height: 45px;
	position: relative;
	margin-left:auto;
    margin-right:auto;
}


ul#menu {
	width: 980px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #ece4d9; /* fond creme */
}
ul#menu li {  	 
	float: left;
	display: block;
	height: 40px;
	padding: 0px;
	margin: 0;
	text-align: left;
}
ul#menu li a {   
	display: block; /* indispensable pour un menu "image" */
	border: none;
	height: 40px;
	line-height: 40px;/* astuce pour centrer verticalement une seule ligne de texte*/
	font-size: 90%;
	font-weight: bold;
	color: #767d64; 
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none; /* transform le texte en majuscules, autres : lowercase (all mini), capitalize (first lettre maj) et none*/
	overflow: hidden;
}  

#menu li a {
	display: block;
	line-height: 40px;
	text-indent: -5000px;/*Vire le txt a -5000*/
	overflow: hidden;
	background-position: center top;
}	
	#menu li.active a, ul#menu li.active a:hover {
		background-position: center bottom;
	}
	#menu li a:hover {
		background-position: center center;
	}	
	#menu_01_fr {
		width: 97px;
		background: url(images/menu_ete_01.png) no-repeat;
	}
	#menu_02_fr {
		width: 139px;
		background: url(images/menu_ete_02.png) no-repeat;
	}		
	#menu_03_fr {
		width: 119px;
		background: url(images/menu_ete_03.png) no-repeat;
	}		
	#menu_04_fr {
		width: 157px;
		background: url(images/menu_ete_04.png) no-repeat;
	}
	#menu_05_fr {
		width: 183px;
		background: url(images/menu_ete_05.png) repeat-x;
	}
	#menu_06_fr {
		width: 87px;
		background: url(images/menu_ete_06.png) no-repeat;
	}
	#menu_07_fr {
		width: 87px;
		background: url(images/menu_ete_07.png) no-repeat;
	}
	#menu_08_fr {
		width: 111px;
		background: url(images/menu_ete_08.png) no-repeat;
	}
	#menu li.separateur {
		background: url(images/menu_separateur.jpg) no-repeat left top;
	}
	
	/* _menu en_  */
	#menu_01_en {
		width: 97px;
		background: url(images/menu_v2_01_en.png) no-repeat;
	}
	#menu_02_en {
		width: 81px;
		background: url(images/menu_v2_02_en.png) no-repeat;
	}		
	#menu_03_en {
		width: 90px;
		background: url(images/menu_v2_03_en.png) no-repeat;
	}		
	#menu_04_en {
		width: 110px;
		background: url(images/menu_v2_04_en.png) no-repeat;
	}
	#menu_05_en {
		width: 162px;
		background: url(images/menu_v2_05_en.png) no-repeat;
	}
	#menu_06_en {
		width: 155px;
		background: url(images/menu_v2_06_en.png) no-repeat;
	}
	#menu_07_en {
		width: 87px;
		background: url(images/menu_v2_07_en.png) no-repeat;
	}
	#menu_08_en {
		width: 87px;
		background: url(images/menu_v2_08_en.png) no-repeat;
	}
	#menu_09_en {
		width: 111px;
		background: url(images/menu_v2_09_en.png) no-repeat;
	}

	/* _menu it_  */
	#menu_01_it {
		width: 97px;
		background: url(images/menu_v2_01_it.png) no-repeat;
	}
	#menu_02_it {
		width: 81px;
		background: url(images/menu_v2_02_it.png) no-repeat;
	}		
	#menu_03_it {
		width: 99px;
		background: url(images/menu_v2_03_it.png) no-repeat;
	}		
	#menu_04_it {
		width: 95px;
		background: url(images/menu_v2_04_it.png) no-repeat;
	}
	#menu_05_it {
		width: 127px;
		background: url(images/menu_v2_05_it.png) no-repeat;
	}
	#menu_06_it {
		width: 196px;
		background: url(images/menu_v2_06_it.png) no-repeat;
	}
	#menu_07_it {
		width: 87px;
		background: url(images/menu_v2_07_it.png) no-repeat;
	}
	#menu_08_it {
		width: 87px;
		background: url(images/menu_v2_08_it.png) no-repeat;
	}
	#menu_09_it {
		width: 111px;
		background: url(images/menu_v2_09_it.png) no-repeat;
	}
	
/* menu sub template (menu secondaire colonne gauche des catégories) */
ul#menu_sub {
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #D1E8CD; /* fond vert clair */
}
ul#menu_sub li {  	 
	display: block;
	height: 22px;
	padding: 0px;
	margin: 0;
	text-align: left;
}
ul#menu_sub li a {   
	display: block; /* indispensable pour un menu "image" */
	border: none;
	height: 22px;
	line-height: 22px;/* astuce pour centrer verticalement une seule ligne de texte*/
	font-size: 80%;
	font-weight: bold;
	color: #171717; 
	padding: 0;
	text-align: left;
	text-decoration: none;
	text-transform: none; /* transform le texte en majuscules, autres : lowercase (all mini), capitalize (first lettre maj) et none*/
	overflow: hidden;
}  
#menu_sub li a {
	display: block;
	line-height: 38px;
	text-indent: 30px;/*Vire le txt a -5000*/
	overflow: hidden;
	background: url(images/menu_sub_ete.png) no-repeat;
	background-position: center bottom;
}	
	#menu_sub li.active a, ul#menu_sub li.active a:hover {
		background-position: center top;
	}
	#menu_sub li a:hover {
		background-position: center center;
	}

/* menu sub template LIENS EXTERNES  */
ul#menu_sub_liens {
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #D7E0E7; /* fond creme */
}
ul#menu_sub_liens li {  	 
	display: block;
	height: 22px;
	padding: 0px;
	margin: 0;
	text-align: left;
}
ul#menu_sub_liens li a {   
	display: block; /* indispensable pour un menu "image" */
	border: none;
	height: 22px;
	line-height: 22px;/* astuce pour centrer verticalement une seule ligne de texte*/
	font-size: 80%;
	color: #6B6B6B; 
	padding: 0;
	text-align: left;
	text-decoration: none;
	text-transform: none; /* transform le texte en majuscules, autres : lowercase (all mini), capitalize (first lettre maj) et none*/
	overflow: hidden;
}  
#menu_sub_liens li a {
	display: block;
	line-height: 38px;
	text-indent: 30px;/*Vire le txt a -5000*/
	overflow: hidden;
	background: url(images/menu_sub.png) no-repeat;
	background-position: center bottom;
}	
	#menu_sub_liens li a:hover {
		color: #171717;
		background-position: center center;
	}
	

/* menu onglets météo bulletin */
ul#ongletBulletin {
	width: 300px;
	height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(images/fond_bulletin_onglets_jour_300.png); /* fond avec le trait */
}
ul#ongletBulletin li {  	 
	float: left;
	display: block;
	width: 96px;
	height: 20px;
	padding: 0px;
	margin: 0;
	text-align: left;
}
ul#ongletBulletin li a {   
	display: block; /* indispensable pour un menu "image" */
	border: none;
	height: 20px;
	line-height: 20px;/* astuce pour centrer verticalement une seule ligne de texte*/ 
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none; /* transform le texte en majuscules, autres : lowercase (all mini), capitalize (first lettre maj) et none*/
	overflow: hidden;
	background: url(images/btn_onglet_meteo_jour.png) no-repeat;
	background-position: center;
}  

#ongletBulletin li a {
	display: block;
	line-height: 20px;
	overflow: hidden;
}	
	#ongletBulletin li.active a, ul#ongletBulletin li.active a:hover {
		background-position: left;
		font-weight: bold;
	}
	#ongletBulletin li a:hover {
		background-position: right;
	}
	#ongletBulletin li.separateur {
		width: 4px;
	}




/* _BOUTONS_  */

a.btn_134x24 { 
  width: 134px;
  height: 24px;
  display: block;
}
/* fr */
a.btn_contact {
  background: url(images/btn_contact.png) no-repeat;
  background-position : left;
}
a.btn_contact:hover {
  background-position : right;
}
/* en */ 
a.btn_contact_en {
  background: url(images/btn_contact_en.png) no-repeat;
  background-position : left;
}
a.btn_contact_en:hover {
  background-position : right;
}
/* it */ 
a.btn_contact_it {
  background: url(images/btn_contact_it.png) no-repeat;
  background-position : left;
}
a.btn_contact_it:hover {
  background-position : right;
}



a.btn_220x65 { 
  width: 220px;
  height: 65px;
  display: block;
}
/* fr */
a.btn_telecharger_bon_navette_fr {
  background: url(images/btn_telecharger_bon_navette_fr.gif) no-repeat;
  background-position : top;
}
a.btn_telecharger_bon_navette_fr:hover {
  background-position : bottom;
}
/* en */ 
a.btn_telecharger_bon_navette_en {
  background: url(images/btn_telecharger_bon_navette_en.gif) no-repeat;
  background-position : top;
}
a.btn_telecharger_bon_navette_en:hover {
  background-position : bottom;
}
/* it */
a.btn_telecharger_bon_navette_it {
  background: url(images/btn_telecharger_bon_navette_it.gif) no-repeat;
  background-position : top;
}
a.btn_telecharger_bon_navette_it:hover {
  background-position : bottom;
}

/* fr */
a.btn_telecharger_prog_semaine_fr {
  background: url(images/btn_telecharger_prog_semaine_fr.gif) no-repeat;
  background-position : top;
}
a.btn_telecharger_prog_semaine_fr:hover {
  background-position : bottom;
}
/* en */
a.btn_telecharger_prog_semaine_en {
  background: url(images/btn_telecharger_prog_semaine_en.gif) no-repeat;
  background-position : top;
}
a.btn_telecharger_prog_semaine_en:hover {
  background-position : bottom;
}
/* it */
a.btn_telecharger_prog_semaine_it {
  background: url(images/btn_telecharger_prog_semaine_it.gif) no-repeat;
  background-position : top;
}
a.btn_telecharger_prog_semaine_it:hover {
  background-position : bottom;
}


/* fr */
a.btn_voir_dispo_gites_meubles_fr {
  background: url(images/btn_voir_dispo_gites_meubles_fr.gif) no-repeat;
  background-position : top;
}
a.btn_voir_dispo_gites_meubles_fr:hover {
  background-position : bottom;
}
/* en */
a.btn_voir_dispo_gites_meubles_en {
  background: url(images/btn_voir_dispo_gites_meubles_en.gif) no-repeat;
  background-position : top;
}
a.btn_voir_dispo_gites_meubles_en:hover {
  background-position : bottom;
}
/* it */
a.btn_voir_dispo_gites_meubles_it {
  background: url(images/btn_voir_dispo_gites_meubles_it.gif) no-repeat;
  background-position : top;
}
a.btn_voir_dispo_gites_meubles_it:hover {
  background-position : bottom;
}



a.btn_300x45 { 
  width: 300px;
  height: 45px;
  display: block;
}
/* fr */
a.btn_voir_ski_tarifs_fr {
  background: url(images/btn_voir_ski_tarifs_fr.gif) no-repeat;
  background-position : top;
}
a.btn_voir_ski_tarifs_fr:hover {
  background-position : bottom;
}
/* en */
a.btn_voir_ski_tarifs_en {
  background: url(images/btn_voir_ski_tarifs_en.gif) no-repeat;
  background-position : top;
}
a.btn_voir_ski_tarifs_en:hover {
  background-position : bottom;
}
/* it */
a.btn_voir_ski_tarifs_it {
  background: url(images/btn_voir_ski_tarifs_it.gif) no-repeat;
  background-position : top;
}
a.btn_voir_ski_tarifs_it:hover {
  background-position : bottom;
}



/* Text inputs / Select label */
label.preField {
  	font-size: 80%;
	/*font-weight: bold;*/
	display: -moz-inline-box;
	display: inline-block;	
	min-width:230px; 
	width: 230px;   
	text-align: left;
	white-space: nowrap;
    margin: 5px 0 0 0;
}
label.preFieldS {
  	font-size: 80%;
	/*font-weight: bold;*/
	display: -moz-inline-box;
	display: inline-block;	
	min-width: 170px; 
	width: 170px;   
	text-align: left;
	white-space: nowrap;
    margin: 5px 0 0 0;
}


/* separation TR TABLEAUX */
tr.tdBorderBottom1 td{
	border-bottom: 1px solid #fbfbfb;
}


/* COMMERCES ETE / HEBERGEMENT ETE*/
table.tarifs {
	width: 690px;
	background-color:#FFFFFF;
}
table.tarifs td {
	padding: 5px;
    border: solid #000 1px;      
}
table.tarifsDateOrelle tr{
	width: 690px;
	height: 28px;
	display: block;
	background: url(images/fond_titre_ligne_ete_orelle.png) no-repeat;
	background-position : left top;
}
table.tarifsDateOrelle tr:hover  {
	background-position : left bottom;
}
table.tarifsDateOrelleActive tr{
	width: 690px;
	height: 28px;
	display: block;
	background: url(images/fond_titre_ligne_ete_orelle.png) no-repeat;
	background-position : left bottom;
}



table.tarifsDateBelleville tr{
	width: 690px;
	height: 28px;
	display: block;
	background: url(images/fond_titre_tarifs_dates_belleville.png) no-repeat;
	background-position : left top;
}
table.tarifsDateBelleville tr:hover  {
	background-position : left bottom;
}
table.tarifsDateBellevilleActive tr{
	width: 690px;
	height: 28px;
	display: block;
	background: url(images/fond_titre_tarifs_dates_belleville.png) no-repeat;
	background-position : left bottom;
}
table.tarifsDate3Vallees tr{
	width: 690px;
	height: 28px;
	display: block;
	background: url(images/fond_titre_tarifs_dates_3vallees.png) no-repeat;
	background-position : left top;
}
table.tarifsDate3Vallees tr:hover  {
	background-position : left bottom;
}
table.tarifsDate3ValleesActive tr{
	width: 690px;
	height: 28px;
	display: block;
	background: url(images/fond_titre_tarifs_dates_3vallees.png) no-repeat;
	background-position : left bottom;
}

table.tarifsHebergement {
	width: 470px;
	background-color:#FFFFFF;
}
table.tarifsHebergement td {
	padding: 5px;
    border: solid #CCC 1px;
       
}

/* pour l'ETE */
.fondMiniTitreFiche {
	width: 119px;
	height: 18px;
	display: block;
	line-height: 18px;
	background: url(images/fond_titre_mini_vertgris.png) no-repeat left top;
	text-indent: 10px;
}
.fondMiniTitre100BleuGris {
	width: 100px;
	height: 18px;
	display: block;
	line-height: 18px;
	background: url(images/fond_titre_mini_bleu_gris_100.png) no-repeat left top;

}