/* CSS Document */
body{
	margin:0;
	padding:0;
	background:#379F2C url(fond.png) repeat-x;
}
#conteneur{
	width:1040px;
	margin:auto;
	height:600px;
	position:relative;
}

#conteneurGauche{
	width:420px;
	height:495px;

	margin:0;
	padding:0;
	float:left;
}
#conteneurGauchehebergement{
	width:420px;
	height:181px;
	margin:0;
	padding:0;
	float:left;
}
.offre-spe{
  position: absolute;
  z-index:1000;
  left:360px;
 top:80px;
}
.offre-spe img{
  border: none;
}
.offre-spe a{
  border: none;
}

.offre-spe2{
  position: absolute;
  z-index:0;
  left:514px;
 bottom:107px;
}
.offre-spe2 img{
  border: none;
}
.offre-spe2 a{
  border: none;
}

.derniere_minute{
  position: absolute;
 z-index:0;
 left: 370px;
  top: 458px;
}
.derniere_minute img{
  border: none;
}
.derniere_minute a{
  border: none;
}



#video{
  position: absolute;
 right: -4px;
  top: 468px;
  z-index:5000;
}






h1{
	background:url(images/h1.png) no-repeat;
	margin:0;
	padding:0;
	background-position:0 20px;
	height:45px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 19px;
	font-weight: bold;
	color: #FF007C;
	text-align:center;
}
.h1Pages{
	background:url(images/h1-pages.png) no-repeat;

	height:60px;
	text-align:left;
	padding-left:15px;
	
}
.h1PagesOrange{
	background:url(images/sous-titre-orange.png) no-repeat;
	width:500px;
	height:60px;
	text-align:left;
	padding-left:15px;
	
}
h2{
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin:0;
	padding:0;
}
h3{
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin:0;
	padding:0;
}
h4{
	margin:0;
	padding:0;
	background:url(images/fond-onglet-tarifs.jpg) no-repeat;
	width:295px;
	height:40px;
	line-height:40px;
	padding-left:5px;
	font-size: 16px;
}
h6{
	font-family: Tahoma, Arial;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	border-bottom:1px dashed #fff;
	margin:0;
	padding:0 0 3px 0;
}

#contenthebergement{
	clear:both;
	width:auto;
	height:auto;}

#TexteGauche{
	background:url(images/fond-texte-homepage.png) no-repeat #FF007C;
	width:390px;
	height:290px;
	clear:both;
	margin:-5px 0 0 0;
	padding:15px;
}
#TexteGaucheHebergement{
	background:#CAE3F9;
	width:390px;
	height:285px;
	clear:both;
	margin:0;
	padding:15px;
	border-left:3px solid #FF007C;
	border-right:1px dashed #9BC3FF;
}
#ZoneTexteGauche{
	width:360px;
	height:200px;
	clear:both;
	margin:5px 10px 0 10px;
	padding-right:5px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000;
	text-align: justify;
	overflow: auto;
	scrollbar-face-color:#49A729;
	scrollbar-arrow-color:#fff;
	scrollbar-track-color:#D1E7FA;
	scrollbar-shadow-color:#49A729;
	scrollbar-highlight-color:#49A729;
	scrollbar-3dlight-color:#49A729;
	scrollbar-darkshadow-Color:#49A729;
	scrollbar-border:none;

}

#ZoneTexteGauche a{
	color:#FF007C;
}
#ZoneTexteGauche a:hover{
	color:#FF007C;
	text-decoration:none;
}
#TexteGauche td{
	padding-left:5px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
#TexteGauche input{
	padding-left:5px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #666666;
	font-weight:normal;
}
#footer{
	background: url(images/fond-footer.png) repeat-x;
	height:82px;
	width:100%;
	clear:both;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
}
#footer a{
	color: #FFFFFF;
}

a.boldbuttons{
	background: transparent url('media/roundedge-gray-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color:#fff;
}

a.boldbuttons span{
background: transparent url('media/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



#conteneurDroite{
	width:620px;
	float:left;	
}
#rub1Top{
	width:auto;
	/*width:440px;*/
	height:40px;
	background:url(images/fond-rubTop-fr.png) no-repeat;
	float:left;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}
#rub1Top ul{
	margin:0;
	padding:0;
	line-height:30px;
}
#rub1Top li{
	list-style-type:none;
	float:left;

}
#rub1Top li a{
	color: #FFFFFF;
	text-decoration:none;
}
#rub1Top li a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}





#rub1TopHebergement{
	width:auto;
	height:40px;
	background: url(images/fond-rubTopfr-hebergement.png) no-repeat;
	float:left;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}
