body {
margin:0;
padding: 0;
font-family:Arial;
font-size:1em;
text-decoration:none;
background:#645e54 url(../images/bg.jpg) fixed no-repeat top center;
color:#645e54;
}   

@font-face {
    font-family: 'Helvetica57CondensedRoman';
    src: url('helveticacd-webfont.eot');
    src: url('helveticacd-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticacd-webfont.woff') format('woff'),
         url('helveticacd-webfont.ttf') format('truetype'),
         url('helveticacd-webfont.svg#Helvetica57CondensedRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper_visite {width:222px; height:180px; overflow:hidden; float:right; margin-bottom:15px;}
#container_visite {position:relative;}
#slider_visite {float:left; position:relative; overflow:hidden; width:222px; height:180px}
#slider_visite ul {position:absolute; list-style:none; top:0; left:0}
#slider_visite li { float:left; width:222px; height:180px; position:relative;}
.pagination_visite {display:none; position:absolute; top:185px; left:640px; list-style:none;}
.pagination_visite li {float:left; cursor:pointer; height:20px; width:18px; margin-right:12px; background:url(../images/pagination_off.png) no-repeat top center;}
.pagination_visite li:hover, li.current {background:url(../images/pagination_on.png) no-repeat top center;}

.legende_droite_visite {
	background:url(../images/fond_legende_visite.png) bottom center no-repeat;
	position:absolute;
	right:0px;
	bottom:0px;
	width:222px;
	height:17px;
	padding-top:25px;
}

.txt_legende {
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	float:right;
	margin-right:10px;
}

*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
	color:#F39500;
	font-weight:bold;
}

a:hover{
text-decoration:underline;
}

img {
border:0px;
}

p{
	font-size:0.8em;
	/*text-align:justify;	*/
}

.bloc_droit_visite {
	background:url("../images/bg_droit_visite.jpg") bottom center no-repeat #a1c200;
	width:220px;
	color:#FFF;
	padding:10px;
	position:absolute; top:0px; right:0px;
}

.titre_droit_visite {
	text-transform:uppercase;
	font-size:19px;
	font-weight:bold;
}

#menu li{
float: left;
margin: 0px;
padding: 0px;
border: 0px;
list-style-type: none;
}

h1{
	color:#645e54;
	font-size:1.5em;
	font-family:'Verdana';
	text-transform:uppercase;
	margin-bottom:5px;
}

h2{
	color:#645e54;
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:10px;
}

h3{
	padding-left:12px;
	color:#645e54;
	font-size:0.9em;
	text-transform:uppercase;
	margin-bottom:6px;
}

.titre_visite {
	color:#a1c200;
	font-weight:normal;

	float:left;	
}

.titre_vert {
	color:#a1c200;
	font-weight:normal;
}




.titre_rose {
	color:#ca438d;
	font-weight:normal;
}

.titre_orange {
	color:#dc931a;
	font-weight:normal;
}

.titre_bleu {
	color:#48b9dd;
	font-weight:normal;
}

.titre_jaune {
	color:#e4cb21;
	font-weight:normal;
}

.titre_violet {
	color:#8e0135;
	font-weight:normal;
}

.titre_reservation_individuels {
	color:#bb3e83;
	font-weight:normal;
	float:left;
	text-transform:uppercase;
}

#contenu_agenda img{
	margin:10px;	
}

#contenu_agenda h4{
	color:#dc931a;	
}

#contenu_agenda hr{
	color:#dc931a;	
}


.titre_visite1 {
	color:#a1c200;
	font-weight:bold;
	font-size:25px;
}

.titre_visite2 {
	color:#a1c200;
	font-size:23px;
}

hr {
color:#ffffff;
width:100%;
border:none;
border-bottom: 1px solid #e3e3e3;
clear:both;
margin-top:15px;
margin-bottom:15px;
height:10px;
}

.clear{
	clear:both;
}

#conteneur{
	width:1006px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#entete{
	width:1006px;
	height:170px;
	position:relative;
}

#intro{
	font-weight:bold;
	font-style:italic;
	margin-bottom:15px;
}



#img_accueil_haut{
	float:left;
	margin-top:6px;
	margin-left:5px;
}

