@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('https://www.groupe-hotelier-bataille.com/css/colabthi-webfont.eot');
    src: url('https://www.groupe-hotelier-bataille.com/css/colabthi-webfont.eot#iefix') format('embedded-opentype'),
         url('https://www.groupe-hotelier-bataille.com/css/colabthi-webfont.woff') format('woff'),
         url('https://www.groupe-hotelier-bataille.com/css/colabthi-webfont.ttf') format('truetype'),
         url('https://www.groupe-hotelier-bataille.com/css/colabthi-webfont.svg#colaboratethinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('https://www.groupe-hotelier-bataille.com/css/colablig-webfont.eot');
    src: url('https://www.groupe-hotelier-bataille.com/css/colablig-webfont.eot#iefix') format('embedded-opentype'),
         url('https://www.groupe-hotelier-bataille.com/css/colablig-webfont.woff') format('woff'),
         url('https://www.groupe-hotelier-bataille.com/css/colablig-webfont.ttf') format('truetype'),
         url('https://www.groupe-hotelier-bataille.com/css/colablig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('https://www.groupe-hotelier-bataille.com/css/colabreg-webfont.eot');
    src: url('https://www.groupe-hotelier-bataille.com/css/colabreg-webfont.eot#iefix') format('embedded-opentype'),
         url('https://www.groupe-hotelier-bataille.com/css/colabreg-webfont.woff') format('woff'),
         url('https://www.groupe-hotelier-bataille.com/css/colabreg-webfont.ttf') format('truetype'),
         url('https://www.groupe-hotelier-bataille.com/css/colabreg-webfont.svg#colaborateregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('https://www.groupe-hotelier-bataille.com/css/colabmed-webfont.eot');
    src: url('https://www.groupe-hotelier-bataille.com/css/colabmed-webfont.eot#iefix') format('embedded-opentype'),
         url('https://www.groupe-hotelier-bataille.com/css/colabmed-webfont.woff') format('woff'),
         url('https://www.groupe-hotelier-bataille.com/css/colabmed-webfont.ttf') format('truetype'),
         url('https://www.groupe-hotelier-bataille.com/css/colabmed-webfont.svg#colaboratemediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('https://www.groupe-hotelier-bataille.com/css/colabbol-webfont.eot');
    src: url('https://www.groupe-hotelier-bataille.com/css/colabbol-webfont.eot#iefix') format('embedded-opentype'),
         url('https://www.groupe-hotelier-bataille.com/css/colabbol-webfont.woff') format('woff'),
         url('https://www.groupe-hotelier-bataille.com/css/colabbol-webfont.ttf') format('truetype'),
         url('https://www.groupe-hotelier-bataille.com/css/colabbol-webfont.svg#colaborateboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a { /* remove unwanted focus outlines from links */
noFocusLine: expression(this.onFocus=this.blur())
outline: none;
}
*:focus {
outline: none;
}

body {
margin:0; padding:0;
background-color:#f1f1f1;
color:#334251;
font-family: 'Open sans', Arial, Verdana;
font-size: 12px;

overflow-y: auto;
overflow-x: hidden;

}
.cartebg:hover{
background-color:#ffffff;
}
.clear{
clear:both;
}
a{
color:#334251;
text-decoration:none;
padding:0px;
margin:0px;
}
p{
text-decoration:none;
padding:0px;
margin:0px;
}
.button{
border:1px solid #fdfdfd;
/border:none;
padding-left:5px;
padding-right:5px;
/padding-left:5px;
/padding-right:5px;
margin-left:5px;
margin-right:5px;	
background-color:#cd3362;
color:#fdfdfd;
cursor:pointer;
}

option{
	padding:4px !important;
}

.erreur {
	color:red;
}

.ok {
	color:green;
}

.gras{
	font-weight:bold;
}

.centrer{
	text-align:center;
}

.italic{
	font-style:italic
}

input {
	margin-bottom:3px;
	border: 1px solid #000;
}

select {
	margin-bottom:3px;
	border: 1px solid #000;
}

textarea {
	margin-bottom:3px;
	border: 1px solid #000;
}

img{
	border:none;
	margin:0px;
	padding:0px;
}

form{
	margin:0px;
	padding:0px
}

#main {
margin:0 auto;
margin-bottom:30px;
width:1000px;
}

#banniere .droite{
	margin-top:2px;
	margin-right:2px;
	float:right;
	text-align:right;
}

/* Partie Baniere */
#banniere{
width:1000px;
margin:0 auto;
}

#banniere .titre{
	padding-top:15px;
	padding-left:40px;
	float:left;
	font-weight:bold;
	font-size: 1.5em;
}
#banniere .soustitre{
	padding-top:15px;
	/*padding-left:40px;*/
	font-size: 0.8em;
}
#banniere .droite .newsletter {
	font-size: 1.1em;
	font-weight:bold;
	text-align:left;
}
#banniere .droite .telephone{
	padding-top:10px;
	text-align:left;
	font-size: 1.2em;
	font-weight:bold;
}

#banniere .tarif{
font-size: 0.8em;
}

