@charset "UTF-8";
/* CSS Document */



span#titre1{
	color: white;
}
span#titre2{
	color: #fc9224;
}

h3+span{
	margin:0px;
	padding:0px;
}

#grdePhoto{
	width: 269px;
	height: 186px;
}

#grdePhoto2{
	width: 269px;
	height: 186px;
	margin-right: 3px;
}
/*Fin modif*/

body{
	background-image:url(../img/fond_haut.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	width:963px;
	font-family: "Univers Condensed",Verdana,Geneva,Arial,Helvetica,sans-serif;
	/*z-index:2;*/
	font-size: 15px;
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
}

body *{
	/*z-index:1;*/
	/*font-family: "Univers Condensed",Verdana,Geneva,Arial,Helvetica,sans-serif*/
}

a img {
  border: none;
}

h5{
	font-size: 1.4em;
	color: #ffc874;
	line-height: 1.1em;
	margin-top: 0px;
	font-family: "Arial";
	/*display: inline;*/
}

.contact a{
	border-left: solid 1px #FFF;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1em;
}

.contact a:hover{
		color:#185fa4;
}

a{
	color:white;
	text-decoration: none;
}

.langue{
	color: #959595;
}

/*.superdivext{
	
	background-color:#FFF;
	height:100%;

	}*/

.superdiv{
	/*background-image:url(img/back_general.png);*/
	background-repeat:repeat;
	margin-right: auto;
	margin-left: auto;
	width: 964px;
}



	.en-tete{
	width: 964px;
	/*background:url(img/bandeau_haut_back.jpg);*/
	background-repeat: no-repeat;
	height: 150px;
	padding-top: 13px;
	}
	
	.logo{
	width:205px;
	text-align: center;
	float: left;
		}
	
		.en-tete div{
		}
	
		.en-tete1{
	font-family: "Garamond pro", "Times New Roman", Times, serif;
	width: 550px;
	/*margin-right: 25px;*/
	font-size:2.6em;
	color:#FFF;
	float: left;
	padding-top: 25px;
	padding-left: 25px;
		}
		
.en-tete1bis{
	font-family: "Garamond pro", "Times New Roman", Times, serif;
	/*margin-top:70px;*/
	width: 300px;
	margin-right: 25px;
	font-size:1em;
	font-style:oblique;
	color:#FFF;
	float: left;
	text-align: center;
	margin-left:0px;
		}
		
#palm{
	background-image:url(../img/palm.png);
	float:right;
	height:61px;
	width:246px;
	}
		
		.en-tete2{
	font-family: "Myriad Pro",Calibri,"Trebuchet MS",Tahoma;
	width: 430px;
	color:#FFF;
	font-size:1em;
	margin-top: 0px;
	float: right;
	padding-right: 60px;
	text-align: right;
		}
		
		#tel_conseiller{
	/*background: transparent url("http://www.sangho.fr/flechebleue.png") left center no-repeat;*/
	/*font-size: 1.3em;*/
	width:400px;
	/*	margin: 0;
	padding: 0;*/
	/*padding-left: 10px;*/
	color: #ffed00;
}
		.en-tete3{
			font-family: "Univers Condensed",Calibri,"Trebuchet MS";
			padding-top: 40px;
			padding-left: 10px;
			font-weight: bold;
			text-decoration: underline;
			font-size: 0.9em;
		}
		
		.en-tete4{
			padding-top: 25px;
			padding-left: 10px;
		}
		
		.en-tete5{
			padding-top: 20px;
			margin-left: 23px;
			font-family: Calibri,"Arial Narrow";
		}
		
		.en-tete5 li{
			list-style-image: url(../image/puce.png);
			list-style-position:outside;	
			font-size: 0.7em;
			color: #959595;
			padding-top: 0;
			font-weight: bold;
			height: 12px;
			line-height: 12px;
			vertical-align: center;
		}
		
		/*Ajout Flavien VALENTIN 27/01/2010*/
		.en-tete6{
			font-family: "Myriad Pro",Calibri,"Trebuchet MS",Tahoma;
			padding-top: 35px;
			color: #959595;
			font-weight: bold;
			font-size: 0.9em;
			padding-left: 10px;
			width: 155px;
			height: 49px;
		}
		.en-tete6 span{
			padding-left: 5px;
		}
		.en-tete6 .png{
			float: right;
			margin-top: -10px;
			cursor: pointer;
		}
		
		.separationGauche{
			float: left;
			margin-top: -10px;
		}
		.separationDroite{
			float: right;
			margin-top: -10px;
		}
		/*Fin ajout*/
		
	
	
	
	.menu{
	float:left;
	z-index:2;
	width:750px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height:19px;
	margin-top: 2px;
	}
	
	
	
	
#menu_H a{
	background-image:url(../img/bt_menu_jaune.png);
	color:#039;
	float: left;
	height: 19px;
	width: 111px;
	font-size: 12px;
	text-align: center;
	background-repeat: no-repeat;
	line-height: 18px;
}

