/************************   Commun ******************************/
html { 
	font-family: Arial, Verdana, sans-serif;
	font-size : 12px;
	color:#fff;
}



.title {
	color:#cea500;
	font-variant: small-caps;
	font-size : 14px; 
	text-decoration : underline;
	text-align :left;
	font-weight: bold;
}
.text_descriptif a:link{ text-decoration : none;	color : #808080; font-weight: none; }
.text_descriptif a:hover{ color : #c0c0c0; }
.text_descriptif a:visited{ text-decoration : none;	color : #808080; }

.text_descriptif {
	text-align  : left;
	/*font-variant: small-caps;*/
}

a:link, a:visited { color:#b7e618; text-decoration:underline} 
a:hover { color:#b7e618; text-decoration:none} 

/*ancienne couleur >> color:#cea500;*/
.title_page{ vertical-align:top;
color:#b7e618;
	font-variant: small-caps;
	font-size : 16px; 
	text-decoration : underline;
	font-weight: bold;
	margin-bottom : 30px;
	text-align:left;
}
.page {margin-top : 20px; }

.image{
	border : 1px solid #fff;	
}

/*************************  defaul.tpl **************************/

html, body {
	background : #020119 url('../images/design/fond.jpg') repeat-y;
	background-position: center top;
}

.tout{
	width : 900px;
	margin : 0 auto;
	display : block;
	overflow : hidden;

}

.centre{
	display : block;
	overflow : hidden;	
}

.page_centrale {
	width : 725px;
	padding : 0 0 0 20px;
	margin : 0;
	vertical-align:top;
}
.centrale {
	position : relative;
	top : 0px;
}

.footer { clear:both; display:block;
	
}
/************************* Header *******************************/
.header_haut {height : 107px; }

.header_logo {
	display : block;
	float:left;
	background : url('../images/design/logo.jpg') no-repeat;
	width : 140px;
	height : 97px;
	position: relative ;
	top : 0px;
	left : 1px;
}

.header_titre {
	display : block;
	float:left;
	background : url('../images/design/header.jpg') no-repeat;
	width : 722px;
	height : 58px;
	position : relative;
	top : 55px;
	left : 45px;
}

.header_langue {
	display : block;
	float:left;
	background : url('../images/design/langue.jpg') no-repeat;
	width : 29px;
	height : 29px;
	position : relative;
	top : 10px;
	left : -20px;
}

.header_bas { background : url('../images/design/fond-flash.jpg') repeat-y left ; height:296px;}

.flash-g {display : block; background : url('../images/design/hotel-restaurant.jpg') bottom no-repeat ; float:left; width:25px; height:293px;}

.flash {border-left: 1px solid #fff; border-right: 1px solid #fff; float:left; width:862px; height:262px;  position:relative; left:8px; top:14px }

/************************* footer *********************/
.footpage{
	display : block;
	text-align : center;
	color : #243b78;
	padding-top:40px;
	
}
.footpage a{
	color : #243b78;
	text-decoration : none;
}
/************************** menu **********************/


.titre-menu { width : 178px; height:59px; vertical-align:top; background : url('../images/design/bienvenue.jpg') no-repeat top left; position : relative; left:-3px; }

.menu {  vertical-align:top;}
.menu ul { position : relative; top :-12px; left : -3px; background:url('../images/design/fond-menu.jpg') repeat-y top left;  padding-bottom:10px}
.menu li { position : relative; left : -25px;
	text-align : left;
	width : 140px; 
	list-style-type:none;
	text-decoration : none; 
	height : 25px;
	padding-top : 0px;
	font-weight: bold;
	}
.menu li a{font-size : 14px; text-align : right; 	position : relative; top : 0px; padding: 4px 0px 1px 30px;}
.menu li a:link{text-decoration: none; color: #b7e618; }
.menu li a:hover, .menu li a.current { text-decoration: none; color: #b7e618; background:url('../images/design/logo-menu.jpg') no-repeat left top;  }
.menu li a:visited{ text-decoration: none; color: #b7e618;}

.menu_title {
	font-variant: small-caps;
	font-size : 15px; 
	text-decoration : underline;
	margin-bottom : 5px;
}
.infos{ position:relative; top: 40px;
text-align:left;
	display : block;
	height : 120px;
	margin-left : 20px;}
.tel {
	font-variant: small-caps;
	position : relative;
	top : 20px;
}


/************************* Accueil *********************************/
.accueil {display : block; overflow : hidden; margin-top : 20px; text-align:left; }

.colonne1{
	padding : 0px 15px 0px 15px; 
	float:left;
	width : 180px;	
	text-align : center;
	
	
}

.image1 {
	text-align : center;
	margin-left : 0px;
	display : block;
	background : url('../images/design/pertuis.jpg') no-repeat;
	width : 176px;
	height : 86px; 
	border : 1px solid #fff;
}
.logo1 {
	position : relative;
	top : 0px;
	left : 65px;
	display : block;
	background : url('../images/design/logo-1.jpg') no-repeat;
	width : 43px;
	height : 37px; 
}
.separation1{ position:relative; top:100px;
	float:left;
	width : 11px;
	height :260px;
	display: inline-table;
	background : url('../images/design/barre-g.jpg');
	margin:0px 5px 0px 5px;	
}


.colonne2{
	padding : 0px 15px 0px 15px;
	margin-left:0px;
	float:left;
	width : 180px;	
	text-align : center;
	
}




.image2 {
	text-align : center;
	margin-left : 0px;
	display : block;
	background : url('../images/design/restaurant.jpg') no-repeat;
	width : 176px;
	height : 86px; 
	border : 1px solid #fff;
}
.logo2 {
	position : relative;
	top : 10px;
	left : 70px;
	display : block;
	background : url('../images/design/logo-2.jpg') no-repeat;
	width : 31px;
	height : 32px; 
}
.separation2{ position:relative; top:100px;
	float:left;
	width : 11px;
	height :260px;
	display: inline-table;
	background : url('../images/design/barre-d.jpg') ;
	margin:0px 5px 0px 5px;
}


.colonne3{
	padding : 0px 15px 0px 15px;
	margin-left:0px;
	float:left;
	width : 180px;	
	text-align : center;
	
}
.image3 {
	text-align : center;
	
	display : block;
	background : url('../images/design/seminaire.jpg') no-repeat;
	width : 176px;
	height : 86px; 
	border : 1px solid #fff;
}
.logo3 {
	position : relative;
	top : 10px;
	left : 70px;
	display : block;
	background : url('../images/design/logo-3.jpg') no-repeat;
	width : 45px;
	height : 38px; 
}

/****************************** Contact *************************/
.contact {margin-top : 20px; }

.contact_haut {position:relative; left: 90px}

.info-contact, .commentaire-contact{ text-align:left}


.mandatory{ font-size: 20px; color: #ff4b4e; margin-left: 5px;}

.contact_email .titre{
	margin-bottom : 10px;
}
.contact_contenu input{
	margin-bottom : 15px;	
}

.titre{
	text-decoration : underline;
}
.carre1{ padding:0px 150px 50px 0px; float:left ;
}

.carre2{padding:0px 0px 50px 0px; }

.carre3{clear:left; padding:0px 166px 0px 0px; float:left ;
	
}
.carre4{
}

/************************** Chambre ****************************/
.partie { clear:both; padding-top:30px;   }

.chambre_desc1{
	padding:60px 0px 0px 0px;
	width : 250px;
	line-height:2em;
	text-align:left
}
.chambre_desc img{
		border : 1px solid #fff;
}
.chambre_img1 { float:right; border : 1px solid #fff; margin-right:30px }

.tarif1{ float: right; margin:60px 140px 0px 0px}

.tarif1 td { text-align:left}

.title_tarif { 	
	
	color:#cea500;
	font-variant: small-caps;
	font-size : 13px; 
	text-decoration : underline;
	text-align :left;
	margin : 0px 0 10px 0;
}
.chambre_img2 {
	border : 1px solid #fff; float:left}
	
.tarif2{  padding:5px 0px 0px 0px; }
.tarif2 td { text-align:left}

.chambre_compl {
padding-top:50px;
	text-align : left;
	position : relative; 
	clear:both
	
}
.chambre_img3 { float:right;	border : 1px solid #fff; margin-right:30px}

.title_tab{
	margin-bottom : 10px;
	color:#cea500;
	font-variant: small-caps;
	font-weight: bold;
}

/********************************* Resto **********************************/
.resto-logo { padding-left:100px}

.or-g {color:#cea500; font-weight: bold; font-variant: small-caps;}

.resto_img1 { float:right; border : 1px solid #fff; margin-right:58px }

.resto_desc{ padding:20px 0px 0px 0px;
	width : 270px;
	line-height:2em;
	text-align:left}
.resto_desc1{
	width : 680px;
	text-align : left;
}
.resto-img { padding:20px 0px 0px 7px; text-align:left }

/********************************* loisirs **********************************/
.loisirs {
	height : 700px;	
}
.logo_2{
	position : relative;
	left : 460px;
	background : url('../images/design/logo2.png') no-repeat;
	width : 100px;
	height : 101px;
	
}
.loisirs_desc1{
	line-height:2em; 
	text-align:left
	
}

#slider { position:relative; top: 25px; left:130px}


/********************************* Seminaires ************************************/
.seminaire {float:left; text-align :left; margin : 0px 0 10px 20px;}

.title-seminaire { 	
	
	color:#cea500;
	font-variant: small-caps;
	font-size : 13px; 
	text-decoration : underline;
	margin-bottom:10px;
}

.title-semi { 	
	
	color:#cea500;
	font-variant: small-caps;
	font-size : 13px; 
	text-decoration : underline;
	text-align :left;
	margin : 0px 0 10px 0;
	clear:both
}


.semi_img1{ float:left;
	 
	background : url('') no-repeat;
	width : 0px;
	height : 0px;
	
}
.semi_img2{ float:left;
	
	background : url('../images/seminaires-1.jpg') no-repeat;
	width : 300px;
	height : 225px;
	border : 1px solid #fff;
	margin-bottom:20px;
}
.semi_desc1{
	width :	300px; text-align:left
}
.semi_img3{
	position : relative;
	top : -170px;
	left : 330px;
	background : url('../images/seminaires-3.jpg') no-repeat;
	width : 300px;
	height : 152px;
	border : 1px solid #fff;
	margin-bottom : -200px;
}
.semi_desc2{
	width :	300px;
	position : relative;
	top : 110px;
	left : 330px;
	text-align:left
}
.semi_img4{
	position : relative;
	top : 0px;
	left : 0px;
	background : url('../images/seminaires-4.jpg') no-repeat;
	width : 300px;
	height : 152px;
	border : 1px solid #fff;
	margin-bottom : -200px;
}

.semi_desc3{
	width :	300px;
	position : relative;
	top : 280px;
	left : 0px;
	text-align:left
}
.semi_img5{
	position : relative;
	top : 150px;
	left : 330px;
	background : url('../images/seminaires-5.jpg') no-repeat;
	width : 250px;
	height : 188px;
	border : 1px solid #fff;
	margin-bottom : -200px;
}
.semi_img6{
	position : relative;
	top : 250px;
	left : 0px;
	background : url('../images/loisirs-1.jpg') no-repeat;
	width : 300px;
	height : 152px;
	border : 1px solid #fff;
	margin-bottom : -200px;
}
/************************ liste-atualite *********************/
.news{display: block; padding: 5px 0 5px 20px; font-size : 16px;}
#blockNews { text-align:left ; cursor: pointer}
#blockNews div{ overflow: hidden;margin-bottom:5px; position: relative }
/*#blockNews div .title_article{ position: absolute; top: 40px; display: inline; text-align: right}*/

#blockNews div .title_article{ height: 60px; display: block; width: 430px; float: right;padding-right: 10px; margin-top: 40px}

/*#blockNews img{margin-right: 10px}*/


#blockNews div.odd img{float: right;}
#blockNews div.odd .title_article{ text-align: right}

#blockNews a:link, #blockNews a:visited { color:#FFFFFF; text-decoration:none}
#blockNews a:hover {color:#b7e618; text-decoration:underline}

#blockNews .contenu-article a:link, #blockNews .contenu-article a:visited { color:#b7e618; text-decoration:none}
#blockNews .contenu-article a:hover {color:#b7e618; text-decoration:underline}



.contenu-article { padding-bottom:15px; }

.listing-actu-nb-page{text-align: center;}
.listing-actu-nb-page a:link, .listing-actu-nb-page a:visited{ color:#b7e618; text-decoration:none;}
.listing-actu-nb-page a:hover { color:#b7e618; text-decoration: underline}

.info{display: block; font-size: 1.3em;border: 1px solid #ddd; background-color: #fff; padding: 5px;margin-bottom: 20px;}
.info .date{margin-left: 585px; font-size: 1em}
.loader{width: 16px; height: 16px; position: absolute; right: 20px; background: url('../img/loader_D9F5FF.gif') no-repeat;}
.odd .loader{background: url('../img/loader_eee.gif') no-repeat;}
.info a:link    { color : #000;text-decoration:none; }
.info a:hover   { color : #000;text-decoration:none; }
.info a:visited { color : #000;text-decoration:none; }

A.categorie_main{ float: left; width: 150px; height: 120px; border: 1px groove #999; text-align:center;margin:0 10px 10px 0px; text-decoration: none; color: black}
A.categorie_main h1{ font-size: .8em; margin: 0}
A.categorie_main:hover{color: red;}
A.categorie_main:hover img{float:left; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}

div.sub_categorie{ display: inline; width: 200px; height: 160px;margin:0; padding: 0 }
div.sub_categorie h1{ font-size: .8em; margin: 0;width: 150px}
div.sub_categorie img{ display: inline}

ul.sub_categorie{ display: inline; margin: 0; list-style-type: none; padding: 0; width: 250px;}
ul.sub_categorie a{ display: block; text-decoration: none; font-size: 0.8em; color: #15267e; width: 250px}
ul.sub_categorie li{ border: 0; height: 30px; width: 250px;}
ul.sub_categorie li a{ padding: 8px 0 0 10px; height: 22px}
ul.sub_categorie li a:hover{ background: white; color: #4a63e0}
ul.sub_categorie li a.nom_ss_categorie{ font-size: 1.5em;width: 400px}

.manufacturers{	border: 10px solid black; position: absolute; top: -110px; left: 160px; width: 470px;}
A.manufacturer{ display:inline-table; width: 93px; height: 40px; border: 1px groove #999; text-align:center;margin:0 10px 10px 0px; text-decoration: none; color: black}
A.manufacturer h1{ font-size: .6em; font-weight: normal; margin: 0}
A.manufacturer:hover{color: red;}
A.manufacturer:hover img{filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}

.modeles a{ font-size: 0.8em;}

.list_container {display: block; width: 610px; clear: both; margin-bottom: 20px;}
.list_container ul{display: inline;padding: 0; float: left; list-style: none; width: 200px;margin: 20px 0}
.list_container ul li{margin: 0; padding: 0; list-style: none; width: 200px}
.list_container ul li {font-size: 0.8em}
.list_container strong{ text-align: center; display: block;color: #15267e}
.list_container select{ width: 300px; font-size: 1em;margin-top: 20px}


/************************* Actualite ************************/
.page_actualite {
	text-align: left;
	width : 600px;
	margin : 0px 10px 30px 0px;
	display: block;
	float:left }

.page_article, .page_listing_article {display:block; text-align:left; padding-right: 10px}



.actu_date {
	text-align : left;
	color : #f0f0f0;
	font-style: italic;
}
.actualite_descriptif {
	text-align: justify;
}
#actu_previous {
	background : url('../images/design/projet_fleche_gauche_bleu.jpg') no-repeat;
	width : 14px;
	height : 22px;
	pointer:cursor;
 	display : block;
	border:0px}
	
#actu_next {
	background : url('../images/design/projet_fleche_droite_bleu.jpg') no-repeat;	
	width : 14px;
	height : 22px;
 	pointer:cursor;	
 	display : block;
	border:0px}
	
.previous { float:left; position:relative; top: 80px; right: 20px}
.next { float:left; position:relative; top: 80px; left: 20px}


.actu {
	display : block;
	margin-left:7px
}

/***** galerie photo *****/

.page-galerie {margin-top : 20px; text-align:left;  position:relative; left:25px}

img {vertical-align:middle; border:none; } 
#thumbs {overflow:auto; list-style:none; margin:0px 30px 0px 10px; padding:0;} 
#thumbs li {float:left;} 
#thumbs a {display:block; padding:3px; outline:none;} 
#thumbs a:hover, #thumbs a:focus {background:#fff;} 
#thumbs a.active {background:#b7e618;} 
#viewer {position:relative; height:465px; margin-left:10px;} 
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}