#main_menu{
position: relative;
width: 1000px;
height:37px;
margin: 0 auto;
padding: 0;
background-color: #223463;
font-family: Arial;
font-size: 12px;
margin-bottom:15px;
}
	#main_menu ul{
	float:left;
	width:990px;
	margin:0 auto;
	padding:0 0 0 10px;
	}
		#main_menu ul li{
		float:left;
		color:#BFACA7;
		padding:0;
		font-size:1.1em;
		list-style-type:none;
		}
			#main_menu ul li a{
			display:block;
			width:auto;
			color: #fdfdfd;
			padding: 10px 15px;
			font-family: calibri,arial,sans-serif;
			font-size: 14px;
			font-weight: bold;
			}
			#main_menu ul li a:hover{
			background-color:#3c9dfa;
			text-shadow:1px 1px #000;
			}

.selection{
background-color:#2395e8;
}
.selection a{
color:#fff !important;
text-shadow:1px 1px #000 !important;
}
.selection a:hover{
color:#fff !important;
text-shadow:1px 1px #000 !important;
}

#underOnglet{
width:970px;
height:30px;
background-color:#F5F7F2;
border-top:2px solid #fff;
background-image:url("../images/lastnews.jpg");
background-repeat:no-repeat;
}
	#addThis{
	float:right;
	margin-right:7px;
	margin-top:7px;
	width:140px;
	}

#conteneur{
float: left;
background-image: url(../images/bg-main.jpg);
min-height: 605px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top:00px;
}

#menu {
float: left;
width: 250px;
margin: 0px;
margin-right: 0px;
padding: 25px 25px 25px 25px;
}

#menu ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#fdfdfd;
}
#menu a {
	color:#fdfdfd;
}
#menu > ul > li {
	list-style-type: none;
	margin:0 0 20px 0;
}

#menu .titre{
background-color:#086cb5;
font-weight:normal;
/*font-variant:small-caps;*/
font-size: 1.4em;
font-family:Tahoma, Arial;
text-shadow:1px 1px #032743;
color:#fdfdfd;
padding:5px 10px;
/*/margin-top:-3px;*/
border-top:2px solid #fff;
background-image:url(../images/bgmenutitre.jpg);
background-position: top;
background-repeat:repeat-x;
}
#menu .contenu {
background-image:url(../images/bgmenucontenu.jpg);
background-repeat:no-repeat;
background-color:#5A708B;
color:#fff;
height:100%;
}
#menu .contenu select, #menu .contenu input {
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #bbb;
border-right:1px solid #bbb;
padding:2px;
}
#menu .rapide{
text-align:left;
padding-left:0px;
font-variant:normal;
font-size:1.0em;
height:260px;
background-image:url(https://www.groupe-hotelier-bataille.com/images/--bgrecherche.png);
background-position: left -5px;
background-repeat:no-repeat;
padding:5px 10px 0px 10px;
background-color:#7782a2 !important;
border-radius:3px;
}
#menu .rapide table tr td span{
font-size:1.6em;
color:#ffb100;
padding-right:5px;
}
#menu .rapide table tr td .sousTitreResa{
font-size:16px;
color:#fff;
}
#menu .rapide label{
float:left;
display:block;
width:85px;
}
#menu .rapide .labelPetit{
float:none;
width:60px;
display:inline;
}
#menu .rapide input{
}
#menu .rapide a{
}
#menu .carte{
	/*text-align:center;*/
}
#liste_region_hotels{

}
#menu_list_region{
font-family:arial;
color:#000;
width:250px;
margin-top:20px !important;
}
	#menu_list_region li{
		width:250px;
	}
		#menu_list_region li a{
			display:block;
			width:230px;
			padding:8px 0 8px 20px;
			color:#000;
		}
			#menu_list_region li ul li a{
			display:block;
			width:210px;
			padding:8px 0 8px 40px;
			color:#000;
			}


#listregion{
padding:0px;
height:100%;
font-size:1em;
}
#listregion a{
color:#fdfdfd;
font-variant:normal;
font-size:1em;
}
#listregion ul{
	 padding:0px;
	 margin:0px;
}

#listregion li{
	list-style-image:url(../images/puce2.png);
	padding-left:5px;
	/padding-left:15px;
	/margin-left:-16px;
	/width:205px;
	margin-top:0px;
	/list-style-image: none;
	margin-bottom:0px;
	padding-top:0px;	
	padding-bottom:0px;
	/padding-top:2px;	
	/padding-bottom:2px;
	list-style-position:inside;
	border:0px;
	color:#fdfdfd;
	font-weight:normal;
	/margin-top:-2px;
}

#listregion .sousregion a{
	color:#fdfdfd;
	font-variant:normal;
	/font-variant:none;
}

#listregion a:hover{
	font-weight:bold;
}

#listregion .sousregion{
	padding:0px;
	margin:0px;
	margin-left:-5px;
	/margin-left:-15px;
	color:#fdfdfd;
}