#menu_H ul li{
	list-style-type: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu_H a:hover{
	background-image:url(../img/bt_menu_orange.png);
	color:#FFF;
	float: left;
	height: 19px;
	width: 111px;
	font-size: 12px;
	text-align: center;
	background-repeat: no-repeat;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

#menu_H #en-cours a {
	background-image:url(../img/bt_menu_orange.png);
	color:#FFF;
	margin: 0px;
	padding: 0px;
	
}

	
	.gauche, #iframe{
	/*background-color:#FFF;*/
	float: left;
	width: 215px;
	margin-top: 0px;
	border:0;
	}
	
	
.txt_frame_gauche {
	margin-top:8px;
	color: #FFF;
	text-align: center;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
}


.txt_frame_gauche2 {
	margin-top:3px;
	margin-left:40px;
	color: #ff7500;
	text-align: center;
	float: left;
	width: 129px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
}
	
.Gauche{
	background-color:#FFF;
	border:#1960a5;
	height: 100%;
	border-color:#03C;
	border-right-color:#00C;
	border-right-width:thick;
	width:220px;
	margin-top: 0px;
		}

		
.GaucheHaut2{
	background-image:url(../img/rak.jpg);
	float:left;
	height: 472px;
	width:220px;
	}	
		.GaucheHaut{
	float:left;
	margin-top:0px;
	margin-left:0px;
	height: 210px;
	width:210px;
		}
		
	.gauchebas{
	background-image:url(../img/bloc_les_plus.png);
	background-repeat:no-repeat;
	height:360px;
	width:165px;
	margin-top:220px;
	margin-left: -3px;
		}
#ligne_sep_petit_plus{
	background-image:url(../img/trait_sep_plus.jpg);
	height:16px;
	width:220px;
	margin-top:10px;
	margin-left:-50px;}

#txt_plus{
	color:#000;
	margin-top:15px;
	margin-left:-30px;
	width:190px;
	}
	
.point_plus1{
	background-image:url(../img/point_plus.png);
	background-repeat:no-repeat;
	float:left;
	/*height:7px;*/
	width:187px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-position: left top;
	text-align: left;
	margin-left: -38px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	font-size: 0.72em;
	padding-top: 0px;
	margin-top: 7px;
	}
	

#img_gauche_bas{
	background-image:url(../img/img_bas_gauche_rak.jpg);
	background-repeat:no-repeat;
	margin-top:7px;
	height:147px;
	width:210px;
	margin-left: 2px;	/*margin-top:640px;*/
}

			
			.blc_form_rech{
	margin:0;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 257px;
			}
			
			.GaucheHaut img{
	margin-right: 5px;
			}
			
			.valider_conteneur{ /* Modif Art12 ajout de ce conteneur pour ruser avec IE5 et 6 qui adapte mal les margin*/
				width: 170px;
				padding-left: 55px;
			}
			
			.valider{
				/* Modif Art29 ajout*/
				width: 107px;
				height: 22px;
				background: transparent url("../image/Rechercher.png") center center no-repeat; 				
				/*margin-left: 40px;*/
				/*fin Modif */
				margin-top:5px;
				margin-bottom:2px;
				/*width:100%;
				*/
			}
			
			.valider p{
				width: 107px;
				height: 20px;
				text-align: center; 
				line-height: 20px; 
				vertical-align: middle; 
				color:white; 
				font-weight: bold;
				font-size: 14px;
				/*margin-bottom: 2px;*/
			}
			.valider img{
				padding:0px;
				margin:0px;
				margin-left:60px;
				cursor:hand;
			}
			
			.GaucheHaut hr{
				margin: 0px;
				/*margin-bottom:5px !important;*/
				/*margin-bottom:-10px;*/
				width: 220px;
			}
			
			.titre{
				margin-left: 15px;
				margin-right: -10px;
				font-size: 14px;;
				margin-bottom: 0px;
				float:left;
			}
			
			.TitreGras{
				margin-left: 15px;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 10px;
				float:left;
			}
			
			.GaucheHaut select, .GaucheHaut input{
				margin-top:5px;
				
				/*z-index: 2;*/
				/*height:13px;*/ /*Modif Art12 ajout de cette ligne pour remplacer les 2 styles suivants*/
			}
			
			/* Modif Art12 suppression des 2 style ci dessous*/
			.GaucheHaut select{ 
				font-size: 11px;
				padding:0;
			}
			
			.GaucheHaut input{
				height:15px;
				font-size: 11px;
			}
			
			.GaucheHaut button{
				background: #50513e;
				border:0;
				padding:0;
				margin:0;
			}
			
			.radioTRA{width: 110px; padding-top: 2px; font-size: 12px;}/* Modif Art30 pour les bouton radio de la page transfert*/
			
			.petit{
				margin-right: 51px;
				font-size: 12px;
			}
			
			.petit_fin{	/*Modif Art12 ajout ce cette classe*/
				margin: 0;
				font-size: 12px;
			}
			
			/*Modif Art18*/
			.nbPersonne{ height:15px; margin-top:10px;}
			
			.champLabelle{
				width: 140px;
				font-weight: bold;
				line-height: 15px;
				vertical-align: center;
				padding-top:5px;
			}
			.champNote{font-size: 0.8em;}
			.saisieDate{float: left; width: 113px; margin:0;}
			.saisieDate img{margin:0; padding-top:5px;}
			.titreformulaire{margin-top: 15px;margin-bottom: 10px;}
			.titreformulaire img{margin-top: -5px;margin-left:-6px;}
			/* Fin Modif */
			
		.GaucheBas2{
			background-color:#FFF;
			height:120px;
		}
		
		
	#GaucheBas{
		background-color:#FFF;
		float:left;
		height:1800px;
		width:0px;
		}
		
	
