/*****************************************/
/*SITE Hotelissima §  
/*****************************************/
/* couleurs utilisees
texte:			#2b424b;
turquoise fonce #006294;
turquoise clair	#009dc2;
brun fonce		#534741;
brun moyen		#786854;
brun clair		#9a8877
orange			#dd7d00;
vert			#2e9200;
rouge			#f42323;
*/

body {
	position: relative;
	z-index: 1;
}

/*****************************************/
/*contour */
/*****************************************/
#containerfd
{
	width:1176px;
	margin:0 auto;
	height:600px;
	position:relative;
	z-index: 1;
}
.interieur
{
	width:960px;
	margin:0 auto;z-index: 0;
}

/*****************************************/
/*recherche */
/*****************************************/

#blocrecherche
{
	position:absolute;
	z-index: 1;
	width:240px;
	margin-top:0;
	left:110px;
}
#logo
{
	background:#514a47;
	padding-top:85px;
	height:85px;
}

#recherche
{
	background:#009fc2 url(../img/fd-recherche.jpg) repeat-x;
	height:264px;
	border-top:1px solid #534741;
}
#recherche FORM
{
	margin-right:20px;
}
#recherche H3
{
	margin-top: 2em;
	margin-bottom: 1em;
	margin-left: 1em;
	font-size: 14px;
	text-align: center;
	color:white;
}

#recherche H4 {
	margin-top: 1.5em;
	margin-left: 1em;
	font-size: 12px;
	text-align: center;
	color:white;
}

#recherche P
{
	color:white;
	text-align:right;
	margin:0.5em 0;
}


.textehotel p {
	text-align: justify;
}

.cal {
	width: 73px;
}

.argu {
	font-size: 1.2em;
}


#recherche P .calendrier
{
	margin-right: -15px;
}

#recherche .long
{
	width:200px;
}
#ombre-recherche
{
	position:absolute;
	width:61px;
	height:346px;
	background:url(../img/ombre-recherche.png) no-repeat;
	margin-top:160px;
	left:350px;
	z-index: 0;
}
#ombre-recherche-bas
{
	position:absolute;
	z-index: 0;
	width:240px;
	height:42px;
	background:url(../img/ombre-recherche-bas.png) no-repeat;
	margin-top:435px;
	left:111px;
}
/*****************************************/
/*mise en avant  bandeau 1 : hotel */
/*****************************************/
#fd-mav
{
	position:absolute;
	left:868px;
	width:198px;
	height:80px;
	background:url(../img/fd-mav-1.png) no-repeat;
}

#mav
{
	position:absolute;
	left:868px;
	width:198px;
	height:80px;
	color:white;
}
#mav-nomhotel
{
	padding-top:15px;
	height:44px;
}
#mav-nomhotel H4
{
	color:white
	line-height:1.4em;
}
#mav-nomhotel A
{
	display:block;
	width:188px;
	height:44px;
	margin-left:10px;
	color:white;
}
#mav-nomhotel A:hover
{
	color:white;
	text-decoration:none;
	color:#f1f1f1;
}
#mav-lienhotel
{
	height:20px;
}

/*****************************************/
/*mise en avant  2 */
/*****************************************/
#les-mav-footer
{
	margin:20px 0;
}

#mav-envies
{
	position:absolute;
	left:868px;
	margin-top:263px;
	width:198px;
	height:150px;
	background:url(../img/fd-mav-2.png) repeat;
}
#mav-envies2
{
	float:left;
	margin-left:10px;
	width:265px;
	height:165px;
	font-size:1.1em;
	background:url(../img/fd-degrade-bleu.gif) repeat-x;
}
.mav-2
{
	color:white;
	
}
.mav-2 UL
{
	margin:10px;
	padding:0;
}
.mav-2 LI
{
	list-style-type:none;
	background: url(../img/puce-droite-blanche.gif) no-repeat left;
	padding-left:10px;
	margin-left:10px;
	color:white;
	line-height:1.5em;
}
.mav-2 H2
{
	margin:40px 0 0 10px;
	color:white;
	line-height:1.2em;
	font-size:1.7em;
}
.mav-2 H3
{
	margin:0 0 0 10px;
	color:white;
	line-height:1.2em;
	font-size:1.3em;
}
.mav-2 H4
{
	margin:10px;
	color:white;
	line-height:1.4em;
	font-size:1.3em;
}
.mav-2 A
{
	color:white;
	text-decoration:none;
}
/*****************************************/
/*mise en avant destinations */
/*****************************************/

