html,body{
	margin:0 0 10px 0;
	padding:0;
	}
	
body{
	font: 11px Trebuchet, arial, sans-serif;
	background: #557EA4 url(../images/background.jpg) repeat-x;
	overflow-x:hidden;
	}
	
p{margin:0;}
a{text-decoration:none;position:relative;}
.clear { clear:both; border:0;}
.clear2 { clear:both; border:0;}
.rouge {color:#CC0000;}

/*----- ELEMENTS ---*/

#flash{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 1;}

#container{
	width:995px;
	margin:0 auto;
	position:relative;
	min-height:660px;
	background: #557EA4 url(../images/bg_container.jpg) no-repeat;
	}

#header{
	margin:0;
	padding:0;
	clear:both;}
#header .langues {
	float:right;
	width:90px;
	height:18px;
	background: transparent url(../images/bg_langues.gif) no-repeat;
	padding:2px 0 0 24px;
	color:#00386E;
	font: 11px Arial;
	}
#header .langues a {
	color:#00386E;
	}
#header .langues a:hover {
	color:#A23172;
	}
#header .top_header{
	clear:both;
	width:958px;
	height:27px;
	background: transparent url(../images/top_header.gif) no-repeat 0% 100%;
	padding-top:33px;
	}
#header .top_header .faq{
	float:right;
	width:50px;	
	color:#00386E;
	font: 11px Arial;
	padding:8px 0 0 0;
	}
	
#header .top_header .faq a {
	color:#00386E;
	}
#header .top_header .faq a:hover {
	color:#A23172;
	}
#header .middle_header{
	clear:both;
	width:944px;
	height:36px;
	background: transparent url(../images/bg.gif) repeat-y;
	padding: 0 0 0 14px;
	}
#header .middle_header .search{
	height:36px;
	width:931px;
	background: transparent url(../images/bg_search.jpg) repeat-y;
	padding:0 0 0 305px;
	color:white;
	font-size:16px;
	}

#page {
	clear:both;
	width:965px;
	background: transparent url(../images/bg.gif) repeat-y;
	padding: 10px 0 0 14px;
	}
#navi{
	font-size:10px;
	color:#666;
	padding:0 0 20px 15px;
	float:left;
	width:520px;
}
#navi a, #navi a:hover{
	text-decoration:underline;
	color:#666;
}

.titre{
	padding:0 0 0 15px;
	float:left;
	width:640px;
	font-size:18px;
	color:#084F95;
	font-weight:bold;
	}
	
.titreForm{
	padding:15px 0 0 0;
	float:left;
	font-size:18px;
	color:#084F95;
	font-weight:bold;
	}
		
#content{
	float:left;
	width:689px;}
	
#content .top{
	background:url(../images/top_blocForm.png) no-repeat top left;
	width:668px;
	height:12px;
	}

#content .bottom{
	background:url(../images/bottom_blocForm.png) no-repeat bottom left;
	width:668px;
	height:14px;
	}
	
.contenu{
	float:left;
	width:515px;
	background-color:#F8EDD6;
	border:1px solid #E2E2E2;
	}

.contenu .top{
	width:515px;
	height:7px;
	}
.contenu .middle{
	background: #DEEAFF url(../images/bg_blue.jpg) repeat-x;
	width:502px;
	margin: 7px;
	min-height:370px;
	}
	
.blocForm{
	float:left;
	width:668px;
	background:url(../images/bg_blocForm.png) repeat-y;
	}

.blocForm .top{
	background:url(../images/top_blocForm.png) no-repeat top left;
	width:668px;
	height:12px;
	}
.blocForm .middle{
	background: #DEEAFF url(../images/bg_blue.jpg) repeat-x;
	width:644px;
	margin: 0 12px 0 12px;
	min-height:370px;
	padding:8px 0 0 0;
	}
.blocForm .bottom{
	background:url(../images/bottom_blocForm.png) no-repeat bottom left;
	width:668px;
	height:14px;
	}
	
.middle .chapo{
	font-size:18px;
	color:#333;
	font-variant:small-caps;
	clear:both;
	padding: 10px 0 0 10px;
	margin:0;
	}
	
