/* CSS Document */

/* ================================ GABARIT */
	
	body{
		margin:0;
		padding:0;
		font-family:verdana;
		color:#000;
		font-size:11px;
		background-color:#b4c57e;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:0;
	}

	.jaune{
		color:#ffff00;
		font-size:17px;
	}
	
	#repere{
		position:absolute;
		z-index:99;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	
	#globalCentre{
		width:768px;
		height:522px;
		margin:auto;
		border:1px solid #065900;
		background-image:url(images/visuel-accueil.jpg);
		background-repeat:no-repeat;
	}
	
	#global{
		width:768px;
		margin:auto;
		border-left:1px solid #065900;
		border-right:1px solid #065900;
		background-color:#ffffcc;
	}
	
	#entete{
		width:768px;
		height:135px;
		background-image:url(images/fond-entete.jpg);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	#logo{
		float:left;
		width:391px;
	}
	
	#promosOxigenezVous{
		float:left;
		width:244px;	
	}

	#oxigenezVous{
		background:#346f00;
		height:49px;
		color:#fff;
		text-align:center;
		padding:0 0 0 0;
	}

	#oxigenezVous p{
		margin:0;
		padding:7px 0 0 0;
	}

	#oxigenezVous a{
		text-decoration:none;
		color:#fff;
	}

	#reservation{
		float:left;
		width:133px;
		height:93px;
		padding:10px 0 0 0;
		background-color:#aa1d00;
	}
	
	#reservation h2{
		font-size:120%;
		font-weight:bold;
		color:#fff;
		margin:0;
		padding:0;
		text-align:center;
	}
	
	#reservation h2 a{
		font-style:italic;
		color:#fff;
		text-decoration:none;
	}
	
	#reservation p{
		margin:8px 0 0 0;
		padding:0;
		color:#fff;
		text-align:center;
		
	}
	
	#reservation h2 a:hover{
		text-decoration:underline;
	}
	
	#menu{
		list-style:none;
		margin:0;
		padding:0;
		width:768px;
		height:20px;
	}
	
	.niveau1{
		float:left;
		height:20px;
		position:relative;
	}
	
	#menu1, #menu2, #menu3, #menu4{
		border-right:1px solid #050e00;
	}
	
	#menu1{
		width:150px;
	}

	#menu2{
		width:150px;
	}
	
	#menu3{
		width:120px;
	}
	
	#menu4{
		width:150px;
	}
	
	#menu5{
		width:170px;
	}
	
	
	#lienMenu1{
		width:124px;
	}
	
	#lienMenu2{
		width:124px;
	}
	
	#lienMenu3{
		width:94px;
	}
	
	#lienMenu4{
		width:124px;
	}
	
	#lienMenu5{
		width:144px;
	}
	
	#lienMenu1, #lienMenu2, #lienMenu3, #lienMenu4, #lienMenu5{
		display:block;
		height:16px;
		background-color:#fefe9b;
		font-size:90%;
		font-weight:bold;
		color:#065900;
		text-decoration:none;
		padding:4px 0 0 26px;
	}
	
	#lienMenu1:hover, #lienMenu2:hover, #lienMenu3:hover, #lienMenu4:hover, #lienMenu5:hover{
		background-color:#193e00;
		color:#fff;
	}
	
	#sousMenu1, #sousMenu2, #sousMenu3, #sousMenu4, #sousMenu5{
		display:none;
		position:absolute;
		z-index:49;
		top:20px;
		left:-1px;
		margin:0;
		padding:0;
		list-style:none;
		border-top:1px solid #065900;
		border-left:1px solid #065900;
		border-right:1px solid #065900;
		background-color:#fefe9b;
	}
	
	#sousMenu1{
		width:180px;
	}
	
	#sousMenu2{
		width:180px;
	}
	
	#sousMenu3{
		width:180px;
	}
	
	#sousMenu4{
		width:180px;
	}
	
	#sousMenu5{
		width:170px;
	}
	
	#sousMenu1 li, #sousMenu2 li, #sousMenu3 li, #sousMenu4 li, #sousMenu5 li{
		border-bottom:1px solid #065900;
	}
	
	#sousMenu1 li a, #sousMenu2 li a, #sousMenu3 li a, #sousMenu4 li a, #sousMenu5 li a{
		display:block;
		padding:4px 5px 4px 13px;
		text-decoration:none;
		background-color:#fefe9b;
		color:#346f00;
	}
	
	#sousMenu1 li a:hover, #sousMenu2 li a:hover, #sousMenu3 li a:hover, #sousMenu4 li a:hover, #sousMenu5 li a:hover{
		background-color:#4d844d;
		color:#fff;
	}
	
	#sousMenu1 li a{
		width:162px;
	}
	
	#sousMenu2 li a{
		width:162px;
	}
	
	#sousMenu3 li a{
		width:162px;
	}
	
	#sousMenu4 li a{
		width:162px;
	}
	
	#sousMenu5 li a{
		width:152px;
	}
	
	#gauche{
		float:left;
		width:110px;
	}
	
	#contenu{
		float:left;
		width:658px;
	}
	
	#pied{
		margin:20px 0 0 0;
		height:21px;
		padding:6px 0 0 0;
		width:768px;
		background-color:#d6e49f;
		background-image:url(images/fond-pied.gif);
		background-repeat:no-repeat;
		border-top:1px solid #346f00;
		border-bottom:1px solid #346f00;
	}
	
	#piedAccueil{
		margin:67px 0 0 0;
		height:21px;
		padding:6px 0 0 0;
		width:768px;
		background-color:#d6e49f;
		background-image:url(images/fond-pied.gif);
		background-repeat:no-repeat;
		border-top:1px solid #346f00;
		border-bottom:1px solid #346f00;
	}
	
	#pied h2, #piedAccueil h2{
		float:left;
		width:198px;
		margin:0;
		padding:0 0 0 12px;
		font-size:100%;
		color:#fff;
		font-weight:bold;
	}
	
	#pied p, #piedAccueil p{
		float:left;
		width:558px;
		margin:0;
		padding:0;
		color:#265200;
	}
	
	#pied a, #piedAccueil a{
		color:#265200;
		text-decoration:none;
	}
	
	#pied a:hover, #piedAccueil a:hover{
		color:#265200;
		text-decoration:underline;
	}

	.accueil1{
		color:#265200;
		text-decoration:none;
	}
	
	.accueil1:hover{
		color:#265200;
		text-decoration:underline;
	}