#mav-destinations
{
	width:197px;
	background:#b4dae7 url(../img/fd-mav-3.jpg) no-repeat top left;
	border:1px solid #b4dae7;
	border-top:1px solid #80dab0;
	padding-bottom:20px;
}
.mav-dest H3
{
	padding:10px;
	line-height:1.4em;
}
.mav-dest H4
{
	margin:0 0 0 10px;
}
.mav-dest UL
{
	margin:0 0 1em 0;
	padding:0;
}
.mav-dest LI
{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:1.3em;
	background:url(../img/puce-droite-bleue.gif) no-repeat left;
	padding-left:10px;
	margin-left:10px;
	color:#006294;
}
.mav-dest LI A
{
	color:#006294;
}

#mav-destinations2
{
	float:left;
	background:url(../img/fd-mappemonde.gif) no-repeat top left;
	width:440px;
	height:166px;
	/*font-size:1.1em;*/
}
#mav-destinations2 H3
{
	font-weight:bold;
	margin:0;
}
.blocdest
{
	float:left;
	width:140px;
}
.blocdest H4
{
	font-weight:bold;
	margin-bottom:5px;
}
.mav-dest .blocdest LI
{
	line-height:1.4em;
}
/*****************************************/
/*bandeau */
/*****************************************/
#nav-outils,#tel
{
	float:right;
}
#nav-outils IMG,#tel IMG
{
	border:0;
	padding:0;
}
#nav-outils
{
	position: relative;
	padding-top:10px;
	height:22px;
}

#tel
{
	padding-top:4px;
	height:28px;
}

A.langues:hover
{
	text-decoration:none;
}


#lstLng {
	float:right;
	margin:0;
	padding:5px;
	position:absolute;
	z-index: 9999;
	right:0;
	list-style-type:none;
	background: #fff;
	border: solid 1px;
	display:none;
}


#lstLng li img{
	vertical-align: middle;
}

/*****************************************/
/*contenu */
/*****************************************/

#contentfd-booking
{
	width:960px;
	margin:10px auto 0 auto;
	background:url(../img/sep-v-contour.jpg) no-repeat top left;
}

#contentfd
{
	width:960px;
	margin:413px auto 0 auto;
	background:url(../img/sep-v-contour.jpg) no-repeat top left;

}
#contentfd2
{
	width:100%;
	background:url(../img/sep-v-contour.jpg) no-repeat top right;
}
#content
{
	width:958px;
	margin:0 auto;
	background:url(../img/ombre1.jpg) no-repeat top;
	background-position: 0 20px;
	position:relative;
}
#col1,#col2,#col3,#col2-large
{
	float:left;
	overflow:hidden;
}
#col1
{
	width:220px;
}
#col2
{
	width:500px;
	margin:0 18px 0 20px;
}
#col3
{
	width:200px;
}
#col2-large
{
	width:717px;
	margin-left:20px;
}


/*****************************************/
/*email nos offres */
/*****************************************/
#inscriptionnews
{
	margin:20px 0 0 1px;
}
#inscriptionnews INPUT.texte
{
	width:213px;
	background:#ededed;
}
#inscriptionnews P
{
	text-align:right;
}

/*****************************************/
/*5 raisons */
/*****************************************/

#raisons TABLE
{
	width:85%;
}
#raisons TD.expli
{
	display: none;
}

#raisons TD.lettrine
{
	font-family: Georgia,"times new roman", serif;
	font-size:2em;
	font-weight:normal;
}
#raisons H2,#raisons H3,#raisons H4
{
	margin:0;
	line-height:1em;
}
#raisons H2
{
	color:#534741; 
	font-size:1.9em;
	margin-bottom:0.3em;
}
#raisons H3
{
	color:#786854; 
	font-size:1.8em;
}
#raisons H4
{
	color:#9a8877; 
	margin-top:1em;
	font-size:1.7em;
}
#pubcol1
{
	text-align:center;
}
/*****************************************/
/*selection hotels */
/*****************************************/
#selectionhotels 
{
	margin-bottom:30px;
}
#selectionhotels H4, #selectionhotels H4 a
{
	color:#534741; 
}

