/*Modif Flavien VALENTIN 30/03/2009*/
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{
	font-family: "Univers Condensed",Verdana,Geneva,Arial,Helvetica,sans-serif;
	z-index:2;
	font-size: 15px;
	color: white;
}

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 #4d98ca;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1em;
}

.contact a:hover{
		color:#F33;
}

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

.langue{
	color: #959595;
}



.superdiv{
	width: 964px;
}



	.en-tete{
		height: 95px;
		background: url(fleur.png);
		background-repeat: no-repeat;
	}
	
		.en-tete div{
			float: left;
		}
	
		.en-tete1{
			font-family: "Garamond pro","Times New Roman",Times, serif; 
			width: 350px;
			text-align: right; 
			padding-top: 25px;
			margin-right: 20px;
			font-size: 3em;
			color: #3d4f65;
		}
		
		.en-tete2{
			font-family: "Myriad Pro",Calibri,"Trebuchet MS",Tahoma;
			padding-top: 35px;
			/*Modifs Flavien VALENTIN 27/01/2010*/
			width: 172px;
			/*Fin modifs*/
			color: #959595;
			font-weight: bold;
			font-size: 0.9em;
		}
		#tel_conseiller{ background: transparent url("flechebleue.png") left center no-repeat; font-size: 1.4em; margin: 0; padding: 0; padding-left: 10px; color: #006BB3;}
		.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(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{
		padding-left: 180px;
		background-color: #006bb3;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		height:19px;
	}
	
	
	
	.gauche, #iframe{
		float: left;
		width: 257px;
		height: 497px;
		margin-top: 3px;
		border:0;
	}
	
		.GaucheHaut{
			padding-left: 10px;
			/*padding-right: 14px;*/
			/*padding-top:15px;*/
			height: 487px;/*Modif_art Ajout de 150px suite Ó la suppression du bloc gaucheBas*/
			background: #50513e;
			padding-top: 30px;
		}
		
		.GaucheHaut *{
			float:left;
			margin:0px;
			padding:0px;
			font-size: small;
		}
			
			.blc_form_rech{
				margin:0;
				padding-top: 5px;
				padding-bottom: 5px;
			}
			
			.GaucheHaut img{
				margin-top:3px;
				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("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 */
			
		.GaucheBas{
			color: #aaaaaa;
			font-size: 0.7em;
			line-height: 1.1em;
			padding-left: 8px;
			height: 147px;
			margin-top: 3px;
			background-color: #2f2f2f;
		}
		
			.GaucheBas img{
				float:left;
				margin-left: 7px;
				margin-right: 9px;
			}
			
			.GaucheBas div{
				float:left;
				margin-top: 10px;
			}
			
	
	.Milieu{
		float:left;
		width:707px;
		height:523px;
		overflow:hidden;
	}
			
	.MilieuRecherche{
		margin-top: 3px;
		margin-left: 3px;
		float:left;
		width:702px;
		height:518px;
		border:1px solid #002C7D;
		overflow:hidden;
	}
	
		.MilieuRecherche iframe{
			height:518px;
			width:703px;
		}
	
	.MilieuDjerba{
		float: left;
		height: 523px;
		width: 707px;
	}
	
	.MilieuDjerba *{
		margin-top: 3px;
		margin-left: 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: 341px;
			height: 186px;
			background: #2f2f2f;
			float: left;
			overflow:hidden;
		}
		
			/*Modif Flavien VALENTIN 30/03/2009*/
			.MilieuDjerbaDroite p{
				padding-left: 30px;
				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.7em;
		}
		
	
	/* fin Modif*/
	.MilieuExcursions{
		float: left;
		height: 523px;
		width: 707px;
		overflow:auto;
	}
	
	/*.MilieuExcursions *{
		margin-top: 3px;
		margin-left: 3px;
		font-family: "Arial";
	}*/
	.MilieuExcursions {
		margin-top: 3px;
		margin-left: 3px;
		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{
			width: 322px;
			height: 186px;
			float: left;
			background: #7d5024;
			overflow:hidden;
		}
		
		.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: #275668;
				padding-top:0;
				color:white;
				height: 20px;
				font-size: 0.8em;
				
			}
			.image-exc{
				background-color: #50513E ;
				padding:5px;
				margin-left: 3px;
			}
			.prix-petit-exc{
				font-size: 0.9em;
			}
			.prix-top-exc{
				font-weight: bold;
				font-size: 1.2em;
			}
			.titre-exc{
				padding-left: 5px;
			}
			.lien-exc{
				background-color: #006BB3;
				height: 20px;
				
			}
			.desc-exc{
				padding-left: 5px;
				padding-right: 5px;
				color: black;
			}
			.flecheVertFonce{ background: transparent url("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: 5px;
			padding-bottom: 10px;
			margin-left: 20px;
			font-size: 30px;
			font-family: "Times New Roman";
			color: #f29400;
			margin-top: 8px;/* 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: 5px;
			text-align: justify;
			height: 147px;
			margin-top: 3px;
			margin-right: 1px;
			margin-left: 2px;
			border-left: solid 1px #8c8c8c;
			font-size: 0.8em;
			color: #aba8a8;
			overflow:hidden;
			position: relative;
				}
		
	/*	.MilieuBas p{
			margin-top: 15px;
		}*/
		
		#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;
		}
		
		/*Ajout Flavien VALENTIN 27/01/2010*/
		#minceur{
			position: absolute;
			z-index: 100;
			top: 0;
			left: 0;
		}
		#minceurGauche{
			width: 227px;
			height: 146px;
		}
		#minceurMilieu{
			width: 228px;
			height: 146px;
		}
		#minceurDroite{
			width: 247px;
			height: 146px;
		}
		/*Fin ajout*/
		

	
	
	.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{
		float: left;
		width: 964px;
		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 p{
			 margin:0px 0px 0px 0px;/* Modif art24 margin:0px 0px 0px 258px;*/
		}
	
	
	
	.BasDePage{
		float: left;
		color: black;
		padding-left: 254px;
	}

	
	
	
.soleil{
	position: absolute;
	left: 45px;
	top: 24px;
}

.GaleriePhotos{
	float:left;
	width:10px;
	height:10px;
}
/* css pour la home bas de page*/
.cadreOffreBas {
	color:#000;
	float: left;
	width: 705px;
	margin-top: 1px;
	text-align: left;
}
.titreCadreOffreBas {
	font: bold 1,3em Verdana, Geneva, sans-serif;
	color: #F30;
	text-align:center;
	padding-left: 4px;
	padding-top: 3px;
	text-align: left;
}
.cadreOffreBasTrait {
	float: left;
	width: 370px;
	border-right-width: 1px;
	height:110px;
	border-right-style: solid;
	border-right-color:#64573C;
	margin-top: 1px;
	padding-right:10px;
}
.photoOffresBas {
	float: left;
	width: 90px;
	margin-top: 5px;
	margin-left: 4px;
	border: 2px solid #817D6B;
}
.prixOffresBas {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#35332C;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
	padding-right:10px;
	padding-left:10px;
}

.prixOffresBas2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	float: left;
	text-align: left;
}

.txtOffresBas {
	font-family : Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#35332C;
	float: right;
	text-align: left;
	padding-left: 2px;
	padding-top: 8px;
}
.prixOffres {
	font: bold 0.95em Verdana, Geneva, sans-serif;
	color: #35332C;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
}