#img_titre_haut{
	margin-top:40px;
	margin-left:7px;
	color:#3CF;
}

#menu_haut{
	font-size:0.6em;
	position:absolute; 
	right:100px;
	top:7px;
	color:#FFF;
}

#menu_haut a{
	font-weight:normal;
	color:#FFF;
	margin-left:7px;
	margin-right:7px;
}

#menu_haut .btn_reseaux{
	float:left;
	margin-right:0px;
	margin-left:10px;
	
}

#menu_haut_liens{
	float:left;
	margin-top:7px;
}

#menu_haut_liens a{
	float:left;
}

#menu_haut_liens span {
	float:left;
}

.liste_liens_interne{
	display:none;
	clear:both;
margin-bottom:15px;
	padding-bottom:10px;

}

.titre_content{
	cursor:pointer;

	clear:both;
	padding-top:30px;
}

#img_enfant_right{
	display: none;
	visibility: hidden;
}

#btn_sites_michaeliques{
	position:absolute; 
	right:0px;
	top:0px;	
}

#bloc_droit{
	float:right;
	width:191px;

}

#bloc_gauche{
	float:left;
	width:750px;
	

}

#menu{
	font-family:Arial, Helvetica, sans-serif;
	color:#e4cb21;
	font-size:0.75em;
	position:relative;
	height:30px;
	z-index:1000;
	position:absolute;
	top:150px;
	left:270px;
}

#menu a{
	color:#FFF;
	margin-left:18px;
	margin-right:18px;
	font-weight:bold;
	font-size: 13px;
}

#menu #menu_princ li:hover{
		height:30px;
		background:url(../images/menu_item_selected.png) no-repeat bottom center;
		z-index:1000;
}

#legende_carousel{
	width:236px;
	height:38px;
	text-align:center;
	position:absolute;
	top:300px;
	left:257px;
	background:url(../images/bg_legende_image.jpg) no-repeat top center;
	z-index:100;
	color:#FFF;
	font-size:12px;
	padding-top:5px;
	overflow:hidden;
}

#but2{
	float:left;
	margin-top:17px;
	margin-left:7px;
	cursor:pointer;
}

#but1{
	float:right;
	margin-top:17px;
	margin-right:7px;
	cursor:pointer;
}

#title-text{
	font-weight:bold;	
}


#menu a:hover{
	color:#e4cb21;
	text-decoration:none;
	
}

.sous_menu{
display:none;
position:absolute;
width: 966px;
background:url(../images/bg_sousmenu.png) repeat top center;
z-index:100;
position:absolute;
left:-270px;
top:18px;
padding:20px;
}

.titre_sous_menu{
	width:371px;
	margin-right:64px;
	float:left;
	font-family:'Helvetica57CondensedRoman';
	color:#645e54;
	font-size:2em;	
}

.titre_sous_menu img{
	margin-bottom:11px;
}

.sous_menu_content{
	width:250px; 
	margin-right:10px;
	float:left;
}

.sous_menu_content li{
	margin-bottom:14px;
	clear:both;
}


.sous_menu_content .lien_articles{
font-weight:normal;
text-decoration:none;
font-size:0.8em;
color:#645e54;
}

.sous_menu_content .lien_articles:hover{
text-decoration:underline;

}

.sous_menu_titre_rubrique{
	color:#645e54;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	cursor:pointer;
	font-size:0.9em;
	
}

.sous_menu_titre_rubrique:hover{
	text-decoration:none;
}

#home_page{
	position:relative;	
}

#rocher_bas_hp{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	
}

#wrapper_actu {width:791px; height:302px; overflow:hidden; float:right;}
#container_actu {position:relative;}
#slider_actu {float:left; position:relative; overflow:hidden; width:791px; height:302px}
#slider_actu ul {position:absolute; list-style:none; top:0; left:0}
#slider_actu li {float:left; width:791px; height:302px; cursor:pointer; position:relative; background-size: 100% auto; }
.pagination_actu {position:absolute; top:185px; left:640px; list-style:none;}
.pagination_actu li {float:left; cursor:pointer; height:20px; width:18px; margin-right:12px; background:url(../images/pagination_off.png) no-repeat top center;}
.pagination_actu li:hover, li.current {background:url(../images/pagination_on.png) no-repeat top center;}