#accroche {
	padding-right: 20px;
}

a#lirelasuite{
	color: rgb(0, 98, 148);
}

.accroche img {
	margin-top: 3px;
}

.uneselection
{
	/*clear:both;*/
	height:95px;
	margin-bottom:10px;
}
#selectionhotels .vignette
{
	float:left;
	width:145px;
}
#selectionhotels TABLE
{
	width:350px;
	border-collapse:collapse;
}
#selectionhotels TABLE
{
	width:350px;
}
#selectionhotels TD.reduc
{
	font-weight:bold;
	color:#006294;
}

.line-through {
	color: #658f98;
	text-decoration:line-through;
	margin-right: 7px;
	
	position: absolute;
	top:10px;
	right: 75px;
}

.prixinit{
	color:#2b424b;
	font-size: 1.2em;
}

TABLE.listehotels .nomhotel{
	width:190px;
}

TABLE.listehotels .etoiles {
	width:25px;
}

TABLE.listehotels .prixinit {
	font-size: 1em;
	width:40px;
}

.unhotel .prixinit, .fare .prixinit {
	/*position: absolute;
	top:10px;
	right: 75px;
	*/
	font-size:1.3em;
}

TABLE.listehotels .prixfin {
	width:45px;
}

TABLE.listehotels .reduc {
	width:40px;
}



/*****************************************/
/*Promos */
/*****************************************/
#lespromos
{
	/*margin-top:290px;*/
	margin-top:20px;
}
#lespromos H1
{
	margin:0;
	font-size:2em;
	line-height:0.9em;
}
#lespromos H2
{
	margin:0 0 10px 20px;
	font-size:1.8em;
	line-height:1em;
	color:#005171;
}
#lespromos H6
{
	font-size:0.9em;
	line-height:1.2em;
	background:url(../img/puce-droite-bleue.gif) no-repeat;
	background-position:0 2px;
	padding-left:10px;
	margin:0 0 0.5em 0;
}
/*****************************************/
/*footer */
/*****************************************/
#baselinefd
{
	width:960px;
	margin:0 auto;
	background:url(../img/ombre2.jpg) no-repeat top;
}
#baseline
{
	padding-bottom:40px;
}
#baselinecol1 
{
	float:left;
	width:220px;
	padding-top:5px;
	text-align:center;
}
#baselinecol2
{
	padding-top: 10px;
	float:left;
	width:740px;
}
#baselinefd2
{
	width:100%;
	background:url(../img/ombre2.jpg) no-repeat top right;
	border:1px solid white;
}
#baseline2
{
	padding-bottom:10px;
}
#footerfd
{
	width:100%;
	margin:0 auto;
	background:url(../img/ombre3.jpg) repeat-x top;
}
#footer
{
	width:960px;
	margin:0 auto;
}
#footer TABLE
{
	width:100%;
	margin-top:5px;
}
#footer td
{
	background:url(../img/sep-v.gif) no-repeat left;
	padding:0 10px;
}
#footer td#logofooter
{
	background:none;
	text-align:right;
}
#footer UL
{
	margin:1em 0;
	padding:0;
}
#footer LI
{
	margin:0;
	padding:0;
	line-height:1em;
	list-style:none;
}
/*****************************************/
/*informations colonne de gauche */
/*****************************************/
#retour
{
	margin-top:5px;
	height:35px;
	margin-left:10px;
	font-family: Georgia,"times new roman", serif;
}
/*
#googlemaps div
{
	font-size:0;
	line-height:0;
}
#googlemaps IMG
{
	border:0;
	padding:0;
}
#googlemaps .boutonbleu
{
}
*/
.infosgauche UL
{
	margin:5px 0;
	padding:0;
}
.infosgauche LI
{
	background:url(../img/puce-droite-noire.gif) no-repeat left;
	margin-left:10px;
	padding-left:7px;
	list-style-type:none;
}