#listregion .sousregion li{
	display:none;
	border:0px;
	padding-left:10px;
	background:none;
	color:#fdfdfd;
	list-style-image: none;
}
#listregion a:hover > .sousregion li{display:block;}
#listregion li:hover > .sousregion li{display:block;}
#listregion li:hover {
	list-style-image:url(../images/puce1.png);
	/list-style-image:none;
}
#listregion ul:hover > .sousregion li{display:block;}

/* Partie Contenu */

#contenu{
float: left;
width: 649px;
color: #000;
margin: 0 25px 25px 25px;
overflow:hidden;
}
	#contenu p { 
	display: block; 
	margin: 1.12em 0;
	line-height:1.6em;
	}
	#contenu a:hover { 
	color:#ffb100;
	}
	#contenu h1 { 
	font-size:30px;
	margin: 0 0px;
	margin-top:15px;
	font-family:'Open sans', arial, serif;
	font-weight:100;
	letter-spacing:-1px;
	}
	#contenu h2 {  
	margin: 0 0px;
	margin-top:5px;
	font-size:20px;
	font-weight:100;
	}
		#contenu h2 a {  
		text-decoration:none;
		}
	#contenu h3 {  
	margin: 0 20px;
	}
	#contenu img {  
	margin: 0 20px;
	}
/* class pour la banni�re */
.banimg  {
	margin:0px;
	width:659px;
	padding:0px;
}

.btnResa{
float:right;
}
.btnResa .btn{
border:0;
background-image:none;
background-color:transparent;
font-size:0;
text-indent:-9999px;
cursor:pointer;
height:30px;
width:160px;
}
.btnResa .btn:hover{
background-image:url("https://www.groupe-hotelier-bataille.com/images/reserv-hover.jpg");
background-position:right top;
}
#filariane {
width:600px;
}
#filariane ul{
padding:0;
font-size:0.9em;
width:600px;
}
#filariane ul li{
display:inline;
}
.h1{
font-size: xx-large; color:black; letter-spacing:-2px;
margin-left:0 !important; padding-left:0 !important;
}
.h2{
font-size: x-large;
font-weight:normal;
letter-spacing:-1px;
margin-left:0 !important; padding-left:0 !important;
}
#contenu  a{
	color:#334251;
}
 
#contenu .accueil_g{
	width:522px;
	float: left;
}

#contenu .accueil_d{
	width: 220px;
	float: right;
}

#contenu .bloc_accueil .titre{
	/*font-family: "Segoe UI","Trebuchet MS", Verdana, Arial;*/
	/*background-color:#fcaa18;
	margin-bottom:0px;
	padding:2px;
	padding-left: 10px;
	margin-left:0px;
	color:#fdfdfd;
	font-weight:bold;
	font-size:1.2em;
	background-image:url(../images/bgmenutitre.jpg);
	background-position: top;
	background-repeat:repeat-x;
	height:27px;*/
	
	
	
	background-color:#086cb5;
font-weight:normal;
/*font-variant:small-caps;*/
font-size: 1.4em;
font-family:Tahoma, Arial;
text-shadow:1px 1px #032743;
color:#fdfdfd;
padding:5px 10px;
/*/margin-top:-3px;*/
border-top:0px solid #fff;
background-image:url(../images/bgmenutitre.jpg);
background-position: top;
background-repeat:repeat-x;
}

#contenu .bloc_accueil {
	/background-image:url(../images/cadre.png);
	background-repeat:no-repeat;
	background-position: bottom left;

}
#contenu .bloc_accueil .cadre {
	margin-bottom: 2px;
	border:1px solid #bbb;
	border-top:0;
	padding:5px;
}

/* Classe pour l'affichage  d'une img dans le cadre a droite*/
#contenu .bloc_accueil .cadre img{
	margin:0 4px 0 0;
}

#contenu .cadre  p{
	padding:0px;
	margin:0px;
}

#contenu .cadre hr{
	color:#fcaa18;
	border-color:#fcaa18;
	border-style:solid;
	clear:both;
}

#contenu .cadre  h4{
	/*font-family: "Segoe UI","Trebuchet MS", Verdana, Arial;*/
	/*font-variant:small-caps; */
	font-size:1.2em;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

#contenu  a{
	text-decoration:underline;
}

#contenu .cadre a{
	text-decoration:underline;
}

#contenu .cadre .lien{
	/*font-variant:small-caps;*/
	text-align:right;
	font-size:1.2em;
	color:#494848;
}

#contenu .cadre .lien a{
color:#494848;
}

#contenu .cadre .lien2 a{
color:#086cb5;
}
/* Classe pour le bloc offre sp�cial */
.offrespe_d{
	float:right;
	width:158px;
	padding:2px;
	padding-left: 4px;
}

.offrespe_d ul{
	margin-top:0px;
	padding-left:15px;
}

.offrespe_g{
	float:left;
	width:160px;
	border-right-width:2px;
	border-right-style:solid;
	padding:2px;
	border-color:#fcaa18;
}

.offrespe_g ul{
	margin-top:0px;
	padding-left:15px;
}

