@charset "UTF-8";
/* CSS Document */

/*reset*/
ul, li{	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*end reset*/

/*basic*/

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#fff;
	font-weight: normal;
	}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#ccc;
	margin: 0px;
	
}
h3{
	
	margin: 0px;
	
}
img{
border: none;
}

/*end basic*/

body{
	background-color:#9d9d9d;
	}
	
#wrapper{
	width:996px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	
	}
	
#haut{
	background-image:url(../images/design/ombrehaut.jpg);
	height:29px;
	background-repeat:no-repeat;
		width:996px;
background-position: center;
		
	}
	
	
#milieu{
	background-image:url(../images/design/ombremilieu.jpg);
	background-repeat:repeat-y;
	height:auto;
	
	width:996px;
	background-position: center;
	float: left;
	}
	
#bas{
	background-image:url(../images/design/ombrebas_2.jpg);
	height:25px;
	background-repeat: no-repeat;
	background-position: center;
	width:996px;
	float: left;

	}
#bas2{
	background-image:url(../images/design/ombrebas.jpg);
	height:25px;
	background-repeat: no-repeat;
	background-position: center;
	
	
	}
	
/* Menu top & menu principal & menu langues*/
#menuhead{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	list-style-type: none;
	text-align:right;
	padding-right:15px;
	text-transform:capitalize;
	float: right;

	}
	
#menuhead li { 
	list-style-type: none;
	padding-left:5px;
	padding-right:5px;
	display:inline;
	color:#999999;




} 
#menuhead a { 
	height: auto; 
	text-align: center; 
	text-decoration: none; 
	color: #ccc; 
} 
#menuhead a:hover {
	color:#999999;
} 
#menuhead a:active { 
	color:#999999;

} 

/*langue*/

#langue{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	list-style-type: none;
	text-align:right;
	padding-right:35px;
	text-transform:capitalize;
		float: right;


	}
	
#langue li { 
	list-style-type: none;
	padding-left:5px;
	padding-right:5px;
	display:inline;
	color:#999999;




} 
#langue a { 
	height: auto; 
	text-align: center; 
	text-decoration: none; 
	color: #ccc; 
} 
#langue a:hover {
	color:#999999;
} 
#langue a:active { 
	color:#999999;

} 
/*fin langue*/
#logo{
	height:141px;
	/*width:960px;*/
	padding-left: 339px;
	}

		
	/*
 #boutique {
	position: absolute;	
	width:160px;
	height:30px;
	background-image:url(../images/design/bgmenuboutique.jpg);
	margin-left:800px;
	text-align:center;
	list-style:none;
	line-height:30px;
		

	}

#boutique li a {
	color:#C00;
	display:block;
	padding-left:10px;
	padding-right:10px;
	color:#000;
	font-weight:bold;
	height:30px;
	}
#boutique a:hover {
	color:#999999;
}

/*fin menu */

#tabsslide{
	width:960px;
	margin:0 auto;
	height:191px;
	z-index: 1;

	}



#slide{
	background-image:url(../images/slide.jpg);
	width:641px;
	height:191px;
	float:left;
	z-index: 2;

	}
	
#evidence{
	width:960px;
	margin:0 auto;
	height:248px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	text-align:center;
	color:#fff;
	background-image:url(../images/design/bgcinq.jpg);
	background-repeat:repeat-x;
	
	
	}
	
#evidence a{
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	text-align:center;
	color:#fff;
	
	
	}

#evidence a:hover{
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	text-align:center;
	color: #e1e1e1;
	
	
	}	


#hotel{
	height:248px;
	width:192px;
	background-image:url(../images/design/hotel.jpg);
	background-repeat:no-repeat;
	float:left;



	}
	
#balneo{
	height:248px;
	width:192px;
	background-image:url(../images/design/balneo.jpg);
	background-repeat:no-repeat;
	float:left;

	
	}
#seminaire{
	height:248px;
	width:192px;
	float:left;
	background-image:url(../images/design/seminaire.jpg);
	background-repeat:no-repeat;


	}