.infosgauche H2,#affiner H2
{
	color:#006294;
	margin:0 0 0 10px;
	font-weight:bold;
}
#affiner FORM
{
	margin:10px 0 0 10px;
}
#affiner H3
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color:#006294;
	margin:10px 0 0 0;
	padding:2px 0;
}
#affiner TABLE
{
	width:100%;
	border-collapse:collapse;
	border-bottom:1px solid #dee1e2;
}
#affiner TR
{
	border-top:1px solid #dee1e2;
}
#affiner TD
{
	padding:0;
	border-top:1px solid #dee1e2;
}
#affiner TD.box
{
	width:10px;
}
#affiner TD.nb
{
	text-align:right;
}
#affiner TD.puce
{
	background:url(../img/puce-droite-noire.gif) no-repeat;
	background-position:0 6px;
	padding-left:7px;
	font-weight:bold;
}
#affiner .tablesep
{
	width:100%;
	border-top:1px solid #dee1e2; /*gris*/
}

#suggestions
{
	background:url(../img/fd-degrade-bleu-clair.gif) repeat-x;
	height:290px;
}
#suggestions H2
{
	color:white;
	padding:10px;
	margin:0
}
#suggestions TABLE
{
	margin-left:10px;
}
#suggestions TD H5
{
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:12px;
	font-size:11px;
	font-family:Helvetica;
}
/*****************************************/
/*PATH */
/*****************************************/
#chemindefer
{
	margin:5px 0;
	font-family: Georgia,"times new roman", serif;
}

#chemindefer img {
	margin: 0 10px;
}

/*****************************************/
/*RESULTAT : LISTE D'HOTELS */
/*****************************************/
#texteintro
{
	margin:10px 0;
}

#lasuite
{
	margin:5px 0;
	background:#f2f2f2;
	overflow:hidden;
	padding-right: 20px;
}
#listehotels
{
	/*border:1px solid #dee1e2;*/ /*gris*/
	width:710px;
}
.formdates
{
	margin:10px 0 0 20px;
}
.hauthotel,.bashotel,.hauthotelfocus,.bashotelfocus,.hautcadre,.bascadre
{
	width:685px;
	margin-left: auto;
	margin-right: auto;
	height:5px;
	line-height:0;
	font-size:0;
}
.hauthotel,.hautcadre
{
	background:url(../img/cadre/haut685.gif);
	margin-top:3px;
}
.hauthotelfocus
{
	background:url(../img/cadre/haut685focus.gif);
	margin-top:3px;
}
.bashotel,.bascadre
{
	background:url(../img/cadre/bas685.gif);
	margin-bottom:3px;
}
.bashotelfocus
{
	background:url(../img/cadre/bas685focus.gif);
	margin-bottom:3px;
}
.unhotel,.uncadre
{
	background:url(../img/cadre/milieu685.gif) repeat-y;
	margin:0 auto;
	width:685px;
}

.unhotel .baserate, .fare .baserate {
	font-size: 1em;
	font-weight: bold;
}

.unhotel .details {
	width:150px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	font-size: 0.9em;
}

.unhotel.focus
{
	background:url(../img/cadre/milieu685focus.gif) repeat-y;
}
.unhotel H2,.uncadre H2
{
	padding:3px 10px;
	margin:0;
}

.unhotel, .fare {
	position: relative;
}

.unhotel .promo, .fare .promo {
	position: absolute;
	right: 10px;
	top: 0;
	width: 42px;
	height: 45px;
	line-height: 45px;
	margin-top: -4px ;
	background: url(../img/promo.png);
	color: white;
	font-family: Georgia,"times new roman", serif;
	font-size: 13px;
	font-weight: bold;
}

.uncadre H2
{
	font-weight:bold;
}
.focus H2 
{
	color:#006294;
}
TABLE.table1
{
	width:670px;
	margin:0 0 0 10px;
	border-collapse:collapse;
}
.table1 TD
{
	padding:0 5px 0 0;
}
.table1 TD.vignettehotel,.table1 TD.vignette
{
	/*padding-top: 10px;*/
	vertical-align: top;
}
.table1 TD.prixhotel
{
	vertical-align: top;
	text-align:center;
	width:170px;
	height: 60px;
	padding-left:20px;
	padding-top: 10px;
}