/* Debut partie pied de page */
#piedpage{
width:100%;
margin:0 auto;
padding:30px 0 15px 0;
color:#ddd;
font-family:'Open sans',Arial,serif;
}
#piedpage a{
/*font-variant:small-caps;*/
font-size:11px;
color:#334251;
font-family:'Open sans',Arial,serif;
}
#piedpage ul{
margin:0px;
padding:0px;
}
#piedpage li{
list-style-type:none;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
margin-right:5px;
display:inline;
}
h2{
font-size:1.3em;
font-weight:bold;
padding:0px;
font-family:'Open sans', arial, serif;
font-weight:100;
}
h3{
font-size:1.4em;
padding:0px;
margin:1px;
font-family:'Open sans', arial, serif;
font-weight:100;
}
.titreregion{
font-size:1.0em;
font-weight:bold;
padding:0px;
margin:0px;
}
h4 {
	font-size:1.1em;
	padding:0px;
	margin:5px;
	font-family:'Open sans', arial, serif;
	font-weight:100;
}


.contenu_gauche{
	margin-left:0px;
	margin-top:10px;
	width:440px;
	float: left;
}

.contenu_gauche p{
	margin-left:0px;
	margin-right:0px;
	margin:0px;
}
/* Style pour les pages web */
.formulaire{
	margin-left:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding:5px;
	width:500px;
	float: left;
	border: 1px dashed;
}

.formulaire p{
	margin-left:5px;
	margin-right:5px;
	margin:5px;
}

.formulaire label {
	display:block;
	width:175px;
	float:left;
}
.reunion{
	border: 1px dashed;
	padding:3px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	width:200px;
	float: left;
}

.contenu_droit{
	margin-top:5px;
	margin-right:5px;
	margin-bottom:10px;
	padding:2px;
	width: 175px;
	float:right;
	
	color:#fdfdfd;
	background-color:#8c6c45;
	border: 1px solid #000;
}

.contenu_droit h3{
	/*font-variant:small-caps;*/
}

.contenu_droit label {
	display:block;
	width:70px;
	float:left;
}

#contenu h4{
	margin-left:0px;
	margin-top:0px;
}

#contenu hr{
	clear:both;
}



.miniature{
	float:left;
	display:block;
	margin:5px;
	width:125px;
	height:125px;
	background-position:center;
}

.photoHotel{
	margin-top:7px;
	margin-right:10px;
	margin-bottom:5px;
	height:125px;
	width:125px;
	margin-left :0 !important;
}

.imgselection{
	margin:3px;
	height:100px;
	width:100px;
}

#contenu  .description{
width:450px;
/margin-top:5px;
/margin-top:0px;

float:left;
}

#contenu .description p{
	margin:0px;
	padding:0px;
}

.prix{
	margin-top:5px;
	/margin-top:0px;
	margin-left:10px;
	float:right;
	text-align:right;
}

.btg{
display:inline-block;
	background-image:url(../images/btg.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:18px;
	/*width:3px;*/
	margin: 0px;
	padding-top:0px;
}

.btd{
	display:inline-block;
	background-image:url(../images/btd.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:18px;
	/*width:3px;*/
	margin: 0px;
	padding:0px;
}

button{
	display:inline-block;
	background-color:#cd3362;
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	margin: 0px 3px 0px 3px;
	text-align: center;
	height: 18px;
	line-height: 18px;
	color: #FFFFFF;
	width: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}


/*****************************/
#s3slider {
float:left;
width:744px; /* important to be same as image width */
height:300px; /* important to be same as image height */
position:relative; /* important */
overflow:hidden; /* important */
background-color:#fff;
}
#s3sliderContent{
width:744px; /* important to be same as image width or wider */
position:absolute; /* important */
top: 0;/* important */
margin-left:0; /* important */
margin:2px 0 0 0;
padding:0;
}
.s3sliderImage{
float:left; /* important */
position:relative; /* important */
display:none; /* important */
width:744px;
height:300px;
}
.s3sliderImage span{
position:absolute; /* important */
width:744px;
left:0;

/font:10px/15px Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
font-family: 'Ubuntu Condensed', sans-serif;
padding:24px 13px 10px 13px;
/background-color:#00101F;
/filter:alpha(opacity=70); /* here you can set the opacity of box with text */
/-moz-opacity:0.7; /* here you can set the opacity of box with text */
/-khtml-opacity:0.7; /* here you can set the opacity of box with text */
/opacity:0.7; /* here you can set the opacity of box with text */
color:#fff;
display:none; /* important */
bottom:0;
background-image:url("../images/ombreactu.png");
background-repeat:repeat-x;
/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}
.s3sliderImage span a{
color:#fff;
}
.bottom {
bottom: 0;
left: 0;
}
.clear{
clear:both;
}

#underSlider{
float:left;
width:742px;
height:110px;
border:1px solid #8da6b9;
border-top:0;
background-color:#eee;
}
	#underSlider h2{
	width:732px;
	margin-left:5px;
	border-bottom:1px solid #ccc;
	font-size:18px;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:5px;
	}

	
	
	
