/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29 nov. 2016, 15:04:34
    Author     : Christel
*/



/*|--------------------------------|*/
/*| OLD CSS BY ALEXANDRE (LE GRAND)|*/
/*|--------------------------------|*/

.commentaires_link{ text-decoration:underline;font-size: 14px; margin-right: 1em; font-weight: 300; }
.width_100{ width: 100%; }
.height_px{ height: 5px; }
.selectionconcierge { margin-top: 7px !important; }
.nav-connexion, .nav-connexion ul {padding: 0; margin: 0; list-style: none;}
.nav-connexion {text-align: center;}
.nav-connexion li {display: inline-block;}
.nav-connexion ul li {display: inherit;}
.nav-connexion a {display: block; text-decoration: none; color: #000;}
.nav-connexion ul {position: absolute; left: -999em; text-align: left; z-index: 1000;}
.nav-connexion li:hover ul {left: auto;}


/**************** profil looknfeel *******************/

.funnel_concierge { display: inline-block;padding: 0;font-weight: bold; background: #fff; width: 83%; float: left; }

/* PHOTO */
.photo_concierge_funnel, .profil_photo_concierge_funnel { width: 100%; height: 155px; z-index:1; /*position: absolute; left: 17px; top: 17px;*/ background-size: cover !important;background-position: center !important;background-color: #dcdee0 !important; }

/* BANNIERE */
.funnel_header { display: block; color: #333333; padding-top: 10px; padding-bottom: 10px; background: #fff; }
.funnel_nom_concierge {padding: 0; width: 60%; float: left;}
.funnel_header_span_user {font-size: 1.5em; font-weight: 100; text-transform: uppercase; }
.funnel_header_span_date { font-size: 12px;display: block; }
.titre_pro { position: absolute;top: 50%;transform: translateY(-50%);width: 60%;text-align: center; }
.logo_pro { position: absolute;width: 60px;height: 60px;right: -6px;top: 50%;transform: translateY(-50%); }

/* CONTENU */
.funnel_content .col-xs-12, .funnel_content .col-md-12{ padding: 0 !important;}
.funnel_content { background-color: white; padding: 0 0.5em !important;  }


/* DESCRIPTION */
.funnel_description_concierge { font-weight: 300;  font-family: 'Roboto', sans-serif; font-size: 0.9em; line-height: 1.2; }
.concierge_description_dim {height:35px; padding-left: 0.5em !important;}
.funnel_content .voirprofilcomplet{ display: block; float: left; margin-top: 0.5em; padding: 0.3em 1em; font-weight: 400; }
.funnel_content .voirprofilcomplet:hover{ color: #fff !important; }
.funnel_content .voirprofilcomplet.link-amb{ color: #b0d39b; border: 1px solid #b0d39b; }
.funnel_content .voirprofilcomplet.link-pro{ color: #312783; border: 1px solid #312783; }
.funnel_content .voirprofilcomplet.link-part{ color: #03a7c7; border: 1px solid #03a7c7; }
.funnel_content .voirprofilcomplet.link-amb:hover{ border: 1px solid #b0d39b; background: #b0d39b; }
.funnel_content .voirprofilcomplet.link-pro:hover{ border: 1px solid #312783; background: #312783; }
.funnel_content .voirprofilcomplet.link-part:hover{ border: 1px solid #03a7c7; background: #03a7c7; }

/* INFOS SCORE ET TITRE */
.cadre_concierge_info, .profil_cadre_concierge_info {padding: 0 0 0 0.5em !important;}
.concierge_score {font-weight: normal; font-size: 0.8em;}
.concierge_titre {border-left: 1px solid #bebfc2;}
.concierge_score, .concierge_titre {align-items: stretch;}
.stars_score {font-size: 19px; color: #312783; margin-right: -1px;}
.concierge_info_content_left { display: block;text-align: center; padding-left: 0; }
.concierge_info_content_left li{ float: left; width: 50%; text-align: left;}
.concierge_info_content_left li:first-child{ text-align: right; padding-right: 1em;}
.score_titre_vertical_align { position: absolute;top: 50%;transform: translateY(-50%); }
.concierge_info_content_right { display: block;padding: 0;margin: 0;}
.concierge_info_content_right .col-xs-12, .concierge_info_content_right .col-md-12,
.concierge_info_content_right .col-xs-9, .concierge_info_content_right .col-md-9 { padding: 0; }
.concierge_info_content_right .col-xs-3, .concierge_info_content_right .col-md-3 {padding-left: 0;}
.marge-right_logo_content {margin-right: 0px;}
.funnel_div_ambassadeur {display: inline;}

/* PRIX ET DEMANDE */
.prestation_demande_funnel { padding: 10px 0 10px 0;display: flex; }
.prix_prestation_funnel { display: inline-block;border: 1px solid black;padding: 10px;border-radius: 8px; }
.funnel_prix_height { padding: 0;align-items: stretch;margin-left: 20px; }
.funnel_demande_height { padding-right: 0;align-items: stretch; }
.funnel_span_prix_total { font-weight: normal;font-size: small; }
.funnel_span_prix_value {font-size: x-large;}
.demande_prestation_pro { }
.demande_prestation_particulier { background: #0fb3d3;border: 1px solid #0fb3d3; }
.demande_prestation_pro, .demande_prestation_particulier { }
.demande_prestation_pro:hover {  }
.demande_prestation_particulier:hover { border: 1px solid #0fb3d3;color: #0fb3d3;background-color: white; }
.demande_prestation_content { position: absolute;top: 50%;transform: translateY(-50%);right: 0; }
.demande_express_button { text-align: right;font-size: 18px; }
.text_on_right {text-align: right;}

/* RESPONSIVE */
@media (max-width: 630px) {
    /*PRO BANNIERE*/
    .funnel_header {display: block;}
    .funnel_banniere_pro {padding-bottom: 48px;}
    .titre_pro { right: 50px;padding-right: 4px;margin-left: 122px;width: auto;padding-right: 0; }
    .logo_pro {right: -12px;}

    /*PARTIE CONTENUE*/
    .cadre_concierge_info {   display: block;  margin: 0;  width: 100%;  padding: 15px 10px;}
    .concierge_score { border-right: 0px solid #bebfc2;}
    .concierge_titre { border-left: 0px solid #bebfc2;  border-top: 1px solid #bebfc2;  padding-top: 18px;}
    .concierge_info_content_right {   position: relative;  top: 0;  transform: translateY(0%);}
    .not_ambassadeur .concierge_info_content_right{   padding-left: 13%;}

    /*PARTIE PRIX ET DEMANDE*/
    .prestation_demande_funnel {display: block;}
    .funnel_prix_height { padding-bottom: 30px;  text-align: center;  margin: 0;}
    .funnel_demande_height {margin-bottom: 16px;}
    .demande_prestation_content {left: 0;}
    .demande_express_button {text-align: center;}
}



/* GENERAL */

/******* Checkbox styled on/off ******/

.switch { margin: 0 auto; position: relative; float: right; }
.switch label { width: 100%; height: 100%; position: relative; display: block; }
.switch input { top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: 100; position: absolute; width: 100%; height: 100%; cursor: pointer; }
.switch.demo { width: 35px; height: 18px; margin-top: 0.3em; margin-right: 0.5em; }
.switch.demo label { display: block; width: 100%; height: 100%; background: transparent; border-radius: 40px; border: 1px solid #fff; -webkit-transition: background .3s ease-in;     -moz-transition: background .3s ease-in;     -o-transition: background .3s ease-in;     transition: background .3s ease-in; }
.switch.demo label:after { content: ""; position: absolute; z-index: -1; top: -8px; right: -8px; bottom: -8px; left: -8px; border-radius: inherit; background: transparent; }
.switch.demo label:before { content: ""; position: absolute; z-index: -1; top: -18px; right: -18px; bottom: -18px; left: -18px; border-radius: inherit; background: transparent; }
.switch.demo label i { display: block; height: 100%; width: 53%; border-radius: inherit; background: #FFF; position: absolute; z-index: 2; right: 48%; top: 0; padding: 0; box-shadow: -6px -9px 1px -4px rgba(0, 0, 0, 0.1) inset;-webkit-transition: right .3s ease-in;     -moz-transition: right .3s ease-in;     -o-transition: right .3s ease-in;     transition: right .3s ease-in; }
.switch.demo input:checked ~ label i { background: #FFF; }
.switch.demo label i:after { content: ""; position: absolute; left: 15%; top: 25%; width: 70%; height: 10px; background: #FFF; border-radius: inherit; box-shadow: -6px -8px 3px -6px rgba(0, 0, 0, 0.1) inset; }
.switch.demo input:checked ~ label i:after { background: #FFF; }
.switch.demo label i:before { content: ""; text-transform: uppercase; font-style: normal; font-weight: bold; color: rgba(0,0,0,0.4); text-shadow: 0 1px 0 #bcb8ae, 0 -1px 0 #97958e; font-family: Helvetica, Arial, sans-serif; font-size: 24px; position: absolute; top: 50%; margin-top: -12px; right: -50%; }
.switch.demo input:checked ~ label { background: #03829b; border: #03829b 1px solid; }
.switch.demo input:checked ~ label i { right: -1%; }
.switch.demo input:checked ~ label i:before { content: ""; right: 115%; color: #82a06a; text-shadow: 0 1px 0 #afcb9b, 0 -1px 0 #6b8659; }

.p_center{ text-align: center;}
.clearfix{ clear: left}
.clearright{ clear: right;}
.fnone{ float: none;}
.italic{ font-style: italic;}
.fright{ float: right !important;}
.nmb{ margin-bottom: 0 !important;}

.xdsoft_datetimepicker, .xdsoft_datetimepicker .xdsoft_label, 
.xdsoft_datetimepicker .xdsoft_calendar th, 
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{ background: #03b2d4; color:#FFF;}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{ background: #fff; color:#03b2d4; box-shadow: none;}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{ background: #271534 !important;}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_time_box{ border: none; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{ border-left: none; border-right: none; border-top: 1px solid #fff;}
.xdsoft_datetimepicker .xdsoft_calendar th{ border:none;border-bottom:1px solid #fff;border-top:1px solid #fff; }
/*.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{ padding-right: 1em;}*/
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{background: #fff !important;}

.autocomplete{ background: #03a7c7;}
.ui-widget-content{ background:#03a7c7 ; color:#fff; border: #fff 1px solid; font-size: 0.9em; text-transform: uppercase;}
.ui-menu-item.ui-state-focus{ background: #fff; color:#03a7c7; border: none; font-weight: normal;}

/* PAGE */

#content.content-seach{padding-bottom: 210px;}
/* SEARCH BANNER */

.container-search .panel{ margin-bottom: 0;}
.container-search .panel.panelrecherche{ -webkit-box-shadow: none; box-shadow: none; border: none; height: 100%; background: transparent; }
.container-search .panel.panelrecherche .panel-body{padding-bottom: 0;padding-top: 0; height: 100%;}
.container-search .panel.panelrecherche .panel-body form{ height: 100%;}
.container-search .panelfixed_container .parent_panelfixed{ height: 100%;}

#for_slide{  position: relative; top: -35px; }
.container-search{padding: 1em 3em 0 3em;  font-family: 'Roboto', sans-serif; color: #FFF; -webkit-transition: height 1s ease-in;     -moz-transition: height 1s ease-in;     -o-transition: height 1s ease-in;     transition: height 1s ease-in;}
.container-search.first-search{min-height: 350px;}
#for_slide .container-search{padding: 3em 0 0;}
.container-search.fixed{ position: fixed; width: 100%; z-index: 10; -webkit-transition: height 1s ease-in;     -moz-transition: height 1s ease-in;     -o-transition: height 1s ease-in;     transition: height 1s ease-in;}
.back-search{ background: #03a7c7;  }
.container-search > .col-md-12.panelfixed_container{ max-width: 1000px !important; margin: 0 auto; float: none; height: 100%;}
.container-search #formrecherchenew{ margin-left: 3em; margin-right: 3em;}
.container-search #formrecherchenew label, .container-search #formrecherchenew p.label{ font-weight: 700; text-transform: uppercase; font-size: 16px; padding: 0; text-align: left;}
.container-search #formrecherchenew .fa-map-marker:before { color: #03a7c7;  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }
.container-search #formrecherchenew input[type=text]{background: #03a7c7; border: #fff 1px solid; border-radius: 0; color:#fff;}
.container-search #formrecherchenew select{background: #03a7c7; border: #fff 1px solid; border-radius: 0; color:#fff; padding-left: 2em;}
.container-search .formwelkeys#formrecherchenew  .icon-addon.addon-lg .form-control {line-height: 1.33; height: 35px; font-size: 16px; padding: 5px 16px 5px 40px; border-radius: 0;}
.container-search .formwelkeys#formrecherchenew  .icon-addon.addon-lg .fa { font-size: 23px; margin-left: 0; left: 11px; top: -5px;}
.container-search #formrecherchenew label.label-left{float: left;}
.container-search #formrecherchenew label.label-left.label_connected{ padding-top: 1em;}
.container-search .col-xs-11, .container-search .col-xs-1, .container-search .col-md-12{ padding-left: 0; padding-right: 0;}
.container-search .col-xs-11{margin-top: -7px;}

.container-search #formrecherchenew .dropdown{ color:#fff; font-size: 0.9em; padding-left: 0;}
.container-search #formrecherchenew .dropdown button{ width: 100%; text-align: left; overflow: hidden; font-weight: normal; display: block; padding-top: 0.3em; height: 35px; background: transparent; border: #fff 1px solid; border-radius: 0; color:#fff; padding-left: 2.5em; font-size: 1em; padding-top: 0.5em; margin-bottom: 0;}
.container-search #formrecherchenew .dropdown button .fa{ display: block; right: 0.5em; color: #fff; font-size: 1.5em !important; left: auto !important;}
.container-search #formrecherchenew .dropdown ul{ width: 100%; position: absolute; z-index: 20; background: #03a7c7; color: #fff; font-size: 0.95em; box-shadow: none; border: 1px solid #FFF; border-radius: 0; margin-top: -1px; }
.container-search #formrecherchenew .dropdown ul li{background:#03a7c7; color:#fff; text-transform: uppercase;}
.container-search #formrecherchenew .dropdown ul li a{color:#fff; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ background:#fff; color: #03a7c7 !important;}
.container-search #formrecherchenew .presta-bloc .dropdown{ font-size: 0.95em;}
.container-search #formrecherchenew .presta-bloc .dropdown button{ border: none; border-bottom: 1px solid #fff; text-transform: none; padding-left: 0.5em; padding-right: 0; margin: 0; margin-top: -0.3em; height: 30px;}
.container-search #formrecherchenew .presta-bloc .dropdown button .fa.fa-caret-down{ right: 0; display: block; width: 30px; background:#03a7c7; text-align: center;  }
.container-search #formrecherchenew .dropdown ul li a{ white-space: normal; text-transform: none;}
.container-search #formrecherchenew .presta-bloc .sous-linge .dropdown button{ padding-left:0}
.container-search #formrecherchenew .presta-bloc .sous-linge .dropdown{ width: 75px;}
.container-search #formrecherchenew .presta-bloc .sous-linge .dropdown button .fa.fa-caret-down{ right: 0; top: 0; display: block; width: 30px; background:#03a7c7; text-align: center;  }
.container-search #formrecherchenew .presta-bloc .sous-linge .dropdown ul{ width: 75px;}
.container-search #formrecherchenew .presta-bloc .sous-linge .dropdown .dropdown-menu { min-width: 75px;}
.container-search #formrecherchenew .dropdown ul li a{padding: 0.2em 0.5em;}

.container-search #formrecherchenew .dropdown button#menu_lieu .fa.fa-caret-down{ right: 1px;display: block;width: 30px;background: #03a7c7;text-align: center;padding-top: 5px;padding-bottom: 5px;top: 2px;  }

@media (max-width: 1060px){
    .container-search #formrecherchenew label.label-left.label_connected{ width: 15%;}
}

@media (max-width: 640px) {
    .container-search .col-xs-11{ clear: left; margin-top: 0.1em;}
    
#for_slide .container-search{padding-top:1em;}
}

.container-search #formrecherchenew .tip { font-size: 0.9em; }
/*.container-search #formrecherchenew .tip input[type=checkbox]{-webkit-appearance: none; -moz-appearance: none; border: 1px solid #fff; width: 13px; height: 13px;}
.container-search #formrecherchenew .tip input[type=checkbox]:checked{ background: "\f00c"; color:#fff;}
/*
.checktip label { width: 13px; height: 13px; cursor: pointer; position: absolute; top: 4px; left: 0; background: #03a7c7; border: 1px solid #fff;}
.checktip label:after {content: ''; width: 9px; height: 5px; position: absolute; top: 2px; left: 1px; border: 2px solid #FFF; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg);         transform: rotate(-45deg);}
.checktip label:hover::after { opacity: 0;}
.checktip input[type=checkbox] {visibility: hidden;}
.checktip input[type=checkbox]:checked + label:after {opacity: 1;}*/

.formwelkeys .form-group input[type=checkbox]{ height: auto !important;}

.container-search #formrecherchenew hr{ margin: 1.5em 0; border:none; border-top: 1px dashed #fff;  display: block;}

.container-search #formrecherchenew p.label.col-xs-2{ padding-left: 2em;}
.label_mobile{ display: none;}

.container-search #formrecherchenew ::-webkit-input-placeholder { color: #fff !important; text-align: center; }
.container-search #formrecherchenew ::-moz-placeholder { color: #fff !important; text-align: center; }
.container-search #formrecherchenew :-ms-input-placeholder { color: #fff !important; text-align: center; }
.container-search #formrecherchenew :-moz-placeholder {color: #fff !important; text-align: center; }    

.container-search #formrecherchenew .presta-bloc{ padding: 0; margin-top: 1em;}
.container-search #formrecherchenew .presta-bloc .col-md-6{ margin-right: 1em; border-right: 1px solid #fff; width: 42%; float: left;}
.container-search #formrecherchenew .presta-bloc .col-md-5, .container-search #formrecherchenew .presta-bloc .col-md-6, .container-search #formrecherchenew .presta-bloc .col-md-1{ padding: 0;}
.container-search #formrecherchenew .presta-bloc .row{ clear: left; margin-bottom: 1em;}
.container-search #formrecherchenew .presta-bloc .col-xs-6, .container-search #formrecherchenew .presta-bloc .col-xs-5, .container-search #formrecherchenew .presta-bloc .col-xs-7, .container-search #formrecherchenew .presta-bloc .col-xs-4, .container-search #formrecherchenew .presta-bloc .col-xs-8{ padding: 0;}
.container-search #formrecherchenew .presta-bloc .col-xs-4{width: 32%}
.container-search #formrecherchenew .presta-bloc .col-xs-6 { width: 52%;} 
.container-search #formrecherchenew .presta-bloc .col-xs-6.col-date{ width: 44%; }

@media (max-width: 1100px) {
/*    .container-search #formrecherchenew .presta-bloc .col-xs-6 { width: 100%;}
    .container-search #formrecherchenew .presta-bloc .col-xs-6.col-date{ width: 100%; clear: left; }
    .container-search #formrecherchenew .presta-bloc .col-xs-6 label, .container-search #formrecherchenew .presta-bloc .col-xs-5 label{ float: left;}
    .switch { margin: 0 1em; position: relative; float: left; }
    .container-search #formrecherchenew .presta-bloc .col-md-6 .col-xs-5{ width: 100%;}*/
}

@media (max-width: 780px) { 
    .container-search #formrecherchenew p.label.col-xs-2{display: none;}
    .container-search #formrecherchenew .presta-bloc .col-xs-6 { width: 50%; float: left; border:none;}
    .container-search #formrecherchenew .presta-bloc .col-xs-6.col-date{ width: 50%; float: left; clear: none; }
}

.container-search #formrecherchenew .presta-bloc .col-md-5{ width: 41%; float: left;}
.container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5{ width: 47%; float: left; }
.container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-7.col-date{ width: 53%; padding-right: 0;}
.container-search #formrecherchenew .presta-bloc .col-xs-7{  padding-right: 1em; }
.container-search #formrecherchenew .presta-bloc .col-xs-8{  padding-right: 1em; }
.container-search #formrecherchenew .presta-bloc .picto_calendar{ margin-left: 0.5em;}
.container-search #formrecherchenew .presta-bloc label{ text-transform: initial; padding: 0; font-size: 1em;}
.container-search #formrecherchenew .presta-bloc input.datetimepicker{ width: 75px; border: none; border-bottom: 1px solid #fff; background: transparent; height: 25px; padding: 0; display: inline-block; margin-left: 0.5em; margin-right: 0.5em; font-size: 14px; text-align: center;}
.container-search #formrecherchenew .presta-bloc input.datepicker_time{ width: 40px; border: none; border-bottom: 1px solid #fff; background: transparent; height: 25px; padding: 0; display: inline-block; margin-left: 0.5em; margin-right: 0.5em; font-size: 14px; text-align: center;}                                                                     
.container-search #formrecherchenew .presta-bloc select,
.container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5 input[type=text]{ background: #03a7c7; border: none;  border-bottom: 1px solid #FFF; border-radius: 0; color: #FFF; -webkit-appearance: none; -moz-appearance: none; padding: 0; font-size: 14px; height: 25px; padding-right: 1em;}
.container-search #formrecherchenew .presta-bloc select>option{ background: #03a7c7;}
.container-search #formrecherchenew .presta-bloc .fa.fa-caret-down{ float: right; position: relative; top: -19px;}
/*
@media (max-width: 1100px) { 
    .container-search #formrecherchenew .presta-bloc .col-xs-7{ clear: left;}
    .container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-7.col-date{ width: 100%; clear: left; }
    .container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5{ width: 100%;}
}*/

.container-search #formrecherchenew .presta-bloc .col-md-5 .sous-menage .col-xs-7, 
.container-search #formrecherchenew .presta-bloc .col-md-5 .sous-linge .col-xs-7{ width: 59%; padding-right: 0;}
.container-search #formrecherchenew .presta-bloc .col-md-5 .sous-menage .col-xs-5, 
.container-search #formrecherchenew .presta-bloc .col-md-5 .sous-linge .col-xs-5{ width: 40%; margin-bottom: -8px;}
.container-search #formrecherchenew .presta-bloc .col-md-5 .sous-menage label, 
.container-search #formrecherchenew .presta-bloc .col-md-5 .sous-linge label{ font-weight: 400;    margin-left: 1em; padding-right: 1em;}
.container-search #formrecherchenew .presta-bloc .col-md-5 .sous-menage .col-xs-5 select,
.container-search #formrecherchenew .presta-bloc .col-md-5 .sous-linge .col-xs-5 select{ width: 75px;}
.container-search #formrecherchenew .presta-bloc .col-md-5 .sous-menage .fa.fa-caret-down{ float: left; position: relative; top: -19px; left: 65px;}
.container-search #formrecherchenew .presta-bloc .col-md-5 .row.sous-menage{ margin-bottom: 0.5em;}
.container-search #formrecherchenew .presta-bloc .col-md-5 .row.sous-linge{ margin-bottom: 0;}
.container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5 input[type=text]{background: transparent; padding-right: 2em; width:75px; margin-top: -6px; position: relative; z-index: 10;}
.container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5 .mcarre{display: block; width: 75px; text-align: right; z-index: 9; position: absolute; top: -2px;}

.container-search #formrecherchenew .presta-bloc .col-md-1{ width:15%; padding-left: 1.5em;  float: left; text-align: center;}
.container-search #formrecherchenew .presta-bloc .col-md-1 .tarif_classique{background: #008aa5; text-align: center; padding: 0.5em 0;}
.container-search #formrecherchenew .presta-bloc .col-md-1 .tarif_pro{background: #271534; text-align: center; padding: 0.5em 0; display: none; }
.container-search .col-xs-2 .tarif_classique{background: #008aa5; text-align: center; padding: 1.3em 0 1em 0;margin-bottom: 1em;}
.container-search .col-xs-2 .tarif_pro{background: #271534; text-align: center; padding:1.3em 0 1em 0;margin-bottom: 1em;display: none;}
.container-search #formrecherchenew .presta-bloc .col-md-1 span.title_tarif, .container-search .col-xs-3 span.title_tarif{text-transform: uppercase; display: block;}
.container-search #formrecherchenew .presta-bloc .col-md-1 p.tarif_price{ font-size: 2.5em; font-weight: 700; margin: 0.1em 0;}
.container-search .col-xs-2 p.tarif_price{ font-size: 2em; font-weight: 700; margin: 0.1em 0;}
.container-search .col-xs-2 p.tarif_price sup{ font-size:0.6em; }
.container-search #formrecherchenew .presta-bloc .col-md-1 .picto_info, .container-search .col-xs-3 .picto_info{ position: relative; top: -2px; }
.container-search #formrecherchenew .presta-bloc .col-md-1 .picto_info + .tooltip, .container-search .col-xs-3 .picto_info + .tooltip{text-transform: none; width: 200px;}
.container-search .col-xs-12, .container-search .col-xs-8, .container-search .col-xs-2{ padding: 0;}
.container-search .col-xs-8 p { font-size: 0.9em; margin-bottom: 0;}
.container-search #formrecherchenew .presta-bloc .col-md-1 a#change_tarif{font-size: 0.9em; white-space: nowrap; margin-top: 1em; text-decoration: underline; display: block; cursor:pointer;}
.container-search #formrecherchenew .presta-bloc .col-md-1 a#change_tarif:hover{ color:#FFF; font-weight: 700; }

.tarif_choice  h3{ margin: 0; margin-bottom: 0.5em; font-family: 'Grand Hotel', cursive; text-align: center; font-size: 2em; color: #fff; text-transform: none;}

.result_mobile{ display: none;}
#hide_search_mobile.bt-blanc{ color: #03a7c7; background: #fff; cursor: pointer; border: 2px solid #03a7c7; text-transform: uppercase; padding: 0.5em;display: inline-block;; margin-top: 2.5em; font-size: 0.8em; font-weight: 500;}
#hide_search_mobile.bt-blanc:hover{ color: #fff; background: #03a7c7; border: 2px solid #fff;}


@media (max-width: 1090px) {
    .panelrecherche .panel-body{ padding: 0;}
    .container-search #formrecherchenew .presta-bloc{ clear: left; }
    .container-search #formrecherchenew .presta-bloc .col-md-6{ float: left; width: 43%; margin-right: 1em;}
    .container-search #formrecherchenew .presta-bloc .col-xs-8,
    .container-search #formrecherchenew .presta-bloc .col-xs-7{ padding-right: 1em;}
    .container-search #formrecherchenew .presta-bloc .col-md-5{ float: left; width: 39%;}
    .container-search #formrecherchenew .presta-bloc .col-md-1{ float: left; width: 15%;}
    .container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5{ width: 45%;}
    .container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-7.col-date{ width: 55%;}
    .container-search #formrecherchenew .presta-bloc .col-md-5 .sous-menage .col-xs-7, 
    .container-search #formrecherchenew .presta-bloc .col-md-5 .sous-linge .col-xs-7{ width: 56%; padding-right: 0;}
}

@media (max-width: 990px) {
    
    .container-search { padding: 1em 1em 0 2em;}
    .container-search #formrecherchenew .presta-bloc .col-md-6{ float: left; width: 48%;}
    .container-search #formrecherchenew .presta-bloc .col-md-5{  width: 50%; float:left;}
    .container-search #formrecherchenew .presta-bloc .col-md-1{ width: 100%; clear:left; padding: 0;}
.container-search #formrecherchenew .presta-bloc .col-md-1 .tarif_classique{ float: left; width: 120px; margin-right: 1em;}
.container-search #formrecherchenew .presta-bloc .col-md-1 .tarif_pro{  float: left; width: 120px; margin-right: 1em; }
    .container-search #formrecherchenew p.label.col-xs-2{ display: none;}
    .container-search #formrecherchenew .presta-bloc .col-md-1 .label_mobile{ text-transform: uppercase; font-weight: 700; text-align: left;}
    .container-search #formrecherchenew .presta-bloc .col-md-1 a#change_tarif{ text-align: right; float: left; }
    .container-search #formrecherchenew .presta-bloc .col-md-1 a#change_tarif{ margin-top: 3em;}
    

}


@media (max-width: 780px) {
    .container-search #formrecherchenew .presta-bloc .col-md-6{ float: left; width: 48%;}
    .container-search #formrecherchenew .presta-bloc .col-md-5{  width: 48%; float:left;}
    .container-search #formrecherchenew .presta-bloc .col-xs-5,.container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5{ width: 60%}
    .container-search #formrecherchenew .presta-bloc .col-xs-4{ width: 100%;}
    .container-search #formrecherchenew .presta-bloc .col-xs-7.col-date, 
    .container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-7.col-date,
    .container-search #formrecherchenew .presta-bloc .col-xs-8{ width: 100%; clear: left}
    .container-search #formrecherchenew .presta-bloc .col-xs-8{ height: 25px;}
}

@media (max-width: 640px) {
    .container-search .col-xs-8{ width: 65%; }
    .container-search .col-xs-2{ width: 30%; }
    .container-search #formrecherchenew .presta-bloc .col-md-6{ clear: left; width: 100%; float: none; border: none;}
    .container-search #formrecherchenew .presta-bloc .col-md-5{ clear: left; width: 100%; float: none;}
    
    .container-search #formrecherchenew .presta-bloc .col-md-1 .tarif_classique,
    .container-search #formrecherchenew .presta-bloc .col-md-1 .tarif_pro{ float: none;}
    .container-search #formrecherchenew .presta-bloc .col-md-1 a#change_tarif{ float: none; display: block; text-align: left; margin-top: 1em; padding-left: 0.2em;}
    .container-search #formrecherchenew .presta-bloc .col-md-1{ float: left; width: 50%;}
    .container-search #formrecherchenew .presta-bloc .result_mobile{ float: left; display: block; width: 50%; }
    
    
}
@media (max-width: 550px) {
    .container-search #formrecherchenew .presta-bloc .col-xs-5,.container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5{ width: 35%; float: left; clear:none;}
    .container-search #formrecherchenew .presta-bloc .col-xs-4{ width: 33.33333%;}
    .container-search #formrecherchenew .presta-bloc .col-xs-7.col-date, 
    .container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-7.col-date,
    .container-search #formrecherchenew .presta-bloc .col-xs-8{ width: 65%; float: left; clear:none; }
    .container-search #formrecherchenew .presta-bloc .col-xs-8{ height: 25px;}
    .container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5 label.linge_label{ width: 50%;}
}

@media (max-width: 460px) {
    #blocrecherchenew{ margin-top: 0;}
    .xdsoft_datetimepicker{ left: 50px !important;}
}
    
@media (max-width: 400px) {
    .container-search #formrecherchenew .presta-bloc .col-xs-5,.container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-5{ width: 60%}
    .container-search #formrecherchenew .presta-bloc .col-xs-4{ width: 100%;}
    .container-search #formrecherchenew .presta-bloc .col-xs-7.col-date, 
    .container-search #formrecherchenew .presta-bloc .col-md-5 .col-xs-7.col-date,
    .container-search #formrecherchenew .presta-bloc .col-xs-8{ width: 100%; clear: left}
    .container-search #formrecherchenew .presta-bloc .col-xs-8{ height: 25px;}
    .container-search .col-xs-2 p.tarif_price{ font-size: 1.5em;}
    .container-search{ padding-left: 1em;}
    #ennonce_demande{ margin-bottom: 1em !important;}
}

@media (max-width: 375px) {
    .xdsoft_datetimepicker{ left: 20px !important;}
}



@media (max-width: 340px) {
    .container-search #formrecherchenew .presta-bloc .result_mobile{ float: none; display: block; width: 100%; }
    .container-search #formrecherchenew .presta-bloc .result_mobile a{margin-top: 0.5em; margin-bottom: 1em; }
    .voirprofil { font-size: 0.8em; }
}

@media (max-width: 325px) {
    .xdsoft_datetimepicker{ left: 5px !important;}
}


.container-search #formrecherchenew .presta-bloc .col-date{ display: none;}
.container-search #formrecherchenew .presta-bloc .sous-menage{ display: none;}
.container-search #formrecherchenew .presta-bloc .sous-linge{ display: none;}

.p-minus{ position: relative; top: 1.5em; display: none; -webkit-transition: opacity .3s ease-in;     -moz-transition: opacity .3s ease-in;     -o-transition: opacity .3s ease-in;     transition: opacity .3s ease-in;}
#minus-criteres{ cursor: pointer;width: 40px; height: 40px; border-radius: 40px; background: #fff; border: 2px solid #03a7c7; color: #03a7c7; display: block; line-height: 40px; margin: 0 auto; font-size: 1.3em;}
.p-minus p{ margin-bottom: 0; font-size: 0.9em;}

.p-plus{ position: relative; top: 1.5em; -webkit-transition: opacity .3s ease-in;     -moz-transition: opacity .3s ease-in;     -o-transition: opacity .3s ease-in;     transition: opacity .3s ease-in;}
#plus-criteres{ cursor: pointer;width: 40px; height: 40px; border-radius: 40px; background: #fff; border: 2px solid #03a7c7; color: #03a7c7; display: block; line-height: 40px; margin: 0 auto; font-size: 1.3em;}
.p-plus p{ margin-bottom: 0; font-size: 0.9em;}


#ennonce_demande p span.mobile_view{ display: none;}

@media (max-width: 1100px) { 
    .container-search .panelfixed_container .parent_panelfixed{ margin-bottom: -20px;}
    .container-search #formrecherchenew .p-minus{ top: 0;}
}
@media (max-width: 640px) { 
    .p-minus{ margin-top: 2em; width: 100%;}
    #ennonce_demande p span{ display: none;}
    #ennonce_demande p span.mobile_view{ display: inline;}
}


/*** Choix des tarifs ****/
.tarif_choice.col-xs-12{height: 362px;top: -60px; padding-bottom: 0em; font-family: 'Roboto', sans-serif; font-size: 1.1em; display: none;position: absolute; z-index: 100;}
.tarif_choice.col-xs-12 .col-xs-6.tarif_class{ background: #03a7c7; padding: 1.5em 3em;  height: 100%; }
.tarif_choice.col-xs-12 .col-xs-6.tarif_prof{ background: #042f64 ;  padding: 1.5em 3em;  height: 100%; }
.tarif_choice.col-xs-12 .col-xs-6 span.price_tarif{ font-size: 2em; font-weight: 700; margin-bottom: 5px; }
.tarif_choice.col-xs-12 .col-xs-6 p sup{ font-size: 0.5em; font-weight: 400; top: -0.7em; position: relative; }
.tarif_choice.col-xs-12 .col-xs-6 p.tarif_title{ font-weight: 700; font-size:1.05em; margin-top: 0; margin-bottom: 5px;}
.tarif_choice.col-xs-12 .col-xs-6 div.content_formule{ text-transform: initial; font-size: 1em; }
.tarif_choice.col-xs-12 .col-xs-6 div.content_formule ul{ font-size: 0.85em; margin-bottom: 5px;}
.tarif_choice.col-xs-12 .col-xs-6 div.content_formule ul li:first-child{  margin-left: -22px; }
.tarif_choice.col-xs-12 .col-xs-6 div.content_formule .option{margin-top: 0; font-size: 0.85em;}
.tarif_choice.col-xs-12 .col-xs-6 input[type=button]{  background: transparent; font-size: 400; border: 1px solid #fff; font-size: 0.75em; text-transform: uppercase; padding: 0.5em; margin-top: 1em;}


@media (max-width: 950px) {
    .container-search.first-search{min-height: 400px;}
    .tarif_choice.col-xs-12{height: 412px;}
}

@media (max-width: 850px){
    .container-search #formrecherchenew{ margin-left: 2em; margin-right: 2em;}
}


@media (max-width: 800px){
    .container-search #formrecherchenew{ margin-left: 1em; margin-right: 1em;}
}


@media (max-width: 780px) {
    .container-search.first-search{min-height: 425px;}
    .tarif_choice.col-xs-12{height: 437px;}
}


@media (max-width: 767px) {
}

@media (max-width: 700px) {
    .tarif_choice.col-xs-12 .col-xs-6.tarif_class, .tarif_choice.col-xs-12 .col-xs-6.tarif_prof{ padding-left : 2em; padding-right: 2em;}
}
@media (max-width: 640px) {
    
    .container-search.first-search{min-height: 605px;}
    .tarif_choice.col-xs-12{height: 655px;}
    .tarif_choice.col-xs-12 .col-xs-6.tarif_class{ width: 100%; clear: left; height: 50%; padding-bottom: 2em; padding-top: 4em; }
    .tarif_choice.col-xs-12 .col-xs-6.tarif_prof{width: 100%; clear: left; height: 50%; }
    .tarif_choice.col-xs-12 .col-xs-6.tarif_class, .tarif_choice.col-xs-12 .col-xs-6.tarif_prof{ padding-left : 1em; padding-right: 1em;}
    .tarif_choice.col-xs-12 .col-xs-6 span.price_tarif{ font-size: 1.8em;}
    .container-search #formrecherchenew{ margin-left: 2em; margin-right: 2em;}
}


@media (max-width: 400px) {
    
    .tarif_choice.col-xs-12{font-size: 0.95em;}
    .tarif_choice.col-xs-12 .col-xs-6 span.price_tarif{ font-size: 1.5em;}
}

/****** REDUC SEARCH */

.container-resume{ display: none;margin-top: -35px;}
.container-search .panel.panel-resume-search{ background: transparent; padding: 1em 0; box-shadow: none;}
.container-search .panel.panel-resume-search .col-lg-12{ float: none; padding: 0;}
.container-search .panel.panel-resume-search h2{ font-size: 1.2em; text-transform: uppercase; font-weight: 300; margin: 0;}
.container-search .panel.panel-resume-search .col-md-8,.container-search .panel.panel-resume-search .col-md-4{ padding: 0;}
.container-search .panel.panel-resume-search .modify-search{ display: block; float: right; cursor: pointer;}
.container-search .panel.panel-resume-search .modify-search:hover{ color:#fff;}
.container-search .panel.panel-resume-search .modify-search span{ display: block; float: right; text-transform: uppercase; font-weight: 700; font-size: 0.9em;}
.container-search .panel-resume-search #plus-criteres{ cursor: pointer;width: 30px; height: 30px; border-radius: 30px; background: #fff; border: 2px solid #03a7c7; color: #03a7c7; display: block; float: right; line-height: 30px; font-size: 1em; text-align: center; margin-top: -6px; margin-left: 1em;}

.container-search .panel-resume-search hr{ margin: 0.5em 0 1em 0; border:none; border-top: 1px dashed #fff;  display: block; max-width: 1000px;}


/***************** FILTER *********************/

.container-hider{padding: 3em 3em 0 3em; margin-top: 0; font-family: 'Roboto', sans-serif; color: #FFF; width: 100%;background: #efefef;}

.container-hider-w{padding: 3em 3em 0 3em; margin-top: 0; font-family: 'Roboto', sans-serif; color: #FFF; width: 100%;background: #fff;}


.container-filter{padding: 2em 3em 1em 3em; font-family: 'Roboto', sans-serif; color: #FFF; width: 100%; margin-top: 0; display: none;}
.back-filter {background: #FFF; }
.container-filter .col-md-12.panelfixed_container{ max-width: 1000px; margin: 0 auto; float: none; height: 100%;}

.container-filter .row{ margin-bottom: 1em; }
.container-filter .row span.title-filter{ text-transform:uppercase; color: #03a7c7; font-weight: 500; font-size: 0.9em; margin-right: 1.5em; }
.container-filter .row.lang span.title-filter{ margin-right: 1em; }
.container-filter .row label{ color: #333; font-weight: 300; font-size: 0.9em;margin-right: 2em;}
.container-filter .row label img, .container-filter .row label i{ margin: 0 0.3em 2px 0.3em;}
/*.container-filter .row input[type=checkbox]{-webkit-appearance: none; -moz-appearance: none; border: 1px solid #03a7c7; width: 13px; height: 13px; margin-bottom: -1px;}*/
.container-filter .row input[type=checkbox], .container-filter .row input[type=radio]{ display: none;}
.container-filter .row input[type=checkbox] + span{border: 1px solid #03a7c7; width: 13px; height: 13px; display: inline-block; margin-bottom: -1px;}
/*.container-filter .row input[type=radio]{-webkit-appearance: none; -moz-appearance: none; border: 1px solid #03a7c7; width: 13px; height: 13px; margin-bottom: -1px; border-radius: 13px;}*/
.container-filter .row input[type=radio] + span{ border: 1px solid #03a7c7; width: 13px; height: 13px; margin-bottom: -1px; display: inline-block; border-radius: 13px;}
.container-filter .row input[type=radio]#only_pro{margin-left: 1.1em;}
.container-filter .row input[type=checkbox],.container-filter .row input[type=radio]{ }
.container-filter .row.lang label{ margin-right:  0.5em; }
/*.container-filter .row input[type=checkbox]:checked:after { content: "x"; color:#03a7c7; position: absolute; margin-top: -8px; margin-left: 0.4px; font-size: 1.4em; } */
.container-filter .row input[type=checkbox]:checked + span:before { content: "x"; color:#03a7c7; position: absolute; margin-top: -8px; margin-left: 0.4px; font-size: 1.4em; } 
.container-filter .row input[type=radio]:checked + span { background:#03a7c7; box-shadow: inset 0 0 0 2px #fff;} 
.container-filter .row #search_pro{ margin-left: 7.5em;}

@media (max-width: 780px) { 
.container-filter .row #search_pro{ margin-left: 0;}
.container-filter .row span.title-filter{margin-right: 0.5em; }
.container-filter .row label{ margin-right: 1em;}
}


/***************** RESULTS *********************/

.results-row{ position: relative; top: 40px; max-width: 1000px; margin: 0 auto; float: none;}
.results-row.top-fixed{ top: 180px;}
.results-row h3{ font-weight: 300; color: #333333;}
#blocrecherchenew{position: relative;}

.ambassador_color{ position: absolute; top: 17px; left: 0; height: 155px; width: 42px; background: #b0d39b; }
.part_color{ position: absolute; top: 17px; left: 0; height: 155px; width: 42px; background: #03a7c7; }
.pro_color{ position: absolute; top: 17px; left: 0; height: 155px; width: 42px; background: #312783; }

.demande{color: #fff; height: 189px; width: 15%;margin-left: 1.5%; float: right;}
.demande-pro{ background: #312783; width: 15% !important; }
.demande-part{ background: #03a7c7; width: 15% !important; }
.demande-amb{ background: #b0d39b; width: 15% !important; }
.demande img{ display: block; margin: 3em auto 1em auto;}
.demande a{ text-transform: uppercase; display: block; border: 1px solid #fff; padding: 0.5em 0 !important; text-align: center; font-size: 0.9em; font-weight: 700; line-height: 1.2em;}
.demande-pro a:hover{ color: #312783; border: 1px solid #312783; }
.demande-part a:hover{ color: #03a7c7; border: 1px solid #03a7c7; }
.demande-amb a:hover{ color: #b0d39b; border: 1px solid #b0d39b; }
.demande a:hover{ text-decoration: none; background:#fff; }
.demande a:focus, .demande a:active{ color:#fff;}

.funnel_concierge .col-md-3{ width: 22%; padding: 17px; float: left}

.funnel-right.col-md-9{ width: 78%; float: left}
.funnel_header .col-md-12, .funnel_header .col-md-8, .funnel_header .col-md-4{ padding: 0;}
.funnel_header .col-md-4{ text-align: right;}
.funnel_header .col-md-4
.funnel_header .first_header{ margin-bottom: 0.5em; padding-left: 0.5em;}
.funnel_header .second_header{ padding:0.2em 0 0.1em 0; border-top : #ececec 1px solid;  border-bottom : #ececec 1px solid; padding-left: 0.5em;}

.nb_missions {  font-weight: 400; text-transform: uppercase; color: #333; font-size: 0.86em; width: 50%; float: left; margin-top: 0.2em; }
.nb_missions span:first-child{ color: #03a7c7; font-weight: 700;}

.voirprofil{ font-size: 1em; font-weight: 300; color: #8b8b8b;}


.cadre_concierge_info{ font-size: 0.95em;}
.cadre_concierge_info ul{ padding-left: 0; font-family: 'Roboto', sans-serif; margin-top: 1em; list-style: none; }
.cadre_concierge_info ul li{ float: left; padding-right: 0.7em;}
.cadre_concierge_info ul li img{ margin-top:-2px;}
.cadre_concierge_info ul li.checklang .fa-check{ color:#03a7c7;}
.cadre_concierge_info ul li.hour_info{ font-weight: 700; color:#6cd03b; padding-right: 0.9em; }
.cadre_concierge_info ul li.bulle_info{ font-weight: 700; color:#03a7c7; padding-right: 0.7em; }
.cadre_concierge_info ul li.pro_info{ font-weight: 700; color: #312783; text-transform: uppercase; padding-right: 0.7em;}
.cadre_concierge_info ul li.part_info{ font-weight: 700; color: #03a7c7; text-transform: uppercase; padding-right: 0.7em;}
.cadre_concierge_info ul li.certif_info{ font-weight: 700; color: #333333; padding-left: 0em !important; padding-right: 0;}
.cadre_concierge_info ul li.certif_info img{ width: 25px;}
.cadre_concierge_info ul li.ambassadeur_info img{ width: 24px; margin: 0 2px 0 5px;}
.cadre_concierge_info ul li.ambassadeur_info {padding-right: 0; }

.display_form{ cursor: pointer;}

.row-funnel{ margin-bottom: 1.5em; padding: 0;}

.error-form-search { margin: 0; border: none; border-radius: 0; display: none; text-align: center; position: absolute; bottom: 0; padding: 0.4em;}

.conciergeDescription {
    height: 19px !important;
}

.alert-info h4{margin:auto!important;}


@media (max-width: 780px) { 
    .funnel_concierge{ width: 80%;}
    .demande{ width: 18%; padding: 0 0.5em;}
    .funnel_concierge .col-md-3{ width: 25%; padding:17px 17px 0 0;}
    .funnel-right.col-md-9{ width: 75%; padding-left: 0;}
    .cadre_concierge_info ul{ margin-top: 0.5em;}
    .cadre_concierge_info ul li{ padding-bottom: 0.2em;}
}

@media (max-width: 768px) { 
    #content { padding-top: 85px !important; }
    .conciergeDescription {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 640px) { 
    .funnel_concierge{ width: 100%;}
    .demande{ padding: 0.5em 0; text-align: center; clear: left; width: 100% !important; height: auto;  }
    .demande img{ display: inline; margin: 0;}
    .demande a{ display: inline; width: auto; border: none;}
    
    .container-search .panel.panel-resume-search .col-md-8{ display: none;}
    .container-search .panel.panel-resume-search{ padding-top: 0;}
    .pro_color, .photo_concierge_funnel { height: 100px; }
  

    
}

@media (max-width: 500px) { 
    .commentaires_link{ display: block; position: absolute; right: 0; top: 0;}
    .pro_color, .photo_concierge_funnel { height: 60px; }
}

@media (max-width: 340px) {
    .voirprofil { font-size: 0.8em; }
}

/***************** AMBASSADEUR  ***************/

.results-row .ambassadors-bloc{ max-width: 1000px; margin: 0 auto; float: none; padding-bottom: 1em;}
.ambassadors-bloc h3{background: url('/assets/img/search/picto_ambassador.png') top left no-repeat; padding-left: 2em;font-size: 1em; height: 20px; padding-top: 3px; }



/* FORMULAIRE DE DEMANDE */
.form-demande.col-md-12{  }
.form-demande.col-md-12, .valid-demande.col-md-12{ display: none;width: 100%; background: #FFF; padding: 0; height: 189px; position: absolute; top: 0; right: 0; font-weight: 400; z-index: 1;}
.form-demande.form-demande-part{ border: 17px solid #03a7c7; }
.form-demande.form-demande-part .col-md-2, .valid-demande.valid-demande-part{ background: #03a7c7; height: 100%;}
.form-demande.form-demande-pro{ border: 17px solid #312783; }
.form-demande.form-demande-pro .col-md-2, .valid-demande.valid-demande-pro{ background: #312783; height: 100%; }
.form-demande.form-demande-amb{ border: 17px solid #b0d39b; }
.form-demande.form-demande-amb .col-md-2, .valid-demande.valid-demande-amb{ background: #b0d39b; height: 100%; }
.form-demande.form-demande-pro input[type=submit]{ background: #312783; color:#FFF; padding: 0.1em 0.5em; border: none; margin-top: 0.2em; float: right;}
.form-demande.form-demande-amb input[type=submit]{background: #b0d39b; color:#FFF; padding: 0.1em 0.5em; border: none; margin-top: 0.2em; float: right;}
.form-demande.form-demande-part input[type=submit]{ background: #03a7c7; color:#FFF; padding: 0.1em 0.5em; border: none; margin-top: 0.2em; float: right;}
.form-demande.form-demande-pro input[type=submit]:hover{ color: #312783; background:#FFF; border: 1px solid #312783; }
.form-demande.form-demande-amb input[type=submit]:hover{color: #b0d39b; background:#FFF; border: 1px solid #b0d39b; }
.form-demande.form-demande-part input[type=submit]:hover{ coloe: #03a7c7; background:#FFF; border: 1px solid #03a7c7;}
.form-demande.form-demande-pro input[type=button]{ background: #312783; color:#FFF; padding: 0.1em 0.5em; border: none; margin-top: 0.2em; float: right;}
.form-demande.form-demande-amb input[type=button]{background: #b0d39b; color:#FFF; padding: 0.1em 0.5em; border: none; margin-top: 0.2em; float: right;}
.form-demande.form-demande-part input[type=button]{ background: #03a7c7; color:#FFF; padding: 0.1em 0.5em; border: none; margin-top: 0.2em; float: right;}
.form-demande.form-demande-pro input[type=button]:hover{ color: #312783; background:#FFF; border: 1px solid #312783; }
.form-demande.form-demande-amb input[type=button]:hover{color: #b0d39b; background:#FFF; border: 1px solid #b0d39b; }
.form-demande.form-demande-part input[type=button]:hover{ coloe: #03a7c7; background:#FFF; border: 1px solid #03a7c7;}
.form-demande .col-md-2.recap-search{  padding: 0; color: #FFF; width: 16.6666%; float: left; }
.form-demande .col-md-2.recap-search sup{ font-size:0.6em;}
.form-demande .col-md-2.recap-search .col-xs-6{ padding: 0;}
.form-demande .col-md-2.recap-search .col-xs-6 p{ font-size: 0.9em; margin-bottom: 0.65em; line-height: 1; }
.form-demande .col-md-2.recap-search .col-xs-6 p:first-child{ font-weight: bold; text-transform: uppercase; font-size: 1em;}
.form-demande .col-md-2.recap-search .col-xs-6 .details_tarifs p:first-child{ font-weight: normal; text-transform: initial; font-size: 0.9em;}
.form-demande .col-md-2.recap-search .col-xs-6.right p{ text-align: right; padding-right: 1em; }
.form-demande h5{ text-transform: uppercase; font-size: 0.9em; margin: 0.8em 0 1em 0;}
.form-demande h5 i{ float: right; color:#a94442; cursor: pointer; }
.form-demande .col-md-3 { width: 25%; float: left;}
.form-demande .col-md-3 p{ font-size: 0.85em; padding: 0 0 0.3em 0;; margin: 0; line-height: 1.3;}
.form-demande .col-md-3 ul{ left: 2em;position: relative; top: -1.2em;  width: 80%;}
.form-demande .col-md-3 ul li{ font-size: 0.8em; padding: 0 0 0.3em 0; margin: 0; line-height: 1.3;}
.resume_mission{ padding-bottom: 0.5em; font-size: 0.9em;}
.resume_mission p span{ font-weight: 700;}
.resume_menage{ padding-top: 0.5em; }
.resume_menage .wished_menage{ font-size: 0.85em;} 
.resume_menage .wished_menage ul{padding-left: 3em; margin-top: -1.2em;}
.resume_menage span{ font-weight: 700; color:#03a7c7; }
.form-demande .col-md-4 { width: 33%; float: left;}
.form-demande .col-md-4 textarea{ -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border: #b5b5b5 1px solid; height: 80px; }
.form-demande .col-md-4 button{ text-transform: uppercase; color: #03a7c7; border: #03a7c7 1px solid; background: none; font-size: 0.85em; margin-top: 0.5em; padding: 0 0.5em; float: right; font-weight: bold;}

.valid-demande.col-md-12{ text-align: center; color: #FFF; font-size: 1.5em; padding-top: 2em;}
.valid-demande.col-md-12 img{ margin-bottom: 0.5em;}


@media (max-width: 850px) { 
    .form-demande .col-md-2.recap-search{ width: 100%; float: none; height: auto;}
    .form-demande .col-md-2.recap-search .col-xs-6 .details_tarifs{ display: none;}
    .form-demande .col-md-3 { width: 35%; float: left; padding: 0 0 0 0.5em;}
    .form-demande .col-md-4 { width: 30%; float: left; padding: 0 0.5em 0 0.5em;}
    .form-demande h5{ font-size: 0.8em; margin-bottom: 0.5em;}
    .form-demande .col-md-4 textarea{ height: 50px;}
    .form-demande .col-md-4 button{ font-size: 0.7em;}

}
@media (max-width: 640px) { 
    .form-demande.col-md-12 { background: #fff; height: auto; padding-bottom: 0.5em;}
    .form-demande .col-md-2.recap-search{ width: 100%; float: none; height: auto;}
    .form-demande .col-md-2.recap-search .col-xs-6 .details_tarifs{ display: none;}
    .form-demande .col-md-3 { width: 50%; float: left; padding: 0 0.5em 0 0.5em; background: #fff;}
    .form-demande .col-md-4 { width: 100%; float: left; padding: 0 0.5em 0 0.5em; clear: left; background: #fff;}
    .form-demande h5{ font-size: 0.8em; margin-bottom: 0.5em;}
    .form-demande .col-md-4 textarea{ height: 50px;}
    .form-demande .col-md-4 button{ font-size: 0.7em;}
    .form-demande .col-md-3 ul {position: relative; left: 0; top: 0; padding-left: 0;}
    
    .valid-demande.col-md-12{ text-align: center; color: #FFF; font-size: 1.3em; padding: 2.5em 1em 0 1em;}
    .valid-demande.col-md-12 img{ margin-bottom: 0.5em;}
}
/****** PAGINATION *****/
#pagination_zone{ text-align: center;}
#pagination_zone a {margin-top: 15px;padding: 0.2em 0.5em;font-family: 'Proxima Nova',sans-serif;font-weight: 500;letter-spacing: .02em;border: 1px solid #fff;border-radius: 5px;margin-right: 0.5em; background: #03a7c7;font-size: 0.9em; color: #fff; opacity: 0.5;}
#pagination_zone a:hover{opacity: 1}
#pagination_zone strong { margin-top: 15px;padding: 0.2em 0.5em;font-family: 'Proxima Nova',sans-serif;font-weight: 500;letter-spacing: .02em;border: 1px solid #fff;border-radius: 5px;margin-right: 0.5em; background: #03a7c7;font-size: 0.9em; color: #fff; font-weight: 700;}

@media (max-width: 768px) {   
    #blocrecherchenew .first_header {
        font-size: .75em;
    }
    .stars_score { display: none; }

    .mobile {
        width: 75px;
        display: inline-block;
        margin: 0 .5em;
        border-bottom: 1px solid #fff;
        text-align: center;
    }
    .xdsoft_datetimepicker {
        position: fixed !important;
        top: 50% !important;
        margin-top: -107px;
        left: 50% !important;
        margin-left: -154px;
        transform: scale(1.15);
    }
}
@media(max-width: 768px) {
    .results-row.top-fixed {
        top: 115px;
    }
}

/* popin connexion : sélection de bien */
#popup_de_connexion_content .panel-body,
#popup_de_connexion_formulaire {
    overflow: hidden;
}
#popup_de_connexion_content .panel-body .forminscription {
    position: relative;
    transition: left .15s ease-out, opacity .15s linear;
    left: 0; opacity: 1;
}
#popup_de_connexion_content .panel-body .forminscription.select_bien {
    left: -100%; opacity: 0;
}

#popup_de_connexion_content .panel-body .formselectbien {
    position: absolute;
    top: 0; left: 100%; 
    padding: 20px;
    width: 100%;
    opacity: 0;
    transition: left .15s ease-out, opacity .15s linear;
}
#popup_de_connexion_content .panel-body .formselectbien.active {
    left: 0; opacity: 1;
}
#connexion-recherche-select-bien {
    display: block; 
    margin: 10px auto;
}
#popup_de_connexion_content .panel-body .formselectbien p { text-align: center; }
#popup_de_connexion_content .panel-body .formselectbien .btn.btn-primary {
    margin: 10px auto;
    display: block;
}


/* POPIN PROFIL */

#modalProfilConcierge .modal-header{ background-color: #FFF !important; border: none !important; }
#modalProfilConcierge .modal-dialog{ width: 80%; max-width: 980px;}
#modalProfilConcierge .modal-body{  text-align: center; }
#modalProfilConcierge .modal-body span.name{ display: block; color: #03a7c7; font-weight: 500; font-size: 2.3em; letter-spacing: 1.5px; margin-top: 0.3em; text-transform: uppercase; }

#modalProfilConcierge .modal-body div.photo-concierge{ width: 220px; height: 220px; background-size:cover !important; margin: 0 auto; background-repeat: no-repeat !important;}

#modalProfilConcierge .modal-body ul{ padding-left: 0; font-family: 'Roboto', sans-serif; display: inline-block; margin: 1em auto 0 auto; list-style: none; }
#modalProfilConcierge .modal-body ul li{ float: left; padding-right: 0.7em;}
#modalProfilConcierge .modal-body ul li img{ margin-top:-2px;}
#modalProfilConcierge .modal-body ul li.checklang .fa-check{ color:#03a7c7;}
#modalProfilConcierge .modal-body ul li.hour_info{ font-weight: 700; color:#6cd03b; padding-right: 0.9em; }
#modalProfilConcierge .modal-body ul li.bulle_info{ font-weight: 700; color:#03a7c7; padding-right: 0.7em; }
#modalProfilConcierge .modal-body ul li.pro_info{ font-weight: 700; color: #312783; text-transform: uppercase; padding-right: 0.7em; display: none;}
#modalProfilConcierge .modal-body ul li.part_info{ font-weight: 700; color: #03a7c7; text-transform: uppercase; padding-right: 0.7em; display: none;}
#modalProfilConcierge .modal-body ul li.certif_info{ font-weight: 700; color: #333333; padding-left: 0em !important; padding-right: 0;}
#modalProfilConcierge .modal-body ul li.certif_info img{ width: 25px;}
#modalProfilConcierge .modal-body ul li.certif_info img{ width: 25px;}
#modalProfilConcierge .modal-body ul li.ambassadeur_info img{ margin-left: 10px }
#modalProfilConcierge .modal-body ul li.ambassadeur_info { font-weight: bold;}

#modalProfilConcierge .modal-body .bioConcierge{ clear: left; display: block; line-height: 2; padding-top: 1em; border-bottom: none !important; padding-bottom: 0 !important; text-align: center !important; max-width: 70%; margin: 0 auto; font-style: normal !important; font-size: 0.95em; }
#modalProfilConcierge .modal-body p.bioConcierge i { color: #03a7c7; font-size: 1.5em; margin-right: 0.5em; }
#modalProfilConcierge .modal-body .discover{ font-size: 1.6em; font-weight: 700; margin-bottom: 1.5em;}

#modalProfilConcierge .modal-body div.rate{ background: #ececec; padding: 1em; text-align: left !important; width: 100%; max-width: 780px; margin: 0 auto 2.5em auto; }
#modalProfilConcierge .modal-body div.rate h3{ margin: 0 0 1em 0; font-size: 1.2em;}
#modalProfilConcierge .modal-body div.rate .col-sm-6:nth-child(2){ border-left: 2px solid #fff; padding-left: 1em; padding-right: 0;}
#modalProfilConcierge .modal-body div.rate .fa-star{  font-size: 2em; color: #03b2d4;}
#modalProfilConcierge .modal-body div.rate span{ padding-left: 0.5em;}
#modalProfilConcierge .modal-body div.rate span a{ color: #9e9e9e;}
#modalProfilConcierge .modal-body div.rate ul{ list-style-type: none; margin-bottom: 0; padding-left: 0; width: 100%;}
#modalProfilConcierge .modal-body div.rate ul li{ font-size: 1em; font-weight: 300; padding-bottom: 0.3em; display: block; float: none;}
#modalProfilConcierge .modal-body div.rate ul li:last-child{ padding-bottom: 0em;}
#modalProfilConcierge .modal-body div.rate ul li span:first-child{ display: block; float: left; padding-left: 0; width: 25%; font-size: 0.9em;}
#modalProfilConcierge .modal-body div.rate ul li p{ width: 55%; border-bottom: 2px solid #9e9e9e; float: left; margin: 0.8em; position: relative;}
#modalProfilConcierge .modal-body div.rate ul li p span{display: block; position: absolute; top: -3px; left: 0; height: 8px; border-radius: 5px; background:#03b2d4; }
#modalProfilConcierge .modal-body div.rate ul li span:last-child{ text-align: right; }

#modalProfilConcierge .modal-body .all_avis h3 { font-size: 1.6em; color: #03b2d4; font-weight: 500; }
#modalProfilConcierge .modal-body .all_avis .thumbnail{ border: none !important; margin-bottom: 0; display: inline-block; }
#modalProfilConcierge .modal-body .all_avis .rowComment { margin-bottom: 1em !important; }
#modalProfilConcierge .modal-body .all_avis #commentairesconcierges {  border: 2.5px solid #eee; width: 100%; max-width: 780px; margin: 0 auto 2.5em auto; padding: 1em 2em; }
#modalProfilConcierge .modal-body  .all_avis .rowComment .row-fluid{ text-align: left; font-style: normal !important; } 
#modalProfilConcierge .modal-body .all_avis p.name_comment{  color: #03b2d4; font-weight: 500; font-size: 0.9em; line-height: 1.2;  margin-top: 0.5em; padding-bottom: 0.5em !important; text-transform: capitalize; }
#modalProfilConcierge .modal-body .all_avis span.longscore{  color: #03b2d4; font-weight: 500; margin-right: 0.5em; }
#modalProfilConcierge .modal-body  .all_avis .rowComment .row-fluid .small{ color: #aaa;}
#modalProfilConcierge .modal-body p.commentaire{  font-style: normal !important; }

#modalProfilConcierge .modal-body .load-profil{ display: block; margin: 2em auto; }
#modalProfilConcierge .modal-body .load-profil img{ max-width: 50px;}

@media (max-width: 1200px){
    #modalProfilConcierge .modal-content{padding: 1em 3em; border-radius: 0;}
}

@media (max-width: 1150px){
    #modalProfilConcierge .modal-body div.rate ul li{ margin-bottom: -0.5em;clear: left;}
    #modalProfilConcierge .modal-body div.rate ul li > span:first-child{ float: none; margin-bottom: -0.8em; width: 100%; white-space: nowrap;}
    #modalProfilConcierge .modal-body div.rate ul li p{ margin-left: 0; width: 80%;}
    #modalProfilConcierge .modal-body .bioConcierge{ width: 100%; max-width: 100%; }
}


@media (max-width: 990px){
    
}

@media (max-width: 900px){
    #modalProfilConcierge .modal-body  .all_avis .rowComment .row-fluid .col-md-12{ padding: 0; }
}

@media (max-width: 768px){
    #modalProfilConcierge .modal-body div.rate{ margin-top: 2em; clear: left;}
    #modalProfilConcierge .modal-body div.rate .col-sm-6{ width: 50%; float: left;}
    #modalProfilConcierge .modal-content{padding: 1em;}
    #modalProfilConcierge .modal-dialog{ margin: 0 auto; }
    #modalProfilConcierge .modal-dialog{ width: 90%; }
    #modalProfilConcierge .modal-body div.rate span{ display: block; padding-left: 0; }
    #modalProfilConcierge .modal-body div.rate span#note, #modalProfilConcierge .modal-body div.rate span.totalavis{ display: inline-block; }
    #modalProfilConcierge .modal-body div.rate ul li span { display: inline-block; }
    #modalProfilConcierge .modal-body .all_avis p.name_comment{ font-size: 1.5em; }
}


@media (max-width: 640px){
    #modalProfilConcierge .modal-dialog{ width: 98%; }
    #modalProfilConcierge .modal-body div.photo-concierge{ width: 150px; height: 150px; float: left;}
    #modalProfilConcierge .modal-body div.info_user{float: left; text-align: left; margin-left: 1em; margin-top: 2em; }
    #modalProfilConcierge .modal-body .bioConcierge{ line-height: 1.5; text-align: justify !important; }
    #modalProfilConcierge .modal-body span.name{ font-size: 1.8em; }
}

@media (max-width: 550px){
    #modalProfilConcierge .modal-body div.rate .col-sm-6{ width: 100%; float: none;}
    #modalProfilConcierge .modal-body div.rate .col-sm-6:nth-child(2){ border-left: none; border-top: 2px solid #fff; margin-top: 1em; padding-top: 1em;}
    #modalProfilConcierge .modal-body .discover{ display: none; }
}

@media (max-width: 510px){
    #modalProfilConcierge .modal-body ul li{ font-size: 0.95em; }
    #modalProfilConcierge .modal-body ul { width: 175px; }
    #modalProfilConcierge .modal-body div.rate .fa-star{ font-size: 1.8em;}
}

@media (max-width: 450px){
    #modalProfilConcierge .modal-body { padding: 0;}
    #modalProfilConcierge .modal-body div.photo-concierge{ width: 90px; height: 90px; float: left;}
    #modalProfilConcierge .modal-body div.info_user{ width: 150px; font-size: 0.8em; margin-top: 0em; 
    #modalProfilConcierge .modal-body span.name{ font-size: 1.7em;}
}

@media (max-width: 360px){
    #modalProfilConcierge .modal-body .all_avis span.longscore{ display: none;  }
    #modalProfilConcierge .modal-body .all_avis .thumbnail{ display: none;}
    #modalProfilConcierge .modal-body span.etoile{ text-align: center; display: block; margin-bottom: 0.5em;}
    #modalProfilConcierge .modal-body .all_avis p.name_comment{ padding-bottom: 0 !important;}
}