.golf{
	/*background-image:url(img/golf.jpg);*/
	background-repeat:no-repeat;
	/*margin-top:15px;
	margin-left:10px;*/
	width:210px;
	height:102px;
	}	

.Gauche_brochure{
	/*background-image:url(img/brochure.jpg);*/
	width:215px;
	height:102px;
	}
	

.avis{
	/*background-image:url(img/avis.jpg);*/
	background-repeat:no-repeat;
	width:210px;
	height:88px;
	}
	
.zoom{
	/*background-image:url(img/zoom.jpg);*/
	background-repeat:no-repeat;
	width:210px;
	height:90px;
	}
	
.reductions_enfants{
/*	background-image:url(img/reductions_enfants.jpg);
*/	background-repeat:no-repeat;
	width:215px;
	height:102px;
	}


.aide{
/*	background-image:url(img/aide.jpg);
*/	background-repeat:no-repeat;
	width:215px;
	height:88px;
	}


		
			.GaucheBas img{
				float:left;
				margin-left: 7px;
				margin-right: 9px;
			}
			
			.GaucheBas div{
				float:left;
				margin-top: 10px;
			}
			
	
	#Milieu{
	width:722px;
	/*background-color:#FFF;*/
	float:left;
	height:100%;
	background-color: #FFF;
	}
#Milieu3 {
	width:700px;
	/*background-color:#FFF;*/
	float:left;
	height:100%;
	background-color: #FFF;
	margin-left: 5px;
}
	
#trait_sep1_exc{
	background-image:url(../img/trait_sep1_exc.jpg);
	margin-top:8px;
	width:700px;
	height:18px;
	}	
	
#link-exc_en_savoir_plus{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#ff7500;
	float:right;
	margin-right:15px;
	}
	
#txt_courant_milieu{
	text-align:justify;
	margin-top:480px;
	margin-left:15px;
	background-color:#FFF;
	height:235px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
	color:#333;
	}
	
#txt_courant_milieu_balneo{
	text-align:justify;
	margin-top:10px;
	margin-left:15px;
	background-color:#FFF;
	height:610px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#333;
	}	
.txtatout {
	text-align:justify;
	margin-top:10px;
	margin-left:15px;
	background-color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#333;
	float: left;
	width: 660px;
}

	
#Milieu_bas{
	color:#195fa5;
	padding-top:30px;
	padding-left:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	}
	
#Milieu_bas_txt_courant{
	color:#195fa5;
	padding-top:30px;
	padding-left:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	}
	
#Milieu2{
	width:722px;
	/*background-color:#FFF;*/
	float:left;
	}
	
	#bloc_tarifs{
		float:left;
		height:157;
		width:200;
/*		background-color:#FFF;*/
		}


	#bloc_tarifs1{
	background-image:url(../img/bloc_bckground_tarif.png);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:10px;
	float:left;
	height:140px;
	width:722px;
	margin-bottom: 10px;
		}

#nom_prod{
	width:300px;
	margin-left:30px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	margin-top:15px;
	}
	

#bt_dates_prod{
	background-image:url(../img/bt_dates_prod.jpg);
	width:136px;
	height:28px;
	float:right;
	margin-right:220px;
	margin-top:-10px;
	}
	
	
#nom_prod2{
	color:#ff7500;
	width:300px;
	margin-left:30px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	margin-top:20px;
	}

#bt_reserver{
	background-image:url(../img/bt_reserver.jpg);
	width:136px;
	height:28px;
	float:right;
	padding-top: 3px;
	background-repeat: no-repeat;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	color: #FFF;
	text-align: center;
	margin-top: -35px;
	margin-right: 40px;
	}

	
#nom_prod3{
	color:#000;
	width:300px;
	margin-left:30px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	margin-top:3px;
	font-style:oblique;
	}


		
#flash_produits_galerie{
	background-image:url(../img/flas_centre_produits.jpg);
	width:722px;
	float:left;
	height:392px;
	margin-top:8px;
	margin-left:10px;
	}
	