/*==================================================================
========================= carrouselbloc ============================
==================================================================*/
/***** Carousel *****/
	#carrousel_bg{
	width:1280px;
	margin-left:-140px;
	margin-bottom:180px;
	border-bottom:4px solid #2b8eed;
	}
		#carrousel{
		position:relative;
		width:1280px; 
		height:420px;
		}
			#carrousel_slides{
			position:relative;
			width:1280px;
			height:420px;
			}
				.carrousel_slide{
				position:absolute;
				width:1280px;
				height:420px;
				}
				.carrousel_slide_txt{
				position:absolute;
				width:1000px;
				height:80px;
				background:#fff;
				border-radius:3px;
				box-shadow:2px 2px 2px #ccc;
				box-sizing: content-box;
				left:140px;
				bottom:-60px;
				}
			#opacity{
			
			width:1280px;
			height:420px;
			position:absolute;
			top:0;
			left:0;
			}
	#carrousel_resa{
	width:245px;
	height:318px;
	padding:15px;
	position:absolute;
	top:25px;
	left:165px;
	background:#fff;
	-moz-border-radius: 0px 8px 8px 0px;
	border-radius:0 8px 8px 0;
	}
		#carrousel_resa .rapide{
			margin-top:10px;
		}
		#carrousel_resa h3{
		font-size:16px;
		}
		#carrousel_resa select{
		font-size:16px;
		padding:4px;
		border:1px solid #ddd;
		}
		#carrousel_resa input{
		font-size:16px;
		padding:5px 4px 4px 4px;
		border:1px solid #ddd;
		}
		.step{
		font-size:28px;
		color:#ffb100;
		font-weight:normal;
		line-height: 100%;
		}
		#carrousel_resa .sousTitreResa{
		font-size:16px;
		color:#bbb;
		}
	.carrousel_navigation{
	position:absolute;
	width:1020px;
	height:80px;
	bottom:-160px;
	left:140px;
	z-index:999;
	}
		.carrousel_navigation .span_nav{
		float: left;
		width: 176px;
		height: 72px;
		margin-bottom: 10px;
		margin-right: 20px;
		cursor: pointer;
		border:4px solid #bbb;

		}
		.carrousel_navigation .span_nav:hover{
		background-color:#FFB100;
		border:4px solid #FFB100;
		}
		#main_btn_reserver{
		position:absolute; bottom:15px; width:245px; height:40px; background-color:#ffb100; background-image:url('../images/btn_reserver.jpg');
		cursor:pointer;
		}
		#main_btn_reserver:hover{
		background-position:left bottom;
		}
		#main_btn_reserver input{
		width:245px;
		height:40px;
		background:none;
		border:0;
		font-size:0; text-indent:-9999px;
		margin:0;padding:0;
		}
			.number_nav{
				padding:7px 10px;
				background:#bbb;
				margin-left:75px;
				border-radius:20px;
				margin-top:3px;
				line-height:100%;
				font-family:arial,serif !important;
			}
				.carrousel_navigation .span_nav:hover .number_nav{
				background-color:#FFB100;
				line-height:100%;
				font-family:arial,serif !important;
				}
	.carrousel_active{
	background-color:#FFB100 !important;
	border:4px solid #ff9505 !important;
	}
	.number_active{
	background-color:#ff9505 !important;
	}


	.crs_infoslide{
	position:absolute;
	width:980px;
	padding:17px 20px 20px 20px;
	color:#38454f;
	/*background-image:url("https://www.groupe-hotelier-bataille.com/images/blackopacity.png");*/
	background-repeat:repeat-x;
	}
		.crs_infoslide h3{
		font-family:"Open Sans",Arial,serif;
		font-weight:normal;
		font-size:18px;
		color:#38454f;
		letter-spacing:-1px;
		margin-bottom:5px;
		}
		.crs_infoslide p{
		font-family:Arial;
		font-size:12px;
		line-height:1.4em;
		}
	.icon_residence3stars{
	position:absolute; width:60px; height:60px; right:353px; top:10px; background-image:url(../images/icon_residence3stars.jpg);
	}
	.icon_tripadvisor{
	position:absolute; width:80px; height:64px; right:267px; top:8px; background-image:url(../images/icon_tripadvisor.jpg);
	}
		.icon_tripadvisor:hover{
		}
		.icon_tripadvisor a{
		display:block; width:80px; height:64px;
		}
	.btn_jedecouvre{
	position:absolute; width:260px; height:80px; background-image:url(../images/btn_jedecouvre.jpg); border-radius: 0 3px 3px 0; top:0; right:0;
	}
		.btn_jedecouvre:hover{
		background-position:left bottom;
		}
		.btn_jedecouvre a{
		display:block; width:220px; height:80px;
		}
	.btn_decouvrirchambres{
	position:absolute; width:260px; height:80px; background-image:url(../images/btn_decouvrirchambres.jpg); border-radius: 0 3px 3px 0; top:0; right:0;
	}
		.btn_decouvrirchambres:hover{
		background-position:left bottom;
		}
		.btn_decouvrirchambres a{
		display:block; width:220px; height:80px;
		}
	#findAnHotel{
	width:275px;
	height:50px;
	position:absolute;
	top:275px;
	left:25px;
	}
		#findAnHotel a{
		display:block;
		width:160px;
		height:30px;
		background-image:url("https://www.groupe-hotelier-bataille.com/images/findanhotel.png");
		color:pink;
		font-size:;
		padding:10px 100px 10px 15px;
		text-transform:uppercase;
		}
	.carrousel_slide_lien{
	position:absolute;
	top:0;
	left:0;
	}
	.carrousel_slide_lien a{
	display:block;
	width:1000px;
	height:370px;
	}
	/********* FIN Carrousel **********/
	#findAnHotelbis{
	width:250px;
	height:50px;
	margin-bottom:15px;
	float:left;
	}
		#findAnHotelbis a{
		display:block;
		width:155px;
		height:30px;
		background-image:url("https://www.groupe-hotelier-bataille.com/images/findanhotel.png");
		background-position:top right;
		color:pink;
		font-size:;
		padding:10px 80px 10px 15px;
		text-transform:uppercase;
		}
	#welcome{
	padding:0 25px;
	margin-bottom:10px;
	}