#rub1TopHebergement ul{
	margin:0;
	padding:0;
	line-height:30px;
}
#rub1TopHebergement li{
	list-style-type:none;
	float:left;

}
#rub1TopHebergement li a{
	color: #FFFFFF;
	text-decoration:none;
}
#rub1TopHebergement li a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}




.accueilFrHebergement{
	background:#FF7D1B;
	margin-left:10px;
	padding-left:15px;
	background-position:0 8px;
	padding-right:30px;
}
.accueilFr{
	background:url(images/icon-accueil.png) no-repeat;
	margin-left:10px;
	padding-left:15px;
	background-position:0 7px;
	width:98px;
}

.contactFr{
	background:url(images/icon-contact.png) no-repeat;
	padding-left:18px;
	background-position:0 8px;
	margin-left:10px;
	width:150px;
}

.ResaFr{
	background:url(images/icon-resa.png) no-repeat;
	padding-left:17px;
	background-position:0 8px;
	margin-left:5px;
	width:117px;

}
.Resa12{
	width:130px;
	height:32px;
	background:url(images/icon-resa.png) no-repeat #FF007C;
	padding:0 15px 0 20px;
	background-position:3px 8px;
	margin-left:1px;

}



#MenuTopFr{
	width:620px;
	height:34px;
	list-style:none !important;
	background-color: #359E2D !important;
}


#MenuTop2{
	width:180px;
	height:34px;
	float:left;
	padding-left:13px;
	background-color: #359E2D;
	background-image: url(images/fond-menuTop2.png);
	background-repeat: no-repeat;
}
#MenuTop2 ul{
	margin:0;
	padding:0;
	background-color: #349D2C;
}
#MenuTop2 li{
	padding: 15px 20px 4px 2px;
	list-style-type:none;
	float:left;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}
#MenuTop2 li a{
	color: #FFFFFF;
	text-decoration:none;
}
#MenuTop2 li a:hover{
	color: #66CCFF;
	text-decoration:none;
}


#coxBleue{
	float:left;
	width:180px;
	height:40px;
	z-index:0;
}
#PhotoramaHomepage{
	width:569px;
	height:420px;
	float:left;
	clear:both;
}
#animHome{
	clear:both;
	width:auto;
	height:auto;
	float:left;
}

#drapeaux{
	width:51px;
	height:420px;
	float:left;}



#footerAdresse{
	padding:30px 0 0 8px;
	margin-left:20px;
	float:left;
	width:188px;
	height:82px;
	background:url(images/fond-adresse-footer.png) no-repeat;
}

#footerContent{
	padding:45px 0 0 8px;
	margin-left:20px;
	float:left;
	height:82px;
	background:url(images/fond-footer-content.png) no-repeat;
}
#footerContent a{
	color:#FFFFFF;
}
#footerContent a:hover{
	text-decoration:none;
}
.footerContent{
	padding:45px 0 0 8px;
	/*margin-left:20px;*/
	float:left;
	height:82px;
	background:url(images/fond-footer-content.png) no-repeat;
}
.footerContent a{
	color:#FFFFFF;
}
.footerContent a:hover{
	text-decoration:none;
}

#page{
	background:#CAE3F9;
	border-right:3px solid #FF007C;
	border-top:3px solid #FF007C;
	width:620px;
	height:auto;
	clear:both;
	font-family: Tahoma, Arial, Verdana;
}

#pageHebergement{
	background:#CAE3F9;
	border-right:3px solid #FF007C;
	border-left:3px solid #FF007C;
	padding:10px;
	width:auto;
	height:auto;
	clear:both;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
}
#pageHebergement table{
	width:100%;
}
#pageHebergement td{
	padding:3px;
	/*white-space:nowrap;
	border-left:1px dashed #fff;
	border-bottom:1px dashed #B7D6FB;*/
}
#pageHebergement a{
	display:block;
	color:#000;
	text-decoration:underline;
	margin:3px 0;
}
#pageHebergement a:hover{
	text-decoration:none;
}

#pagesunelia{
	background:#CAE3F9;
	border-right:3px solid #FF007C;
	border-left:3px solid #FF007C;
	padding:10px;
	width:auto;
	height:auto;
	clear:both;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
}
#pagesunelia table{
	width:auto;
}
#pagesunelia td{
	padding:5px;

	/*border-left:1px dashed #fff;
	border-bottom:1px dashed #B7D6FB;*/
}
#sousMenuHebergement{
	width:auto;
	height:89px;
	padding:15px 0 0 10px;
	border-right:3px solid #FF007C;
	border-top:3px solid #FF007C;
	background:#CAE3F9;
	clear:both;
	margin:0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	}
	#sousMenuHebergement p{
	font-size: 11px;
	color: #000000;
	font-weight: normal !important;

	}
