/* CSS Document */

	body{
		margin:0;
		padding:24px 0 0 0;
		background-color:#e3d5a4;
		background-image:url(images/fond-page.gif);
		background-repeat:no-repeat;
		background-position:center top;
		font-family:verdana;
		font-size:10px;
		color:#000;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		width:995px;
		margin:auto;
		padding:0 0 10px 0;
	}
	
	#entete{
		width:995px;
		height:143px;
		background-image:url(images/fond-entete.gif);
		background-repeat:no-repeat;
	}
	
	#logo{
		float:left;
		width:191px;
		margin:0 87px 0 0;
		padding:22px 0 0 81px;
	}
	
	#enteteDroite{
		float:left;
		width:623px;
	}
	
	#langues{
		float:left;
		width:395px;
		margin:22px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	#langues li{
		float:left;
		width:75px;
		margin:0 4px 0 0;
	}
	
	#langues li a{
		text-align: center;
		display: block;
		width: 70px;
		float: left;
		color: #429bb6;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#langues li span{
		float: left;
	}
	
	#langues li a:hover{
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	#moteurRecherche{
		float:left;
		width:206px;
		padding-left: 10px;
	}
	
	#moteurRecherche label{
		float:left;
		width:66px;
		margin:27px 0 0 0;
		font-size:110%;
		color:#2a2a2a;
	}
	
	#recherche{
		float:left;
		display:block;
		width:106px;
		margin:26px 7px 0 0;
		padding:1px 2px 1px 2px;
		border:0;
		background-color:#fff;
		font-family:verdana;
		font-size:11px;
		color:#429bb6;
	}
	
	#rechercheOk{
		float:left;
		width:23px;
		margin:23px 0 0 0;
	}
	
	.translucide{
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	#menu{
		margin:4px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	.menu{
		float:left;
		position:relative;
	}
	
	#menu1{
		width:124px;
		margin:0 1px 0 0;
	}
	
	#menu2{
		width:123px;
		margin:0 1px 0 0;
	}
	
	#menu3{
		width:123px;
		margin:0 1px 0 0;
	}
	
	#menu4{
		width:124px;
		margin:0 1px 0 0;
	}
	
	#menu5{
		width:125px;
		margin:0;
	}
	
	.menuLien{
		display:block;
		height:18px;
		padding:57px 0 0 0;
		text-align:center;
		background-color:#e5e5e2;
		background-repeat:no-repeat;
		font-family:arial;
		font-weight:bold;
		font-size:11px;
		color:#848484;
		text-decoration:none;
	}
	
	.menuLien:hover{
		color:#fff;
	}
	
	#menuLien1{
		width:124px;
		background-image:url(images/menu1-visuel.jpg);
	}
	
	#menuLien2{
		width:123px;
		background-image:url(images/menu2-visuel.jpg);
	}
	
	#menuLien3{
		width:123px;
		background-image:url(images/menu3-visuel.jpg);
	}
	
	#menuLien4{
		width:124px;
		background-image:url(images/menu4-visuel.jpg);
	}
	
	#menuLien5{
		width:125px;
		background-image:url(images/menu5-visuel.jpg);
	}
	
	#menuLien1:hover{
		background-color:#dbc165;
	}
	
	#menuLien2:hover{
		background-color:#b28eb8;
	}
	
	#menuLien3:hover{
		background-color:#adc273;
	}
	
	#menuLien4:hover{
		background-color:#8fabd0;
	}
	
	#menuLien5:hover{
		background-color:#dd9f74;
	}
	
	.sousMenu{
		position:absolute;
		z-index:74;
		top:75px;
		left:0;
		width:190px;
		margin:0;
		padding:0;
		border-top:1px solid #f3efe1;
		list-style:none;
		display:none;
	}
	
	.dernierSousMenu{
		position:absolute;
		z-index:74;
		top:75px;
		left:-65px;
		width:190px;
		margin:0;
		padding:0;
		border-top:1px solid #f3efe1;
		list-style:none;
		display:none;
	}
	
	#sousMenu1{
		background-color:#dbc165;
	}
	
	#sousMenu2{
		background-color:#b28eb8;
	}
	
	#sousMenu3{
		background-color:#adc273;
	}
	
	#sousMenu4{
		background-color:#8fabd0;
	}
	
	#sousMenu5{
		background-color:#dd9f74;
	}
	
	.sousMenuLien{
		display:block;
		width:170px;
		padding:5px 0 5px 20px;
		background-repeat:no-repeat;
		background-position:9px 0;
		color:#fff;
		text-decoration:none;
		font-size:110%;
	}
	
	.sousMenuLien:hover{
		background-color:#f8f6f0;
		background-position:9px -100px;
	}
	
	#sousMenu1 .sousMenuLien{
		background-image:url(images/fleche-menu1.gif);
	}
	
	#sousMenu2 .sousMenuLien{
		background-image:url(images/fleche-menu2.gif);
	}
	
	#sousMenu3 .sousMenuLien{
		background-image:url(images/fleche-menu3.gif);
	}
	
	#sousMenu4 .sousMenuLien{
		background-image:url(images/fleche-menu4.gif);
	}
	
	#sousMenu5 .sousMenuLien{
		background-image:url(images/fleche-menu5.gif);
	}
	
	#sousMenu1 .sousMenuLien:hover{
		color:#52420a;
	}
	
	#sousMenu2 .sousMenuLien:hover{
		color:#52125d;
	}
	
	#sousMenu3 .sousMenuLien:hover{
		color:#4a5d14;
	}
	
	#sousMenu4 .sousMenuLien:hover{
		color:#123058;
	}
	
	#sousMenu5 .sousMenuLien:hover{
		color:#603212;
	}
	
	#flash{
		width:982px;
		height:243px;
		padding:0 0 0 13px;
		background-image:url(images/fond-flash.gif);
		background-repeat:no-repeat;
	}
	
	#page{
		width:995px;
		background-image:url(images/fond-page-bas.gif);
		background-repeat:repeat-y;
	}
	
	#page2{
		width:995px;
		padding:0 0 10px 0;
		background-image:url(images/fond-page-haut.gif);
		background-repeat:no-repeat;
	}
	
	#page3{
		width:995px;
		padding:0 0 10px 0;
		background-image:url(images/fond-page-haut-index.gif);
		background-repeat:no-repeat;
	}
	
	#gauche{
		float:left;
		width:261px;
		padding:43px 0 0 12px;
	}
	
	#titreInfosPratiques{
		margin:0 0 2px 9px;
	}
	
	#adresseOffice{
		margin:0 0 6px 9px;
		font-size:110%;
		color:#429bb6;
	}
	
	#ecrireOffice{
		display:block;
		width:87px;
		margin:0 0 19px 9px;
		padding:0 0 0 16px;
		background-image:url(images/fleche-bleue.gif);
		background-repeat:no-repeat;
		background-position:3px center;
		font-size:110%;
		color:#429bb6;
		text-decoration:none;
	}

	#ecrireOffice:hover{
		text-decoration:underline;
	}
	
	#titreHoraires{
		margin:0 0 0 9px;
		font-size:110%;
		font-weight:bold;
		color:#707070;
	}
	
	#horairesOuverture{
		margin:0 0 0 9px;
		padding-bottom: 10px;
		font-size:110%;
		color:#707070;
	}
	
	#acces{
		width:154px;
		height:110px;
		padding: 0;
		position: absolute;
		top: 645px;
		list-style:none;
		background: transparent;
		margin: 10px 0 30px 0;
		z-index:2;
	}
	
	#acces2{
		height:110px;
		margin-bottom: 10px;
		padding: 0;
		width:154px;
		filter:alpha(opacity=30); 
        -moz-opacity:0.30; 
        opacity:0.30;
        background: #e3d5a4;
	}
	
	#acces li{
		margin:0 0 3px 0;
		padding: 0;
	}
	
	#acces a{
		display:block;
		width:131px;
		padding:2px 0 2px 23px;
		background-image:url(images/fleche-grise.gif);
		background-repeat:no-repeat;
		background-position:9px center;
		font-size:110%;
		color:#707070;
		text-decoration:none;
	}
	
	#acces a:hover{
		text-decoration:underline;
	}
	
	#trouverHotel{
		width:230px;
		height:48px;
		margin:0 0 15px 0;
		padding:9px 0 0 0;
		background-image:url(images/fond-recherche-hotel.gif);
		background-repeat:no-repeat;
	}
	
	#trouverHotel h2{
		margin:0 0 5px 36px;
		font-size:120%;
		font-weight:bold;
		color:#707070;
	}
	
	#choixCatHotel{
		float:left;
		width:149px;
		margin:0 4px 0 0;
		padding:1px 0 0 9px;
	}
	
	#choixCatHotel select{
		width:149px;
		font-family:verdana;
		font-size:11px;
		color:#3b3b3b;
	}
	
	#trouverHotelOk{
		float:left;
		width:23px;
	}
	
	#lienBoutique{
		display:block;
		width:150px;
		height:23px;
		margin:0 0 0 7px;
	}
	
	#lienBrochures{
		display:block;
		width:143px;
		height:17px;
		margin:17px 0 0 7px;
	}
	
	#lienGroupes{
		display:block;
		width:156px;
		height:23px;
		margin:17px 0 0 4px;
	}
	
	#lienPodcast{
		display:block;
		float:left;
		width:53px;
		margin:24px 28px 0 0;
		padding:2px 0 0 32px;
		background-image:url(images/picto-podcast.gif);
		background-repeat:no-repeat;
		background-position:7px 0;
		font-size:120%;
		font-weight:bold;
		color:#6f6f6f;
		text-decoration:none;
	}
	
	#lienEspacePresse{
		display:block;
		float:left;
		width:136px;
		margin:24px 0 0 7px;
		padding:2px 0 2px 0;
	/*	background-image:url(images/picto-espace-presse.gif);*/
		background-repeat:no-repeat;
		font-size:120%;
		font-weight:bold;
		color:#6f6f6f;
		text-decoration:none;
	}
	
	#lienBoutique, #lienBrochures, #lienPodcast, #lienEspacePresse, #lienGroupes{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#lienBoutique:hover, #lienBrochures:hover, #lienPodcast:hover, #lienEspacePresse:hover, #lienGroupes:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#rechercheGeo{
		display:block;
		width:150px;
		margin:0 0 19px 9px;
		padding:0 0 0 16px;
		background-image:url(images/fleche-bleue.gif);
		background-repeat:no-repeat;
		background-position:3px center;
		font-size:110%;
		color:#429bb6;
		text-decoration:none;
	}

	#rechercheGeo:hover{
		text-decoration:underline;
	}
	
	
	#agenda{
		float:left;
		width:543px;
		background-image:url(images/fond-bas-agenda.gif);
		background-repeat:repeat-y;
	}
	
	#agenda2{
		width:515px;
		padding:6px 15px 0 13px;
		background-image:url(images/fond-haut-agenda.gif);
		background-repeat:no-repeat;
	}
	
	#agenda2 h1{
		margin:0 0 14px 0;
		padding:3px 0 2px 23px;
		background-color:#429bb6;
	}
	
	#agendaGauche{
		float:left;
		width:246px;
		margin:0 23px 0 0;
	}
	
	#agendaDroite{
		float:left;
		width:246px;
	}
	
	#agenda2 h2{
		margin:0 0 2px 0;
		font-size:110%;
		font-weight:bold;
		color:#429bb6;
	}
	
	#agenda2 p{
		margin:0 0 8px 0;
		font-size:110%;
		color:#6f6f6f;
	}
	
	#agenda2 p.imageAgenda{
		margin:0 0 12px 0;
		padding:2px 0 0 0;
	}
	
	#agenda2 a{
		display:block;
		/*width:80px;*/
		margin:0 0 8px 0;
		padding:0 0 0 16px;
		background-image:url(images/fleche-bleue.gif);
		background-repeat:no-repeat;
		background-position:3px center;
		font-weight:bold;
		color:#429bb6;
		text-decoration:none;
	}
	
	#agenda2 a:hover{
		text-decoration:underline;
	}
	
	.imageAGauche{				/* image à gauche dans paragraphe */
		float:left;
		margin:2px 6px 0 0;
	}
	
	.imageADroite{				/* image à droite dans paragraphe */
		float:right;
		margin:2px 0 0 6px;
	}
	
	.agendaSeparateur{
		height:1px;
		margin:0 0 10px 0;
		background-color:#d9d9d6;
		border-top:4px solid #f9f9f9;
		border-bottom:4px solid #f9f9f9;
	}
	
	#agendaPied{
		width:543px;
		height:15px;
		background-image:url(images/fond-pied-agenda.gif);
		background-repeat:no-repeat;
	}
	
	#droite{
		float:left;
		width:166px;
		padding:2px 0 0 0;
	}
	
	#droite h2{
		width:166px;
		margin:0;
	}
	
	.droiteTexte{
		margin:0 0 8px 0;
		padding:8px 10px 10px 18px;
		background-color:#dedfd1;
	}
	
	.droiteTexte a{
		display:block;
		border-left:2px solid #371e01;
		padding:0 0 0 4px;
		font-size:110%;
		color:#371e01;
		text-decoration:none;
	}
	
	.droiteTexte a:hover{
		text-decoration:underline;
	}
	
	#pied{
		width:995px;
		height:30px;
		padding:9px 0 0 0;
		background-image:url(images/fond-pied.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		text-align:center;
		font-size:120%;
		color:#383838;
	}
	
	#pied a{
		text-decoration:none;
		color:#383838;
	}
	
	#pied a:hover{
		text-decoration:underline;
	}
	
	
	
	/*		ajout clement - page.php			*/
	#contenuPage{
		float:left;
		width:710px;
		background-color: #fff;
		padding: 5px 0 15px 0;
		color: #6f6f6f;
	}
	
	#contenuPage a{
		color: #429bb6;
		text-decoration:none;
	}
	
	#contenuPage a:hover{
		text-decoration:underline;
	}
	
	#contenu{
		width:660px;
		margin-left: auto;
		margin-right: auto;
		font-size:130%;
	}
	
	#contenu h1{
		margin:0 0 0 0;
		padding:40px 0 0 83px;
		font-size:150%;
		font-weight:bold;
		color:#429bb6;
		background-image:url(images/fond-titre.gif);
		background-repeat:no-repeat;
	}
	
	#contenu .ligne{
		margin: -2px 0 14px 37px;
		height: 1px;
		width: 648px;
		border-top: 1px solid #429bb6;
	}
	
	#contenu h2{
		font-size:110%;
		font-weight:bold;
		color:#429bb6;
		margin:10px 0 10px -15px;
		padding: 0 0 5px 15px;
		background-image:url(images/fond-titre2.gif);
		background-repeat:no-repeat;
		background-position: bottom left;
	}

	#contenu h3{
		font-size:110%;
		font-weight:bold;
		color:#429bb6;
	}
	
	/*		informations haut de page		*/
	
	#informations{
		width: 630px;
		margin-left: auto;
		margin-right: auto;
		color: #000;
		margin-top: 20px;
	}
	
	#informationsGauche{
		float: left;
		width: 315px;
		padding-top:15px;
	}
	
	#informationsDroite{
		float: left;
		width: 315px;
		padding-top:15px;
	}
	
	#informations span{
		color: #9a7e12;
		padding-top:40px;
		padding-left: 36px;
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	
	#informations p{
		margin: 0 0 25px 0;
		padding-left: 15px;
	}
	
	.horaires{
		background-image:url(images/picto-horaires.gif);
	}
	
	.billeterie{
		background-image:url(images/picto-billeterie.gif);
	}
	
	.tarifs{
		background-image:url(images/picto-tarifs.gif);
	}
	
	.visites{
		background-image:url(images/picto-visites.gif);
	}
	
	.tableHebergement, .tableHebergement td{
		border: 1px solid #6f6f6f;
		border-collapse: collapse;
		padding: 5px 5px 5px 5px;
	}
	
	.tableTelephone{
		width:130px;
		text-align: center;
	}
	