#TopDest tr td{
vertical-align:top;
margin:0 0 5px 0 !important;
padding:0 0 5px 0 !important;
}
.tdDest div{
width:138px;
padding:2px 5px;
background-color:#eee;
height:40px;
}
.TdblocPrice{
vertical-align:middle;
width:60px;
}
.blocPrice{
background-color:#fddf7c;
width:60px;
padding:5px 0px;
}
.blocPrice span{
font-size:0.9em;
color:#444;
}
.blocPrice .price{
font-size:16px;
color:#fd734c;
font-weight:bold;
}
.blocOfferLeft{
width:253px;
background-image:url("../images/bgoffresspecialescontenu.jpg");
color:#444;
float:left;
margin-right:3px;
margin-bottom:3px;
}
.blocOfferRight{
width:253px;
background-image:url("../images/bgoffresspecialescontenu.jpg");
color:#444;
float:left;
margin-left:0px;
margin-bottom:3px;
}
.blocOfferTop{
width:253px;
background-image:url("../images/bgoffresspecialestop.jpg");
background-repeat:no-repeat;
}
.blocOfferBottom{
width:213px;
min-height:213px;
padding:20px;
background-image:url("../images/bgoffresspecialesbottom.jpg");
background-position:bottom left;
background-repeat:no-repeat;
}
.blocOfferLeft .blocOfferTitre, .blocOfferRight .blocOfferTitre{
font-family: 'Rosario', Arial,  sans-serif;
font-size:24px;
font-weight:normal;
letter-spacing:-1px;
}
.blocOfferLeft .blocOfferNomhotel, .blocOfferRight .blocOfferNomhotel{
font-size:16px;
}
.blocOfferLeft .blocOfferVille, .blocOfferRight .blocOfferVille{
font-family: 'Rosario', Arial, sans-serif;
font-size:14px;
text-decoration:none !important;
}
.blocOfferDescription{
padding-top:5px;
font-size:0.9em;
}
.blocOfferLeft table tr td, .blocOfferRight table tr td{
vertical-align:top;
}





#ouvertures_carrousel{
position:relative;
width:522px; 
height:300px;
overflow:hidden;
}
	#ouvertures_carrousel #ouv_carrousel_slides{
	position:relative;
	width:522px; 
	height:300px;
	}
	#ouvertures_carrousel .ouv_carrousel_slide{
	position:absolute;
	width:522px; 
	height:300px;
	}
	.visu img{
	padding:0 !important;
	margin:0 !important;
	}
	#ouvertures_carrousel .ouv_carrousel_navigation{
	position:absolute;
	width:150px;
	padding:0px;
	top:15px;
	right:0px;
	}
		#ouvertures_carrousel .ouv_carrousel_navigation .span_nav{
		float:right;
		width:150px;
		height:auto;
		border:0;
		padding:5px;
		margin-bottom:10px;
		cursor:pointer;
		color:#444;
		background-color:#fdfdfd;
		border:1px solid #E0E7EF;
		border-right:0;
		}
		#ouvertures_carrousel .ouv_carrousel_navigation .span_nav:hover{
		border:1px solid #E0E7EF;
		border-right:0;
		}
		#ouvertures_carrousel .ouv_carrousel_active{
		background-color:#E0E7EF !important;
		}
	#ouvertures_carrousel .ouv_carrousel_slide_txt{
	position:absolute;
	bottom:0;
	left:0;
	}
	#ouvertures_carrousel .ouv_crs_infoslide{
	position:absolute;
	background-image:url("../images/black_opacity.png");
	background-repeat:repeat;
	width:502px;
	bottom:0;
	color:#dedede;
	text-align:left;
	padding:5px 10px;
	
	}
		#ouvertures_carrousel .ouv_crs_infoslide h3{
		font-family:Tahoma,Arial;
		font-weight:normal;
		font-size:22px;
		color:#EEEEEE;
		letter-spacing:-0.03em;
		margin-bottom:5px;
		}
		#ouvertures_carrousel .ouv_crs_infoslide h3 a{
		color:#EEEEEE;
		text-decoration:none;
		}
		#ouvertures_carrousel .ouv_crs_infoslide p{
		font-family:Arial;
		font-size:12px;
		line-height:1.4em;
		color:#cecece;
		}