#PageContent{
	height:330px;
	width:600px;
	margin-top:25px;
	clear:both;
	padding-top:40px;
	padding-bottom:20px;
	
}
#page table{

	font-size: 11px;
	color: #000000;
	width:auto;
}
#page td{
	padding:2px;
	font-size: 11px;
}

.InterligneTrans{
background:#fff;
filter: Alpha(Opacity="80");
}


.boutonrouge{
	background:url(images/fond-bouton.png) no-repeat;
	width:158px;
	height:39px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
	line-height:38px;
	margin-bottom:15px;
	float:left;
 }
.boutonrouge a{
	color: #FFFFFF;
	text-decoration:none;
 }
 .boutonrouge a:hover{
	color: #FFFFFF;
	text-decoration:underline;
 }
 
 
.inventaire{
	background:url(images/inventaire.png) no-repeat;
	width:135px;
	height:39px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
	line-height:25px;
	margin-bottom:15px;
	float:left;
	margin-left:5px;
	padding-top:4px;
	}
.inventaire a{
	color: #FFFFFF;
	text-decoration:none;
}
.inventaire a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

.tablecarte{
padding:4px;
}
.tablecarte img{
	width:100px;
	height:75px;
	border:1px solid #fff;
	padding:2px;
}


#envoyerAmi{
	clear:both;
	white-space:nowrap;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #FFFFFF;
	width:800px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#envoyerAmi table{
	width:auto;
}
#envoyerAmi td{
	padding:4px;
}




#modele1{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
	background:#fff;
}
#modele2{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
	background:#fff;
}
#modele3{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
	background:#fff;
}
#modele4{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
	background:#fff;
}
#modele5{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
	background:#fff;
}

.fermetureDiv{
	background:#9BC3FF;
	padding:5px;
	float:right;
	font-size:10px;
	margin-bottom:10px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
}
.fermetureDiv a{
	color:#fff;
	text-decoration:none;

}
.fermetureDiv a:hover{
	text-decoration:none;

}

.pdf{
	background:url(images/pdf.gif) no-repeat;
	padding-left:30px;
	height:23px;
	line-height:23px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin:10px 10px 0 0;
	float:right;
}
.pdf a{
	color:#4D72E3;

}
.pdf a:hover{
	color: #000;
	text-decoration:none;
}

#flashcontent{
	margin:0;
	padding:0;
	background:url(images/fond-texte-homepage.png) no-repeat 0 170px;}
	
#flashcontent a{
	margin:0;
	padding:0;}	

.click{
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
}
.click a{
	color: #FF3366;
	text-decoration:none;
	}
.click a:hover{
	color: #000;
	text-decoration:none;
	}
#sitemap{
	margin:0;
	clear:both;
	font-size: 12px;
}
#sitemap a{
	color: #FF3366;
	text-decoration:none;
}
.sitemap a:hover{
	color: #000;
	text-decoration:none;
	}
#devenezproprio{
	position:absolute;
	width: 175px;
	height: 85px;
	left: 928px;
	top: 427px;
	background:#3366FF;
}


.suneliapage{
	clear:both;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin:0;
	font-family: Tahoma, Arial, Verdana;
}
.suneliapage a{
	color:#FF3366;
}
.suneliapage a:hover{
	color:#FF3366;
	text-decoration:none;
}


.suneliacontenu{
	font-size: 12px;
	color: #000000;
}
.suneliacontenu table{
	width:800px !important;
}
.suneliacontenu a{
	color:#FF3399;
}
.suneliacontenu a:hover{
	text-decoration:none;
}



#tableProprio{
 padding:5px;
}
#tableProprio ul{
	margin:5px 0 0 0;
	padding:0;
}
#tableProprio li{
	list-style-type:none;
	float:left;
	padding-right:13px;
}
#tableProprio li img{
	width:80px;
	height:60px;
	padding:2px;
	border:1px solid #fff;
}


.encart{
	background:#fff;
	padding:10px;
	width:300px;
	border:#FF3366 3px solid;
	position:absolute;
	right: 0px;
	top: 212px;
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
}

#pub{
	width:250px;
	height:255px;
	top:0;
	left:0;
	position:absolute;
	z-index:5000;
	display:none;}
#facebook{
	background: url(images/facebook.png) no-repeat;
	width:184px;
	height:24px;
	line-height:24px;
	padding-left:30px;
	color:#3B5998;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	margin:0 0 10px 0;
}
#facebook a{
	color:#3B5998;
	text-decoration:none;
}
#facebook a:hover{
	color:#3B5998;
	text-decoration:underline;
}
.invit{
	border:2px solid #E2007A;
	width:180px;
	height:180px;
	margin:10px auto;}