.content_slidder_actus{
	width:704px;
	height:80px;
	background:url(../images/bg_texte_actu.png) no-repeat bottom right;
	position:absolute; 
	bottom:0px;
	right:0px;
	padding-right:25px;
	padding-top:37px;
	text-align:right;
}

.content_slidder_actus .titre{
	font-size:1.8em;
	color:#FFF;
	text-transform:uppercase;
	height:30px;
	overflow:hidden;
	width:677px;
	float: right;
	font-weight:bold;	
}

.content_slidder_actus .sous_titre{
	font-size:1.6em;
	color:#FFF;
	text-transform:lowercase;
	height:30px;
	overflow:hidden;
	width:700px;
}

.content_slidder_actus .sous_titre a{
	font-size:0.5em;
}

.lien_archives{
	font-size:0.7em;
	color:#FFF;
	position:absolute;
	bottom:5px;
	right:25px;
	z-index:1000px;
		
}

.autopub{
	background:url(../images/bg_autopub.png) no-repeat top center;
	width:328px;
	height:162px;
	float:left;
	margin-top:5px;
	padding:5px;
	cursor:pointer;
}

.autopub_small{
	background:url(../images/bg_autopub_small.png) no-repeat top center;
	width:190px;
	height:90px;
	margin-top:5px;
	padding:5px;
	cursor:pointer;
}

#liste_autopubs{
	width:1014px;
	margin-left:-4px;	
}

#agenda_hp{
	background:url(../images/bg_agenda_hp.png) no-repeat top center;
	width:301px;
	height:115px;
	float:left;
	margin-top:5px;
	padding-left:22px;
	padding-top:13px;
	padding-right:15px;
	padding-bottom:45px;
	color:#343434;
}

#wrapper_agenda {width:302px; height:114px; overflow:hidden; position:relative;}
#container_agenda {position:relative; width:197px; z-index:1;}
#slider_agenda {float:left; width:197px; height:114px; overflow:hidden; z-index:1; }
#slider_agenda ul {position:absolute; list-style:none; top:0; left:0; z-index:1;}
#slider_agenda li {float:left; width:768px; height:302px; cursor:pointer; position:relative; z-index:1;}
.pagination_agenda {display:none;}
.sliderbuttonAgenda {width:10px; height:10px; cursor:pointer; z-index:100;}
#slideleftagenda {background:url(../images/arrow_left.png) no-repeat top center; position:absolute; top:8px; left:5px;}
#sliderightagenda {background:url(../images/arrow_right.png) no-repeat top center; position:absolute; top:8px; right:8px;}

.titre_mois_agenda{
	width:197px;
	height:27px;
	line-height:27px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	font-size:1.05em;
	overflow:hidden;		
}

.contenu_agenda{
	margin-left:12px;
	margin-top:8px;
	width:285px;
}

#lien_all_agenda{
	background:url(../images/bg_tout_agenda.jpg) no-repeat top center;
	width:105px;
	height:12px;
	padding-top:16px;
	padding-right:11px;
	z-index:1000;
	position:absolute;
	top:0px;
	right:-5px;
	text-align:right;
}

#lien_all_agenda a{
	color:#343434;
	font-size:0.6em;
	font-weight:normal;
}

.date_event_agenda{
	font-weight:bold;
	font-size:1em;
	height:20px;
	overflow:hidden;
}

.infos_event_agenda{
	font-weight:bold;
	font-size:0.9em;	
		height:18px;
	overflow:hidden;
}

.title_event_agenda{
	font-size:0.8em;
	font-style:italic;	
}


.slider_content_agenda {float:left; width:197px; height:114px; overflow:hidden; z-index:1; }
.slider_content_agenda ul {position:absolute; list-style:none; top:0; left:0; z-index:1;}
.slider_content_agenda li {float:left; width:768px; height:302px; cursor:pointer; position:relative; z-index:1;}
.pagination_agenda {display:none;}

#contenu_interne{
	width:966px;
	padding:20px;
	background:#FFF;
	float:left;	
}

#contenu_interne_popup{
	width:740px;
	padding:20px;
	background:#FFF;}