#ouvertures_carrousel #ouv_opacity{
background-image:url('../images/opacity.png');
width:522px; 
height:300px;
position:absolute;
top:0;
left:0;
}

#bloc_actu .cadre{
padding:0 !important;
border:0 !important;
}

#logospartners img{
margin:0 !important;
}

.slideshow {
	float:left;
   width: 440px;
   height: 160px;
   overflow: hidden;
}

.slideshow ul {
    /* 4 images donc 4 x 100% */
   width: 400%;
   height: 160px;
   padding:0; margin:0;
   list-style: none;
}
.slideshow li {
   float: left;
}

	.slideshow_2 {
		float:left;
	   width: 260px;
	   height: 160px;
	   overflow: hidden;
	   margin-right:20px;
	}

	.slideshow_2 ul {
	    /* 4 images donc 4 x 100% */
	   width: 400%;
	   height: 160px;
	   padding:0; margin:0;
	   list-style: none;
	}
	.slideshow_2 li {
	   float: left;
	}

		.slideshow_3 {
			float:left;
		   width: 260px;
		   height: 160px;
		   overflow: hidden;
		      margin-right:20px;
		}

		.slideshow_3 ul {
		    /* 4 images donc 4 x 100% */
		   width: 400%;
		   height: 160px;
		   padding:0; margin:0;
		   list-style: none;
		}
		.slideshow_3 li {
		   float: left;
		}


.menu_hotel{
padding-top:20px !important;
border:0 !important;
}
	.menu_hotel .titre{
	margin:0 !important;
	}
	.menu_hotel .contenu{
	margin-bottom:0 !important;
	background-image:none !important;
	}
		.menu_hotel .contenu a{
		display:block;
		width:210px;
		padding:10px 20px;
		}

#tabsOffersBlocRight{
	border:0 !important;
}

.tabTopDestTdLeft{
	background-color:#fff;
	border-bottom:1px solid #ddd;
	padding:10px 0 10px 12px !important;
}
.tabTopDestTdRight{
	background-color:#fff;
	border-bottom:1px solid #ddd;
	padding-right:12px;
}
.tabTopDestTdGrey{
	background-color:#f6f6f6 !important;
}
.tabTopDestFrom{
	font-size:10px;
}
.tabTopDestPrice{
	font-weight:normal !important;
	font-size:16px;
	color:red;
}
.tabTopDestNameHotel{
	color:#2b8eed !important;
	font-family:Arial,serif;
	font-size:11px;
	font-weight:bold;
}
.tabTopDestLink{
float:right;
margin-top:23px;
margin-right:10px;
}

#tabsOffersBlocLeft{
	border:0 !important;
}

.tabTopDestTdLeft{
	background-color:#fff;
	border-bottom:1px solid #ddd;
	padding:10px 0 10px 12px !important;
}
.tabTopDestTdRight{
	background-color:#fff;
	border-bottom:1px solid #ddd;
	padding-right:12px;
}
.tabTopDestTdGrey{
	background-color:#f6f6f6 !important;
}
.tabTopDestFrom{
	font-size:10px;
}
.tabTopDestPrice{
	font-weight:100;
}
.tabTopDestNameHotel{
	color:#2b8eed !important;
	font-family:Arial,serif;
	font-size:11px;
	font-weight:bold;
}
.tabTopDestLink{
float:right;
margin-top:23px;
margin-right:10px;
}
.tabTopDestButton{
float:right;
margin-top:7px;
}


/* ========================================================================================================================================================================= */
/* ===== PAGE HOTEL CSS =================================================================================================================================================== */
/* ========================================================================================================================================================================= */

.pageHotelTitle{
font-size:30px;
margin: 0 0px;
font-family:'Open sans', arial, serif;
font-weight:100;
letter-spacing:-1px;
}



.blocIdeeSejour{
position:relative;
width:150px;
float:left;
margin-right:20px;
}


.blocIdeeSejourLink{
	position:absolute;
	bottom:-15px;
	left:15px;
	width:120px;
	padding:7px 12px;
	background-color:#fff;
	text-align:center;
	border-radius:6px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family:'Open sans'
}

.blocIdeeSejour:hover .blocIdeeSejourLink{
	background-color:#2b8eed !important;
	color:#fff !important;
}

.blocIdeeSejour:active .blocIdeeSejourLink{
	background-color:#ffb100 !important;
	color:#fff !important;
}


/* =================================================================================================================================================== */
/* ======  CSS POUR LES TABLETTES  =================================================================================================================== */
/* =================================================================================================================================================== */

@media screen and (max-width: 1024px)
{
	
}

/* =================================================================================================================================================== */
/* ======  CSS POUR LES MOBILES  ===================================================================================================================== */
/* =================================================================================================================================================== */

