@media screen {
	html {
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: .8em;
		background-color: #FFF;
		overflow:auto;
	}
	
	body { 
		background-color: white;
		width: 1000px;
		height: 100%;
		margin: 0px auto 0px auto;
	

	}


/*curseur*/

a { /* etat du lien */
    cursor: auto; 
}

/* TITRES*/ 
h1 {
	margin: 10px 0 0 10px; 
	padding: 0; font-size : 12px; 
}

h2 span {
	font-size : 10px ; 
	font-style : italic
}

h2 {
	margin : 10px 5px 0 0 ; 
	padding : 0 ; 
	font-size : 12px ; 
	border-bottom : 1px dotted #79BB6A ; 
	padding-bottom : 5px;
	color : #79BB6A ;
}

h3 {
	margin : 10px 10px 10px 0 ; 
	padding : 0 ; 
	font-size : 11px ; font-style : bold;
	border-bottom : 1px dotted #79BB6A ; 
	padding-bottom : 5px;
	color : #79BB6A ;
	text-align : right;
	text-transform : uppercase
}
 
h4 {
	margin : 10px 10px 10px 0 ; 
	padding : 0 ; 
	font-size : 11px ; font-style : bold;
	padding-bottom : 5px;
	color : #79BB6A ;
	text-align : right;
	text-transform : uppercase
}

h5 {
	margin : 10px 10px 0 0 ; 
	padding : 0 ; 
	font-size : 12px ; 
	border-bottom : 1px dotted #FFF ; 
	padding-bottom : 5px;
	margin-right: 15px;
	margin-left: 15px;
	color : #FFF ;
}

h6 {
	margin: 0 0 0 15px; 
	padding: 0; font-size : 11px; 
	color : #FBB0D4;
}





/* paragraphes */ 
p { 
	padding: 0;
	margin-top: 2px; 
	margin-bottom: 10px; 
	margin-right: 15px;
	margin-left: 15px;
}

.t_blanc {
	padding: 0;
	margin-top: 2px; 
	margin-bottom: 4px; 
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
}

.para_top2 { margin: 5px 0 0 0; }
.notop { margin: 0; }


/*MENU DU HAUT- chg height 200*/
	
#menu {
	padding: 0; 
	margin: 0; 
	list-style: none; 
	margin-left: 0px; 
	float: right; 
	height: 300px;
}

#menu li a span{
	position: absolute;
	left: -5000px;
}

li {
	float: left; 
	display: block;
} 

li a {
	padding: 0; 
	margin: 0 0 0 1px;
	width: 30px; 
	height: 300px; 
	display: block;
	background: #ccc; 
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter:alpha(opacity=95); 
} 

li a:hover {
	background: #FFF;  
} 

/*ROLLOVER MENU HAUT FR*/

a.vide {
	background: url(images/navi_vide.gif);
	background-position: 30px 0;
}

a.vide:hover {
	background: url(images/navi_vide.gif);
	background-position: 0 0;
}

a.domaine {
	background: url(images/navi_domaine.gif);
	background-position: 30px 0;
}

a.domaine:hover {
	background: url(images/navi_domaine.gif);
	background-position: 0 0;
}

a.animations{
	background: url(images/navi_animations.gif);
	background-position: 30px 0;
}

a.animations:hover {
	background: url(images/navi_animations.gif);
	background-position: 0 0;
}

a.balneo{
	background: url(images/navi_hydro.gif);
	background-position: 30px 0;
}

a.balneo:hover {
	background: url(images/navi_hydro.gif);
	background-position: 0 0;
}

a.region{
	background: url(images/navi_region.gif);
	background-position: 30px 0;
}
 
a.region:hover {
	background: url(images/navi_region.gif);
	background-position: 0 0;
}

a.hebergements{
	background: url(images/navi_hebergements.gif);
	background-position: 30px 0;
}

a.hebergements:hover {
	background: url(images/navi_hebergements.gif);
	background-position: 0 0;
}

a.informations{
	background: url(images/navi_informations.gif);
	background-position: 30px 0;
}

a.informations:hover {
	background: url(images/navi_informations.gif);
	background-position: 0 0;
}

a.reservation{
	background: url(images/navi_reservation.gif);
	background-position: 30px 0;
}