.contenu .bottom{
	width:515px;
	height:7px;
	}
	
.billet {
	padding: 10px ;
	margin:0;
	color:#333;
}
		
.billet h2{
	color:#084F95;
	font-size:16px;
	border-bottom:1px solid #999;
	margin:0 0 5px 0;}

.billet h3{
	color:#084F95;
	font-size:14px;
	margin:15px 0 5px 0 !important;}
	
.billet .commentaire{
	margin:5px 0 0 0;
}

.billet .link{
	background: transparent url(../images/bt_OK.gif) repeat-x;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	height:21px;
	color:white;
	font-size:12px;
	cursor:pointer;
	border:none;}

.billet p{
	font-size:12px;
	line-height:130%;}
.billet p a, .concours a, .section a{
	color:#084F95;
	font-size:11px;}
.billet p a:hover, .concours a:hover, .section a:hover{
	color:#A23172;}
		
.billet .info{
	font-size:11px;}
.billet .info a, .billet h2 a, .comments a, #pagination a{
	color:#084F95;}
.billet .info a:hover, .billet h2 a:hover, .comments a:hover, #pagination a:hover{
	color:#A23172;}

.comments{
	font-size:12px;
	margin:5px 0;
	padding:0 0 0 6px;
	background:url(../images/bulle_rose.gif) top left no-repeat;
	height:19px;}
.comments .number{
	font-size:12px;
	color:white;
	padding:0 8px 0 0	}
	
#suggest{
	float:left;
	width:171px;
	height:391px;
	background: transparent url(../images/bg_droite.png) no-repeat top left;
	margin: 11px 0 0 0;
	color:white;
	}
#suggest_hc{
	float:left;
	width:171px;
	height:391px;
	background: transparent url(../images/bg_droite_hc.png) no-repeat top left;
	margin: 11px 0 0 0;
	color:white;
	}
	
#suggest .text, #suggest_hc .text{
	clear:both;
	margin:20px 0 0 0;
	width:145px;
	font-size:20px;
	color:white;
	text-align: center;
	line-height:100%;}

#suggest a.bt,#suggest_hc a.bt {
	clear:both;
	background:url(../images/bt_partage.gif) no-repeat;
	margin:9px 0 0 5px;
	padding:5px 0 0 0;
	width:131px;
	height:30px;
	font-size:16px;
	color:white;
	text-align: center;
	display:block;
	}
#suggest a.bt:hover, #suggest_hc a.bt:hover {
	color:#77BEFF;
	}	

#suggest .mini,#suggest_hc .mini{
	clear:both;
	display:block;
	font-size:12px;
	font-weight: bold;
	color:white;
	text-align: center;
	width:80px;
	line-height:110%;
	padding:4px 0 0 5px;	}	
		
#gauche{
	float:left;
	width:245px;
	background: transparent url(../images/bg_gauche.gif) no-repeat bottom left;
	margin: 130px 0 0 0;
	padding: 0 10px 0 10px;}