#arianne{
	color:#645e54;
	font-size:0.6em;
	margin-bottom:26px;	
}


#arianne a{
	color:#645e54;
	font-weight:normal;
	
}

#bloc_ajout_com{
	padding:10px;
	float:left;
	width:250px;
	clear:both;
	background:#ededed;
	color:#534a4a;
	margin-right:15px;
	font-size:0.8em;
}

#warning{
	font-size:0.8em;
	font-weight:bold;
	color:#960404;
	margin:10px;
}

#valide{
	font-size:0.8em;
	font-weight:bold;
	margin:10px;
}

#mentions_com{
	font-size:10px;
	font-style:italic;
	margin-top:5px;	
	float:left;
	clear:both;
	margin-top:30px;
	width:250px;
	text-align:justify;
}

.lien_com{
	padding-bottom:10px;
}

.nom_auteur_commentaire{
	font-size:0.9em;
	color:#534a4a;
	font-weight:bold;
}

.texte_commentaire{
	font-style:italic;	
}

.date_commentaire{
	font-size:0.6em;
	float:right;
	color:#000;	
}

.faq{
	display:none;
	
}

.question_faq{
	cursor:pointer;
	margin-bottom:15px; 
		
}

#entete_webcam{
width:620px;
height:22px;
padding-left:20px;
background:black;
color:white;
line-height:22px;
font-size:0.7em;
clear:both;	
margin-left:47px;
}

#adresse_bloc_contact{
	float:right;
	font-size:0.8em;
}

#bloc_reservation_gauche{
	width:575px;
	float:left;
	position:relative;
}

#form p
{
    margin: 2px 0;
	
}

#form fieldset
{

    border: #CCC 1px solid;
    position: relative;
    left: 25px;
    width : 640px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;

    

}


#form fieldset legend
{
    padding: 0 10px;
    border-left: #CCC 1px solid;
    border-right: #CCC 1px solid;
    font-size: 0.9em;
    color:#40483f;
}

#form label{

    display: block;
    width: 150px;
    float: left;
    padding-right: 15px;
}


#form input, #form select
{
        width: 250px;
border:1px solid #404040;
        
        padding-left: 5px;
}


/* button submit */
#form input[type="submit"]
{
    border: #DDEEFF 1px solid;
    width: 125px;
    position: relative;
    top: 15px;
    left: 490px;
	margin-bottom:15px;
    
}

#form input[type="submit"]:hover
{
    background-color: #b6bdd2;
    cursor: pointer;
}

#form_souvenir p
{
    margin: 2px 0;
	
}

#form_souvenir fieldset
{

    border: #CCC 1px solid;
    position: relative;
    left: 25px;
    width : 540px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;

    

}


#form_souvenir fieldset legend
{
    padding: 0 10px;
    border-left: #CCC 1px solid;
    border-right: #CCC 1px solid;
    font-size: 1.2em;
    color:#40483f;
}

#form_souvenir label{
    
    display: block;
    width: 150px;
    float: left;
	color:#574841;

    padding-right: 15px;

}


#form_souvenir input, #form_souvenir select
{
        width: 235px;
border:1px solid #404040;
        
        padding-left: 5px;
}


/* button submit */
#form_souvenir input[type="submit"]
{
	left:62px;
	top:5px;
	width:155px; 
	margin-bottom:15px; 
	border:1px solid #534a4a;
    position: relative;
    
}

#form_souvenir input[type="submit"]:hover
{
    background-color: #b6bdd2;
    cursor: pointer;
}

#form_coordonnees p
{
    margin: 2px 0;
	
}

#form_coordonnees fieldset
{

    border: #bb3e83 1px solid;
    position: relative;
    width : 530px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;

    

}


#form_coordonnees fieldset legend
{
    padding: 0 10px;
    border-left: #bb3e83 1px solid;
    border-right: #bb3e83 1px solid;
    font-size: 14px;
    color:#40483f;
}

#form_coordonnees label{
    
    display: block;
    width: 170px;
    float: left;
	padding-right: 15px;
}

#form_coordonnees input, #form_coordonnees select
{
        width: 250px;
border:1px solid #404040;
        
        padding-left: 5px;
}