a.reservation:hover {
	background: url(images/navi_reservation.gif);
	background-position:  0 0;
}

/*ROLLOVER MENU HAUT ALL*/

a.domaine_all{
background: url(images/navi_domaine_all.gif); background-position : 30px 0;}
 a.domaine_all:hover {
background: url(images/navi_domaine_all.gif); background-position : 0 0 ;}

a.animations_all{
background: url(images/navi_animations_all.gif); background-position : 30px  0;}
 a.animations_all:hover {
background: url(images/navi_animations_all.gif); background-position : 0 0 ;}

 a.balneo_all{
background: url(images/navi_hydro_all.gif); background-position : 30px  0;}
 a.balneo_all:hover {
background: url(images/navi_hydro_all.gif); background-position : 0 0 ;}

 a.region_all{
background: url(images/navi_region_all.gif); background-position : 30px 0;}
 a.region_all:hover {
background: url(images/navi_region_all.gif); background-position : 0 0 ;}

 a.hebergements_all{
background: url(images/navi_hebergements_all.gif); background-position : 30px 0 ;}
 a.hebergements_all:hover {
background: url(images/navi_hebergements_all.gif); background-position : 0 0;}

 a.informations_all{
background: url(images/navi_informations_all.gif); background-position : 30px 0;}
 a.informations_all:hover {
background: url(images/navi_informations_all.gif); background-position : 0 0 ;}

 a.reservation_all{
background: url(images/navi_reservation_all.gif); background-position : 30px 0;}
 a.reservation_all:hover {
background: url(images/navi_reservation_all.gif); background-position :  0 0 ;}


/*ROLLOVER MENU HAUT GB*/
 
a.domaine_gb{
background: url(images/navi_domaine_gb.gif); background-position : 30px 0;}
 a.domaine_gb:hover {
background: url(images/navi_domaine_gb.gif); background-position : 0 0 ;}

a.animations_gb{
background: url(images/navi_animations_gb.gif); background-position : 30px  0;}
 a.animations_gb:hover {
background: url(images/navi_animations_gb.gif); background-position : 0 0 ;}

 a.balneo_gb{
background: url(images/navi_hydro_gb.gif); background-position : 30px  0;}
 a.balneo_gb:hover {
background: url(images/navi_hydro_gb.gif); background-position : 0 0 ;}

 a.region_gb{
background: url(images/navi_region_gb.gif); background-position : 30px 0;}
 a.region_gb:hover {
background: url(images/navi_region_gb.gif); background-position : 0 0 ;}

 a.hebergements_gb{
background: url(images/navi_hebergements_gb.gif); background-position : 30px 0 ;}
 a.hebergements_gb:hover {
background: url(images/navi_hebergements_gb.gif); background-position : 0 0;}

 a.informations_gb{
background: url(images/navi_informations_gb.gif); background-position : 30px 0;}
 a.informations_gb:hover {
background: url(images/navi_informations_gb.gif); background-position : 0 0 ;}

 a.reservation_gb{
background: url(images/navi_reservation_gb.gif); background-position : 30px 0;}
 a.reservation_gb:hover {
background: url(images/navi_reservation_gb.gif); background-position :  0 0 ;}


/*ROLLOVER MENU HAUT HOL*/


a.domaine_hol{
background: url(images/navi_domaine_hol.gif); background-position : 30px 0;}
 a.domaine_hol:hover {
background: url(images/navi_domaine_hol.gif); background-position : 0 0 ;}

a.animations_hol{
background: url(images/navi_animations_hol.gif); background-position : 30px  0;}
 a.animations_hol:hover {
background: url(images/navi_animations_hol.gif); background-position : 0 0 ;}

 a.balneo_hol{
background: url(images/navi_hydro_hol.gif); background-position : 30px  0;}
 a.balneo_hol:hover {
background: url(images/navi_hydro_hol.gif); background-position : 0 0 ;}

 a.region_hol{
background: url(images/navi_region_hol.gif); background-position : 30px 0;}
 a.region_hol:hover {
background: url(images/navi_region_hol.gif); background-position : 0 0 ;}

 a.hebergements_hol{
background: url(images/navi_hebergements_hol.gif); background-position : 30px 0 ;}
 a.hebergements_hol:hover {
background: url(images/navi_hebergements_hol.gif); background-position : 0 0;}

 a.informations_hol{
background: url(images/navi_informations_hol.gif); background-position : 30px 0;}
 a.informations_hol:hover {
background: url(images/navi_informations_hol.gif); background-position : 0 0 ;}

 a.reservation_hol{
background: url(images/navi_reservation_hol.gif); background-position : 30px 0;}
 a.reservation_hol:hover {
background: url(images/navi_reservation_hol.gif); background-position :  0 0 ;}

 
/*ROLLOVER MENU HAUT ESP*/