.sel_lang p{
	font-weight:bold;
	font-size:12px;
	color:#333;}
	
.legend p {
	font-weight:bold;
	font-size:12px;
	color:#A23172;}
	
.reponse{
	font-size:12px;
	color:#333;}
	
.reponse p{
	font-weight:bold;
	font-size:12px;
	color:#084F95;}
	
.couleur{
	font-weight:bold;
	font-size:12px;
	color:#333;
	margin:12px 0;}
.couleur .choix{
	width:100px;
	height:33px;
	margin:6px 0 0 0 ;
	padding:10px 0 0 45px;
}

.couleur .info{
	font-size: 10px ;
	color:#333;
}
	
#pagination {
   clear: both;
   color:#333;
   font-size: 11px;
   font-weight: bold;
   text-align: right;
   padding:0 10px 10px 0;
}


/*----- BLOC 2 COLONNES -----*/

.middle .col01{
	float:left;
	width:197px;
	margin:0;
	padding: 0 0 0 10px;}
	
.middle .col02{
	background:url(../images/separe.gif) top left repeat-y;
	float:left;
	width:410px;
	padding:0 10px 0 10px;
	margin:0 0 15px 0;}
	
.middle h3{
	font-size:14px;
	color:#084F95;
	clear:both;
	padding: 0;
	margin:0;
	}
	
.middle .col01 label{
	 float: left;
	 line-height:13px;
	 width:60px;
	}

.middle .col01 .champsG{
	 background: #fff url(../images/champsG.jpg) repeat-x;
	 width:127px;
	 height:20px;
	 margin:0 8px 4px 0;
	 padding:0 ;
	 border:none;
	 border-left: 1px solid #CDCDCD;
	 border-right: 1px solid #CDCDCD;
	 float: right;
	}
	
.middle .col01 .listeA{
	 background: #fff url(../images/champsG.jpg) repeat-x;
	 width:129px;
	 height:18px;
	 margin:0 8px 4px 0;
	 padding:0 ;
	 border:1px solid #CDCDCD;
	 float: right;
	}

.col01 .concours form, .col01 .newsletter form, .col01 .id form{
	width:100%;
	margin:0;
	padding:6px 0 0 0;
	clear:both;
	}
.col01 .concours form input,  .col01 .newsletter form input,   .col01 .id form input{
	float:left;
	margin:0 10px 0 0;
	}
	
.col01 .format{
	width:100%;
	margin:12px 0 12px 0;
	}
	
.col01 .format form{
	width:100%;
	margin:0;
	padding:00;
	clear:both;
	}
.col01 .format form input{
	clear:both;
	margin:6px 0 0 0;
	}

.col01 .newsletter .geo{
	margin:0 0 6px 0;
	}

.form .chapo01, .form .chapo02, .form .chapo03, .form .chapo04{
	font-size:22px;
	font-weight:bold;
	color:#084F95;
	font-variant:small-caps;
	clear:both;
	padding: 10px 0 0 0;
	border-bottom:1px solid #999;
	}
.form .chapo01 .mini, .form .chapo02 .mini, .form .chapo03 .mini, .form .chapo04 .mini{
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	color:#333;}
	
.section {
	padding: 10px 10px 22px 0 ;
	margin:0;
	color:#333;
	width:100%;
}

.section h2{
	color:#A23172;
	font-size:14px;
	margin:0 0 5px 0;
	clear:both;}
	
.section .champsG{
	background: #fff url(../images/champsG.jpg) repeat-x;
	 width:370px;
	 height:20px;
	 margin:0 0 4px 0;
	 padding:0 ;
	 border:none;
	 border-left: 1px solid #CDCDCD;
	 border-right: 1px solid #CDCDCD;
	 float: right;}
	 
.section label{
	 float: left;
	 padding:5px 0 0 0;
	 font-weight:bold;
	 font-size:12px;
	 color:#333;
	}	
.section textarea{
	 clear: both;
	 width:408px;
	 padding:5px 0 0 0;
	 font-size:12px;
	 color:#333;
	 border:1px solid #CDCDCD;
	}
		
.section p{
	 font-size:12px;
	 color:#333;
	 float:left;
	}	

.envoi{
	float:right;
	background: transparent url(../images/bt_envoi.gif) no-repeat;
	margin:0 0 1px 6px;
	padding: 0 0 4px 3px;
	width:86px;
	height:23px;
	color:white;
	font-size:12px;
	cursor:pointer;
	border:none;}
	
.bouton{
	background: transparent url(../images/bt_envoi.gif) no-repeat;
	margin:0 0 1px 6px;
	padding: 0 0 4px 3px;
	width:86px;
	height:23px;
	color:white;
	font-size:12px;
	cursor:pointer;
	border:none;}


/*----- FOOTER -----*/

#footer{
	clear:both;
	width:97%;
	background: url(../images/bg_footer.gif) no-repeat bottom left;
	color: #FFF;
	height:20px;
	}
#footer p{
	margin:0;
	padding:20px 30px 0 0;
	text-align: right;
	}
#footer a{
	color:white;
	}
#footer a:hover{
	color:#00386E;
	}


/*---- ATTRIBUTS---*/


#container{text-align:left;}


#gauche h1{
	color:#084F95;
	font-size:18px;}
#gauche h2{
	color:#A23172;
	font-size:16px;}
	