#fleche_bleue{
	background-image:url(../img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:10px;
	margin-top:8px;
	}
	
	
	
#fleche_bleue2{
	background-image:url(../img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:10px;
	margin-top:180px;
	}
	
	
#fleche_bleue3{
	background-image:url(img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:-10px;
	margin-top:310px;
	}
	
#fleche_bleue4{
	background-image:url(../img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:-10px;
	margin-top:490px;
	}
	
#fleche_bleue5{
	background-image:url(../img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:-10px;
	margin-top:630px;
	}
	
	
#fleche_bleue6{
	background-image:url(../img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:-10px;
	margin-top:790px;
	}
	
#fleche_bleue7{
	background-image:url(../img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:-10px;
	margin-top:900px;
	}

#fleche_bleue8{
	background-image:url(../img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:-10px;
	margin-top:1010px;
	}
	
#fleche_bleue9{
	background-image:url(../img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:-10px;
	margin-top:1120px;
	}

#fleche_bleue10{
	background-image:url(../img/fleche_bleue.png);
	height:16px;
	width:10px;
	float:left;
	margin-left:-10px;
	margin-top:1090px;
	}





#fleche_bleue11{
	background-image:url(../img/golfs.jpg);
	height:100px;
	width:100px;
	float:left;
	}
	
	
#fleche_bleue12{
	background-image:url(../img/festival_film.jpg);
	height:100px;
	width:100px;
	float:left;
	margin-top:180px;
	}	

#fleche_balneo{
	background-image:url(../img/fleche_bleue.png);
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	
	}
	
#fleche_balneo2{
	background-image:url(../img/fleche_bleue.png);
	background-repeat:no-repeat;
	margin-top:50px;
	height:16px;
	width:16px;
	}	
	
.qui_sommes_nous_haut{
	padding-left:20px;
	background-color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#ff7500;
	font-size:18px;
	width:700px;
	height:100%;
	}	
.presse_haut {
	padding-left:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	width:700px;
	height:100%;
}
	
.qui_sommes_nous_milieu{
	background-color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FF7400;
	font-size:18px;
	width:722px;
	}	
.presse_millieu {
	padding-left:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333;
	font-size:1em;
	width:650px;
	text-align: justify;
	background-color: #FFF;
}
	
	
#fleche_bleue_sommes{
	background-image:url(../img/fleche_bleue.png);
	background-repeat:no-repeat;
	margin-top:50px;
	height:16px;
	width:16px;

	}
	
	
#fleche_bleue_sommes2{
	background-image:url(../img/fleche_bleue.png);
	background-repeat:no-repeat;
	margin-top:35px;
	height:16px;
	width:16px;

	}
	
#fleche_bleue_sommes3{
	background-image:url(../img/fleche_bleue.png);
	background-repeat:no-repeat;
	margin-top:22px;
	height:16px;
	width:16px;

	}	
	
#fleche_bleue_sommes4{
	background-image:url(../img/fleche_bleue.png);
	background-repeat:no-repeat;
	margin-top:0px;
	height:16px;
	width:16px;

	}	
	
#fleche_bleue_sommes5{
	background-image:url(../img/fleche_bleue.png);
	background-repeat:no-repeat;
	margin-top:0px;
	height:16px;
	width:16px;

	}	
	
	
.les_atouts_titre{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
	width: 600px;
	float: left;
	padding-bottom: 15px;
	}	
	
	
#ligne_sep_sommes{
	background-image:url(../img/trait_sep.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	height:20px;
	width:700px;
	}	


#description_qui_sommes_nous1{
	width:660px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#333;
	margin-left:16px;
	}	
	
#description_qui_sommes_nous2{
	width:660px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#333;
	margin-left:16px;
	}		
	
	
#coul_bleue_titre{
	color:#185fa4;
	}	
	

#description_balneo_titre{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	width:670px;
	height:80px;
	margin-left:15px;
	margin-top:-5px;
	
	}
	
#description_balneo_titre2{
	height:180px;
	width:670px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	margin-left:15px;
	/*margin-top:10px;*/
	}	
.description_situation{
	font-size:14px;
	background-color:#FFF;
	width:700px;
	color:#333;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-image: url(../img/fleche_bleue.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 15px;
	margin-top: 10px;
	margin-left: 11px;
	}
.description_situation2 {
	font-size:14px;
	background-color:#FFF;
	width:630px;
	color:#333;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-image: url(../img/fleche_bleue.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 15px;
	margin-top: 10px;
}
.description_sangho_date {
	font-size:14px;
	background-color:#FFF;
	width:600px;
	color:#333;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-image: url(../img/fleche_bleue.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 15px;
	margin-top: 10px;
}

#reserver2{
	margin-top:20px;
	margin-left:500px;
	width:220px;
	height:60px;
	background-image:url(../img/bt_reserver.jpg);
	background-repeat:no-repeat;
	}
	