a.domaine_esp{
background: url(images/navi_domaine_esp.gif); background-position : 30px 0;}
 a.domaine_esp:hover {
background: url(images/navi_domaine_esp.gif); background-position : 0 0 ;}

a.animations_esp{
background: url(images/navi_animations_esp.gif); background-position : 30px  0;}
 a.animations_esp:hover {
background: url(images/navi_animations_esp.gif); background-position : 0 0 ;}

 a.balneo_esp{
background: url(images/navi_hydro_esp.gif); background-position : 30px  0;}
 a.balneo_esp:hover {
background: url(images/navi_hydro_esp.gif); background-position : 0 0 ;}

 a.region_esp{
background: url(images/navi_region_esp.gif); background-position : 30px 0;}
 a.region_esp:hover {
background: url(images/navi_region_esp.gif); background-position : 0 0 ;}

 a.hebergements_esp{
background: url(images/navi_hebergements_esp.gif); background-position : 30px 0 ;}
 a.hebergements_esp:hover {
background: url(images/navi_hebergements_esp.gif); background-position : 0 0;}

 a.informations_esp{
background: url(images/navi_informations_esp.gif); background-position : 30px 0;}
 a.informations_esp:hover {
background: url(images/navi_informations_esp.gif); background-position : 0 0 ;}

 a.reservation_esp{
background: url(images/navi_reservation_esp.gif); background-position : 30px 0;}
 a.reservation_esp:hover {
background: url(images/navi_reservation_esp.gif); background-position :  0 0 ;}








/* BLOC  GAUCHE NAVI ARNA chgt height 200*/ 

#texte {
	background: transparent; 
	width: 252px;
	height: 300px;  
	text-align: left; 
	float: left; 
	overflow: auto;
}

#texte p {
	margin: 0 0 0 10px;
	padding: 0;
}

.englobe_texte {
	margin-top: 10px; 
	background: #fff;
	color: #000;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
} 

/* images du bloc texte */ 
#texte img {
	margin: 10px 0 10px 10px;
}


/* BLOC CENTRE IMAGETTES ET TEXTES NAVI ARNA chgt height 200, width 318*/ 
#centre {
	background: transparent; 
	float: center; 
	margin-left: 0px; 
	border-left:5px solid #fff; 
	height: 300px; 
	width: 518px; 
	overflow: auto;
}

#centre_blanc {
	background: #fff; 
	float: left; 
	margin-left: 0px; 
	border-left:5px solid #fff; 
	border-right:8px solid #fff; 
	height: 300px; 
	width: 518px; 
	overflow: auto;
	color: #000;
}

#centre_blanc a {
	color: rgb(121,187,106);
	text-decoration: underline;
}
	

#centre_blanc a:hover {
	color: rgb(84,122,187);
	text-decoration: underline;

}

#centre_blanc img {
	margin-right: 7px;
	margin-top: 5px; 
	float: left;
}

/*CONTENANT PAGE chgt height 200, width 800*/

#cont_domaine { 
	position: absolute; 
	top: 5px; 
	width: 1000px; 
	height: 300px; 
	margin-top: 0px; 
	margin-left: 0px; 
	background: #000 url(images/bg_domaine.jpg); 
	text-align: left;
}

#cont_animations { 
	position: absolute; 
	top: 5px; 
	width: 1000px; 
	height: 300px; 
	margin-top: 0px; 
	margin-left: 0px; 
	background: #000 url(images/bg_animations.jpg); 
	text-align: left;
}


#cont_hydro { 
	position: absolute; 
	top: 5px; 
	width: 1000px; 
	height: 300px; 
	margin-top: 0px; 
	margin-left: 0px; 
	background: #000 url(images/bg_hydro.jpg); 
	text-align: left;

}