#gauche .logo{
	color:#084F95;
	font-size:12px;
	font-weight:bold;
	height:46px;
	padding:40px 0 20px 0;
	margin:0;}
	
#gauche .select{
	background:url(../images/select.gif) no-repeat top left;
	padding:20px 0 0 0;
	margin:20px 0 0 0;}

#gauche .selectEN{
	background:url(../images/selectEn.gif) no-repeat top left;
	padding:20px 0 0 0;
	margin:20px 0 0 0;}


/*----- FORMS -----*/

.sel_lang form{
	width:100%;
	margin:10px 0 0 0;
	}
.sel_lang form input{
	float:left;
	}
.sel_lang .fr{
	float:left;
	background: url(../images/fr.gif) no-repeat left top;
	width:70px;
	height:19px;
	text-align:right;
	margin:0 25px 0 7px;
	padding:4px 0 0 0;
	}
.sel_lang .en{
	float:left;
	background: url(../images/en.gif) no-repeat left top;
	width:70px;
	height:19px;
	text-align:right;
	margin:0 0 0 7px;
	padding:4px 0 0 0;
	}

.legend form{
	width:100%;
	margin:0;
	color:#333;
	font-size:12px;
	font-weight:bold;
	}

.legend .fr{
	float:left;
	background: url(../images/fr.gif) no-repeat left top;
	width:70px;
	height:19px;
	text-align:right;
	margin:0 25px 0 7px;
	padding:4px 0 0 0;
	}
.legend .en{
	float:left;
	background: url(../images/en.gif) no-repeat left top;
	width:70px;
	height:19px;
	text-align:right;
	margin:0 0 0 7px;
	padding:4px 0 0 0;
	}
	
.select form{
	width:100%;
	margin:10px 0 0 0;
	}
.select form input{
	float:left;
	margin:10px 5px 0 0;
	}	
.select .choix, .select .choix05{
	width:100px;
	height:33px;
	margin:0 0 0 22px ;
	padding:10px 0 0 45px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	}
	
.select .geo{
	width:100%;
	margin:0;
	padding:0;
	}
	
.selectEN form{
	width:100%;
	margin:10px 0 0 0;
	}
.selectEN form input{
	float:left;
	margin:10px 5px 0 0;
	}	
.selectEN .choix, .selectEN .choix05{
	width:100px;
	height:33px;
	margin:0 0 0 22px ;
	padding:10px 0 0 45px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	}
	
.selectEN .geo{
	width:100%;
	margin:0;
	padding:0;
	}

#gauche .all form{
	width:100%;
	margin:0;
	}
#gauche .all form input{
	float:left;
	margin:0 10px 0 0;
	}	

.legend .search .champsG{
	 background: #fff url(../images/champsG.jpg) repeat-x;
	 width:177px;
	 height:20px;
	 margin:3px ;
	 padding:0 ;
	 border:none;
	 border-left: 1px solid #CDCDCD;
	 border-right: 1px solid #CDCDCD;
	}
.legend .search .goG{
	background: transparent url(../images/bt_OK.gif) no-repeat;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	width:25px;
	height:21px;
	color:white;
	font-size:12px;
	cursor:pointer;
	border:none;}
	
.goG_hotel{
	background: transparent url(../images/bt_GO.png) no-repeat;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	width:25px;
	height:21px;
	color:white;
	font-size:12px;
	cursor:pointer;
	border:none;}

.champs{
	 background: #fff url(../images/champs.jpg) repeat-x;
	 width:220px;
	 height:18px;
	 margin:0 ;
	 padding:4px 0 0 4px ;
	 border:none;
	 color:#333;
	}
.go{
	background: transparent url(../images/bt_search.gif) no-repeat;
	margin:0 0 1px 6px;
	padding: 0 0 4px 3px;
	width:86px;
	height:23px;
	color:white;
	font-size:12px;
	cursor:pointer;
	border:none;}

/*----- STAR RATING --------*/


.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../images/star_small.png);
	line-height: 10px;
	height: 10px;
}

.blocContent{
	float:left;
	width:640px;
	background:url(../images/bg_blocForm.png) repeat-y;
	padding:16px;
}

.blocContent p{
	padding:0 10px 0 0;
}