#reserver_txt_blanc{
	margin-left:23px;
	margin-top:8px;
	font-size:16px;
	}	



#description_situation11{
	font-size:14px;
	width:620px;
	margin-left:110px;
	color:#000;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	
#description_situation12{
	font-size:14px;
	width:620px;
	margin-left:110px;
	color:#000;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}


#en_savoir_plus{
	color:#ff7500;
	float:right;
	width:110px;
	margin-left:610px;
	margin-top:30px;
	}
.ligne_sep{
	background-image:url(../img/trait_sep.jpg);
	width:730px;
	height:20px;
	margin-top:20px;
	float: left;
	}
.ligne_sep_q {
	background-image:url(../img/trait_sep.jpg);
	width:700px;
	height:20px;
	margin-top:20px;
	float: left;
}

		
	
	.MilieuRecherche{
	margin-top: 3px;
	margin-left: 3px;
	float:left;
	width:702px;
	height:520px;
	border:1px solid #50513E;
	overflow:hidden;
	}
	
		.MilieuRecherche iframe{
	height:520px;
	width:703px;
		}
	
	.MilieuDjerba{
		float: left;
		height: 523px;
		width: 707px;
	}
	
	.MilieuDjerba *{
	margin-left: 3px;
	margin-top: 3px;
	}
	
		.MilieuDjerba h3{
			float: none;
			font-size: 3em;
			padding-left: 20px;
			padding-top: 20px;
			margin-bottom: 20px;
			font-family: "Garamond pro","Times New Roman",Times, serif; 
		}

		.MilieuDjerba h4{
			margin-bottom: 5px;
			color: #006bb3;
			font-size: 1.3em;
			font-weight: normal;
		}
		.MilieuDjerba h5{/*Modif Art06*/
			float: none;
			font-size: 2em;
			padding-left: 20px;
			padding-top: 20px;
			margin-bottom: 20px;
			font-family: "Garamond pro","Times New Roman",Times, serif; 
		}
	
		/*Modif Flavien VALENTIN 30/03/2009*/
		.TexteDjerba{
			float: left;
			color: #000000;
			width: 335px;
			border-bottom: solid 1px #a1c8e3;
			padding-bottom: 10px;
			margin-left: 10px;
			height:100px;
			overflow:hidden;
			background-color: white;
		}
	
			.TexteDjerba p{
				margin:0px;
				padding-left: 15px;
				line-height: 1.1em;
				height:50px;
				overflow:hidden;
				
			}
			
		/* ModifArthur*/
		.TexteDjerba2{
			float: left;
			color: #000000;
			width: 335px;
			border-bottom: solid 1px #a1c8e3;
			padding-bottom: 10px;
			margin-left: 10px;
			height:100px;
			overflow:hidden;
			background-color: white;
			
		}
	
			.TexteDjerba2 p{
				margin:0px;
				padding-left: 15px;
				line-height: 1.1em;
				height:30px;
				overflow:hidden;
				
			}
		/* fin Modif*/
					
			p.lien{
				font-size: 0.6em;
				color: #ec87df;
				text-decoration: underline;
				float: none;
				cursor:pointer;
				height:15px;
				width:70px;
				padding:0px;
				margin-left:15px;
			}
			
			
			#ToutAfficher{
				display: none;
				position:absolute;
				top:25%;
				left:25%;
				border:solid 2px #2b2c1a;
				width:500px;
				height:200px;
				padding: 50px;
			}
			
			#ToutAfficher p{
				height:auto;
			}
			
			#ToutAfficher p.lien{
				display:none;
			}
			
			#ToutAfficher .fermer{
				position:absolute;
				top:10px;
				right:15px;
				cursor:pointer;
				padding:0px;
				margin:0px;
				height:18px;
			}
			
			.MiniGaleriePhotos p{
				padding:0px;
				margin:0px;
				cursor:pointer;
			}
			/*Fin modif*/
		
		#PhotosDjerba{
			float: left;
			width: 362px;
			height: 189px;
			margin: 0;
		}
		
		#PhotosDjerba *{
			float: left;
		}
		
		.MilieuDjerbaDroite{
	width: 333px;
	height: 186px;
	background: #2f2f2f;
	float: left;
	overflow:hidden;
		}
		
			/*Modif Flavien VALENTIN 30/03/2009*/
			.MilieuDjerbaDroite p{
	padding-left: 25px;
	padding-right:30px;
	margin:0px;
	height:18px;
	overflow:hidden;
			}
			/*Fin modif*/
			
			#SanghoDjerba{
				font-size: 3em;
				float: none;
			}
	
	/* Modif art06*/
	.textePackage{
		float: left;
		color: #000000;
		width: 335px;
		border-bottom: solid 1px #a1c8e3;
		padding-bottom: 10px;
		height:55px;
		overflow:hidden;
		background-color: white;
	}
	
	.textePackage h4{
		margin-bottom: 0px;
	}
		p.paraPackage{
			margin:0px;
			padding-left: 15px;
			line-height: 1.1em;
			height:0px;
			overflow:hidden;
		}
		
		.titrePackage{
			font-size: 10px;
		}
		.suiteFichePackage{
			margin:0;
			padding:0;
			color: #006BB3 ;
			font-weight: bold;
			font-size: 20px;
			cursor: pointer;
		}
		.blc_lien_galerie{
			text-align : right;
		}
		.lienGallerie{
	color: #cbff23;
	font-size: 0.9em;
		}
		
	
	/* fin Modif*/
	.MilieuExcursions{
	float: left;
	width: 722px;
	overflow:auto;
	}
	
	/*.MilieuExcursions *{
		margin-top: 3px;
		margin-left: 3px;
		font-family: "Arial";
	}*/
	.MilieuExcursions {
	font-family: "Arial";
	}
	
		.MilieuExcursions h3{
			color: #f8b356;
			font-size: 2.5em;
			font-weight: normal;
			margin-top: 0px;
			margin-bottom: 5px;
			margin-left: 20px;
			line-height: 0.7em;
			font-family: "Times New Roman";
		}
		
		.MilieuExcursions h4{
			font-size: 1.6em;
			font-weight: normal;
			margin-left: 20px;
			margin-top: 5px;
			margin-bottom: 0px;
			font-family: "Times New Roman";
		}
		
		.PhotosExcursions{
			float: left;
			width: 362px;
			height: 189px;
			margin: 0px;
			padding:0px;
		}
		
		.PhotosExcursions *{
			float: left;
		}
		
		/*Ajout Flavien VALENTIN 27/01/2010*/
		.PhotosExcursions .MiniGaleriePhotos .png.marge{
			margin-bottom: 3px;
		}
		
		.MilieuExcursionsDroite{
	height: 186px;
	float: left;
	background: #7d5024;
	overflow:hidden;
	width: 323px;
		}
		
		.MilieuExcursionsDroite p{
			font-weight: bold;
			font-size: 0.8em;
			margin-left: 20px;
			line-height: 1.5em;
			margin-right: 22px;
			height: 50px;
		}
		/* Modif Art09*/
			.tr-titre{
				background-color: #FFF;
				padding-top:0;
				color:#ff8722;
				height: 20px;
				font-size: 0.8em;
				
			}
			.image-exc{
				width:135px;
				padding:0px;
				margin-left: 0px;
			}
			.prix-petit-exc{
				font-size:14px;
			}
			.prix-top-exc{
				font-weight: bold;
				font-size:14px;
			}
			.titre-exc{
				font-size:15px;
				padding-right: 20px;
			}
			
			.titre-exc2{
				padding-left:20px;
				font-size:13px;
				color:#185fa4;
				}
				
			.titre-exc3{
				font-size:12px;
				color:#185fa4;
				}
			
			.lien-exc{
				color:#ff8722;
				height: 20px;
				
			}
			.desc-exc{
				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
				text-align:justify;				
				padding-left: 5px;
				padding-right: 5px;
				color: black;
			}
			.flecheVertFonce{ background: transparent url("../image/flecheGallerie.png") left center no-repeat; padding-left: 30px; height: 16px; float: left; margin-left:10px; font-weight: bold; font-size: 0.8em;}
		
		/*Fin Modif*/
		.MilieuExcursionsDroite h3{
			padding-top: 0px;
			padding-bottom: 0px;
			margin-left: 0px;
			margin-top: 0px;/* Modfi Art30 ajout */
		}
		
		.MilieuExcursionsDroite span#titre1{color: white; padding-right: 150px;}
		.MilieuExcursionsDroite span#titre2{color: #fc9224; padding-top: 5px; display: block;}
		
		.MilieuExcursionsSemaine{
			float: left;
		}
			
			.MilieuExcursionsJour{
				color: black;
				float: left;
				margin-top: 15px;
				border-bottom: solid 1px #a1c8e3;
				width: 684px;
			}
			
				.MilieuExcursionsJour h3{
					color: #006bb3;
					font-size: 1.2em;
					font-weight: bold;
					display: inline;
					margin-left: 5px;
				}
				
				.MilieuExcursionsJour p{
					margin-left: 20px;
					margin-bottom: 10px;
					line-height: 1.4em;
					font-size: 0.8em;
				}
		
	
	
	.MilieuTableau{
		float: left;
		width: 525px;
		margin-top: 3px;
		margin-left: 2px;
		margin-right: -2px;
	}
	
	.MilieuTableau p{
		margin:0px;
		padding:0px;
		cursor:pointer;
	}
	.MilieuTableau map{
		margin:0px;
		padding:0px;
		cursor:pointer;
	}
	
	
	.MilieuIndex{
	float: left;
	width: 706px;
	overflow:hidden;
	}
		
	#flash{
	position: relative; /*or absolute*/
	z-index: 0;
	width: 706px;
	height: 367px;
	padding: 0 0 0 0px;
		}
		#flash *{margin: 0; padding: 0;}
		object {margin: 0; padding: 0;display: block;}
		
		.MilieuHaut{
	/*background: url(Parachute.png);*/
			height: 367px;
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 1px;
		}
			.MilieuHaut p{
				margin: 0px 0px 0px 10px;
			}
		
		.MilieuHaut2{
			background: url(../Parachute.png);
			height: 370px;
			margin-top: 3px;
			margin-left: 2px;
			margin-right: 1px;
		}
			.MilieuHaut2 p{
				margin: 0px 0px 0px 0px;
			}
			
		
		.MilieuBas{
			background: #C8C3A8;
			padding-right: 0px;
			text-align: justify;
			height: 147px;
			margin-top: 3px;
			margin-right: 1px;
			margin-left: 0px;
			border-left: solid 1px #8c8c8c;
			font-size: 0.8em;
			color: #aba8a8;
			overflow:hidden;
			position: relative;
				}
				