.fare TD.prixhotel {
	padding-top: 10px;
}

.table1 TD.prix
{
	text-align:center;
	width:185px;
	padding-left:20px;
}
.focus SPAN.prixinit
{
	font-family: Georgia,"times new roman", serif;
	color:#dd7d00; /*orange*/
}
.focus SPAN.baserate
{
	color:#dd7d00; /*orange*/
}

SPAN.dispo
{
	display:block;
	margin:3px 0;
	font-size:1.1em;
	font-weight:bold;
}
SPAN.prixfin
{
	font-family: Georgia,"times new roman", serif;
	font-size:1.8em;
}
.focus SPAN.prixfin
{
	color:#dd7d00; /*orange*/
}

TD.lanote
{
	padding-top:15px;
	
}
TD.lanote H3
{
	color:#006294; /*turquoise*/
	font-weight:bold;
	margin:0;
	padding:0;
	padding-left:12px;
	line-height:1em;
	font-size:1.4em;
	border-left:2px solid #2b424b;
}
TD.notes
{
	width:205px;
	padding-left:10px;
}
.uncadre TD.texte H4
{
	font-weight:bold;
	margin:0;
}
.uncadre TD.texte
{
	padding-left:10px;
	text-align:justify;
}
UL.notesclients
{
	list-style:none;
	color:#006294; /*turquoise*/
	font-weight:bold;
	font-size:10px;
	margin-top:12px;
}
span.noteclient
{
	color:#006294; /*turquoise*/
}
#triavis
{
	margin-top:10px;
}
.unhotel .sep,.uncadre .sep
{
	width:675px;
	margin:0 auto;
}
TABLE.table2
{
	width:675px;
	margin:0 auto;
	border-collapse:collapse;
	table-layout: fixed;
}
.table2 TD
{
	border-right:1px solid #dee1e2; /*gris*/
	text-align:center;
	padding:1px;
}
.table2 TD.prestations
{
	text-align: left;
	padding-left: 5px;
	/*width:190px;*/
}

.prestations img {
	margin-top: 3px;
}

.table2 TD.bouton
{
	width:200px;
}
.table2 TD.liendetail
{
	width:190px;
	text-align:left;
	padding-left:5px;
}

/*****************************************/
/*FICHE HOTEL */
/*****************************************/
.content
{
	border:1px solid white;
	border-bottom:1px solid #dee1e2; /*gris*/
	border-left:1px solid #dee1e2; /*gris*/
	border-right:1px solid #dee1e2; /*gris*/
	padding:0;
	background:url(../img/ombre2.jpg) no-repeat top left;
}
#content H2,#content_4 H4
{
	font-weight:bold;
}
.contenu
{
	padding:0 10px;
}
.content2
{
	border:1px solid #dee1e2; /*gris*/
}
.piedcontent
{
	width:100%;
	border-top:1px solid #dee1e2; /*gris*/
}
.piedcontent TD
{
	text-align:center;
}
.piedcontent TD#prest
{
	width:280px;
}
.piedcontent TD.bord
{
	border-right:1px solid #dee1e2; /*gris*/
}
.promohotel
{
	float:right;
	width:215px;
	text-align:center;
}
#descriptifhotel
{
	float:left;
	width:465px;
	text-align:justify;
}
.blocservice
{
	margin:6px 0;

	background:url(../img/fd-services.gif) no-repeat top left;
}

#serviceshotel H3
{
	color: #006294;
	margin:0 0 0 10px;
	font-size:1em;
	padding-top:12px;
	height:18px;
}
.colservice
{
	/*float:left;*/
	width:145px;
	margin-left:10px;
}
/*
.colservice.last
{
	background:none;
}
*/
.colservice UL
{
	margin:2px 0 0 0;
	padding:0;
	display: block;
	width: 470px;
}
.colservice LI
{
	margin:0;
	padding:0;
	height:19px;
	line-height:19px;
	float: left;
	width: 150px;
	
	list-style: inside url(../img/puce-droite-bleue.gif);
}
/*****************************************/
/*ONGLETS*/
/*****************************************/
UL.tabs
{
	margin:20px 0 0 0;
	padding:0;
	height:32px;
	border-bottom:1px solid #dee1e2;
}

