/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:10px;
		color:#373737;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		width:995px;
		margin:auto;
		padding:0 0 1px 0;
		background-image:url(images/fond-entete.jpg);
		background-repeat:repeat-x;
		background-color:#e8e6db;
	}
	
	#logisAccueil{
		margin:0 0 0 174px;
		padding:5px 0 0 0;
	}
	
	#flashAccueil{
		margin:0 0 0 138px;
		padding:40px 0 0 0;
		width:719px;
		height:508px;
	}
	
	#menuAccueil{
		float:left;
		width:422px;
		margin:0 0 0 0;
		padding:0;
		list-style:none;
	}
	
	#menuAccueil li{
		float:left;
		width:95px;
		margin:0 3px 0 0;
		border-left:1px solid #54935b;
		border-right:1px solid #54935b;
		border-bottom:1px solid #54935b;
	}
	
	#menuAccueil li a{
		display:block;
		width:95px;
		height:20px;
		padding:9px 0 0 0;
		text-align:center;
		font-size:110%;
		color:#1f6027;
		text-decoration:none;
	}
	
	#menuAccueil li a:hover{
		background-color:#a4d8ab;
		color:#0c3b0e;
	}
	
	#texteAccueil{
		float:left;
		width:290px;
		margin:10px 0 0 0;
		padding:0 0 0 138px;
		font-size:110%;
	}
	
	#texteAccueil2{
		width:719px;
		margin:0 0 14px 0;
		padding:0 0 0 138px;
		font-size:110%;
	}
	
	#texteAccueilAnglais{
		width:719px;
		margin:0 0 14px 0;
		padding:0 0 0 138px;
		font-size:110%;
	}
	
	#pied{
		width:917px;
		margin:auto;
		margin-bottom:10px;
		padding:5px 0 5px 0;
		text-align:center;
		background-color:#4c854e;
		color:#fff;
		font-size:120%;
	}
	
	#pied a{
		color:#fff;
		font-weight:bold;
		text-decoration:underline;
	}
	
	#entete{
		width:995px;
		height:484px;
		background-image:url(images/fond-entete.gif);
		background-repeat:no-repeat;
		background-position:39px 111px;
	}
	
	#enteteGauche{
		float:left;
		width:386px;
		padding:41px 0 0 55px;
	}
	
	#enteteDroite{
		float:left;
		width:516px;
		margin:69px 0 0 0;
	}
	
	#logisPage{
		padding:11px 0 0 435px;
	}
	
	#menuPage{
		margin:5px 0 0 0;
		/*margin:100px 0 0 0;*/
		padding:0;
		list-style:none;
		font-size:110%;
	}
	
	#menuPage li{
		float:left;
		margin:0 3px 0 0;
	}
	
	#menuPage li a{
		display:block;
		text-decoration:none;
		text-align:center;
	}
	
	.menuAccueil{
		width:63px;
	}
	
	.menuAccueil a{
		width:61px;
		height:20px;
		padding:9px 0 0 0;
		margin:7px 0 0 0;
		border-top:1px solid #54935b;
		border-left:1px solid #54935b;
		border-right:1px solid #54935b;
		color:#fff;
	}
	
	.menuItem{
		width:102px;
	}
	
	.menuItem a{
		width:100px;
		height:20px;
		padding:9px 0 0 0;
		margin:7px 0 0 0;
		border-top:1px solid #54935b;
		border-left:1px solid #54935b;
		border-right:1px solid #54935b;
		color:#fff;
	}
	
	.menuAccueil a:hover, .menuItem a:hover{
		background-color:#a4d8ab;
		color:#0c3b0e;
	}
	
	.menuItemActif a{
		width:100px;
		height:20px;
		padding:16px 0 0 0;
		margin:0 0 0 0;
		border-top:1px solid #54935b;
		border-left:1px solid #54935b;
		border-right:1px solid #54935b;
		background-color:#54935b;
		color:#fff;
		font-weight:bold;
	}
	
	#bandeau{
		margin:-1px 0 0 47px;
	}
	
	#contenu{
		padding:28px 0 8px 0;
		margin:0 39px 0 39px;
	}
	
	#contenu h1{
		width:917px;
		margin:0 0 20px 0;
		position:relative;
	}
	
	#lienReservation{
		position:absolute;
		right:10px;
		top:1px;
		z-index:25;
	}
	
	#lienReservation img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#lienReservation:hover img{
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	#contenu h2{
		font-size:130%;
		margin:0 0 5px 0;
	}
	
	#contenu p{
		margin:0 0 10px 0;
		font-size:110%;
	}
	
	#contenu li{
		margin:0 0 6px 0;
		font-size:110%;
	}
	
	#contenu a{
		font-weight:bold;
		color:#4c854e;
		text-decoration:none;
	}
	
	#contenu a:hover{
		text-decoration:underline;
	}
	
	#contenu a.idweb{
		color:#ff6600;
		text-decoration:none;
		font-weight:bold;
	}
	
	#contenu a.idweb:hover{
		color:#fff;
		text-decoration:none;
		background-color:#ff6600;
	}
	
	#contenu a.idweb2{
		color:#373737;
		text-decoration:none;
		font-weight:normal;
		font-size:90%;
	}
	
	#contenu a.idweb2:hover{
		color:#373737;
		text-decoration:underline;
	}
	
	.couleur{
		color:#4c854e;
	}
	
	#presentationTexte{
		float:left;
		width:716px;
		margin:0 12px 0 0;
	}
	
	#presentationVisuel1{
		float:left;
		width:189px;
	}
	
	#presentationVisuel2{
		float:left;
		width:312px;
		margin:10px 18px 15px 0;
		padding:0 0 0 5px;
	}
	
	#presentationVisuel3{
		float:left;
		width:582px;
		margin:25px 0 0 0;
	}
	
	#chambresGauche{
		float:left;
		width:518px;
	}
	
	#contenu p.plusGrand, .plusGrand{
		font-size:120%;
		margin:0 0 16px 0;
	}
	
	#tarifs{
		width:508px;
		height:90px;
		margin:21px 0 0 0;
		padding:4px 0 0 10px;
		background-color:#6d6d8c;
		color:#fff;
	}
	
	#chambresDroite{
		float:left;
		width:399px;
		padding:95px 0 0 0;
	}
	
	#contenu h2.titreTarifs{
		font-size:130%;
		margin:0 0 2px 0;
	}
	
	#contenu p.pTarifs{
		margin:0 0 3px 0;
		font-size:110%;
	}
	
	#contenu a.lienTarifs{
		font-weight:bold;
		color:#f5dad0;
		text-decoration:none;
	}
	
	#contenu a.lienTarifs:hover{
		text-decoration:underline;
	}
	
	.couleur2{
		color:#f5dad0;
	}
	
	#chambresVisuel2{
		float:left;
		width:305px;
		margin:2px 3px 14px 0;
	}
	
	#chambresVisuel3{
		float:left;
		width:302px;
		margin:2px 3px 14px 0;
	}
	
	#chambresVisuel4{
		float:left;
		width:304px;
		margin:2px 0 14px 0;
	}

	#contactGauche{
		float:left;
		width:414px;
	}
	
	.asterisque{
		color:#4c854e;
	}
	
	#formulaire{
		padding:8px 0 0 0;
	}
	
	.label{
		float:left;
		width:87px;
		font-size:120%;
		padding:3px 0 4px 0;
	}
	
	.champ{
		float:left;
		width:307px;
		margin:0 0 6px 0;
	}
	
	.moyenChamp, .petitChamp, .grandChamp, .zoneAdresse, .zoneMessage{
		padding:1px 3px 1px 3px;
		font-family:verdana;
		font-size:12px;
		color:#4c854e;
		border:1px solid #004848;
	}
	
	.moyenChamp{
		width:140px;
	}
	
	.petitChamp{
		width:100px;
	}
	
	.grandChamp{
		width:230px;
	}
	
	.zoneAdresse{
		width:230px;
		height:45px;
	}
	
	.zoneMessage{
		width:290px;
		height:85px;
	}
	
	#envoyer{
		padding:8px 0 0 140px;
	}
	
	#contactDroite{
		float:left;
		width:500px;
		padding:8px 0 0 0;
	}
	
	#contenu h2.alentours{
		text-align:center;
		margin:43px 0 0 0;
	}
	
	#contactVisuel1{
		float:left;
		width:345px;
		margin:10px 5px 14px 0;
	}
	
	#contactVisuel2{
		float:left;
		width:173px;
		margin:10px 5px 14px 0;
	}
	
	#contactVisuel3{
		float:left;
		width:389px;
		margin:10px 0 14px 0;
	}
	
	#contenu p.messageRecu{
		font-size:130%;
		font-weight:bold;
		color:#4c854e;
	}
	
	.englishText{
		color:#4c7550;
		font-style:italic;
	}
	
	.plusPetit{
		font-size:90%;
	}