#cont_region { 
	position: absolute; 
	top: 5px; 
	width: 1000px; 
	height: 300px; 
	margin-top: 0px; 
	margin-left: 0px; 
	background: #000 url(images/bg_region.jpg); 
	text-align: left;
}

#cont_infos { 
	position: absolute; 
	top: 5px; 
	width: 1000px; 
	height: 300px; 
	margin-top: 0px; 
	margin-left: 0px; 
	background: #000 url(images/bg_informations.jpg); 
	text-align: left;
}

#cont_infos p {
	color: #547ABB;
	font-size: 1em;
	padding: 0;
}




#main {
	background-color: rgb(84,122,187);
	/*border : 1px;*/ 
	/*border-color:  rgb(84,122,187);*/
	margin-top: 5px; 
	height: 90%;
	min-height: 550px;
	width: 1000px;
	overflow: auto;
	
	scrollbar-base-color: #6C94CF;
	scrollbar-arrow-color: #FFF;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #6C94CF;
	scrollbar-highlight-color: #ccc;
	scrollbar-track-color: #6C94CF;
}

#main p {
	color: #FFF;
	font-size: 1.1em;
	margin-top: 5px; 
	margin-bottom: 10px; 
	margin-right: 10px;
	margin-left: 15px;
	padding: 0;
}

#main img {
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 5px; 
}


#main a {
	color : #FBB0D4;
	TEXT-DECORATION:none; 
}

#main a:hover {
	color : #FBB0D4; 
	TEXT-DECORATION: underline; 
	font-weight: bold;
}

#main #tel a {
	color : #C9FB65;
	TEXT-DECORATION: none;
	text-align: right;  
}  

#main #tel a:hover {
	TEXT-DECORATION: underline; 
	font-weight: bold; 
	text-align: right;  
} 


#main_domaine #tel a:hover {
	TEXT-DECORATION: none; 
	font-weight: bold; 
	text-align: right;  
} 
/* BLOC CONTENEUR HEBERGEMENTS A MODIFIER PLUS TARD*/ 

#cont_hebergements { 
	position:absolute; 
	top: 5px; 
	width: 1000px; 
	height: 200px; 
	margin-top: 0px; 
	margin-left: 0px; 
	background :#000 url(images/bg_hebergements.jpg) ; 
	text-align : left; }

#main_hebergements {
	background-color: rgb(84,122,187);
	/*border : 1px; */
	/*border-color:  rgb(84,122,187);*/
	margin-top: 5px; 
	height: 90%;
	min-height: 550px;
	width: 1000px;
	/*overflow: auto;
	
	scrollbar-base-color: #6C94CF;
	scrollbar-arrow-color: #FFF;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #6C94CF;
	scrollbar-highlight-color: #ccc;
	scrollbar-track-color: #6C94CF;*/
}

#main_hebergements p {
	color: #FFF;
	font-size: 1.1em;
	margin-top: 5px; 
	margin-bottom: 10px; 
	margin-right: 10px;
	margin-left: 5px;
	padding: 0;
}
#main_hebergements a {
	color : #C9FB65;
	TEXT-DECORATION: none;
}

#main_hebergements a:hover {
	TEXT-DECORATION: underline; 
	font-weight: bold; 
}

/* FORMULAIRE */ 

input {
	width : 200px ; 
	margin : 0 10px 0 0;
	/*background-color: #FFF;*/
	TEXT-DECORATION: bold; 
	color:#547ABB;
}
textarea { 
	margin : 0 0 0 15px ;
	width : 350px ; 
}



/*PIED DE PAGE*/

#footer {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	font-size: 10px;
	background-color: #FFF;
	color: rgb(121,187,106);
	padding: 2px;
}

#footer a {
	color: rgb(121,187,106);
	text-decoration: none;
}
	
#footer a:hover {
	color: rgb(84,122,187);
	text-decoration: underline;
}	
	

}

@media print, aural {
	body {
		font-size: 10pt;
		text-align: left;
		margin: 0 0 0 0;
		font-family: Verdana,Arial,Helvetica,sans-serif;
	}
	
	#tete, #tete-text, #pied, .noprint {
		display:none;
	}
	
	img, a {
		border: none;
		text-decoration: none;
	}
	
	.print {
		display: block;
		font-weight: bold;
		font-size: 14px;
		padding-top: 12px;
	}
}