/*		recherche geographique		*/
	#planAccess, #planAccess2{
		width: 650px;
		height: 650px;
		margin-right: auto;
		margin-left: auto;
	}
	
	#planAccess2{
		height: 450px;
	}
	
/*		sommaire					*/
	#sommaireListe li, #sommaireListeAuto li{
		list-style-image:url(images/fleche-bleue.gif);
	}
	
	#sommaireListe, #sommaireListeAuto{
		margin-bottom: 30px;
		padding-left: 20px;
		margin-top:5px;
	}
	
	.googleInfo{
		width: 400px;
		height: 100px;
	}

	.googleInfo .droiteHaut p{
		padding-left: 10px;
	}
	
	#besoinAide{
		background: url(images/fond-conseil.jpg) no-repeat top left;
		height: 91px;
		width: 166px;
		text-align: center;
		color: #75251b;
		padding-top: 15px;
		font-size: 150%;
		margin-top: 5px;
	}
	
	.annonceDroite{
		/*background: #dedfd1 url(images/fond-visite.jpg) no-repeat top left;*/
		background: #dedfd1;
	}
	
	.annonceDroite a{
		color: #381d00;
		text-decoration: none;
	}
	
	.annonceDroite a:hover{
		color: #381d00;
		text-decoration: underline;
	}
	
	.annonceDroite p{
		border-left: 2px solid #381d00;
		
		font-size: 130%;
		padding-left: 5px;
		text-align: left;
		margin-left: 15px;
	}
	
	.annonceGauche, .annonceDroite{
		margin-top: 10px;
		text-align: center;
	}

	#contenuGuide{
		width:660px;
		margin-left: auto;
		margin-right: auto;
		font-size:130%;
	}
	
	#contenuGuide h1{
		margin:0 0 0 0;
		padding:40px 0 0 83px;
		font-size:150%;
		font-weight:bold;
		color:#429bb6;
		background-image:url(images/fond-titre.gif);
		background-repeat:no-repeat;
	}

	#listeGuide {
		margin-top:20px;
		float:left;
		width:280px;
		list-style:none;
	}

	#listeGuide li {
		margin:2px;
		padding:5px;
		font-weight:bold;
	}

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

	#texteGuide {
		font-size:90%;
		background-color:#f3efe1;
		float:left;
		width:280px;
		margin:22px 2px 2px 2px;
		padding:5px;
		min-height:549px;
	}
	
	.petitItalique {
		font-size:80%;	
		font-style:italic;
	}

	#sousCatGuide {
		float:left;
		width:280px;
		margin:22px 2px 2px 2px;
		padding:5px;
		min-height:549px;
	}

	#sousCatGuide a {
		color:#fff;
		font-weight:bold;
	}

	#contenuGuide h2{
		margin:20px 0 0 0;
		padding:5px;
		width:550px;
		font-size:130%;
		font-weight:bold;
		color:#fff;
	}

	#contenuGuide h3{
		margin:20px 0 0 0;
		padding:5px 5px 5px 25px;
		width:530px;
		font-size:115%;
		font-weight:bold;
		color:#fff;
	}

	#enteteGuide {
		margin:20px 0 0 0;
		text-align:center;
	}
	
	.invisible{
		display: none;
	}
	
	.clearSpan{
		clear: both;
		display: block;
	}
	
	/* affichage diaporamas */
	#contenuPage .paginationAlbum{
		display: inline;
		float: right;
		list-style: none;
		margin: 0 35px 0 0;
		text-align: right;
	}
	
	#contenuPage .paginationAlbum li{
		display: block;
		float: left;
		width: 20px;
	}
	
	#contenuPage .paginationAlbum li a{
		font-weight: bold;
	}
	
	#contenuPage td.galerieVignette{
		background: #f3efe1;
		height: 110px;
		text-align: center;
		width: 110px;
	}
	
	#contenuPage td.galerieVignette a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#contenuPage .paginationAlbum li a.actif{
		color: #6f6f6f;
	}
	/* affichage diaporamas */