#bandeau_bas{
width:100%;
height:270px;
background:#FFF;
margin-top:35px;
clear:both;
}

#infos_date{
display:none;
padding:5px;
}

#bloc_reservation_gauche table{
	border:1px solid #bb3e83;
	width:560px;
}


#bloc_reservation_gauche th{
	background:#bb3e83;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;	
	padding:5px;
}

#bloc_reservation_gauche td{
	font-size:12px;
	padding:5px;
	border-bottom:1px dashed #bb3e83;

}

#bloc_reservation_gauche .td_blanc{
	background:#FFF;
	}
	
#bloc_reservation_gauche .td_gris{
	background:#e3e3e3;
	}
	
#bloc_reservation_gauche .td_total{
	color:#bb3e83;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
		border-bottom:none;
}

/* button submit */
#bloc_reservation_gauche input[type="submit"]
{
	background:#bb3e83;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	padding:5px;
	border:none;
	position: relative;
    top: 15px;
    left: 413px;
	width:150px;
	border:1px solid #bb3e83;
	
}

#bloc_reservation_gauche input[type="submit"]:hover
{
	background:#FFF;
	color:#bb3e83;
	border:1px solid #bb3e83;
	
}

#panier{
	float:right;
	width:150px;
	background:#bb3e83;
	padding:10px;
	color:#FFF;
	font-size:11px;
	margin-top:2px;
}

#titre_panier{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

.prix_ttc{
	font-weight:bold;
	color:#bb3e83;	
}
#contenu_bandeau_bas{
    width: 1006px;
    margin-left: auto;
    margin-right: auto ;
    text-align: left;
	padding-top:35px;
	font-size:0.6em;
}
#contenu_bandeau_bas a{
color:#808080; font-weight:normal;
padding-bottom:7px;
}

#container {
  /*border:1px solid red;*/
  clear:both;
  width:750px;
  height:500px;
}

#text {
  width: 500px;
  height: auto;
  margin-left: 300px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5000;
  position: absolute;
}


.demo1 {
float:left;
width:750px;
height:600px;

-moz-box-shadow:0 0 5px #ddd;
-webkit-box-shadow:0 0 5px #ddd;
box-shadow:0 0 5px #ddd;
}

.sitesmich{
float:left;
width:750px;
height:574px;

-moz-box-shadow:0 0 5px #ddd;
-webkit-box-shadow:0 0 5px #ddd;
box-shadow:0 0 5px #ddd;
} {
float:left;
width:750px;
height:600px;

-moz-box-shadow:0 0 5px #ddd;
-webkit-box-shadow:0 0 5px #ddd;
box-shadow:0 0 5px #ddd;
}


.preloader {
background:url(../images/loader.gif) no-repeat center #fff;
}

.marker {
display:block;
text-indent:-9999px;
width:30px;
height:30px;
outline:none;
cursor:pointer;
}

.popup {
width:400px;
position:absolute;
background:url(../images/bg_popup.png);
color:#645e54;
font-size:14px;
z-index:1000000000;
border-radius: 10px;
}

.popup h4 {
margin:0;
margin-bottom:10px;
padding:0px;
font-weight:bold;
font-size:14px;
color:#645e54;
}

.popup .close {
display:block;
text-indent:-9999px;
position:absolute;
top:4px;
right:4px;
width:16px;
height:16px;
outline:none;
background:url(../images/close2.png) no-repeat;
cursor:pointer;
}

.relative {
position:relative;
}

.controls {
	display:none;
position:absolute;
top:15px;
right:10px;
z-index:20;
width:150px;
}

.controls a {
background:#645e54;
background:rgba(0, 0, 0, .8);
display:block;
float:right;
clear:both;
font-size:10px;
font-weight:bold;
line-height:14px;
margin-bottom:2px;
outline:none;
padding:0 5px;
text-decoration:none;
width:150px;
}

.controls a:hover {
background:#eee;
color:#2a2a2a;
}

.controls .active {
background:#e4cb21;
color:#000;
}

.content_autopub{
width:350px;
border-radius: 10px;
margin:10px; 
float:left;
background:#e8e8e8;
text-align:left;

	
}

#return{
	color:#F39500;
}

.div_content img{
	margin : 10px;
}