#resto{
	height:248px;
	width:192px;
	float:left;
	background-image:url(../images/design/resto.jpg);
	background-repeat:no-repeat;


	}

#mariage{
	height:248px;
	width:192px;
	float:left;
	background-image:url(../images/design/mariage.jpg);
	background-repeat:no-repeat;
	}
	
#hotel .image{
	width:162px;
	height:94px;
	margin: 13px !important;
	top:57px;
/left : -2px ; 
	position: relative;
	
	}
#balneo .image{
	width:162px;
	height:94px;
	margin-left: 15px !important;

	top:39px;
	/left : -8px ; 
	position: relative;
	
	}
#seminaire .image{
	width:162px;
	height:94px;
	margin: 13px !important;
	top:57px;
/left : -2px ; 
	position: relative;
	}
#resto .image{
	width:162px;
	height:94px;
	margin: 13px !important;
	top:55px;
/left : -2px ; 
	position: relative;
	}
#mariage .image{
	width:162px;
	height:94px;
	margin-left: 13px !important;

	top:39px;
	/left : -10px ; 
	position: relative;
	}
	
	
	
.texte_menu{
	margin-top:25px;
	}
	
#footer{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#ccc;
	text-align:center;
	
	}
	
#footer a{
	color:#ccc;
	text-decoration: none;
	}
#footer a:hover{
color: #666;

}
	

/*BREADCRUMB GENERAL STYLE*/

/*Styles du div englobant*/

#tabs{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	/font-size:8px;

	width:319px;
	text-decoration:none;
	text-align:center;
	height:191px;
	float:left;
	z-index: 1;
}




/*Reset sur la liste*/
#tabs li {
list-style-type:none;	
padding:0;margin:0;
}		
/*Styles sur la liste*/
#tabs ul{
	height:34px;


}	

#tabs div{
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	padding: 0px 8px 0px;
	font-size: 12px;
}
#tabs div a{
	color:#999999;
	text-decoration: none;
	}
#tabs div a:hover{
	color:#6c6c6c;
	text-decoration: none;

	}

#tabs img{
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	padding: 0px 0px 0px;
	font-size: 12px;
}



/*Premier élément de la liste*/
/*Tous les éléments de la liste sauf premier et dernier*/
	
/*Style du dernier span de la liste*/
 					

#tabs li a:hover{
	color:#999;
}
	
/*Content*/
#content{
	/*width:960px;
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	text-align:center;
	color:#fff;
	background-image:url(../img/bg-content.png);
	background-repeat:repeat-x;*/

	width:958px;
	margin:0 auto;
	height:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	text-align:center;
	color:#fff;
	background-image:url(../images/design/bgcinq.jpg);
	background-repeat:repeat-x;
	background-color: #292728;
	
	float: left;
	margin-left: 18px;
	line-height: 80%;
	
	}
	
#content p { margin: 0px;}	

#content #rightcolumn a{
color: #999999;
text-decoration: none;

}

#content #rightcolumn a:hover{
color: #6c6c6cs;
}

#content #center a{
color: #999999;
text-decoration: none;

}

#content #center a:hover{
color: #6c6c6cs;
}
#center{
	width:890px;
	padding-left:35px;
	padding-right:35px;
	padding-top:15px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ddd;
	text-align:left;


	}
	
#leftcolumn{
	width:319px;
	float: left;
	
	}


#rightcolumn{
	width:560px;
	padding-left:35px;
	padding-right:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ccc;
	text-align:left;
	float: left;
	}
	

	
#facebook{
width: 40px;
height: 40px;
float: right;
padding-right: 30px;
padding-top: 30px;

}
	
.pave{
	background-image:url(../images/design/pave.png);
	height:187px;
	width:313px;
	margin:0 auto;
	}
.txt-pave{
	width:300px;
	height:60px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#fff;
	padding-top:20PX;
	text-align:center;
	margin:0 auto;
	line-height: 26px;
	}
	
	