#MilieuBas{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	
				}
				
				
#diapo_central_excursion{
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	margin-bottom: 20px;
	}
.div_excur {
	background-color: #FFF;
	float: left;
	height: 40px;
	width: 700px;
}
	
.diapo_balneo{
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	}	
.diapo_soiree {
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	background-image: url(../images/e/e7.jpg);
	background-position: left top;
}
.diapo_caleche {
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	background-image: url(../images/e/e6.jpg);
	background-position: left top;
}
.diapo_ouar {
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	background-image: url(../images/e/e5.jpg);
	background-position: left top;
}
.diapo_biv {
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	background-image: url(../images/e/e9.jpg);
	background-position: left top;
}
.diapo_44 {
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	background-image: url(../images/e/e1.jpg);
	background-position: left top;
}
.diapo_decouv {
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	background-image: url(../images/e/e8.jpg);
	background-position: left top;
}
.diapo_balneo2 {
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	margin-left: 5px;
}

  {
	background-repeat:no-repeat;
	height:472px;
	width:700px;
	margin-left: 5px;
}
.titre_diapo_excu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #EC7C33;
	float: left;
	width: 400px;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
}
.prix_titre-excu {
	font-family: Verdana, Geneva, sans-serif;
	float: right;
	width: 220px;
	padding-top: 8px;
	padding-right: 5px;
	font-size: 0.8em;
	color: #185fa4;
}
	