@media screen and (max-width: 720px)
{

}

/* MIRAI MOTOR */
#motor {
  font-family: Verdana;
}
#motor #mirai_be9 {
  font-family: Verdana;
  font-size: 15px;
  font-weight: normal;
  left: 0;
  margin: 13px 0;
  padding: 5px 4px;
  position: absolute;
  top: -60px;
}

#motor #mirai_be9 option:first-child {
  background: #eeeeee;
  color: #396DA9;
  font-weight: bold;
}

#mirai_bookentrance {}
#mirai_be0 {
  font-size: 16px;
  height: 160px;
  margin-top: 60px !important;
  padding: 0 !important;
  text-align: center;
  width: 230px;
}
#motor #mirai_be2, #mirai_be6 {width: 102px;}
#motor #mirai_be1, #mirai_be3, #mirai_be5 {color: #FFF !important; margin-top: 0 !important;}
#motor #mirai_be2, #mirai_be4, #mirai_be6 {padding: 3px 5px !important;}
#motor #mirai_be5 {text-align: left; top: 81px;}
#motor #mirai_be6 {top: 73px;}
#motor #mirai_be4 {left: 91px; top: 36px; width: 60px;}
#motor #mirai_be2, #motor #mirai_be6 {
  font-size: 14px;
  width: 126px;
}

#mirai_be7 {top: 110px !important;}

#mirai_be7 input {
background: #ffbb34; /* Old browsers */
background: -moz-linear-gradient(top,  #ffbb34 0%, #ffb409 36%, #ff8c17 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb34), color-stop(36%,#ffb409), color-stop(100%,#ff8c17)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffbb34 0%,#ffb409 36%,#ff8c17 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffbb34 0%,#ffb409 36%,#ff8c17 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffbb34 0%,#ffb409 36%,#ff8c17 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffbb34 0%,#ffb409 36%,#ff8c17 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb34', endColorstr='#ff8c17',GradientType=0 ); /* IE6-9 */
    border: 0 none;
	box-shadow: 0 2px 2px #666666;
	-webkit-box-shadow: 0 2px 2px #666666;
    color: #333;
    padding: 7px 8px;
    text-transform: uppercase;
}
#mirai_be7 input:hover {
background: #ff8c17; /* Old browsers */
background: -moz-linear-gradient(top,  #ff8c17 0%, #ffb409 64%, #ffbb34 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8c17), color-stop(64%,#ffb409), color-stop(100%,#ffbb34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff8c17 0%,#ffb409 64%,#ffbb34 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff8c17 0%,#ffb409 64%,#ffbb34 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff8c17 0%,#ffb409 64%,#ffbb34 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff8c17 0%,#ffb409 64%,#ffbb34 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c17', endColorstr='#ffbb34',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 2px 2px #666666 inset;
	-webkit-box-shadow: 0 2px 2px #666666 inset;
}

#carrousel_resa #motor #mirai_be1, #carrousel_resa #motor #mirai_be3, #carrousel_resa #motor #mirai_be5, #carrousel_resa #motor #mirai_be8{
color:#333 !important;
}
#mirai_be8 {
    color: #FFF !important;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    top:150px !important;
}

#mirai_be8:hover {text-decoration: underline}
.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker td:hover a {
	background: #FFBC27 !important;
	color: #333 !important;
}
#ui-datepicker-div {font-size: 14px !important;}
#offersSmall .offersNumber {
	color: #fff !important;
	font-weight: normal !important;
}


.ui-widget-header {
	background: none !important;
}
.ofertas {
float: left;
width: 50%;
min-height:250px;
}

.ofertas h3 {
color: #223463;
font-family: Verdana,Arial;
margin: 3px 0 5px;
}

.ofertas #offersPhoto {
  color: #FFFFFF;
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  width: inherit;
}

.ofertas #offersPhoto img {
  box-shadow: 3px 3px 5px #111111;
  float: left;
  margin-right: 20px;
  width: inherit;
}

.ofertas div #offersPhoto a.mirai_btOffers {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 2px 2px 4px #000000;
  -webkit-box-shadow: 2px 2px 4px #000000;
  color: #000000;
  font-weight: bold;
  height: auto;
  line-height: inherit;
  padding: 2px 10px !important;
}
.ofertas #offersPhoto .mirai_btOffers:hover {
  -webkit-box-shadow: 2px 2px 2px #000000 inset;
  color: #5E231F;
}

.ofertas #offersPhoto ul {
  float: right;
  line-height: normal;
  list-style: none outside none;
  margin: 0 0 20px;
  max-width: none;
  width: 150px;
}

.ofertas #offersPhoto ul li {list-style-type: none;}

.ofertas #offersPhoto .offersName {}
.ofertas #offersPhoto .offersNumber {
  color: #AF2E2B;
  display: block;
  font-family: inherit;
  font-size: inherit;
  margin-top: 0px;
}

#offersPhoto .pusher {display: none !important;}

.ofertas #offersPhoto .linkRss {
  background-position: 0 0;
  height: 14px;
  margin: 3px 10px 0 0;
}