.btn-pave{
	width:301px;
	height:68px;
	margin-left:4px;
	z-index:5;	
	}
	
.btn-pave img{
	border:none;
	}
	
	
.txt-btn{
	font-size:12px;
	position:absolute;
	width:301px;
	margin-top:37px;
	text-align:center;
	z-index:10;

	}
	
.txt-btn a{
	text-decoration:none;
	color:#fff;
	display:block;

	}
	
.txt-btn a:hover{
	text-decoration:none;
	color:#CCC;

	}
.txt-pave a{
	text-decoration:none;
	color:#fff;
	display:block;

	}
	
	
.txt-pave a:hover{
	text-decoration:none;
	color:#CCC;

	}
	

/*vignette*/


.vignette{
float: left;

margin-top: 22px;
margin-left: 22px;
margin-right: 22px;
padding-bottom: 22px;
height: 250px;
width: 250px;
}

	
	
/* gallerie*/



.diaporama{
	position:relative;
	width:641px;
	height:191px;
	float:left;
	z-index: 1;
}

.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}

.diaporama_controls{
	width:512px;
	margin:3px 0;
	padding:5px;
	clear:both;
	overflow:hidden;
}

.diaporama_controls .btns{
	float:right;
}

.diaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:inline-block;
	margin:0 3px;
}

/*fin gallerie*/




.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0px 0px 0px 0px; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; border-bottom: 0 !important; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
background:url(../images/design/tabs-first-left-active.jpg) 0 0 no-repeat;
height:28px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.first   { 
background:url(../images/design/tabs-first-left2.jpg) 0 0 no-repeat;
height:28px;
}



.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { 
float:left;
background:url(../images/design/tabs-first-middel.jpg) 0 0 repeat-x;
height:28px;
margin-left:18px;
color:#FFF;
text-decoration:none;
cursor: pointer;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.first a { 
float:left;
background:url(../images/design/tabs-first-middel.jpg) 0 0 repeat-x;
height:28px;
margin-left:17px;
color:#FFF;
text-decoration:none;
cursor: pointer;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected span, .ui-tabs .ui-tabs-nav li.ui-state-disabled span, .ui-tabs .ui-tabs-nav li.ui-state-processing span { 
float:left;
background:url(../images/design/tabs-first-right.jpg) 0 0 ;
background-repeat:no-repeat;
height:28px;
width:18px;
}
.ui-tabs .ui-tabs-nav li span, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected span { 
float:left;
/*background:url(../images/bullettabs.jpg) 0 0 no-repeat;*/
margin: 0;
padding: 0;
background:url(../images/design/tabs-general.jpg) 0 0 repeat-x;
height:28px;
width:7px;
}
.ui-tabs .ui-tabs-nav li.last span, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected.last span { 
float:left;
background:url(../images/design/tabs-end.jpg) 0 0 ;
background-repeat:no-repeat;
height:28px;
width:15px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected.last span, .ui-tabs .ui-tabs-nav li.ui-state-disabled.last span, .ui-tabs .ui-tabs-nav li.ui-state-processing.last span { 
float:left;
background:url(../images/design/tabs-last-right.jpg) 0 0 ;
background-repeat:no-repeat;
height:28px;
width:24px;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
float:left;
background:url(../images/design/tabs-general.jpg) 0 0 repeat-x;
height:33px;
margin:0; 
padding:0 0 0 0px;
font-size:10px;
text-decoration:none;
color:#000;
line-height:20px;
cursor: pointer;
 } 
 .ui-tabs .ui-tabs-nav li.first a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected.first a { 
float:left;
background:url(../images/design/tabs-general.jpg) 0 0 repeat-x;
height:33px;
margin:0px 0px 0px 24px;
padding:0 0 0 0px;
font-size:10px;
text-decoration:none;
color:#000;
line-height:20px;
cursor: pointer;
 }
.ui-tabs .ui-tabs-nav li.first   { 
background:url(../images/design/tabs-first.jpg) 0 0 no-repeat;
height:28px;
}/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }