/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#45b3bd;
		background-image:url(images/degrade.gif);
		background-repeat:repeat-x;
		/*font-family:verdana;
		font-size:10px;*/
		font-family:"Trebuchet MS";
		font-size:11px;
		color:#000;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
	}

	.fondBleu{
		background:#d7ffff;
		padding:5px 10px 5px 10px;
	}

	.fondBleu p{
		margin:0;
		padding:0;
		display:inline;
	}

	.bleu{
		color:#4d9fce;
	}

	.rose{
		color:#bd0063;
	}

	.carreRouge{
		background:url(images/carre_rouge.gif) no-repeat left 5px;
		padding:0 0 0 15px;
	}
	
	#fleurAccueil{
		width:100%;
		padding-bottom:190px;
		background-image:url(images/fleur-accueil.jpg);
		background-repeat:no-repeat;
		background-position:center 408px;
	}
	
	#global{
		width:995px;
		margin:auto;
	}
	
	#entete{
		width:995px;
		height:134px;
	}
	
	#logo{
		float:left;
		width:209px;
		margin:0 72px 0 0;
		padding:6px 0 0 21px;
	}

	#droiteLogo{
		float:left;
	}
	
	#slogan{
		/*float:left;*/
		width:685px;
		padding:40px 0 0 0;
		margin:0;
		text-align:right;
	}

	#btnPro{
		display:block;
		width:127px;
		height:19px;
		margin:6px 0 0 550px;
		padding:1px 0 0 0;
		border-right:2px solid #fff;
		background-image:url(images/btn-contact.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		text-align:center;
		font-size:14px;
		color:#feffff;
		text-decoration:none;
	}
	
	#btnContact{
		float:left;
		display:block;
		width:127px;
		height:19px;
		margin:6px 0 0 0;
		padding:1px 0 0 0;
		border-right:2px solid #fff;
		background-image:url(images/btn-contact.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		text-align:center;
		font-size:14px;
		color:#feffff;
		text-decoration:none;
	}
	
	#btnContact:hover, #btnPro:hover{
		background-position:0 -20px;
	}
	
	#menu{
		float:left;
		width:844px;
		height:20px;
		margin:6px 0 0 0;
		padding:0 0 0 22px;
		background-image:url(images/barre-menu.gif);
		background-repeat:no-repeat;
		list-style:none;
		font-size:14px;
	}
	
	.menu{
		position:relative;
		float:left;
		padding:0 1px 0 0;
		background-image:url(images/separateur-menu.gif);
		background-repeat:no-repeat;
		background-position:right 3px;
	}
	
	.dernierMenu{
		position:relative;
		float:left;
	}
	
	#menu1, #menuLien1{
		width:99px;
	}
	
	#menu2, #menuLien2{
		width:173px;
	}
	
	#menu3, #menuLien3{
		width:164px;
	}
	
	#menu4, #menuLien4{
		width:165px;
	}
	
	#menu5, #menuLien5{
		width:119px;
	}

	#menuContact, #menuLienContact{
		width:117px;
	}
	
	.menuLien{
		display:block;
		height:19px;
		padding:1px 0 0 0;
		background-image:url(images/fond-menu.gif);
		background-repeat:repeat-x;
		background-position:0 0;
		text-align:center;
		/*font-size:140%;*/
		color:#feffff;
		text-decoration:none;
	}
	
	.menuLien:hover{
		background-position:0 -20px;
	}
	
	.sousMenu{
		position:absolute;
		z-index:74;
		top:20px;
		left:0;
		width:226px;
		margin:0;
		padding:0;
		border-top:1px solid #e4ffff;
		list-style:none;
		display:none;
	}
	
	.dernierSousMenu{
		position:absolute;
		z-index:74;
		top:20px;
		left:-67px;
		width:226px;
		margin:0;
		padding:0;
		border-top:1px solid #e4ffff;
		list-style:none;
		display:none;
	}
	
	.sousMenuLien{
		display:block;
		width:216px;
		padding:5px 0 5px 10px;
		background-color:#4fb0b8;
		border-bottom:1px solid #c5e5ee;
		/*font-size:120%;*/
		color:#fff;
		text-decoration:none;
	}
	
	.dernierSousMenuLien{
		display:block;
		width:216px;
		padding:5px 0 5px 10px;
		background-color:#4fb0b8;
		/*font-size:120%;*/
		color:#fff;
		text-decoration:none;
	}
	
	.sousMenuLien:hover, .dernierSousMenuLien:hover{
		background-color:#63bdc4;
	}
	
	#accueilVisuel{
		width:995px;
	}
	
	#accueilTourismeAffaire{
		float:left;
		width:361px;
		margin:2px 2px 0 0;
	}
	
	#accueilTourismeAffaire h1{
		width:351px;
		height:35px;
		margin:0;
		padding:9px 0 0 10px;
		background-image:url(images/fond-titre-tourisme-affaire-new.gif);
		background-repeat:no-repeat;
		font-size:26px;
		font-weight:normal;
		color:#1e9dc4;
	}

	#accueilTourismeTexte{
		width:347px;
		height:79px;
		padding:5px 0 0 14px;
		background-image:url(images/fond-texte-tourisme-affaire-new.gif);
		background-repeat:no-repeat;
	}
	
	#accueilTourismeTexte p, #accueilVoyagesTexte p, #accueilNouveauTexte p{
		margin:0 0 2px 0;
		font-size:120%;
		color:#616770;
		padding:0 10px 0 0;
	}
	
	#accueilTourismeTexte a, #accueilVoyagesTexte a, #accueilNouveauTexte a{
		color:#1e9dc4;
		font-weight:bold;
		text-decoration:none;
	}
	
	#accueilTourismeTexte a:hover, #accueilVoyagesTexte a:hover, #accueilNouveauTexte a:hover{
		text-decoration:underline;
	}

	#accueilNouveau{
		float:left;
		width:630px;
		margin:2px 0 0 0;
	}

	#accueilNouveau h1{
		width:620px;
		height:35px;
		margin:0;
		padding:9px 0 0 10px;
		background-image:url(images/fond-titre-sejour.gif);
		background-repeat:no-repeat;
		font-size:26px;
		font-weight:normal;
		color:#1e9dc4;
	}

	#accueilNouveauTexte{
		width:616px;
		height:79px;
		padding:5px 0 0 14px;
		background-image:url(images/fond-texte-sejour.gif);
		background-repeat:no-repeat;
	}
	
	#accueilActus{
		float:left;
		width:269px;
		height:246px;
		margin:2px 2px 0 0;
		background-color:#fff;
	}
	
	#accueilActus h1{
		margin:0 6px 12px 6px;
		padding:3px 0 2px 0;
		border-bottom:1px solid #65c6d0;
		text-align:center;
		font-size:250%;
		font-weight:normal;
		color:#1e9dc4;
	}
	
	#accueilActus ul{
		width:237px;
		height:185px;
		margin:0 16px 0 16px;
		padding:0;
		list-style:none;
		overflow:auto;
		font-size:110%;
	}
	
	#accueilActus ul li{
		margin:0 0 10px 0;
		padding:0 0 0 12px;
		background-image:url(images/puce-actus.gif);
		background-repeat:no-repeat;
		background-position:0 4px;
	}
	
	#accueilActus ul li a{
		color:#0c7cbc;
		font-weight:bold;
		text-decoration:none;
	}
	
	#accueilActus ul li a:hover{
		text-decoration:underline;
	}
	
	#accueilVoyages{
		float:left;
		width:361px;
		margin:2px 0 8px 0;
	}
	
	#accueilVoyages h1{
		width:351px;
		height:35px;
		margin:0;
		padding:9px 0 0 10px;
		background-image:url(images/fond-titre-voyages.gif);
		background-repeat:no-repeat;
		font-size:250%;
		font-weight:normal;
		color:#1e9dc4;
	}
	
	#accueilVoyagesTexte{
		width:347px;
		height:74px;
		padding:10px 0 0 14px;
		background-image:url(images/fond-texte-voyages.gif);
		background-repeat:no-repeat;
	}
	
	#pied{
		width:995px;
		margin:0 0 10px 0;
		padding:4px 0 0 0;
		text-align:center;
		border-top:1px solid #fff;
		color:#fff;
		font-size:110%;
	}
	
	#pied a{
		color:#fff;
		text-decoration:none;
	}
	
	#pied a:hover{
		text-decoration:underline;
	}
	
	
	#page{
		width:905px;
		margin:0 0 8px 0;
		padding:20px 45px 20px 45px;
		background-color:#fff;
		font-size:120%;
		color:#676767;
	}
	
	/*#page h1{
		margin:0 0 7px -45px;
		padding:8px 0 15px 45px;
		background-image:url(images/fleur-titre.gif);
		background-repeat:no-repeat;
		font-size:200%;
		font-weight:bold;
		font-style:italic;
		color:#0c7cbc;
	}
	
	#page h2{
		padding:7px 0 0 0;
		margin:0 0 5px 0;
		font-size:120%;
		font-weight:bold;
		color:#0c7cbc;
	}*/

	#page h2{
		margin:0 0 7px -45px;
		padding:8px 0 15px 45px;
		background-image:url(images/fleur-titre.gif);
		background-repeat:no-repeat;
		font-size:20px;
		font-weight:normal;
		font-style:italic;
		color:#0c7cbc;
	}

	#page h2.autresTitre{
		border-top:1px solid #45b3bd;
		margin:0 0 7px -45px;
		padding:16px 0 15px 45px;
		background:url(images/fleur-titre.gif) no-repeat left 8px;
		font-size:20px;
		font-weight:normal;
		font-style:italic;
		color:#0c7cbc;
	}

	#page p{
		margin:0 0 14px 0;
	}
	
	#page ul{
		margin:0 0 0 20px;
		padding:0 0 8px 0;
		list-style:none;
	}
	
	#page ul li{
		margin:0 0 6px 0;
		padding:0 0 0 12px;
		background-image:url(images/puce-actus.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
	}
	
	#page a{
		color:#bd0063;
		text-decoration:none;
	}
	
	#page a:hover{
		text-decoration:underline;
	}

	.tableauVoyage{
	}

	.tableauVoyage th{
		text-align:center;
		color:#0c7cbc;
		border-bottom:1px solid #0c7cbc;
		padding:0 0 5px 0;
	}

	.tableauVoyage td{
		text-align:left;
		padding:0 30px 10px 0;
	}

	.tableauVoyage td.tableauPrix{
		color:#bd0063;
		padding:0 100px 0 0;
	}

	.tableauVoyage tr.titreRubTableau td{
		color:#0c7cbc;
		padding:20px 30px 20px 0;
	}
	
/* ================================ placement des images */
	#page table.map{
		margin:0;
		border-left:0;
		border-top:0;
		border-bottom:0;
	}
	
	#page table.map td{
		border:0;
	}
	
	.imageAGauche{				/* image à gauche dans paragraphe */
		float:left;
		margin:0 10px 4px 0;
	}
	
	.imageADroite{				/* image à droite dans paragraphe */
		float:right;
		margin:0 0 5px 10px;
	}
	
	.imageCentre{				/* image centrée */
		text-align:center;
	}
	
	.imageAligneeDroite{		/* image alignée à droite */
		text-align:right;
	}
	
	#page table.map td.gaucheHaut{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:top;
	}

	#page table.map td.droiteHaut{				/* colonne de droite */
		padding:0;
		vertical-align:top;
	}

	#page table.map td.gaucheCentre{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
	}
	
	#page table.map td.droiteCentre{				/* colonne de droite */
		padding:0;
	}
	
	#page table.map td.gaucheBas{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:bottom;
	}
	
	#page table.map td.droiteBas{				/* colonne de droite */
		padding:0;
		vertical-align:bottom;
	}
/* ================================ placement des images */

	.asterisque{
		color:#30a4af;
	}
	
	.plusPetit{
		font-size:90%;
	}
	
	.plusGrand{
		font-size:120%;
	}
	
	#formulaireContact{
		float:left;
		width:535px;
		padding:0 30px 0 0;
	}
	
	#coordonneesHoraires{
		float:left;
		margin:-25px 0 0 0;
		width:340px;
	}
	
	.label1{
		float:left;
		display:block;
		width:120px;
		padding:4px 0 0 0;
	}

	.labelInfo{
		float:left;
		display:block;
		width:160px;
		padding:4px 0 0 0;
	}
	
	.moyenChamp, .petitChamp, .tresPetitChamp, .grandChamp, .zoneAdresse, .miniChamp{
		float:left;
		display:block;
		margin:0 0 6px 0;
		padding:2px 3px 2px 3px;
		font-family:verdana;
		font-size:12px;
		color:#30a4af;
		border:1px solid #c8c8c8;
	}
	
	.moyenChamp{
		width:140px;
	}
	
	.petitChamp{
		width:98px;
	}
	
	.miniChamp{
		width:25px;
	}

	.tresPetitChamp{
		width:45px;
	}
	
	.grandChamp{
		width:250px;
	}
	
	.zoneAdresse{
		width:200px;
		height:43px;
	}
	
	#page p.interet{
		float:left;
		width:140px;
		margin:6px 0 9px 0;
	}

	#page p.titreInformation{
		width:400px;
		margin:0;
		padding:7px 0 8px 0;
		/*text-align:center;*/
	}
	
	#page ul.listeCheckbox{
		float:left;
		margin:2px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	#page ul.listeCheckbox li{
		float:left;
		margin:0 25px 6px 0;
		background-image:none;
	}
	
	.label3{
		display:block;
		margin:2px 0 2px 0;
	}
	
	.zoneMessage{
		display:block;
		width:450px;
		height:100px;
		margin:0 0 6px 0;
		padding:2px 3px 2px 3px;
		font-family:verdana;
		font-size:12px;
		color:#30a4af;
		border:1px solid #c8c8c8;
	}
	
	#envoyer{
		margin:6px 0 0 170px;
		width:77px;
		height:20px;
		background-image:url(images/fond-envoyer.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#coordonnees{
		width:300px;
		padding:20px 20px 15px 20px;
		background-color:#7ab0ce;
		color:#fff;
	}
	
	#page h2.titreCoordonneesHoraires{
		padding:0 0 0 40px;
		margin:0 0 5px 0;
		font-size:130%;
		font-weight:bold;
		color:#fff;
	}

	#page p{
		margin:0 0 14px 0;
	}
	
	#page a.lienCoordonneesHoraires{
		color:#fff;
		text-decoration:underline;
	}
	
	#page a.lienCoordonneesHoraires:hover{
		color:#deffff;
	}
	
	#horaires{
		width:300px;
		margin:15px 0 0 0;
		padding:20px 20px 15px 20px;
		background-color:#45b3bd;
		color:#fff;
	}

	/***********************	GALERIE	*************************/

#page .galeriePhoto{
	width:700px;
	float:left;
}

#page .galeriePhoto table td{
	width:133px;
	height:89px;
	text-align:center;
	border:1px solid #fff;
}

#page .galeriePhoto table td:hover{
	border:1px solid #bd0063;
}

#page .galeriePhoto .pagination{
	float:right;
	padding:0 15px 0 0;
	
}

#page .galeriePhoto .pagination a{
	text-decoration:none;
	display:block;
	float:left;
	padding:2px 3px 0px 3px;
	/*background:#abe7b1;*/
	margin:0 5px 0 0;
	color:#4d9fce;
}

#page .galeriePhoto .pagination a:hover, .galeriePhoto .pagination a.actif{
	/*background:#3ea447;*/
	color:#bd0063;
}

#page .galeriePhoto table td a:hover img{
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8;
}

#page .legendeDiapo{
	float:left;
	padding:30px 0 0 30px;
	width:170px;
}

/***********************	GALERIE	*************************/