/* ================================ GABARIT */



/* ================================ ACCUEIL */
	
	#accueilPlanAcces{
		margin:159px 0 0 0;
		padding:0 0 0 207px;
		float:left;
	}
	
	#accueilPlanAcces a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#accueilPlanAcces a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#accueilValUrugne{
		float:left;
		width:263px;
		margin:32px 212px 0 0;
		padding:0 0 0 25px;
	}
	
	#accueilLozere{
		float:left;
		width:252px;
		margin:32px 0 0 0;
	}
	
	#accueilValUrugne h1, #accueilLozere h1{
		font-size:130%;
		font-weight:bold;
		color:#065900;
		margin:0;
		padding:0;
	}
	
	#accueilValUrugne p, #accueilLozere p{
		color:#065900;
		margin:5px 0 0 0;
		padding:0;
	}

	#logoLes2Alpes{
		float:left;
		margin:10px 0 0 0;
		padding:0 0 0 360px;
	}
	#promo{
		float:left;
		margin:100px 0 0 0;
		padding:0 0 0 260px;
	}
	
/* ================================ ACCUEIL */



/* ================================ OZONE */

	#ozone{
		padding:15px 30px 0 0;
	}
	
	#ozone h1{
		font-size:180%;
		color:#346f00;
		margin:0 0 8px 0;
		padding:0 0 3px 0;
		font-weight:normal;
		border-bottom:1px solid #346f00;
	}
		
	#ozone h2{
		font-size:120%;
		color:#346f00;
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
	}
		
	
		
		#ozone p{
		margin:0 0 16px 0;
		padding:0;
	}
	
	#ozone ul{
		margin:0 0 10px 0;
		padding:0;
		list-style:none;
	}
	
	#ozone ul li{
		margin:0 0 6px 0;
		padding:0 0 0 10px;
		background-image:url(images/puce-page.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
	}
	
	#ozone ol{
		margin:0 0 10px 23px;
		padding:0;
	}
	
	#ozone ol li{
		margin:0 0 6px 0;
		padding:0 0 0 0;
	}
	
	#ozone a{
		color:#788b0d;
		text-decoration:none;
	}

	#ozone a:hover{
		text-decoration:underline;
	}
		
	#ozone table{
		margin:0 0 16px 0;
		border-top:1px solid #1c5915;
		border-left:1px solid #1c5915;
		
	}
		
	#ozone table th{
		background-color:#b4c57e;
		padding:4px 8px 4px 8px;
		border-bottom:1px solid #1c5915;
		text-align:left;
		border-right:1px solid #1c5915;
	}
		
	#ozone table td{
		border-bottom:1px solid #1c5915;
		padding:4px 8px 4px 8px;
		background-color:#ffffff;
		border-right:1px solid #1c5915;
	}
	
	
	#ozone table.sansStyle{
		margin:0 0 16px 0;
		border-top:0;
		border-left:0;
		
	}
		
	#ozone table.sansStyle th{
		background-color:none;
		padding:4px 8px 4px 8px;
		border-bottom:0;
		text-align:left;
		border-right:0;
	}
		
	
	
		#ozone table.map td.gaucheHaut td.sansStyle2{				/* colonne de gauche */
			border-right:0;
			border-bottom:0;
			color:#0e2b55;
			padding:3px;
			background-color:#ffffcc;
		}
		
		#ozone table.map td.droiteHaut td.sansStyle2{				/* colonne de droite */
			border-right:0;
			border-bottom:0;
			color:#0e2b55;
			padding:3px;
			background-color:#ffffcc;
		}
		
		#ozone table.map td.gaucheCentre td.sansStyle2{				/* colonne de gauche */
			border-right:0;
			border-bottom:0;
			color:#0e2b55;
			padding:3px;
			background-color:#ffffcc;
		}
		
		#ozone table.map td.droiteCentre td.sansStyle2{				/* colonne de droite */
			border-right:0;
			border-bottom:0;
			color:#0e2b55;
			padding:3px;
			background-color:#ffffcc;
		}
		
		#ozone table.map td.gaucheBas td.sansStyle2{				/* colonne de gauche */
			border-right:0;
			border-bottom:0;
			color:#0e2b55;
			padding:3px;
			background-color:#ffffcc;
		}
		
		#ozone table.map td.droiteBas td.sansStyle2{				/* colonne de droite */
			border-right:0;
			border-bottom:0;
			color:#0e2b55;
			padding:3px;
		}
				
	
	
	
		
	#ozone table.map{
		margin:5px 0 0 0;
		border-left:0;
		border-top:0;
		border-right:0;
	}
		
	#ozone table.map td{
		border:0;
		background-color:#ffffcc;
	}
		
		
		/* placement des images*/
		
		.imageAGauche{				/* image à gauche dans paragraphe */
			float:left;
			margin:5px 10px 4px 0;
		}
		
		.imageADroite{				/* image à droite dans paragraphe */
			float:right;
			margin:5px 0 5px 10px;
		}
		
		.imageCentre{				/* image centrée */
			text-align:center;
		}
		
		.imageAligneeDroite{		/* image alignée à droite */
			text-align:right;
		}
		
		#ozone table.map td.gaucheHaut{				/* colonne de gauche */
			padding:0 20px 0 0;		/* marge entre les colonnes */
			vertical-align:top;
			border:0;
		}
		
		#ozone table.map td.droiteHaut{				/* colonne de droite */
			padding:0;
			vertical-align:top;
			border:0;
		}
		
		#ozone table.map td.gaucheCentre{				/* colonne de gauche */
			padding:0 20px 0 0;		/* marge entre les colonnes */
			border:0;
		}
		
		#ozone table.map td.droiteCentre{				/* colonne de droite */
			padding:0;
			border:0;
		}
		
		#ozone table.map td.gaucheBas{				/* colonne de gauche */
			padding:0 20px 0 0;		/* marge entre les colonnes */
			vertical-align:bottom;
			border:0;
		}
		
		#ozone table.map td.droiteBas{				/* colonne de droite */
			padding:0;
			vertical-align:bottom;
			border:0;
		}
		
		/*------*/
		
		#ozone table.map td.gaucheHaut td{				/* colonne de gauche */
			border-right:1px solid #1c5915;
			border-bottom:1px solid #1c5915;
			color:#0e2b55;
			padding:3px;
			background-color:#fff;
		}
		
		#ozone table.map td.droiteHaut td{				/* colonne de droite */
			border-right:1px solid #1c5915;
			border-bottom:1px solid #1c5915;
			color:#0e2b55;
			padding:3px;
			background-color:#fff;
		}
		
		#ozone table.map td.gaucheCentre td{				/* colonne de gauche */
			border-right:1px solid #1c5915;
			border-bottom:1px solid #1c5915;
			color:#0e2b55;
			padding:3px;
			background-color:#fff;
		}
		
		#ozone table.map td.droiteCentre td{				/* colonne de droite */
			border-right:1px solid #1c5915;
			border-bottom:1px solid #1c5915;
			color:#0e2b55;
			padding:3px;
			background-color:#fff;
		}
		
		#ozone table.map td.gaucheBas td{				/* colonne de gauche */
			border-right:1px solid #1c5915;
			border-bottom:1px solid #1c5915;
			color:#0e2b55;
			padding:3px;
			background-color:#fff;
		}
		
		#ozone table.map td.droiteBas td{				/* colonne de droite */
			border-right:1px solid #1c5915;
			border-bottom:1px solid #1c5915;
			color:#0e2b55;
			padding:3px;
			background-color:#fff;
		}
	
