@-moz-document url-prefix() {
    a.popin_nofraude {margin-bottom: 3px;}
}
body {font-family: 'Fira Sans', sans-serif!important;}
.pos-relative {position: relative;}

.bg-brown {background-color: #584244; color:#FFF;}
.bg-bleu-clair {background-color: #66a6d9; color: #FFF;}
.titre-bleu {color: blue;}
.text-rouge {color: #F00;}
.colorIndigo, .colorIndigo a, a.colorIndigo {color: rgb(182, 97, 255)!important;}

.btn-default {background-color: #eee!important; border: 1px solid #ddd!important; font-weight: bold!important;}
.btn-lg {font-size: 1.0rem!important;}

.btn-slt {background-color: #007bff; color: #FFF; font-size: 14px; font-weight: bold; padding: 10px 20px; border-radius: 5px;}
.btn-slt:hover {text-decoration: none; background-color: #228bfc; color: #FFF;}

.faux-bouton {border-radius: 3px; padding: 3px 5px; font-size: 20px; margin-left: 5px; background: #eee; border: 1px solid #ddd; min-width: 35px;}
.faux-bouton.trash {background: #ff0000 !important; border: 1px solid #d20202 !important; color: #FFF;}

#stressMarketing{ width:250px; height:40px; position: fixed; padding-top:8px; bottom:50%; right:-250px;background-color:#C7C0C1;color:#000000;font-weight:normal;font-size:11px}

.slick-track {margin: 0!important;}

.font-bleu {color: #00A6F2;}
.font-gras-bleu {color: #00A6F2; /*rgb(0, 178, 244);*/ font-weight: bold;}

div.content_wysiwyg p, div.content_wysiwyg div{
	font-size:14px !important;
}
.zone-encadree b>font {font-size: 14px;}

table.filtres_liste th{
	background: #66c9f7;
    color: #FFF;
    padding: 8px 0px;
    font-size: 14px;
    border-radius: 5px 5px 0px 0px;
}
table.filtres_liste td{
	border: solid 1px #b4b4b4;
	background :#FAFAFA;
}
table.ss_filtres_liste td{
	border:0px !important;
}

.activite-content table{
	margin:auto !important;
}
.activite-content img {max-width: 100%;}

.button-blue-annonce {
    width: 255px;
    background: #00A5F2;
    color: #FFF;
    font-size: 13px;
    padding: 6px 0px;
    cursor: pointer;
    font-weight: bold;
    border: 0px;
    text-align: middle;
	position:relative;
}

.button-blue-annonce i{
	position:absolute;
	top:5px;
	left:6px;
}

div.col-head{
	padding-bottom:10px !important;
}
div.col-right{
	width:255px;
	text-align:center;
	padding-bottom:7px;
	position:relative;
	box-sizing: content-box;
}
.popin_gm{
	cursor:pointer;
}
div.col-left{
	width:800px;
	padding-bottom:10px;
	position:relative;
	clear:both;
	min-height:20px;
}
div.col-left.zone_visible{
	width:790px !important;
}

div.col-left div.zone-fil-arianne{
	float:left;
	height:20px;
}
div.fil_arianne{
	line-height : 27px;
	vertical-align:middle;

}

div.zone-avis-fiche{
	border:1px solid #b4b4b4;
}
div.zone-avis-fiche-titre{
	border-bottom:1px solid #b4b4b4;
	background:#FAFAFA;
	padding:5px 0px 5px 10px;
	text-align:left;
	font-weight:bold;
}
div.zone-avis-fiche-footer{
	border-top:1px solid #b4b4b4;
	background:#FAFAFA;
	padding:0px 0px 0px 10px;
	text-align:left;
	min-height:14px;
}
div.zone-avis-fiche-body{
	padding:5px;
	background:#ffffff;
	text-align:center;

}
div.zone-avis-fiche-eval{
	color:red;
	font-weight:bold;
	font-size:14px;
	padding-top:2px;
}
div.zone-avis-fiche-liste, div.zone-avis-fiche-liste a{
	color:blue;
	font-size:13px;
	font-weight:bold;
	padding-bottom:2px;
}
div.zone-avis-fiche-liste a{
	text-decoration:underline;
}

#bloc_votre_sejour{
	font-size: 12px;
}
.showtel{
	color:blue;
	cursor:pointer;
}
table.sous_infos{
	 border-collapse: collapse;
}
table.sous_infos th{
	 border-collapse: collapse;
	 border: 1px solid #D1D1D1;
	 background : #FFF;
	 color:#3C3C3C;
	 font-weight:bold;
	 text-align :left;
	 padding:5px;
	 font-size:14px
}
table.sous_infos td{
	 border-collapse: collapse;
	 border: 1px solid #E1E1E1;
	 background-color: #FFF;
	 color:#3C3C3C;
	 font-weight:bold;
	 text-align :left;
	 padding:5px;
	 font-size:14px
}

.sous_info_valeur{
	color:#00A5F2;
	font-weight:bold;
	float:right;
	font-size:14px;
	line-height: 18px;
}

table.table-btn-action td{
	background-color:#00A5F2;
	color: #ffffff;
	cursor:pointer;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	padding: 0px 0px;
	border-top: 2px solid #FFFFFF;
	width:198px;
	line-height:30px;
}
table.table-btn-action td i{
	margin-left:10px;
}
div.triangle-left{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #afb1b3 transparent transparent;
	float:left;
	margin-right:10px;
	margin-top:8px;
	margin-left: 5px;
}

div.del-select img{
	box-shadow: none !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
}

div.lib-top
{
	color:#41485b; /*#00A5F2;*/
	font-weight:normal;
}

span.ref {
  color:#00a6f2!important
}
.warning_unik{
	background-image:url(../images/unik_warning.png);
	background-repeat: no-repeat;
    background-position: right;
	border-color:red  !important;
}

.warning_form{
		border:1px solid red !important;
		background-color: #ffbfbf !important;
	}
.showtel, .showtelagent{
	color:#00A5F2;
	cursor:pointer;
	font-size:15px;
}
/*
#bloc-reservation .showtel, #bloc-reservation .showtelagent{
	font-size:15px;
}
*/
a.form_contact font{
	font-size:16px;
}

.title-page{
	width:100%;
	text-align:center;
}


.btn-contact-recrutement{
	padding : 8px 20px;
	color:#FFF;
	background:#800000;
	border : 1px solid #800000;
	border-radius: 5px;
	font-size:12px
}

.btn-contact-recrutement:hover{
	color:#FFF;
	text-decoration:none
}

.btn-liste-recrutement{
	padding : 8px 20px;
	color:#FFF;
	background:#3C3C3C;
	border : 1px solid #3C3C3C;
	border-radius: 5px;
	text-decoration:none;
	font-size:13px;
}

.btn-liste-recrutement:hover{
	color:#FFF;
	text-decoration:none
}

span.txt_filter, span.txt_filter h1 {
    color: blue;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h1.txt_filter_liste_loc{
	font-weight:bold;font-size:18px;font-family:arial; color:#00a6f2!important;
}
h1.txt_filter_liste_loc_blue{
	font-weight:bold;font-size:18px;font-family:arial; color:dodgerblue
}

body {background-color: #fafbff !important;
   color: #41485b!important;
    font-size: 12px;
    text-align: center;
	padding:0;
	margin:0;
	}

	h1.h1-carte{
	font-size:13px;
	color:#fff;
	font-weight:bold;
}

#onglets_descriptif .btn-primary  {font-size: 16px!important; cursor: pointer;}
.btn-droite .btn-primary {font-size: 16px;};
.offre-illustration div img{
    box-shadow: 2px 2px 0 #7F7F7F;
	border:1px solid #c3c3c3;
	width: 210px;
	height: 135px;
}
#onglets_descriptif {position: relative;}
#onglets_descriptif div::after {
  content:''; height: 10px; width: 2px; background-color: #FFF; position: absolute; top: 50%; right: -1px; transform: translate(0, -50%); z-index: 10;
}
#onglets_descriptif div:last-child::after {
  content:''; height: 0; width: 0; }

table#liste_heberg  td{
	vertical-align:top;
	width:256px;
	padding : 0px 15px
}

table#liste_heberg  div.vignette{
    -moz-box-shadow: 1px 1px 3px 0px #7F7F7F;
-webkit-box-shadow: 1px 1px 3px 0px #7F7F7F;
-o-box-shadow: 1px 1px 3px 0px #7F7F7F;
box-shadow: 1px 1px 3px 0px #7F7F7F;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#7F7F7F, Direction=134, Strength=5);
	#border:1px solid #c3c3c3;
	width: 256px;
	height: 128px;
}

table#liste_heberg  div.vignette{
margin-bottom:3px;
}

div.offre-titre-detail{
	margin-top:3px;
	font-weight:bold;
}

.tabMoteurImmo, .tabMoteurRecrutement
{
	 font-size: 12px;
	 font-family: Arial;
	 border: solid 1px #b4b4b4;
	 border-collapse:collapse;
}
.tabMoteurImmo th , .tabMoteurRecrutement th    { color: #5d3f3f; font-weight: bold; background-color: #fff; text-align: center ; border: solid 1px #b4b4b4;  font-size: 12px; height:25px; cursor:pointer}
.tabMoteurImmo th.selected , .tabMoteurRecrutement th.selected    { color: #fff; font-weight: bold; background-color: #5d3f3f;}
.tabMoteurImmo td   { color: #000000; font-weight: bold; background-color: rgba(230,230,230,1); text-align: center }
.tabMoteurRecrutement td   { color: #000000; font-weight: bold; background-color: rgba(255,255,255,1); text-align: center }
div.listdetail{padding-left: 5px;    text-align: left;}
span.nbResultat{color:red; font-size:16px}
div.etiquette{
	position:absolute;
	left:53px;
	top:10px;
	background:red;
	color:#fff;
	width:70%;
	z-index:2;
	font-weight:bold;
	line-height:20px
}
span.fiche_immo{ color:blue;font-weight:bold; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-size: 12px; font-family: Arial;display:inline}
div.fiche_immos{ color:blue;font-weight:bold; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-size: 12px; font-family: Arial; width:100%; padding-bottom:10px}
h1.fiche_immo{ color:blue;font-weight:bold; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-size: 12px; font-family: Arial;display:inline}
span.fiche_immo_titre{font-weight:bold;font-size:14px !important;font-family: Arial}
h1.fiche_immo_titre{font-weight:bold;font-size:17px !important;font-family: Arial}
span.fiche_immo_ref{font-weight:normal;font-size:11px;font-family: Arial}
#visuel_annonce_immo div.etiquette_annonce, div.offre-illustration div.etiquette_annonce
{
	position:absolute;
	right:0px;
	top:10px;
	background:red;
	color:#fff;
	width:60%;
	z-index:2;
	font-weight:bold;
	line-height:20px;
	padding-left:10px;
	font-size:12px;
}

ul#detail_annonce_immo{
	*margin:auto;
	padding:0px
}
ul#detail_annonce_immo li{
 display: inline-block;
    list-style: none;
    margin: 10px 0px;
	width:158px;
	font-size:12px;
	vertical-align: top;
	}
div.seo_contextuel{
	padding-top:10px;
	padding-bottom:10px;
}

div.seo_contextuel h1{
	font-weight:bold;
	font-size:14px;
}
.immo_tab_pagination
{
	 font-size: 12px;
	 font-family: Arial;
	 border: 0px ;
	 border-collapse:collapse;
}
.immo_tab_pagination td{
	font-weight:bold;
	cursor:pointer;
}
.immo_tab_pagination td.navleft{
		padding-right:10px;
}
.immo_tab_pagination td.navright{
		padding-left:10px;
}
.immo_tab_pagination td.nav_page_immo{
	width:15px !important;
	text-align:center;
	padding:0 !important;
}

.immo_tab_pagination td.selected_page{
	 border: solid 1px #b4b4b4;
}


/**********************************************************/

.tab_pagination
{
	 font-size: 12px;
	 font-family: Arial;
	 border: 0px ;
	 border-collapse:collapse;
	 color:#000;
}
.tab_pagination td{
	font-weight:bold;
	cursor:pointer;
	 font-size: 13px !important;
}
.tab_pagination td.navleft{
		padding-right:10px;
}
.tab_pagination td.navright{
		padding-left:10px;
}
.tab_pagination td.nav_page{
	    width: auto !important;
    text-align: center;
    padding: 3px 7px !important;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
}


.tab_pagination td.selected_page{
	 background : #00A5F2;
	 color:#FFF;
}


/**********************************************************/

.msg-success{
	background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
	border-radius: 4px;
	font-size:14px;
    left: 40%;
    margin: auto;
    padding: 15px;
    position: absolute;
    top: 50%;
    width: 360px;
}

.msg-warning{
	 background-color: #ffbfbf;
    border-color: #ff9999;
    border-radius: 4px;
    color: #ff2626;
    font-size: 14px;
    left: 40%;
    margin: auto;
    padding: 15px;
    position: absolute;
    top: 50%;
    width: 360px;
}

.warning{
	 background-color: #ffbfbf;
    border-color: #ff9999;
    border-radius: 4px;
    color: #ff2626;
    font-size: 14px;
    left: 40%;
    margin: 30px auto;
    padding: 15px;
    width: 360px;
}

.msg-hidden{
	display:none;
}

.msg_close {
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
	cursor:pointer;
}
ul#liste_heberg{
	margin:auto;
	padding:0px
}
ul#liste_heberg li{
 display: inline-block;
    list-style: none;
    margin: 10px 13px;
}
ul#liste_heberg li:first-child{
	margin-left:0px !important;
}
ul#liste_heberg li div.text{
	color: #6F6F6F;
	font-weight:normal;
}
ul#liste_heberg li div.text span.option{
	color:blue;
	font-weight:normal;
}
div.lib-top{
	width: auto;
	padding-top: 5px;
	font-size:12px;
}
@media (max-width: 992px) {
	div.lib-top, #liste_heberg .ref, #liste_heberg{
		font-size:10px;
	}
}
div.vignette{
	position:relative;
}

div.vignette div.sticker{
	background : #f59b20;
	font-size:13px;
	color:#fff;
	position:absolute;
	bottom:10px;
	left:0px;
	padding:2px 5px;
	font-weight:bold;
}
div.sticker-prix{
    background: rgba(0,165,242, 0.9);
    font-size: 12px;
	font-family:Arial;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 0px;
    padding: 4px 5px 2px 5px;

}

div.sticker-prix span{
	font-size: 16px;
	 font-weight: bold;
}

.vignette > img {
    height: 100%;
    width: 100%;
}

ul#action_liste{
	margin:auto;
	padding:0px;
	text-align:center;
}
ul#action_liste li{
	display: inline-block;
    list-style: none;
    margin: 10px 25px;
}
#offre_promo{ margin: auto; width: 190px;}
	#zone_entete{ position:relative; width:190px;}
	#pictopromo {text-align:center;width:95px;height:22px;background-color:red;color:#ffffff;font-weight:bold;padding-top:6px;font-family:verdana;font-size:12px;margin-left:3px}
	#zone_titre{ clear:both;position:relative; width:200px;text-align:center;font-weight:bold}
	#zone_image{ position:relative; width:200px;text-align:center;}
	#zone_tarif{ position:relative; width:200px;text-align:center;}
	#zone_textpromo{ position:relative; width:200px;text-align:center;color:red}
		#credit{position:relative;margin-top:170px;width:270px;text-align:center;}
	#statut_promo{position:relative;margin-top:150px;width:270px;text-align:center;}
	#alert_credit{color:red; display:none}