#liste_villes{
	background:#C14076;
	color:#fff;
}

.ul_villes{
	font-size:11px;
	list-style:none;
	width:100%;
	padding:0px;
	margin:0px;
}

.ul_villes li{
	list-style:none;
	border-bottom:1px solid #ccc;
	width:98.5%;
	padding:3px 0px 3px 3px;
	margin:0px;
	cursor:pointer;
}

.ul_villes li.selected{
	list-style:none;
	border-bottom:1px solid #ccc;
	width:98.5%;
	padding:3px 0px 3px 3px;
	margin:0px;
	cursor:pointer;
	background:#99B3CC;
}


#liste_villes2{
	background:#C14076;
	color:#fff;
}

.slidedown_hotels{
	width:626px;
	background: transparent url(../images/bg_search.jpg) repeat-y;
	padding:0 0 10px 305px;
	margin:0px 0px 0px 10px;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	float:left;
	font-size:12px;
	color:#fff;

}

.slidedown_hotels2{
	margin:5px 0px 10px 10px;
	float:left;
	font-size:12px;
	color:#000;
	width:225px;
	z-index:1;
}

.slidedown_hotels p{
	margin-bottom:5px;
}

.slidedown_hotels .input_hotel{
	float:left;
	width:300px;
}

.slidedown_hotels .submit_hotel{
	float:left;
	width:600px;
	text-align:right;
}

.slidedown_hotels2 .submit_hotel{
	float:right;
}

#map{
	float:left;
	width:515px;
	height: 369px;
	background: transparent url(../images/bg_map.png) no-repeat top left;
	}
	
#map iframe{
	margin: 9px ;
	width:500px;
	height: 350px;
	}
	
.select .choix05{
	padding:10px 0 0 0;}
	
.selectEN .choix05{
	padding:10px 0 0 0;}

	
.liste_cdc{
	max-height:260px;
	overflow-y:scroll;
	border:1px solid #eee;
	margin-top:20px;
	padding:5px;
}

.coupdecoeur{
	font-size:11px;
	color:#333;
	margin-bottom:8px;
	background:#F9F5EB;
	padding:5px;}
	
.coupdecoeur a{
	font-size:11px;
	color:#084F95;}

.coupdecoeur a:hover{
	font-size:11px;
	color:#A23172;}
	
.coupdecoeur p{
	font-weight:bold;
	font-size:12px;
	color:#084F95;}

.champ_edit_cc{
	float:left;
	margin:15px 5px 0px 0px;
}

.btn_ok_col_gauche{
	text-align:right;
}

.div_text p{
	width:80px;
}

#content h3{
	color:#084F95;
	font-size:14px;
	margin:15px 0 5px 0 !important;}

.form_error{
	border:2px solid red !important;
}

.form_error2{
	border:1px solid red !important;
}

.div_text{
	width:585px;
}

.avertissement{
	border:1px solid #cc4b84;
	color:#cc4b84;
	padding:5px;
	margin:5px 0px 5px 0px;
}

.avertissementOK, .avertissementERROR{
	border:1px solid #084F95;
	color:#084F95;
	font-size:13px;
	padding:5px;
	margin:5px 0px 5px 0px;
	
}
.avertissementERROR{
	display:none;
}

.avertissementOK a{
	color:#C94881;
}

.deroul {
	background: #fff url(../images/champsG.jpg) repeat-x;
	 width:129px;
	 height:18px;
	 margin:0 8px 4px 0;
	 padding:0 ;
	 border:1px solid #CDCDCD;}
	 
.champsF{
	 background: #fff url(../images/champsG.jpg) repeat-x;
	 width:127px;
	 height:20px;
	 margin:0 8px 4px 0;
	 padding:0 ;
	 border:none;
	 border-left: 1px solid #CDCDCD;
	 border-right: 1px solid #CDCDCD;
	}

.faq {
	padding: 10px 15px 0 15px ;
	margin:0;
	color:#333;
}
		
.faq h3{
	color:#084F95;
	font-size:14px;
	margin:15px 0 5px 0 !important;}

.noresult{
		color:red;
		padding:15px;
	}
	
#map2{
	float:left;
	width:415px;
	height: 315px;
	}