UL.tabs LI
{
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	font-weight:bold;
}
UL.tabs LI A
{
	display:block;
	float:left;
	margin-right:3px;
	background:#006294;
	color:white;
	text-decoration:none;
	height:12px;
	border-top:1px solid white; 
	border-right:1px solid white;
	border-left:1px solid white;
}
UL.tabs LI A.active,UL.tabs LI A.active2,UL.tabs LI A:hover
{
	color:#006294;
	background:url(../img/ombre2.jpg) no-repeat bottom right;
	text-decoration:none;
	border-top:1px solid #dee1e2; /*gris*/
	border-right:1px solid #dee1e2; /*gris*/
	border-left:1px solid #dee1e2; /*gris*/
}
UL.tabs LI A.tab
{
	padding:9px 14px 4px 14px;
	margin-top:7px;
	margin-bottom:1px;
}	
UL.tabs LI A.tab2
{
	padding:2px 8px;
}	

UL.tabs LI A.active,UL.tabs LI A:hover
{
	padding:15px 14px 4px 14px;
	margin-top:1px;
}
UL.tabs LI A.active2
{
	padding:3px 8px 2px 8px;
}

#affiner TABLE TR.disabled TD {
	color:#C0C0C0;
	text-decoration: line-through;
}

.fare .texte .room_infos{
	display: none;
}


#booking-bandeau {
	background:#009fc2 url(../img/degrade-booking.jpg) repeat-x;
	padding:30px 0 0 450px;
	height:118px;
}


#booking-bandeau div.flechouille {
	background: url(../img/flechouille.png) no-repeat;
	opacity:0.5;
	filter : alpha(opacity=50); 
	margin-left: 10px;
	width: 133px;
	height: 108px;
	text-align: center;
	color:white;
	float:left;
}

#booking-bandeau div.active {
	opacity:1;
	filter : alpha(opacity=100);
}

#booking-bandeau .flechouille h1 {
	text-align: center;
	color:white;
}


TABLE.resa {
	border: solid 1px #ededed;
}

TABLE.resa TH {
	background:url(../img/degrade-booking.gif) repeat-x;
	height: 31px;
	color: #366e8a;
	/*padding-bottom: 10px;*/
	vertical-align:middle;
}

.logo-paiement {
	float:left;
	margin: 0px 60px 0px 150px;
}

.flechouille h1 {
	font-size: 2.2em;
}

.resa TD.flechette {
	padding-left: 15px;
	background: url(../img/puce-droite-bleue.gif) no-repeat 5px 4px;
}

.recap {
	margin-left: 5px;
}

.recap TABLE {
	
	border-spacing: 0;
	border-top: dotted 1px;
	width:100%;
}

.recap TABLE TD {
	background: url(../img/puce-droite-noire.gif) no-repeat 5px 8px;
	padding: 5px 5px 5px 13px;
	border: dotted 1px;
	border-top: 0;
}

.recap h3 {
	font-size: 1.5em;
	color: #0177A5;
}

.textehotel div, .textehotel p{
	margin:0.3em 0;
}

.res-detail {
	font-weight: bold;
	color: #0274A4;
	padding:3px;
}

.toplight .res-detail {
	background: #0075A8;
	color: white;
}

.box {
	font-weight: bold;
}

.leftlight {
	border-left: solid 1px #3D97BA;
}

.rightlight {
	border-right: solid 1px #3D97BA; 
}

.toplight {
	border-top: solid 1px #3D97BA;
}

.bottomlight{
	border-left: solid 1px #3D97BA;
	border-right: solid 1px #3D97BA;
	border-bottom: solid 1px #3D97BA;
}

.indispo-cal, .indispo-cal td {
	margin:0;
	padding:0;
	border-spacing: 0;
	
}

.indispo-cal td {
	border-right: 0;
	padding: 0 0 0 3px;
}

a.degrade-dark:hover {
	text-decoration: none;
	cursor: pointer;
	color: white;
}

.services_hotelissima {
	position: absolute;
	top: -12px;
	right: 0;
	background: url(../img/services_hotelissima.png);
	width: 90px;
	height: 87px;
	padding:30px 0 0 120px;
}