/* ================================ OZONE */



/* ================================ DIAPORAMA */

	#ozone table#diaporamaTab{
		width:588px;
		margin:0 0 16px 0;
		border-top:1px solid #d9d9ce;
		border-left:1px solid #d9d9ce;
	}
	
	#ozone table#diaporamaTab td{
		width:83px;
		height:83px;
		padding:0;
		text-align:center;
		border-bottom:1px solid #d9d9ce;
		border-right:1px solid #d9d9ce;
		background-color:#fff;
	}
	
	#ozone table#diaporamaTab td:hover{
		background-color:#d6e49f;
	}
	
	#masque{
		position:absolute;
		display:none;
		background-color:#b4c57e;
		z-index:80;
		top:0;
		left:0;
		width:1px;
		height:1px;
		filter:alpha(opacity=60); 
        -moz-opacity:0.6; 
        opacity:0.6;
	}
	
	#zoom{
		width:550px;
		height:400px;
		position:absolute;
		z-index:90;
		display:none;
		left:0;
		top:0;
	}
	
	#zoom table{
		width:550px;
		height:400px;
	}
	
	#zoom table td{
		text-align:center;
		background-image:url(images/fond-zoom.gif);
		background-repeat:no-repeat;
		background-position:center 250px;
		vertical-align:bottom;
	}
	
	#zoom table td a img{
		border:9px solid #fff;
	}
	
	#console{
		width:163px;
		height:16px;
		margin:auto;
		margin-top:9px;
		background-color:#fff;
	}
	
	#zoomTitre{
		float:left;
		width:49px;
		padding:2px 0 0 6px;
		font-size:90%;
		font-weight:bold;
		color:#193e00;
	}
	
	#zoomPrecedent{
		float:left;
		width:9px;
		margin:0 6px 0 0;
		padding:3px 0 0 0;
	}
	
	#zoomSuivant{
		float:left;
		width:9px;
		margin:0 23px 0 0;
		padding:3px 0 0 0;
	}
	
	#fermerZoom{
		float:left;
		width:60px;
		padding:1px 0 0 0;
	}
	
	#fermerZoom a{
		font-size:90%;
		color:#193e00;
		text-decoration:none;
	}
	
	#fermerZoom a img{
		border-top:1px solid #fff;
	}
	
/* ================================ DIAPORAMA */