#txt_bas_milieu_exc{
	width:700px;
	height:100%;
	
	}



	#Milieu_bas_txt_courant{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		color:#000;
		font-style:normal;
		
		}
		
		#ideeVoyage{
		float:left;
		width: 190px;
		padding-left: 10px;
		padding-top: 10px;
		height: 147px;
		}

			.ideeVoyage_titre{height: 41px;/* background: transparent url("IdeeVoyage_petit.png") left top no-repeat; padding-left: 41px;*/ color:#f2f2f2;}
			.ideeVoyage_image {float: left;}
			/*.ideeVoyage_image {float: left;}*/
			.ideeVoyage_pt{float: left; margin:0; font-size: 1.3em; height: 41px; padding-top: 10px; font-stretch: condensed;}
			.ideeVoyage_gd{float: left; margin:0; font-size: 1.8em; height: 41px; padding-top: 4px; font-weight: bold; }
			
		#descVoyage{
		float:left;
		width: 310px;
		padding-top: 5px;
		font-size: 0.9em;
		}
		
		
		

	
	
	.MilieuALaCarteDroite{
		width: 322px;
		height: 186px;
		float: left;
		background: #747d24;
		overflow:hidden;
	}
	
		.MilieuALaCarteDroite p{
			font-weight: bold;
			font-size: 0.8em;
			margin-left: 20px;
			line-height: 1.5em;
			margin-right: 22px;
		}
		
		.MilieuALaCarteDroite h3{
			color: white;
			margin-top: 40px;
		}
		
		.MilieuALaCarteDroite h4{
			color: #febe29;
			font-size: 77px;
		}
		
	.MilieuALaCarteChoixHotel{
		float: left;
	}
		
		.MilieuALaCarteHotel{
			width: 701px;
			color: black;
			float: left;
			margin-top: 15px;
			border-bottom: solid 1px #a1c8e3;
		}
		
		.MilieuALaCarteHotel h3{
			color: #006bb3;
			font-size: 1.3em;
			font-weight: bolder;
			display: inline;
			margin-left: 5px;
			font-family: "Helsinki Narrow";
		}
		
		.MilieuALaCarteHotel h4{
			color: #2d97d5;
			font-size: 1em;
			font-weight: bold;
			font-family: "Helsinki Narrow";
		}
		
		.MilieuALaCarteHotel p{
			margin-left: 20px;
			margin-bottom: 10px;
			line-height: 1.4em;
			font-size: 0.8em;
		}
	
	
	.MiniGaleriePhotos{
		float:left;
		width:87px;
		height:189px;
		margin:0px;
	}
	
	.MiniGaleriePhotos a{
		margin:0px;
	}
	
	
	.droite{
		float: left;
		width: 182px;
	}
	
		.DroiteHaut{
			background: url(../Enfant.png);
			height: 370px;
			margin-top: 3px;
			margin-left: 1px;
		}
		
		.DroiteBas{
			background: url(../Chameau.png);
			height: 147px;
			margin-top: 3px;
			margin-left: 1px;
		}
	
	
	
	#droite{
		float:left;
	}
	
	.DroiteTableau{
		color: #aaaaaa;
		font-size: 0.7em;
		line-height: 1em;
		float: left;
		width: 182px;
		height: 520px;
		overflow: auto;
		background: #2F2F2F;
		margin-top: 3px;
	}
	
		.DroiteTableau *{
			margin-top: 15px;
			margin-left: 15px;
		}
		
		.DroiteTableau hr{
			/*margin: 0px;*/
			margin-left: 15px;
			width: 125px;
		}
		
		.DroiteTableau a{
			color: #ffc874;
			line-height: 1.1em;
			font-family: "Arial";
			margin-left:0px;
		}
		
		.DroiteTableau a img{
			margin-left:5px;
		}
		
		.DroiteTableau p{
			padding-right:25px;
			margin-top: 0;
			margin-bottom: 20px;
			padding-top: 0;
		}
		
	
	
	.bleu{
		float: left;
		width: 258px;
		padding-top: 5px;
		padding-bottom: 5px;
		background: #006bb3;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		font-weight: bold;
		border-top: solid 3px white;
	}
	
	
	
	.contact{
		/*background-image:url(img/trait_sep.jpg);
		background-repeat:no-repeat;*/
		float: left;
		width: 963px;
		height:50px;
		padding-left:20px;
		padding-top: 20px;
		padding-bottom: 5px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: ;
	/*	border-top: solid 3px white;*/
	}
	
	
