@import '/css/formulaire.css';
@import '/css/bdd-hotels.css';
@import '/css/blog.css';


html, body {height: 100%; }
body {	padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;  }
* html body{text-align:center;}
#conteneur { width:100%;  background:url(/charte/fond-etoile.png) no-repeat center bottom; float:left; }

.page{margin:0 auto ; width:960px; text-align:left; clear:both }

#barre-pictogrammes{width:100%; height:26px;}
#bg-h{float:left; background:#FFFDFC url(/charte/bg-h.png) repeat-x center top; width:100%; height:130px; border-top:26px solid #BB1F3B}
#bg-barreH{float:left; background-color:#d3d1d1; width:100%; font-weight:bold;}
#bg-bandeau{float:left;background-color:#f48811; width:100%; height:235px;border-top:7px solid #bc1f3c;}
#bandeau{margin:0 auto ; width:960px; height:235px;}
.bg-ombre-page{ background:url(/charte/bg-ombre-page.png) repeat-y center top; width:100%; }

#bg-footer{background-color:#6b3334; min-height:100px; padding:10px 10px 10px 10px; width:940px;  }

a, p, td, li, div, label{font-size:1.005em; color:#252425}
img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{ color:#bc1f3c; font-size:2em; font-weight:normal; text-transform:uppercase; border-bottom: 1px solid #bc1f3c; margin-top:0}
h2{ color:#b9844a; font-size:1.3em; font-weight:bold; }
h3, h3 *{ color:#b9844a; font-size:1.1em; font-weight:bold; }
h4{ font-size:1.1em; font-weight:bold; color:#434343; font-weight:normal; }
hr{height:10px; border:none; border-bottom:1px solid #ccc; margin:10px 0; }
#z_contenu a{color:#A30133; text-decoration:underline;}
#z_contenu a:hover{text-decoration:underline !important;}
#z_contenu p{text-align:justify ;}
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo{font-size:10px; }
.legende{ font-size:10px; color:#464646; margin-top:2px; text-align:center;}
#footer, #footer *, #footer a{font-size:11px; color:#434343; font-weight:bold;}
.image_ombree{width:auto;}
.width100pc{width:100%;}
.invisible{display:none;}
.centrage{margin:0 auto; display:inline-table; width:auto }
*+html #pictos .centrage, *+html #langues .centrage{margin-left:20px;}
ul.enligne{ margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }
.lien_menu{clear:both; float:left; margin-left:5px; }
#pagination{margin:5px 0; text-align:center; font-size:14px; color:#333; font-weight:bold; }
#pagination a{ padding:2px; font-size:13px; color:#8F8F8F; margin-left:3px; }
#pagination a:hover{text-decoration:underline; color:#333; }
.td_image_ombree img{padding:5px; background-color:#fff;}
#header .onglet{background:url(/charte/pictos.png) left -86px; height:33px; width:163px; text-align:center; line-height:33px; color:#434343; font-size:14px; font-weight:bold; text-transform:uppercase; }
#header .onglet-adherent{background:url(/charte/onglet-adherent.png) left top no-repeat; height:33px; width:263px; text-align:center; line-height:33px; color:#434343; font-size:14px; font-weight:bold; }
.bouton1 a{background-color:#BC1F3C; font-size:0.9em; padding:5px; font-weight:bold; color:#fff; display:block}
.intro, p.intro{font-weight:bold; color:#A30133; font-size:14px; margin-bottom:0; padding-bottom:0;}
.separateur{width:1px; background-color:#fff; height:26px; float:right; margin:0 15px; }
/*thickbox*/
#TB_window, #TB_secondLine{font-size:1em !important}
#TB_secondLine{white-space:nowrap; padding-top:5px;}
#TB_caption{padding:5px 0 0 0; width:96%; margin:7px 2%}
#TB_closeWindow{padding:11px 10px;margin:7px 2% 0}
#TB_prev a, #TB_next a{font-size:0.9em; background-color:#ccc; padding:3px 5px; text-transform:uppercase; }
/**/
#retour-site{background:#fff; padding:20px 0 10px 0}
#retour-site a{ background:#D3D1D1; margin:0px auto;  width:300px; height:35px; text-align:center; text-transform:uppercase }
#retour-site a{text-decoration:none; line-height:21px; font-size:14px; font-weight:bold; color:#535353; display:block; line-height:30px;}
#retour-site a:hover{text-decoration:underline;}
/* header */
#header{height:158px; position:relative; top:-26px}
#logo{width:auto; float:left; margin-top:10px;}

#pictos{position:relative; float:right; width:210px; top:3px; text-align:center}
#pictos a{ float:left; display:block; height:19px; width:19px; background-image:url(/charte/pictos.png); background-repeat:no-repeat; margin:0 0 0 7px}
#pictos a#malvoyant{ background:url(/charte/pictos.png) right 0 no-repeat; text-indent:2000; overflow:hidden; color:transparent; font-size:0px; width:20px; height:19px; }
#diminuer{background-position: 0 0;}
#augmenter{background-position: -25px 0;}
#pictos a#imprimer{background-position: -50px 0;}
#pictos a#contact{ background-position: -75px 0;}
#plan-site{background-position:-100px 0;}
#pdf{background-position:-125px 0;}
#accueil{background-position:-150px 0;}

#signature{background:url(/charte/signature.png) center top no-repeat; width:235px; height:19px; color:transparent; float:left; clear:right; margin:53px 0 0 15px;}
#guide{position:absolute; bottom:10px; right:0px; width:250px; height:114px;}


#langues{position:relative; float:right;}
#langues a{float:left; display:block; height:20px; width:25px; margin:2px; background-image:url(/charte/pictos.png); background-repeat:no-repeat;}
#langues img{height:20px; width:25px;}
#fr{background-position:-66px -27px;}
#en{background-position:-96px -27px;}
#de{background-position:-131px -27px;}
#it{background-position:-166px -27px;}
#es{background-position:-201px -27px;}

#adherents, #compte-clients{position:relative; float:right;top:7px}
#adherents a, #compte-clients a{color:#ffffff; text-transform:uppercase; font-weight:bold; height:16px; background:url(/charte/adherents.png)left top no-repeat; padding:5px 0px 5px 25px}
#compte-clients a{border-right:1px solid #fff; padding-right:10px; margin-right:10px}
#adherents-retour{position:absolute; right:30px; bottom:0; }

/*z bandeau*/
.modele_extralarge.page_fr .bandeau{background:url(/charte/bandeau.jpg) no-repeat 0 0px; }
#diaporama{display:none;  overflow:hidden; height:235px; max-width:680px;/*width:680px; float:right;*/}
/*.modele_adherents .bandeau{background:url(/charte/bandeau-adherents.jpg) no-repeat 0 0px; }*/
.modele_adherents #signature{padding-top:25px; margin-top:25px; color:#BB1F3B; height:50px; font-weight:bold; font-size:1.8em}
/*
.page_en .bandeau{background:url(/charte/bandeau-en.jpg) no-repeat 0 0px; }
.page_de .bandeau{background:url(/charte/bandeau-de.jpg) no-repeat 0 0px; }
.page_it .bandeau{background:url(/charte/bandeau-it.jpg) no-repeat 0 0px; }
.page_es .bandeau{background:url(/charte/bandeau-es.jpg) no-repeat 0 0px; }
*/

/* ! tous les moteurs ont la classe .moteur-hotels-fr*/
.moteur-hotels-fr{ min-height:230px; width:280px; float:left; border-bottom:5px solid #BB1F3B}
#moteur-hotels{background:#fff url(/charte/moteur-fr.png) no-repeat;}
#moteur-hotels-en{background:#fff url(/charte/moteur-en.png) no-repeat; font-size:0.9em}
#moteur-hotels-de{background:#fff url(/charte/moteur-de.png) no-repeat; font-size:0.7em}
#moteur-hotels-it{background:#fff url(/charte/moteur-it.png) no-repeat; font-size:0.8em }
#moteur-hotels-es{background:#fff url(/charte/moteur-es.png) no-repeat; font-size:0.7em }




#moteur-hotels h1, #moteur-hotels h2{display:none;}
#onglet_moteur{margin-top:27px;}
#onglet_moteur ul, #onglet_moteur li{margin:0; padding:0; list-style-type:none;}
#onglet_moteur a{float:left; width:135px; height:50px;}

.moteur-hotels-fr #moteur_destination{float:left; /*width:65%;*/width:250px; position:relative}
#moteur_destination{padding:2px 0 0 10px; clear:both; }
#moteur_destination table{width:100%; text-align:center}
#moteur_destination input, #moteur_destination select{color:#4d4d4d; font-size:1em; background-color:#ebe9e9; border:1px solid #ccc }
#moteur_destination span{color:#BB1F3B}
.debut_sejour, .duree_sejour{ }
#moteur_destination p.ui-widget, .affiche_champ_moteur{margin:0 0 4px 0; font-size:0.9em;}
#moteur_destination #etablissement{/*width:258px;*/ width:228px;  margin-top:5px;}
#moteur_destination a#geopositionnement{position:absolute; top:5px; right:-10px}
#moteur_destination #date_sejour{width:240px;}
#moteur_recherche_ch{margin:-1px 0 0 -5px}


/*carte gmap de recherche */

#moteur_carte{float:left;width:45%; margin-left:20px;}
#map {
  width: 100%;
  height: 400px;
}
.cluster-1{ background: url(/charte/cluster1.png) no-repeat;font-weight:bold; font-size:13px; height: 41px; width: 42px; text-align:center; line-height:41px; color : #ffffff;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;}
.infobulle, .infoBox{ width:150px; height:auto; float:left; padding:10px; background:#ffffff; border: 1px solid #cccccc; border-radius:0 10px 0 10px;  font-size:12px;}
.nom-hotel{ font-weight:bold;}
.contenu-bulle{ margin-top:5px;}
.carte_large #map{width:100%; height:600px;}


/*z barreH*/
#barreH{}
#menu{display:inline-table; text-align:center;}

/*z zc*/
#back{display:none}
#div_lien_yahoo{float:left; /*width:700px;*/ background:url(/charte/pictos.png) no-repeat -308px -50px; padding-left:20px; margin:7px 0 7px 1%;}
/*#div_lien_yahoo-adherant{width:100%!important; height:30px;}*/
.modele_extralarge.page_en #div_lien_yahoo, 
.modele_extralarge.page_de #div_lien_yahoo,
.modele_extralarge.page_es #div_lien_yahoo,
.modele_extralarge.page_it #div_lien_yahoo{margin-left:5px !important}

#zc{ clear:both}
#colG{float:left; width:280px;}
#colG-adherant{float:left; width:19.5%; }
#menuLat{}
#z_centrale{float:left; width:425px; margin:0 10px; }
#z_centrale_large{float:left; width:720px; margin-left:5px; margin-top:10px}
#z_centrale_intranet{float:left; width:78%; margin-left:2%; margin-top:10px; background-color:#fff}
#z_contenu{ float:left; width:100%; margin-bottom:20px;}

#z_centrale_extralarge{float:left; width:99%; margin:0 0 0 1%}
.modele_extralarge #zc, .modele_sans-cold #zc, .modele_adherents #zc {background-color:#fff;}
.modele_sans-cold #z_centrale{float:left; width:655px; margin-left:15px !important; }

/*cold*/
#cold{ float:right; clear:right; width:232px; margin-top:-27px;}
.page-int #cold{margin-top:0;}
#v-mobile{display:none}
#like-facebook, #reseaux-google,  #cold #carte-fidelite img, #cold #offres-bons-plans img, #cold #v-mobile img, #inscription-newsletter, #liens-sociaux{
	background-image:url("/charte/fond-encart-cold.png"); margin-bottom:3px }
#like-facebook{ float:left; width:98%; padding-left:2%;}
#reseaux-google{float:left; width:98%; padding-left:2%; padding-bottom:5px}

#liens-sociaux{}
.libelle-partager{float:left; margin:10px 10px 5px 0px}
#libelle-partager-fr{background:url(/charte/libelles-fr.png) left -23px no-repeat; height:25px; width:100px; }
#libelle-partager-en{background:url(/charte/libelles-en.png) left -23px no-repeat; height:15px; width:60px; }
#libelle-partager-de{background:url(/charte/libelles-de.png) left -24px no-repeat; height:15px; width:60px; }
#libelle-partager-it{background:url(/charte/libelles-it.png) left -23px no-repeat; height:15px; width:60px; }
#libelle-partager-es{background:url(/charte/libelles-es.png) left -22px no-repeat; height:15px; width:90px; }
#liens-sociaux ul{float:left}
#liens-sociaux a{ float:left; display:block; height:25px; width:25px; margin:4px 3px 0 3px;}
#flux-rss{background:url(/charte/pictos.png) no-repeat 0 -25px;}
#facebook{background:url(/charte/pictos.png) no-repeat -30px -25px;}
li#g-plus div{margin:4px 0 0 3px !important;}
#inscription-newsletter, #liens-sociaux{float:left; width:95%; padding:5px 0 5px 5%;}

.libelle-newsl{margin-bottom:5px; }
#libelle-newsl-fr{background:url(/charte/libelles-fr.png) left top no-repeat; height:16px; width:130px; }
#libelle-newsl-en{background:url(/charte/libelles-en.png) left top no-repeat; height:16px; width:130px; }
#libelle-newsl-de{background:url(/charte/libelles-de.png) left top no-repeat; height:17px; width:130px;}
#libelle-newsl-it{background:url(/charte/libelles-it.png) left top no-repeat; height:17px; width:155px; }
#libelle-newsl-es{background:url(/charte/libelles-es.png) left top no-repeat; height:15px; width:155px; }

.texte-compl{ color:#464646; font-size:11px; width:80%;}
#affiche-newsletter{ background:url(/charte/pictos.png) no-repeat -23px -171px; position:relative; margin-top:10px; clear:both; width:95%; height:20px;  }
#Email{width:165px; background:transparent; border:none; margin:0px 0 0 7px; height:18px; font-size:11px; color:#333;}
input#ok-newsletter{position:absolute; top:0px; right:0px;}

#z-bas{clear:both;width:100%; padding-bottom:5px}
#z-bas #inscription-newsletter{ background:url(/charte/bg-cadre-bas.png) no-repeat left top; width:270px; height:79px; padding:25px 20px; margin:0 10px 0 0px;}
#z-bas #inscription-newsletter #affiche-newsletter{margin-top:5px;}
#z-bas #offres-bons-plans{margin-left:5px; float:right;}
#z_centrale_extralarge #z-bas #inscription-newsletter{margin-left:-10px}
/*footer*/
#footer{padding:5px 0; float:left; background-color:#766a68; text-align:center; width:100% ; color:#fff;}
#footer a{color:#fff; text-transform:uppercase;}
#footer ul li{color:#fff;}
#liste-hotels-footer{float:left; width:100%; }
#liste-hotels-footer ul, #liste-hotels-footer li{ margin:0; padding:0; list-style-type:none; }
#liste-hotels-footer ul{float:left; width:25%;}
#liste-hotels-footer a{color:#ca877f; font-size:11px; text-transform:uppercase ;}

/*accueil*/
/*selection hotel -> cf bdd-hotels.css*/
.page-accueil #div_lien_yahoo{width:90%; float:left; }

.page-accueil #z_contenu{width:46%; float:left; margin:0px 0 0 1% !important; color:#271D21; font-size:12px;}
.page-accueil #z_contenu :first-child{margin-top:0}

#cold-z-contenu-accueil{width:49%; margin-right:1%; float:right;}
.affiche-fond-profils{ width:100%; float:left; margin-bottom:10px}

/*profils*/
#profils{clear:both; width:100%; float:left; margin-top:10px;}
#affiche-profils div.jqDock {cursor:pointer;}
#affiche-profils div.jqDockWrap {margin:15px auto 0 auto;}
#affiche-profils a{padding:0 10px ; display:block; text-decoration:none; text-transform:uppercase; color:#A30133; font-weight:bold; font-size:14px;text-align:center;}
#affiche-profils .jqDockLabel{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color:#f2f2f2; padding:2px 10px; border:1px solid #ddd; z-index:100; margin-top:70px !important;}

/*actu*/
#affiche-actu{margin:-10px 10px 0 10px; width:100%;}
.News{width:100%; margin-bottom:10px; float:left;}
.News_image{float:left; margin:0 5px 0 0}
a.lien_news{ color:#4B894F; font-weight:bold;}
#affiche-actu p{font-size:12px;}

/* MENU HAUT */
#barreH{position:relative;}
#bouton-accueil a, #bouton-accueil-on a{border-left:1px solid #fff; border-right:1px solid #fff;padding:0 1%;position:absolute; top:0; left:0; height:47px; z-index:2; width:2%;  background:url(/charte/home-on.png) no-repeat center center; background-size:82%}
#menu{margin-left:4.2%; float:left;}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li{margin: 0; padding: 0; list-style-type: none; }
#menu li, .menuLat ul{clear:both; width:100%;}
#menu dl {position:relative; float:left;}
#menu dt{ border-right:1px solid #fff }
#menu dt a{color:#271D21; line-height:47px; height:47px; display:block; padding: 0 10px;  font-size:13px; text-transform:uppercase; }
#menu dl:hover dt, #menu dl.menu0active_ dt{background:#BC213C; }
#menu dl:hover dt a, #menu dl.menu0active_ dt a{background:#BC213C; color:#fff; text-decoration:none;}

#menu-adherent #menu dt a{padding:7px; height:34px; line-height:normal; }

/*
#menu-adherent{width:1000px;}
#menu-adherent dt{ padding-right:6px; margin-right:4px; }
#menu-adherent dt a{color:#000;}
#menu-adherent dl:hover dt, #menu-adherent dl.menu0active_ dt{background:url(/charte/bg-boutons.png) right -279px no-repeat; }
#menu-adherent dl:hover dt a, #menu-adherent dl.menu0active_ dt a{background:url(/charte/bg-boutons.png) left -317px no-repeat; color:#000;}
#menu-adherent dl dt{background:url(/charte/bg-boutons.png) right -58px no-repeat; }
#menu-adherent dl dt a{background:url(/charte/bg-boutons.png) left -96px no-repeat; color:#fff; text-decoration:none;}
*/
#menu dd, #menu .Sous_menu_dyn { display:none; background-color:#D2D0D1; }
#menu dd{ position:absolute; top:50px; left:0px; width:160px;  }

#menu dd a{text-transform:uppercase; color:#000; font-size:1.05em; display:block; padding:5px; text-align:left; }
#menu dd a:hover{background-color:#BB1F3B; color:#fff; text-decoration:none;}

/* MENU LATERAL */
#titre_rub{display:none;}
.haut_menuLat, .bas_menuLat{display:none;}
.menuLat, #liens-fixes{width:100%; float:left;background-color:#D2D0D1}

.menuLat ul, .menuLat li, #liens-fixes ul, #liens-fixes li { margin: 0; padding: 0; list-style-type: none; clear:both; }
.menuLat a, #liens-fixes a{ text-decoration:none; display:block;}
.menuLat a:hover{text-decoration:underline;}
.menuLat li{}
.menuLat ul:first-child{padding-bottom:20px; }
.menuG-2 a, .menuGactive-2 a, #liens-fixes a{ padding:5px 2px 5px 10px; margin-bottom:1px; font-size:1.05em; color:#010000; font-weight:bold; text-transform:uppercase; background:#D2D0D1;}
.menuG-2 a:hover, #liens-fixes a:hover{text-decoration:none; color:#fff; background:#BC213C;}
.menuGactive-2 a, .menuGactive-2 a:hover{text-decoration:none; color:#fff; background:#BC213C; }

.menuLat ul li ul{}
.menuG-3 a, .menuGactive-3 a{font-weight:normal; font-size:0.9em; margin:7px 0 0 5px; background: url(/charte/pictos.png) no-repeat -305px -182px; padding:0px 0px 3px 18px; color:#000;  }
.menuGactive-3 a, .menuGactive-2 .menuG-3 a:hover, .menuGactive-2 .menuGactive-3 a:hover{ color:#BC213C; background:url(/charte/pictos.png) no-repeat -305px -182px}
.menuGactive-3 a{font-weight:bold;}
.menuLat ul li ul li ul{margin-left:15px;}

/*album photo*/
.light{opacity:0.5; }
.origin{opacity:1; }
#grande_photo{height:400px; width:100%; text-align:center; margin:10px 0;}

/* tableau et liste conseil */
.englobe_tableau{ margin-top:10px; padding:0; border:1px solid #790125; width:99%;}
.conseil_administration th{ padding:3px; border:1px solid #fff;}
.entete_ca{ text-align:center; background:#790125; color:#fff}
.corps_ca td{ padding:3px; border:1px solid #A86A7C; font-size:11px}

.responsable_region_div{ width:100%;}
.responsable_region_div .titre_onglet{ width:33%; background:#CDCAC9; margin:5px; padding:5px;}
.responsable_region_div .contenu_onglet{ margin:5px 5px 15px 5px; padding:5px; color:#000! important;}


/*Element du formulaire*/
.date_sejour{width:75px;}
.resa_duree_sejour{width:70px;}
.chambre{width:70px;}

/*MODELE ADHERENTS*/
.modele_adherents #header #infos-adherents{ float:left; margin:10px 0 0 15px; }
#titre-espace{color:#BB1F3B; font-weight:bold; font-size:1.8em}
.affiche-nom-hotel{}
.modele_adherents .deconnexion{margin:10px 0 0 0px; }
.modele_adherents .deconnexion a, .modele_adherents #pgm-fidelite, .modele_adherents #btn-aide{background-color:#C03; padding:3px 10px; color:#fff; font-weight:bold; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
.modele_adherents #pgm-fidelite, .modele_adherents #btn-aide{float:right; margin-top:10px; clear:right}
.modele_adherents #pgm-fidelite a, .modele_adherents #btn-aide a{color:#fff;}

.google-tag{  position:absolute; left:0; bottom:0; width:0px; height:0px; overflow:hidden}
iframe#oauth2relay2135092155{ position:absolute !important; top:0 !important; left:0 !important; height:0 !important; width:0 !important; }
.modele_adherents #bandeau{text-align:center; background:#F9F7F6; width:960px;}
.modele_adherents #diaporama{margin:0 auto;}

.page_fr #guide{ display:none}
#heros{ position:absolute; right:0; bottom:2px; height:130px; overflow:hidden}
#heros img{ margin-top:-20px}


#bg-footer{ display:none}

/*   
#moteur-hotels, #moteur-hotels-en, #moteur-hotels-de, #moteur-hotels-it, #moteur-hotels-es{background:#bc1f3c}
*/