h1.H1sousbandeau{color:#ffffff; font-size:13px; font-weight:bold}
input.btn-devis{color:#ffffff; font-size:12px; font-family: verdana; font-weight:bold;text-align:center;background-color:blue;width:300px;height:25px;border:0px;cursor:pointer;padding-bottom:3px;border:1px solid black}

#div_file_upload_vignette_g{padding-bottom: 10px;}
#div_file_upload_vignette_p{padding-bottom: 10px;}


body h2 {color: #000000; font-size: 10pt; font-family: Arial;}
.titre_vols {font-size: 12pt;}

img{ padding:0px}
strong { font-weight:bold;}
strong.nobold { font-weight:normal;}
h1{ font-weight:normal; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-size: 12px; font-family: Arial;display:inline}
h1.fiche_heberg{ font-weight:bold; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-size: 22px; font-family: Arial;display:inline; color:#6F6F6F}
h2{ font-weight:normal; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-family: Arial;display:inline}

.vignette-carousel {height: 6.5vw; overflow: hidden;}
.vignette-carousel img {width: 100%;}

a {color: #000000; text-decoration:none;}
a:hover {color: blue; text-decoration:underline;}
.lienBleu {color: blue!important; text-decoration:underline;font-size:14px}
.lienMarron {color: #584244; text-decoration:none;font-size:10pt}
.lienRouge{color: red!important; text-decoration:underline;font-size:14px;}
a.liste:hover  {text-decoration:none;}
select {font-size: 1.1em; }
td {font-size: 13px;}

.tab{ font-size: 10px; font-family: Verdana;border-collapse:collapse;}
.tab th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center; border: 1px solid #c3b2b4}
.tab td    { color: #000000;  background-color: #ffffff; text-align: left; padding-left:3px; border: 1px solid #c3b2b4 }


.txt_filter {font-family: Verdana;font-size: 9pt;}
a:hover .tabMoteur2 td {text-decoration:none;}
.tabMoteur2  { font-size: 12px; font-family: Verdana; border: solid 1px #b4b4b4; cursor:pointer}
.tabMoteur  { font-size: 12px; font-family: Arial; /*border: solid 1px #E1E1E1*/ }
.tabMoteur th     { color: #fff; font-weight: bold; background-color: #00A5F2; text-align: center }
.tabMoteur #th     { color: #fff; font-weight: bold; background-color: #000000; text-align: center }
.tabMoteur td    { color: #000000; font-weight: bold; background-color: #FFF; text-align: center }
 .tabMoteur2 td     { font-family: Verdana; color: #000000; font-weight: normal; background-color: #FAFAFA; text-align: center }
.tabMoteur div     { color: #000000; font-weight: bold; background-color: #FAFAFA; text-align: center }
.tabMoteur #txt_search_ref {border:solid 1px #b4b4b4; font-size: 12px; font-family: Arial; text-align:center; width :130px}
.tabMoteur .z_btn {width:187px; padding-bottom:15px;clear: both;padding-top:25px}
.btnMoteur { font-size: 12px; font-family: Arial; border: solid 1px #584244; color: #000000; font-weight: bold; background-color: #FFFFFF; cursor:pointer;text-align: center }

#searchButtonMoteur{
	font-family: Arial;
    color: #fff;
    background: #66c9f7; /*#fcb200;*/
    border-radius: 5px;
    border-color: #66c9f7;/*#fcb200;*/
    padding: 2px 10px 5px 10px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

.tabCA  { font-size: 12px; font-family: Arial; border: solid 1px #b4b4b4 }
.tabCA th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center ; border-right: solid 1px #FFFFFF}
.tabCA td     { color: #000000; font-weight: bold;  text-align: center; border-bottom: solid 1px #b4b4b4;border-right: solid 1px #b4b4b4 }

.tabSecondaire { border: solid 1px #b4b4b4; font-size: 13px; font-family: Verdana; color: #000000;}
.tabSecondaire th {background-color:#FAFAFA;  font-family: Verdana; border-bottom:solid 1px #b4b4b4;  font-weight: bold;}
.tabSecondaire td { font-size: 12px; font-family: Verdana; padding-left:20px}
.tabSecondaire h2{ font-size: 12px; font-family: Verdana;}

.tabSecondaire a { font-size: 12px; color: blue; font-family: Verdana; text-decoration:none}
.tabSecondaire a:hover { font-size: 12px; font-family: Verdana; color: blue; text-decoration:underline}

.tabNorm { font-size:12px}

.tabNorm td { font-size:12px}


.tabAdmin  { font-size: 12px; font-family: Arial; border: solid 1px #b4b4b4 }
.tabAdmin th     { color: #fff; font-weight: bold; background-color: #00A5F2; text-align: center }
.tabAdmin td     { padding-left:5px; padding-bottom:2px; color: #000000; font-weight: bold; text-align: left; border-bottom:1px solid #b4b4b4 ;border-right:1px solid #b4b4b4; border-left:1px solid #b4b4b4}

.tabAdminV2 {box-sizing: border-box; margin-bottom: 15px;}
.tabAdminV2 td {padding: 5px 0px; text-align: center;}
.tabAdminV2 td label {display: block; color: #888;}
.tabAdminV2 td input.adm_input, .tabAdminV2 td textarea {display: bloc; width: 90%; margin: 5px 0px;}

.tabAdminStat  { font-size: 12px; font-family: Arial; border: solid 1px #b4b4b4; text-align: center; border-collapse:collapse }
.tabAdminStat th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabAdminStat td     { padding-bottom:2px; color: #000000;  font-weight: normal;  text-align: center; border:1px solid #b4b4b4; }
.tabAdminStat tr.cumul     { background-color:#e3dddd }
.tabAdminStat tr.cumul td    { font-weight: bold; }
.tabAdminStat tr.cumul td.act    { color:blue;text-decoration:underline;cursor:pointer }
.tabAdminStat td.tx     { padding-right:40px; text-align: right;}
.tabAdminStat td.lib     { padding-left:5px; text-align: left;}
.tabAdminStat tr.mois td.lib    { padding-left:25px; text-align: left; }
.tabAdminStat tr.hidden { display:none}

.tabAdminpopin  { font-size: 12px; font-family: Arial; }
.tabAdminpopin th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabAdminpopin td     { padding-left:5px; padding-bottom:2px; color: #000000; font-weight: bold; text-align: left;}
.tabAdminpopin input[type="submit"]{ font-size: 12px; font-family: Arial; border: solid 1px #584244; color: #000000; font-weight: bold; background-color: #e3dddd; cursor:pointer;text-align: center }
.zone_de_une {clear:both;border: solid 3px #ff6600; border-bottom:solid 6px #ff6600; font-size: 12px; font-family: Verdana; color: #000000;}
.zone_de_une th{font-weight: bold; text-align:center; color:#ffffff; background-color:#ff6600;width:182px}
.zone_de_une td{padding-left:0px;font-weight: normal;}

.tabAdmin.disabled{display:none}
.tabAdmin.enabled{display:block}
#ong_ref, #ong_particularite{
	width:508px;
	padding:0px
}
#ong_ref ul li, #ong_particularite ul li{
	list-style: none;
	margin: 0;
	display: inline;
	background:#e3dddd;
	padding : 5px;
	cursor:pointer
}
#ong_ref ul li.selected,  #ong_particularite ul li.selected
{
	color:#e3dddd;
	background:#584244;
}


.tabStat  { font-size: 12px; font-family: Arial; border: solid 1px #b4b4b4 }
.tabStat th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabStat td     { padding-left:5px;  padding-bottom:2px; padding-top:2px; color: #000000; text-align: left; border-bottom:1px solid #b4b4b4 ;border-right:1px solid #b4b4b4; border-left:1px solid #b4b4b4}

.diaporama  { font-size: 14px!important; font-family: Arial; border: solid 1px #b4b4b4 }
.diaporama th, .tabtitle     { color: #fff; font-weight: bold; background-color: #584244; text-align: center; font-size: 14px!important; }
.diaporama td     { color: #000000; font-weight: bold; text-align: left; border-bottom:1px solid #b4b4b4 ;font-size: 14px!important; }

.col-photo {max-width: 20%; padding-right: 15px; padding-left: 15px; font-size: 14px!important}
.col-photo td {font-size: 14px!important}
.col-photo .list-images {margin: 0!important;}

.tabAbo  { font-size: 12px; font-family: Arial; border: solid 1px #000 }
.tabAbo th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabAbo td     { color: #000000; font-weight: bold; text-align: left; border-bottom:1px solid #b4b4b4 ;border-right:1px solid #b4b4b4; border-left:1px solid #b4b4b4; background-color: #FFF;}
.tabAbo td .vide    { border:1px solid #FFF}

.tabOnglet  { font-size: 12px; font-family: Arial; border: solid 1px #b4b4b4 }
.tabOnglet th     { font-weight: bold; background-color: #584244; text-align: center }
.tabOnglet td     { font-weight: bold; text-align: center; border-bottom:1px solid #b4b4b4 ;border-right:1px solid #b4b4b4; border-left:1px solid #b4b4b4}
.onglet_select { color: #ffFFFf!important; font-weight: bold; background-color: #00A5F2; text-align: center;cursor:pointer }
.onglet { color: #584244; font-weight: bold; text-align: center;cursor:pointer}

.tabNavHori { font-size: 12px; font-family: Arial; border: 0px }
.tabNavHori th{ background-color: #FFFFFF; }
.tabNavHori td{ background-color: #FFFFFF; }

.tabFacture { font-size: 12px; font-family: Arial; border: 0px }
.tabFacture td{ font-size: 12px; font-family: Arial;border: 0px ; padding-left:10px; text-align:left}
.tabFacture th{ font-size: 12px; font-family: Arial; padding-left:10px;font-weight: bold; text-align:left}

.step_tabs {list-style-type: none; max-width: 501px; text-align: center; margin: 0; padding: 0;}
.step_tabs li {display: inline-block; }
.step_tabs li button, button.btbleu{min-width: 150px; background-color: #00A5F2; color: #FFF; border: none; cursor: pointer; margin: 5px; font-size: 13px!important; font-weight: bold;}

#zone_aff_promo {background-color: #584244;border:1px solid #b4b4b4;}

.cal {border:1px #000000 solid;}
.cal th { font-size: 9px; font-family: verdana; color:#FFFFFF; background-color: #000000 border-bottom:1px #000000 solid; border-bottom :1px #000000 solid;}
.cal td { font-size: 9px; font-family: verdana; border-right :1px #000000 solid; border-bottom :1px #000000 solid;}

.link { font-weight: 900;color: #000000; text-decoration: none;font-size: 12px; }
.alink { font-weight: 900;color: #000000; text-decoration: none;font-size: 9px; }

.capsule {border:1px #b4b4b4 solid;}
.capsule th { background-color: #584244; background-image : url(images/vide.gif); background-repeat : repeat-x ; font-size: 9px; font-family: verdana; color:#FFFFFF;  border-bottom:1px #b4b4b4 solid;  }
.capsule td { font-size: 9px; font-family: verdana; padding: 5px;}

.adm_input {color: #000000; font-weight: bold; font-size: 12px; font-family: Arial; border: solid 1px #b4b4b4; width:300px}
.adm_input_date, .adm_input_date_other {color: #000000; cursor: pointer; font-weight: bold; font-size: 12px; font-family: Arial; border: solid 1px #b4b4b4; width:70px; background-image: url(../images/icone_calendrier_input.gif);}

td.dragHandle {
    background-image: url(../images/updown.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: move;
}

td.showDragHandle {
	background-image: url(../images/updown2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: move;
}

.mypopin4 {
	color:#000;
	padding:10px;
	text-align:justify;
	text-indent:5px;
	background:#FFF;
	border-radius:.75em;
	-moz-border-radius:.75em;

}

.mypopin4 .popin-relative {
	position:relative;
		padding:15px;

}

.mypopin4 .popin-close {
	position:absolute;
	cursor:pointer;
	width:15px;
	height:15px;
	right:0px;
	top:-10px;
}

.mypopin4 .popin-content {
	padding:5px;

	text-align:center;

}
.mypopin4 .popin-content p {
	padding:0;
	margin:0 0 1em;
}

.zone_hidden {display:none;}
.zone_visible {display:block;}
.zone-encadree {background-color: #FFF; border: 1px solid #D1D1D1; padding: 7px; font-size: 1.1rem;}

.tabListCalendar .TabCalendar {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.tabListCalendar .TabCalendar th {
	background-color: #d6cbbf;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;


	color: #ffffff;
	padding: 2px;
	width:23px
}

.tabListCalendar .TabCalendar td {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 10px;
	padding: 2px;
	width:23px
}

.tabListCalendar .TabCalendar #nom_mois{
background-color:#584244;

font-size: 12px;
	font-weight: bold;
color:#FFFFFF
}

.tabListCalendar .TabCalendar input {
border:0px;
padding:0px
}







.disponible{
background-color:#FFFFFF
}
.reserve{
background-color:#FF0000
}

.tabListCalendar{
	border : 0px ;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;

	padding: 0px
}

.tabListCalendar  td {
	border: 0px;
	border-collapse: collapse;

	padding: 0px
}

.invisible {border:0px; background-color: transparent; color: #000000; font-weight: bold; font-size: 12px; font-family: Arial;}

.input_test {
	background-image: url(../images/icone_calendrier.gif);
}

.block_zone_promo{
cursor:pointer;
font-size: 17px;
color:0000ff;
width:547px;
height:55px;
background:url(../images/fd_promo_home.png);
text-align:center
}




.tab_promo{
	 border: solid 1px #b4b4b4;
}
.tab_promo th{
	color : #FFFFFF;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-color: #F59B20;
	padding-top:5px;
	padding-bottom:5px;
}
.tab_promo td{
	color : #FF0000;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
}


ul#menu_conteneur
{	text-align:center;
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
	width:510px
}
li.menu_link_no
{	display:inline-block;
	padding-right:20px;
	margin:0 0 5 0;
}

li.menu_link_no .lienBleu, .menu_portail .lienBleu, .menu_portail .lienRouge
{	font-size: 11pt!important;
}

/********************************************************************************************/
/**		LISTES																				*/

div.cadre-offre{
	width:680px;
	margin-bottom:30px;
	border-left:3px #FFFFFF solid;
	border-right:3px #FFFFFF solid;
	font-size:12px !important;
	cursor:pointer
}

div.cadre-offre td{
	font-size:12px !important;
}

div.cadre-offre td div.offre-titre{
	font-size:14px !important;
}

div.mea{
	border:3px #f59b20 solid !important;
}

div.cadre-offre-titre{
	background: #f59b20;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0px;
	font-size:15px;
}

div.offre-label{
	margin-bottom:5px
}

div.offre-presentation{
	font-size:12px;
	margin:10px 0px;
}

div.offre-titre{
	margin-top:5px
}

div.offre-titre a:hover{
	text-decoration:none;
}

span.offre-details-prix{
	color:red;
	font-weight:bold;
	font-size:13px;
}

/*pagination*/
.pagination_liste {
    position: relative;
   * width: 100%;
	width: 680px;
	margin:35px 0px;
	height:35px;

}
.page-to-page, .annonce-4-page {
    *float: left;
	 *width: 100%;
}
.page-to-page {
    text-align: center;
    width: 100%;
	height:25px;
}
.annonce-4-page {
  margin: 15px 0px 0px 0px;
  font-size: 12px;
   width: 30%;
	height:25px;
	text-align: center;
	float:right;
}
/********************************************************************************************/
/* ribbon style */


 .ribbon-wrapper {
	position: relative;
}
  .ribbon-front {
	background-color: #66c9f7;
	height: 30px;
	width: auto;
    padding-right: 15px;
	position: relative;
	left:-10px;
	z-index: 2;
	color:#fff;
	    font-size: 12px;
		    line-height: 29px;
    vertical-align: middle;
	text-align: left;
    padding-left: 5px;
}


  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}


  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 30px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -10px;
	border-color: transparent #7F7F7F transparent transparent;
	/*border-color: transparent #0083C4 transparent transparent;*/
}

  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 10px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 9px 5px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 150px;
	border-color: transparent transparent transparent #7F7F7F;
	/*border-color: transparent transparent transparent #0083C4;*/
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}

  .ribbon-back-left {
	position: absolute;
	top: 5px;
	left: -10px;
	width: 10px;
	height: 30px;
		z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 30px;
		z-index: 0;
}

.ribbon-wrapper.bottom{
	position:absolute;
	bottom:10px;
	left:0px
}

.ribbon-wrapper.top{
	position:absolute;
	top:10px;
	left:0px
}

.ribbon-front span{
	font-size: 16px;
    font-weight: bold;
}

table.listeAnnonceFiltre{
	    border: solid 1px #C9D1DA;
    padding: 5px;
    /* background: #eee; */
    color: #3C3C3C;
    font-weight: bold;
    background-color: #FAFAFA;
    text-align: center;
    font-size: 12px;
}

table#liste_heberg div.vignette:hover {
    box-shadow: 4px 4px 3px 0px #7F7F7F;
}



/********************************************************************************************/
/**		LISTES																				*/
table.lines-offres td:first-child{
	padding-right:20px;
}
table.table-offre.mea {
    border: 1px solid #ffa500;
}

div.cadre-offre{
	width:370px;
	margin-bottom:30px;
	border-left:3px #FFFFFF solid;
	border-right:3px #FFFFFF solid;
	font-size:12px !important;
	cursor:pointer;
	margin:auto;
	margin-top:20px;
}

div.cadre-offre td{
	font-size:12px !important;
	height:1px;
}

div.cadre-offre td div.offre-titre{
	font-size:16px !important;
	width:300px;
	margin:auto;
	height:40px;
	padding-bottom:5px;
}

div.zone-cadre-content{
	padding:0px 5px 15px 5px;
}

div.zone-cadre-label-avis span.libelleLabel{
	color: #41485b;
	font-weight:bold;
}

div.zone-cadre-separateur{
	text-align:center;
	padding:4px 0px 6px 0px;
}

div.zone-cadre-label-avis{
	width:100%;
	text-align:center;
	position:relative;
	clear:both;
}

div.zone-cadre-resume{
	width:100%;
	color: #000;
	text-align:center;
	padding-bottom:5px;
	font-size:13px;
}
div.zone-cadre-details{
	width:100%;
	color:#000;
	text-align:center;
	font-size:13px;
}
div.cadre-offre-titre{
	background: #f59b20;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 5px;
	font-size:16px !important;
	box-shadow: 3px 3px 4px #aaa;
}
div.zone-cadre-promo{
	/*position: absolute;*/
    background: #ED1C24;
    color: #fff;
    padding: 5px;
    bottom: 0px;
    left: 0px;
	font-weight:bold;
	text-align:center;
	width:100%;
}
div.zone-annonce-promo
{
	position: absolute;
    background: #ED1C24;
    color: #fff;
    padding: 5px;
    bottom: 0px;
    left: 0px;
	font-weight:bold;
	text-align:center;
	width:100%;
	font-size:14px;
}
td.cel-score{
	position:relative;
	height:22px;
	width:83px;
	    padding: 0px;
	overflow: hidden;
}
td.cel-nbAvis{
	padding-right:3px !important;
	/*color:#66c9f7;*/
  color: #41485b;
	font-weight:bold;
	font-size:13px;
}
td.cel-note{
	padding-left:3px !important;
	color:#00a6f2;
	font-weight:normal;
	font-size:13px;
}

td.cel-score div{
	position:absolute;
	height:22px;
	top:0px;
	left:0px
}

td.cel-score div.cel-score-bg{
	background:#ffc107;
	z-index:500;
	left: 2px;
	font-weight: bold;

}
td.cel-score div.cel-score-illustration{
	z-index:501;

}

div.offre-label{
	margin-bottom:5px
}

div.offre-presentation{
	font-size: 12px;
    margin: 5px 0px;
    margin: auto;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

div.offre-titre{
	margin-top:0px
}

div.offre-titre a:hover{
	text-decoration:none;
}

td.ma-selection-zone a.popin-open:hover{
	text-decoration:none !important;
}

span.offre-details-prix{
	color:red;
	font-weight:bold;
}
.zone-cadre-offre{
	background: #fff;
    width: 100%;
    cursor:pointer;
	border: 1px solid #efeff0;
	box-shadow: 3px 3px 4px #efeff0;
}
.zone-cadre-offre:hover{
	box-shadow: 3px 3px 4px #7F7F7F;
}

.zone-cadre-offre.mea{
	border: 1px solid #cca662 !important;
	border-radius: 0 0 5px 5px;
}

.zone-cadre-mea{
	    background: #cca662;
    width: 100%;
    cursor: pointer;
    border: 1px solid #cca662;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	padding: 2px 0;
}

.zone-cadre-offre-illustration{
	position:relative;
}

.zone-cadre-offre-illustration img{
	height:200px;
	width:400px;
}


.zone-cadre-offre-illustration .etiquette_photos{
	position: absolute;
    bottom: 0px;
    right: 0px;
    background: rgba(0,165,242,.80);
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    padding-left: 10px;
}

.zone-cadre-offre-footer{
	padding: 0 5px 0 10px;
}

.zone-cadre-offre-illustration div.etiquette_annonce
{
	position:absolute;
	right:0px;
	top:10px;
	background:red;
	color:#fff;
	width:41%;
	z-index:2;
	font-weight:bold;
	line-height:20px;
	padding-left:10px;
	font-size:12px;
}
.zone-cadre-offre-titre{
	text-align:center;
	margin-top:10px;
	padding:0px 5px 5px 5px;
}

.zone-cadre-del-selection{
	    padding: 15px 10px 0px 0px;
    text-align: right;
}
.zone-favoris{
	position:absolute;
	width: 25px;
	height: 25px;
	background: #66c9f7;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	top: 10px;
    right: 10px;
	z-index:987
}
.zone-cadre-offre-titre a, .zone-cadre-offre-titre a h2, .zone-cadre-offre-titre a strong{
	font-size:17px;
	color:#41485b;
	font-weight:normal;
}
.zone-cadre-offre-titre a:hover{
	text-decoration:none;
}

.zone-cadre-offre-sstitre{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	height:32px
}

.zone-cadre-offre-description{
	font-size:13px;
	font-weight:normal;
	margin-top:10px;
	padding : 0 10px 0 10px;
	height:48px
}

.border-radius{
	border-radius: 5px;
}
.border-radius-top{
	border-radius: 5px 5px 0 0;
}

.carte-bien {margin-bottom: 5px;}
#bloc-reservation {padding-bottom: 2px;}
#bloc-reservation h5 {font-size: 1.10rem; margin: 1px 0;}
#contact-annonce  {font-size: 15px; color: #3C3C3C;}


.popin_form .form-group label {font-size: 12px; font-weight: bold; line-height: 30px; margin-bottom: 2px;}
.popin_form .form-group label+small {margin-top: -10px; }

.pos-relative {position: relative;}
.valign-middle {position: absolute; width: 100%; left: 0px; top: 50%; transform: translate(0, -50%);}

.mode_paiments h6 {color: #00A5F2; font-weight: bold; font-size: 0.8rem;}
.mode_paiments .col {max-width: 20%;}
.liste-paiements .col {max-width: 20%; position: relative; min-height: 42px;}
.liste-paiements .col img {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}

#liste_heberg fieldset {background-color: #FFF; /*color: #505050;*/ padding: 25px 15px 15px 15px; border: 1px solid #dee2e6; position: relative;}
#liste_heberg fieldset legend {font-size: 0.7rem; text-align: left; font-style: italic; position: absolute; top: 5px;}

select.nb4page {width: auto; display: inline-block;}

.newbackgroundslt {top: 0; width: 100vw; height: 100vh; position: fixed; background: #fafbff url(/images/fondslt4.png) top center no-repeat; background-size: cover; z-index: -1;}
@media(max-width: 2470px) {
.bg-fiche {background: #fafbff url(/images/fondslt4.png) top center no-repeat; background-size: cover;}
}

#carouselAvis .carousel-inner {width: 80%; margin: 0 auto;}
#carouselAvis .carousel-item {border: 1px solid #000; background-color: #FFF; font-size: 14px;}
#carouselAvis .carousel-control-next, #carouselAvis .carousel-control-prev {border: none; background-color: transparent; width: 10%!important;}
#carouselAvis .carousel-control-prev-icon, #carouselAvis .carousel-control-next-icon {filter: invert(0.3);}
#carouselAvis .note-avis {display: flex; align-items: center; justify-content: start;}

#FiltersListe {border: 1px solid #dee2e6; background-color: #FFF;}
#FilterMobile .btn-group {width: 100%;}
button.multiselect {width: 100%; max-width: 100%;}
#FilterMobile input.adm_input_date {background-image: none; font-size: 0.8rem!important; padding: 0 12px;}
#FilterMobile input.adm_input_date[readonly] {background-color: #FFF;}
#FilterMobile .multiselect-native-select button.multiselect.text-center {text-align: left!important;}
#FilterMobile .multiselect-native-select button .multiselect-selected-text {font-size: 0.8rem;}
/*
#m_date_debut:not(:placeholder-shown) {padding-left: 35px!important; position: relative; border: 1px solid #F00;}
#m_date_debut:before {content:'Debut :';}*/

.bloc-simulation-tarif label {font-size: 14px;}

.modal-dark .modal-content {background-color: #343a40; color: #FFF!important;}
.titre_annonce {font-size: 11pt;}
#modalNextStep .modal-body{ font-size: 14px!important; font-weight: bold;}
.interface-annonceur input[type="submit"] {font-size: 13px!important;}
.lien-retour-espace-pro {font-size: 14px!important;}