#point_contact{
	background-image:url(../img/contact_menu.jpg);
	background-repeat:repeat-x;
	height:10px;
	width:900px;
	margin-left:0px;
	margin-top:0px;		
	}	
	
		.contact p{
			 margin:0px 0px 0px 0px;/* Modif art24 margin:0px 0px 0px 258px;*/
		}
	
	
	
	.BasDePage{
		float: left;
		color: black;
		padding-left: 254px;
	}

	
	
	
.soleil{
	z-index:500px;
	background-repeat:no-repeat;
	background-image:url(../img/.png);
	left: 30px;
	top:30px;
}

.GaleriePhotos{
	float:left;
	width:10px;
	height:10px;
}
.cadreOffreBas {
	float: left;
	width: 228px;
	margin-top: 1px;
}
.titreCadreOffreBas {
	font: bold 1.2em Verdana, Geneva, sans-serif;
	color: #62644E;
	padding-left: 4px;
	padding-top: 3px;
}
.cadreOffreBasTrait {
	float: left;
	width: 228px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A39E8C;
	margin-top: 1px;
}
.photoOffresBas {
	float: left;
	width: 130px;
	margin-top: 5px;
	margin-left: 4px;
	border: 2px solid #817D6B;
}
.prixOffresBas {
	font: 0.95em Verdana, Geneva, sans-serif;
	color: #35332C;
	float: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
	padding-left: 4px;
}
.txtOffresBas {
	font: 0.90em Verdana, Geneva, sans-serif;
	color: #4F503E;
	float: left;
	width: 82px;
	text-align: left;
	padding-left: 2px;
	padding-top: 4px;
}
.prixOffres {
	font: bold 0.95em Verdana, Geneva, sans-serif;
	color: #35332C;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.image_accueil {
	float: left;
	width: 964px;
	height: 497px;
	margin-top: 0px;
	border:0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px; 
}
.cadre_img_exec {
	border: 3px solid #4F503E;
}
.entete_tarifs {
	font: 1em Verdana, Geneva, sans-serif;
	color: #405160;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006DB2;
}
.tarif_cadre {
	float:left;
	width: 700px;
	height:472px;
}
.tarif_info {
	font: 0.9em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #94C6DD;
	text-align: center;
}
.txt_frame_gauche_spm {
	color: #FFF;
	text-align: center;
	float: left;
	width: 255px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 30px;
}
.info_partenaires {
	font: 0.8em Verdana, Geneva, sans-serif;
	color: #3A3B2D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.logo_presse {
	float: left;
	width: 660px;
}
.cadre_presse {
	float: left;
	width: 700px;
}
.textes_hotell {
	float: left;
	width: 740px;
}
.bouton_reservez {
	float: right;
	width: 136px;
	background-image: url(../img/bt_reserver.jpg);
	background-repeat: no-repeat;
	height: 28px;
	margin-right: 40px;
	text-align: center;
	line-height: 28px;
}