/* =============================== eservation .dates input, #modalReservation .dates select======= */
html,body { width: 100%;margin: 0;padding: 0;font-family: 'Montserrat', sans-serif;font-size: 16px;color: #353535;font-weight: 400;background: #fff; }


/* LIENS */
a { color: #5a5a5a;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;text-decoration: none;outline: none !important; }
a:hover { text-decoration: none; }


/* VARS */
:root {
	--main: #9B1F23;
	--mainDecimal: 141, 46, 54;
	--second: #353535;
	--secondDecimal: 53, 53, 53;
	--third: #ffe5e5;
	--fourth: #da8c93;
}


/* TOOLTIPS */
.tooltip { font-family: 'Montserrat', sans-serif;font-size: 14px;font-weight: 600; }
.tooltip .tooltip-inner { background: var(--second);color: #fff; }
.social .tooltip { width: 200px;right: 100px !important;font-size: 16px; }
.tooltip.top .tooltip-arrow { border-top-color: #8ae9ff; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #8ae9ff; }
.tooltip.left .tooltip-arrow { border-left-color: #8ae9ff; }
.tooltip.right .tooltip-arrow { border-right-color: #8ae9ff; }


/* CTA */
.more-container { width: 100%;text-align: center;margin: 40px 0 0 0;float: left; }
.more-container.noMrg {	margin: 0; }
.more-container a, .cta { color: #fff !important;font-weight: 600;background: var(--main);font-size: 22px;line-height: 20px;padding: 18px 32px;border-radius: 40px;border: 0px;outline: 0;display: inline-block;margin: 0 10px; }
.more-container a:hover, .more-container a:focus, .cta:hover, .cta:focus { background: #333;color: #fff !important;text-decoration: none; }

.more-container a.ctaInverted { color: var(--second) !important;font-weight: 600;background: #fff !important;font-size: 22px;line-height: 20px;padding: 22px 38px;border-radius: 40px;border: 0px;outline: 0;border: 2px solid var(--second);display: inline-block;margin: 0 10px; }
.more-container a.ctaInverted:hover { background: var(--second) !important;color: #fff !important; }
.more-container a.smaller, .cta.smaller { font-size: 17px;line-height: 20px;padding: 13px 21px; }
.ctaInverted:hover, .ctaInverted:focus { background: var(--second) !important;color: #fff !important;
}
.more-container .ctaWhite { color: var(--main) !important;font-weight: 600;background: #fff !important;font-size: 22px;line-height: 20px;padding: 22px 38px;border-radius: 40px;border: 0px;outline: 0;border: 0px;display: inline-block;margin: 0 10px; }
.more-container .ctaWhite:hover { background: var(--second) !important;color: #fff !important; }
.more-container .bigger { font-size: 30px;line-height: 30px;padding: 22px 65px; }
.more-container .evenMoreBigger { font-size: 35px;line-height: 30px;padding: 30px 85px;border-radius: 60px;font-weight: 700; }
.smaller { font-size: 18px;line-height: 20px;padding: 15px 30px; }


/* Bandeaux */
.bandeau.coupdecoeur { background: var(--main); }
.bandeau.exclusivite { background: var(--main); }
.bandeau.sscompromis { background: #ffc324; }
.bandeau.ssoffre { background: #ffc324; }
.bandeau.baisseprix { background: #c0392b; }
.bandeau.vendu { background: var(--main); }
.bandeau.loue { background: var(--main); }
.bandeau.nouveau { background: #1abc9c; }



/* HEADER */
header { width: 100%;position: absolute;top: 0;left: 0;z-index: 100; }
.logo-container { width: 100%;padding-top: 23vh;text-align: center;margin: 0;z-index: 2; }
.logo-container.abs { position: absolute;padding-top: 85px; }
.logo-container.abs.mask { display: none; }
.logo-container .logo { display: inline-block; }
.logo-container .logo span { font-family: "Oswald Light",Arial,Verdana;font-size: 90px;line-height: 60px;letter-spacing: -0.04em;color: var(--main);font-weight: 300;text-shadow: 2px 2px 4px rgb(255 255 255 / 80%); }
.logo-container.abs .logo img { width: 299px; }
.logo-container.pages .logo img { width: 100px; }
.baseline { width: 100%;text-align:center;margin: 0;font-family: 'Montserrat', sans-serif;font-size: 3.2em;font-weight: 800;position: absolute;top: 35vh;z-index: 2;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;padding: 0 5vw; }
.baseline.home { top: 32vh; }
.baseline.remonte { top: 15vh; }
.baseline h1 { margin: 0;width: 100%;line-height: 0.85em;max-width: 70%;text-align: center;font-weight: inherit;color: var(--second);display: inline-block;position: relative;font-weight: 600;letter-spacing: -0.03em;font-size: 0.7em; }
.baseline.home { font-size: 2.8em; }
.baseline.home h1 { line-height: 0.95em; }
.baseline h1.pages { max-width: 50%; }
.baseline h1 span { display: block;margin: 5px 0 0 0;font-size: 25px;font-weight: 700; }
header.noabs { position: relative; }

/* Fixed header */
.fixed-header { position: fixed;top: 0;left: 0;width: 100%;z-index: 99;padding: 20px 90px;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.fixed-header.fixed { background: #fff;box-shadow: 0px 1px 15px rgba(0,0,0,0.3);padding: 10px 20px; }
.fixed-header.pages { display: block !important; }
.fixed-header .logo { position: relative;top: 5px;display: inline-block;position: relative;z-index: 101; }
.fixed-header .logo img { width: 120px;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.fixed-header .logo img.big { display: block; }
.fixed-header .logo img.sm { display: none; }
.fixed-header.fixed .logo img { width: 140px; }
.fixed-header.fixed .logo img.big  { display: none; }
.fixed-header.fixed .logo img.sm  { display: block; }
.logo-pages { position: fixed;left: 30px;top: 27px;display: inline-block; }
.logo-pages img { width: 120px; }
.logo-pages.on { display: block; }
.logo-pages.off { display: none; }

/* fixed tools */
.mySpace { position: fixed;z-index: 1000;width: 150px;top: calc(50% - 75px);text-align: center;transform: rotate(-90deg);padding: 10px 0;background: var(--main);color: #fff;font-weight: 700;border-radius: 10px 10px 0 0;border: 1px solid #fff;font-size: 17px; }
.mySpace:hover { color: #fff;background: var(--second); }
.mySpace.off { right: -100px; }
.mySpace.on { right: -55px; }
.mySpace .connected { display: inline-block;margin-left: 5px;width: 6px;height: 6px;border-radius: 50%; }
.mySpace .connected.no { background: red; }
.mySpace .connected.yes { background: green; }
a.decoMySpace {position: fixed;z-index: 1000;width: 42px;top: calc(50% - 178px);text-align: center;padding: 10px 0;background: var(--main);color: #fff;font-weight: 700;border-radius: 10px 0 0 10px;border: 1px solid #fff;font-size: 17px;right: 0;}


/* tog menu all pages */
.tog-menu { display: none;background: transparent;border: 0;margin: 0;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;position: relative;z-index: 101;width: 26px;height: 20px;top: -13px;left: 10px; }
.tog-menu .icon-bar { display: block;height: 2px;border-radius: 3px;width: 26px;background: #333;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;position: relative; }
.tog-menu .icon-bar+.icon-bar { margin-top: 6px; }
.tog-menu.fixed .icon-bar { background: #333;height: 2px;width: 26px; }
.tog-menu.on .icon-bar:nth-child(1) { transform: rotate(45deg);top: 9px; }
.tog-menu.on .icon-bar:nth-child(2) { transform: rotate(-45deg);top: 9px;margin-top: -2px; }
.tog-menu.on .icon-bar:nth-child(3) { display: none; }
.tog-menu.off { transform: scale(0); }
.tog-menu:hover { border: none;outline: none; }
.lateral-menu { position: fixed;top: 0;left: -33.333%;z-index: 99;height: 100%;width: 33.333%;background: #01b5d8;padding: 140px 50px 50px 50px; }
.lateral-menu ul { display: block;width: 100%;padding: 0;list-style: none; }
.lateral-menu ul li { width: 100%;padding: 5px 0 10px 0;text-align: left; }
.lateral-menu ul li a { color: #fff;font-size: 16px;line-height: 20px;font-weight: 600;text-transform: uppercase; }
.lateral-menu ul li a:hover { color: #333; }
.tog-menu.fixed { transform: scale(1); }

/* Menu */
.menu { position: relative;font-weight: 600;font-size: 22px;float: right; }
.menu .rubs { display: inline-block; }
.menu a, .menu .multiple { display: inline-block;color: #5a5a5a;text-decoration: none;cursor: pointer;position: relative;margin: 0 15px;z-index: 100;border-bottom: 2px solid transparent; }
.menu .multiple { margin: 0; }
.menu a.selected { font-weight: 800;color: #000;border-bottom: 2px solid var(--main); }
.menu a:last-child { margin-right: 0px; }
.menu a:hover, .menu div:hover, .menu div.on { color: #000; }
.menu a.mainMenuCnx { display: none; }
.menu .social { display: block;text-align: left;margin: 15px 0 0 0; }
.menu .social a { display: inline-block;font-size: 34px;margin: 0 5px 0 0;color: rgba(255,255,255,0.8); }
.menu .social a:hover { color: #fff; }
.fixed-header.fixed > .menu { font-size: 18px; }
.fixed-header.fixed > .menu a { margin: 0 10px; }
.fixed-header.fixed > .menu a:last-child { margin-right: 0px; }
.menu #subSecteurs { display: none;position: absolute;top: 50px;left: 0px;width: 300px;margin: 0;background: #fff;padding: 15px;border-radius: 10px;box-shadow: 0 0 20px rgb(0 0 0 / 30%); }
.menu #subSecteurs a { display: block;font-size: 16px;padding: 5px 0; }
.menu #subSecteurs i { display: inline-block;position: absolute;top: -25px;left: 20px;color: #fff;font-size: 40px; }


/* Volet nav */
.nav-block { position: fixed;top: 0;left: 0;height: 100%;width: 25%;background: #ecf9dc;margin-left: -25%;z-index: 100;padding: 80px 35px 20px 35px;text-align: center; }
.list-nav { width: 100%;padding: 0;list-style: none;float: left; }
.list-nav li { display: block;float: left;border-bottom: 1px solid #ccc;width: 100%;position: relative; }
.list-nav li.home { padding-bottom: 20px; }
.list-nav li a { display: block;padding: 5px 15px;text-align: left;font-family: 'Montserrat', sans-serif;font-size: 20px;font-weight: 700;text-decoration: none;color: #000; }
.list-nav li a:hover { background: #333;color: #fff;text-decoration: none;border-radius: 7px; }
.list-nav li a.on { background: var(--bleu-ciel);color: #fff;text-decoration: none;border-radius: 7px; }
.list-nav li.home a:hover { background: transparent; }
.list-nav li.home img { width: 150px; }
.list-nav li .sub { position: absolute;top: -17px;background: var(--bleu-ciel);width: 250px;height: 78px;border-radius: 7px;display: none; }
.list-nav li .sub a { display: block;width: 100%;font-size: 20px; }
.list-nav li .sub a:hover {  }
.list-nav li .sub i { position: absolute;font-size: 50px;color: var(--bleu-ciel);left: -16px;top: 15px; }


/* ########################################### */
.search { position: relative;z-index: 5;width: 100%;text-align: center;padding: 0 50px;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;top: 70vh; }
.search-content { width: 100%;max-width: 1200px;margin: 0 auto;position: relative; }
.form-content { width: 100%;position: absolute;top: 0;left: 0; }
.form-content.on { opacity: 1;z-index: 2; }
.form-content.off { opacity: 0;z-index: 1; }
.search-content form { display: block;padding: 10px;background: #fff;border-radius: 80px;float: left;width: 100%;position: relative;z-index: 2;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;box-shadow: none; }
.search-content form .field-zone { float: left;width: 33.3333%;position: relative;height: 82px; }
.search-content form .field-zone.half { width: 50%; }
.search-content form .field-zone.bordered { border-right: 1px solid #868686; }
.search-content form .field-zone.quarter { width: 25%; }
.search-content form .field-zone.fifth { width: 18.75%;}
.search-content form .field-zone .indication { display: block;position: absolute;font-weight: 700;font-size: 16px;top: 15px;left: 30px;color: #000; }
.search-content form .field-zone.main .indication { left: 60px; }
.search-content form input, .search-content form select { width: 100%;padding: 30px 30px;border: 0;background: transparent;outline: none; }
.search-content form input.bot, .search-content form select.bot { padding: 42px 30px 10px 30px;font-size: 18px;line-height: 30px;height: 82px; }
.search-content form .main input.bot, .search-content form .main select.bot { padding: 42px 30px 10px 60px; }

/* etendre */
.search-content form .etendre { position: absolute;top: 85px;left: 35px;padding: 5px 25px 20px 25px;border-radius: 0 0 7px 7px;background: #fff;display: none;box-shadow: 5px 10px 10px rgb(0 0 0 / 10%) !important; }
.search-content form .etendre select { background-image: none !important;padding: 10px !important;border-radius: 7px;border: 1px solid #bdbdbd;outline: none;background: rgba(var(--secondDecimal), 0.15) !important; }
.search-content form .field.base.sm > .etendre { bottom: -155px;box-shadow: none !important;background: none !important; }

/* valid */
.search-content form .go { display: inline-block;float: right;border-radius: 50px;margin: 0;border: 0;background: var(--main);line-height: 22px; }
.search-content form .go:hover { background: var(--second); }
.search-content form .go.centered { border-radius: 40px;float: none;margin: 15px 0 0 0; }
.search-content form .go i { display: none; }

/* btns */
.search-content .btns { position: absolute;left: calc(50% - 200px);top: -65px;z-index: 1;text-align: center; }
.search-content a { display: inline-block;padding: 25px 20px;font-family: 'Montserrat', sans-serif;font-weight: 700;width: 200px;font-size: 24px;line-height: 17px;text-decoration: none;float: left; }
.search-content a.on { background: #fff;color: var(--second); }
.search-content a.off { background: #8d2e36;color: #fff; }
.search-content a:hover { text-decoration: none; }
.search-content a.first { border-radius: 20px 0 0 0; }
.search-content a.last { border-radius: 0 20px 0 0; }


/* Autocompletion */
.addressZone { position: relative; }
.addressZone .opts { padding: 0;list-style: none;position: absolute;top: 85px;left: 60px;width: calc(100% - 80px);z-index: 10;border: 1px solid #ccc;border-top: 0;display: none;box-shadow: 0px 5px 20px rgba(0,0,0,0.3); }
.addressZone.mini .opts { top: 54px;left: 30px;width: calc(100% - 60px);min-width: 250px; }
.addressZone .opts li { width: 100%;float: left;padding: 15px;text-align: left;font-size: 14px;font-family: 'Montserrat', sans-serif;background: #fff;cursor: pointer; }
.addressZone .opts li:hover, .addressZone .opts li.selected { background: #45aba5;color: #fff; }



/* Main form */
.main-form { display: block;padding: 10vh 0;float: left; }
.main-form.gray { background: #eee; }
.main-form-container { width: 100%;max-width: 75%;margin: 0 auto; }
.main-form-container h2 { color: var(--main);font-weight: 800;width: 100%;text-align: center;margin: 0 0 10vh 0;font-size: 3em;letter-spacing: -0.02em; }
.rencontre { width: 100%; }
.rencontre h3 { color: var(--main);font-weight: 800;width: 100%;text-align: center;margin: 0 0 30px 0;font-size: 2em;letter-spacing: -0.02em;text-align: left; }
.rencontre .infos { float: left;width: 40%;padding-right: 30px; }
.rencontre .infos p { font-size: 19px; }
.rencontre .infos .sect { width: 100%;padding: 0 0 0 100px;font-size: 17px;margin: 0 0 20px 0;min-height: 90px;display: flex;justify-content: flex-start;align-items:center;flex-wrap: wrap;align-content: center;background-position: left center;background-repeat: no-repeat; }
.rencontre .infos .sect span { display: block;width: 100%; }
.rencontre .infos .horaires { background-image: url('../images/ic/ic-clock.png'); }
.rencontre .infos .mobile { background-image: url('../images/ic/ic-mobile.png'); }
.rencontre .infos .localisation { background-image: url('../images/ic/ic-localisation.png'); }
.rencontre .infos .calendar { background-image: url('../images/ic/ic-calendar.png'); }
.rencontre .client { float: right;width: 60%; }
.rencontre .client.wPd { padding-left: 30px; }
.form-group { float: left;padding: 0 15px;width: 100%;position: relative; }
.form-group.half { width: 50%; }
.form-group.noPd { padding: 0; }
.form-group.mini { padding: 0 20px 0 0; }
.form-group.mini > input { height: 54px;padding: 15px 30px;font-size: 14px;border-radius: 12px; }
.form-group.mini > label { display: block;text-align: left; }
.form-group .form-control { padding: 22px 30px;font-size: 17px;border-radius: 40px;height: 65px; }
.form-group .form-control.half { height: 54px;padding: 15px 30px; }
.form-group .form-control.help { border-radius: 40px 0 0 40px; }
.form-group .form-control.right { float: right; }
.form-group input { height: auto;box-shadow: 0px 0px 10px rgba(0,0,0,0.15); }
.form-group textarea { min-height: 200px;box-shadow: 0px 0px 10px rgba(0,0,0,0.15); }
.form-group small { margin: 0;display: block;padding: 3px 5px 10px 5px; }
.form-group label { font-size: 18px;margin-bottom: 10px; }
.form-group label.half { width: 50%;float: left;text-align: left;padding: 15px 0 0 0; }
.form-group input.half { width: 35%;float: left; }
.form-group .unite { float: left;display: inline-block;padding: 16px 15px;border-radius: 0 40px 40px 0;font-weight: 700;box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);background: #d0d0d0; }
.form-group .unite.right { float: right; }
.form-group .selecteurNumerique { width: 30%;float: right;padding: 5px 0;text-align: right; }
.form-group .selecteurNumerique .changer { display: inline-block;width: 40px;height: 40px;background: #eee;border-radius: 50%;border: 1px solid #ccc;font-size: 20px;text-align: center;font-weight: 600;color: #333;line-height: 40px;text-decoration: none; }
.form-group .selecteurNumerique .changer:hover,
.form-group .selecteurNumerique .focus { text-decoration: none; }
.form-group .selecteurNumerique .fakeInputNoDesign { border: 0;box-shadow: none;display: inline-block;width: 40px;text-align: center;font-weight: 600; }
.form-group .commutateur { width: 30%;float: right;padding: 0;text-align: right; }
.form-group .commutateur .radioFake { display: inline-block;height: 30px;width: 60px;border-radius: 20px;position: relative;margin: 9px 0 0 0; }
.form-group .commutateur .radioFake span { display: inline-block;position: absolute;top: 3px;height: 24px;width: 24px;border-radius: 50%;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; }
.form-group .commutateur .radioFake.off { background: rgba(var(--secondDecimal), 0.10); }
.form-group .commutateur .radioFake.on { background: rgba(var(--mainDecimal), 0.20); }
.form-group .commutateur .radioFake.off span { background: rgba(var(--secondDecimal), 0.35);left: 3px; }
.form-group .commutateur .radioFake.on span { background: #d61121;left: 32px; }
.form-group .detail { width: 100%;float: left; }
.form-group .detail label { width: 100% !important;display: block;font-size: 12px; }
.form-group .detail input { width: 200px;float: left !important; }
.form-group .detail .unite { float: left !important; }
.form-group .entetes { width: 50%;float: right;padding: 0;text-align: right; }
.form-group .entetes span { display: inline-block;width: 33.333%;text-align: center;float: left;font-size: 14px; }
.form-group .stars { width: 50%;float: left;padding: 10px 0; }
.form-group .stars .st { display: inline-block;width: 33.333%;text-align: center;float: left; }
.form-group .stars .st i { font-size: 30px; }
.form-group .stars .st.off i { color: var(--second); }
.form-group .stars .st.on i { color: #ffd400; }

.form-group.send { text-align: right; }
.form-group.send button { color: #fff !important;font-weight: 600;background: var(--main);font-size: 30px;line-height: 30px;padding: 22px 45px;border-radius: 40px;border: 0px;outline: 0;display: inline-block;margin: 0;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.form-group.send button:hover,
.form-group.send button:focus { background: #333;color: #fff !important;text-decoration: none; }
.form-group.send.mini { margin-top: 15px; }
.form-group.send.mini button { font-size: 19px;border-radius: 12px;padding: 15px 0;width: 100%; }


/* form pour estim */
.estimForm { height: 100%; }
.estimForm #address { padding: 22px 60px 22px 30px; }
.estimForm #address.checked { background-image:url('../images/svg/check.svg');background-size: 40px;background-repeat: no-repeat;background-position: right 19px; }


/* form */
.rechercheForm { display: block;width: 100%; }
.rechercheForm .section { width: 100%;padding: 20px 5vw 5px 5vw;float: left;border-bottom: 1px solid #ddd; }
.rechercheForm .section .title { color: var(--main);font-weight: 700;font-size: 1.7em;margin: 0 0 20px 0; }
.rechercheForm .section .form-group label { width: auto;min-width: 150px; }
.rechercheForm .section .form-group .commutateur { float: left; }
#modalRecherche .modal-dialog.end { margin-bottom: 8vh; }
#modalRecherche .valider { border-bottom: 0;position: fixed;bottom: 0;width: 100%;text-align: center; }
#modalRecherche .valider .actions { width: 60%;padding: 20px 40px 20px 40px;background: #fff;margin: 0 auto;box-shadow: 0 0 30px rgb(0 0 0 / 50%);border-radius: 80px 80px 0 0; }
#modalRecherche .valider a.save { display: inline-block;margin: 0 20px; }
#modalRecherche .valider a.save span { display: inline-block;color: rgba(var(--secondDecimal), 0.7);border-bottom: 2px solid var(--second);padding: 0 0 4px 0;font-weight: 600; }
#modalRecherche .valider a.save span:hover { color: var(--second);border-bottom: 2px solid rgba(var(--secondDecimal), 0.2); }
#modalRecherche .valider a.save i { font-size: 36px;left: -5px;top: 10px;position: relative;color: var(--second); }
.split {position: relative;display: block;width: 100%;}
.cnxZone {position: relative;display: block;max-width: 1200px;margin: 100px auto;}


/* page layout */
.page-layout { float: left;width: 100%;height: auto;padding: 12px 100px 100px 100px; }
.layout-content { margin: 0;float: left;width: 100%;position: relative;z-index: 1; }
.pge { width: 100%;position: relative;padding: 30px 0;margin: 70px 0 0 0; }
.pge h1 { font-size: 2.7em;margin: 0;font-weight: bold;letter-spacing: -0.04em;width: auto;padding: 25px 15vw;position: relative;text-align: center;font-family: 'Montserrat', sans-serif;font-weight: 800;color: #333;margin: 30px 0 0 0; }
.pge h1 span { display: block;font-weight: 400;font-size: 0.6em;opacity: 0.7;font-weight: 400; }
.pge h2 { font-size: 1.1em;line-height: 1.2em;margin: 0;letter-spacing: -0.04em;width: auto;padding: 0 5vw 0 5vw;position: relative;text-align: center;font-family: 'Montserrat', sans-serif;font-weight: 600;color: #555; }
.pge h2 span { display: block;max-width: 70%;margin: 0 auto; }
.pge h2 .decoLine { display: block;width: 100%;text-align: center; }
.pge h2 .decoLine hr { height: 1px;background: #464646;dispay: inline-block;width: 80px; }
.partenaireZone {background: #eee;display: block;padding: 10vh 0;width: 100%;float: left;}
.partenaireZone h3 {color: #8d2e36;text-align: center;font-weight: 800;width: 100%;font-size: 3em;margin: 0 0 5vh 0;}
.partenaireZone a {text-decoration: none;display: inline-block;width: 16%;text-align: center;margin-left: 47px;}
.partenaireZone a:hover {background: transparent;}
.partenaire-container {position: relative;display: block;float: left;width: 100%;margin: 50px 0;}
.partenaireZone a img {width: 70%;position: relative;}
.partenaire-content {display: block;max-width: 1400px;margin: 0 auto;}

/* Commun pour les avis */
.mainAvisContainer { width: 100%;height: 70vh;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover; }
.mainAvisContainer .voile { position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: var(--second);opacity: 0.8;z-index: 1; }
.mainAvisContainer .avis { position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 2; }
.mainAvisContainer .avis-container { width: 70%;margin: 0 auto;text-align: center;height: 100%;display: flex;justify-content: center;
	align-items: center;flex-wrap: wrap;align-content: center; }
.mainAvisContainer .avis-container h2 {	color: #fff;font-weight: 800;width: 100%;text-align: center;font-size: 2.5em;letter-spacing: -0.02em;margin: 0 0 15px 0; }
#osContainer { width: 60%;margin: 40px 0; }
.slide-avis { width: 100%; }
.slick-slide, .slick-slide a { outline: none; }
.txt-avi { color: #fff; }
.zone-stars { width: 50%;float: left;text-align: left; }
.zone-stars i { color: #ffc800;font-size: 25px; }
.signature { width: 50%;float: right;text-align: right; }
.avi { width: 100%;float: left;margin: 15px 0 0 0;font-size: 1.4em;line-height: 1.3em;font-style: italic;max-height: 91px;overflow: hidden; }


/* commun pour les zones switch */
.switchZone { float: left;width: 100%;text-align: center;padding: 10vh 0 10vh 0;background-color: var(--main);position: relative;z-index: 2; }
.switchZone .voile { position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 1;opacity: 0.1; }
.switchZone h3 { display: block;color: #fff;font-weight: 800;width: 100%;text-align: center;margin: 0 0 5vh 0;font-size: 2.5em;letter-spacing: -0.02em;z-index: 2; }
.switchZone .more-container { position: relative;z-index: 2; }


/* footer */
footer { width: 100%;float: left;padding: 5vh 0 7vh 0;margin: 0;background: var(--second); }
.footer-container { width: 100%;max-width: calc(75% + 40px);margin: 0 auto;padding: 0 20px; }
.footer-container .logo { text-align: center;margin: 0 0 7vh 0; }
.footer-container .logo img { width: 150px; }
.footer-content { width: 100%; }
.footer-content .left { float: left;width: 40%;text-align: left; }
.footer-content .right { float: left;width: 40%;text-align: right; }
.footer-content .right .sm { margin-top: 10px; }
.footer-content .right .sm a { font-size: 14px;font-weight: 400; }
.footer-content .center { float: left;width: 20%;text-align: center; }
/*.footer-content .center img { width: 130px; }*/
.footer-content ul { padding: 0;list-style: none; }
.footer-content ul li { width: 100%;margin: 0 0 5px 0; }
.footer-content ul li a { color: #fff;font-size: 18px;font-weight: 700; }


/* modals */
.modal-header { background: var(--third);color: #333;padding: 25px 15px; }
.modal-header .close { font-size: 53px;line-height: 23px; }
.modal-title { text-align: center;font-weight: 700;line-height: 23px; }
.modal-body .mentionLegales{margin-top: 30px;text-transform: uppercase;font-size: 1em;font-weight: 700;}

/* Modal contact / resa / recrutement */
#modalContact, #modalReservation, #modalRecrutement { z-index: 1049 !important; }
#modalContact .modal-body, #modalReservation .modal-body, #modalRecrutement .modal-body { background: #d8d8d8; }
#modalContact .modal-body p, #modalReservation .modal-body p, #modalRecrutement .modal-body p { margin: 0 0 20px 0; }
#modalContact .modal-body p span, #modalReservation .modal-body p span, #modalRecrutement .modal-body p span { font-weight: 700; }
#modalContact .modal-body .valid, #modalReservation .modal-body .valid, #modalRecrutement .modal-body .valid  { text-align: center; }
#modalContact .modal-body .valid .btn, #modalReservation .modal-body .valid .btn, #modalRecrutement .modal-body .valid .btn  { color: #fff;font-weight: 700;background: #333;font-size: 18px;line-height: 20px;padding: 18px 32px;border-radius: 40px;border: 0px;outline: 0;display: inline-block;font-family: 'Montserrat', sans-serif;margin: 20px 0 0 0; }
#modalContact .modal-body .valid .btn:hover, #modalReservation .modal-body .valid .btn:hover, #modalRecrutement .modal-body .valid .btn:hover  { background: #000; }
#modalContact .modal-header, #modalReservation .modal-header, #modalRecrutement .modal-header { border: 0; }

/* Modal tel */
#modalTel, #modalTelGal { z-index: 1049 !important; }
#modalTel .modal-body, #modalTelGal .modal-body { background: #77b42e; }
#modalTel .modal-body p, #modalTelGal .modal-body p { margin: 0 0 10px 0;color: #fff;text-align: center; }
#modalTel .modal-body p .nego { display: block;margin: 30px 0 20px 0; }
#modalTel .modal-body p .nego img { width: 150px;border: none; }
#modalTel .modal-body p .name { display: block;text-transform: uppercase;font-size: 20px;font-weight: 300; }
#modalTel .modal-body #numBienTel { font-weight: bold;color: #ffeb3b;font-size: 18px; }
#modalTel #numTel { display: block;text-align: center;padding: 30px 15px;color: #fff;font-weight: 600;font-size: 20px; }
#modalTelGal .phone { display: block;padding: 15px 0;text-align: center;color: #fff;background: var(--bleu-fonce);border-radius: 40px;margin: 20px 0 0 0;position: relative;font-size: 15px; }
#modalTelGal .phone:hover { background: var(--jaune);color: #333; }
#modalTelGal .phone span { position: relative;z-index: 2;margin: 0;display: block; }
#modalTelGal .phone span.tel { display: block;font-weight: 700;font-size: 20px;margin: 0; }

/* Modal client */
#modalConnexionClient .panels-container { width: 100%;position: relative; }
#modalConnexionClient .panels-container .buttons { width: 100%;text-align: center; }
#modalConnexionClient .panels-container .buttons-container { padding: 10px;display: inline-block;text-align: center;border-radius: 7px;border: 1px solid #ddd; }
#modalConnexionClient .panels-container .buttons-container a { display: inline-block;padding: 10px 15px;text-align: center;border-radius: 7px;text-decoration: none; }
#modalConnexionClient .panels-container .buttons-container a.off { background: transparent;color: var(--second); }
#modalConnexionClient .panels-container .buttons-container a.on { background: var(--fourth);color: #fff; }
#modalConnexionClient .panels-container .buttons-container a:hover { text-decoration: none; }
#modalConnexionClient .panels-container .panel { width: 100%;float: left;margin: 20px 0 0 0; }
#modalConnexionClient .panels-container .panel.on { display: block; }
#modalConnexionClient .panels-container .panel.off { display: none; }
#modalConnexionClient .panels-container .panel .form-group.mini { padding: 0px 10px; }

/* Modal retour client (save criteres / favoris) */
#modalRetourClient .modal-body span { display: block;text-align: center; }

/* selection (modal sur site) */
#listeSelec .item { width: 50%;padding: 10px; }
#listeSelec .item .thumb { height: 200px;margin: 0 0 15px 0; }
#listeSelec .item .thumb a { display: block;width: 100%;height: 100%;background: #eee; }
#listeSelec .item .thumb a img { width: 100%;height: 100%;object-fit: cover; }
#listeSelec .item .desc .selecTitre { display: block;text-transform: uppercase;font-weight: 700;font-size: 1em;line-height: 1.2em;margin: 0 0 10px 0;min-height: 60px; }
#listeSelec .item .desc .detail { width: 100%;height: 115px;overflow: hidden; }
.selecImg { width: 100%;margin-bottom: 10px; }
.selecLk { display: block;width: 100%;margin: 10px 0 20px 0;padding: 10px 0;color: #333;background: var(--third);text-transform: uppercase;text-align: center;font-size: 12px;font-weight: 600; }
.selecLk:hover { color: #fff;background: #333; }


/* Result après form */
#resultForm, #resultFormRecrutement  { width: 100%;margin: 30px 0;text-align: center;font-weight: bold;display: none;float: left; }
#resultForm .ok, #resultFormRecrutement .ok, .resultat .ok { display: block;width: 100%;background: #a0e4a3;padding: 30px;border-radius: 5px;color: #15713e; }
#resultForm .bad,#resultFormRecrutement .bad, .resultat .bad { display: block;width: 100%;background: #f7beb2;padding: 30px;border-radius: 5px;color: #cb2b36; }
#resultFormPage { width: 100%;margin: 30px 0;text-align: center;font-weight: bold;display: none;float: left; }
#resultFormPage .ok { display: block;width: 100%;background: #a0e4a3;padding: 30px;border-radius: 5px;color: #15713e; }
#resultFormPage .bad { display: block;width: 100%;background: #f7beb2;padding: 30px;border-radius: 5px;color: #cb2b36; }

#client_document_cv , #client_document_lettre {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
#client_document_cv + label , #client_document_lettre + label {font-size: 1.25em;font-weight: 700;color: white;background-color: #8d2e36;display: block;padding: 10px;text-align: center;}
#client_document_cv:focus + label , #client_document_lettre:focus + label,
#client_document_cv + label:hover , #client_document_lettre + label:hover {background-color: #da8c93;cursor: pointer;}

/* mentions */
#modalMentions .modal-body h3 { font-size: 16px;font-weight: 700; }
#modalMentions .modal-body p { font-size: 14px; }

/* donnees */
#modalConfidential .modal-body h3 { font-size: 16px;font-weight: 700; }
#modalConfidential .modal-body p, #modalConfidential .modal-body ul { font-size: 14px; }


/* Paneau cookies */
.cookies-panel { position: fixed;bottom: 50px;width: 300px;right: -300px;z-index: 1000;padding: 30px;background: #333;color: #fff;font-size: 12px; }
.cookies-panel .actions { display: block;text-align: right;margin-top: 10px; }
.cookies-panel .actions a { display: inline-block;margin: 0 10px;padding: 5px 10px;border-radius: 3px;background: #77b42e;color: #333;font-weight: 700;text-decoration: none; }


/* forms */
.form-group input { color: #000;height: 45px; }
.form-detail { position: relative; }
.form-annonce, .form-annonce-recrutement { position: absolute;top: 10%;left: 0;width: 100%;text-align: center;display: none; }
.form-annonce-alert, .form-annonce-recrutement .form-annonce-alert { display: inline-block;width: 80%;padding: 30px;border-radius: 10px;border: 1px solid #d93333;color: #d93333;background: #ffcece;font-size: 14px;box-shadow: 0px 0px 80px #333; }
.rgpd { width: 100%;float: left;font-size: 14px;line-height: 20px; }
.rgpd a { font-weight: 500; }
#rgpd, #rgpdVente, #rgpdEstim, #rgpdBasicForm, #rgpdRecrutement , #rgpdInscription { margin: 0 5px 0 0;display: inline-block;height: 20px;width: 20px; }
.rgpdChecked { font-size: 20px;margin-right: 5px;color: #80de12;display: none; }
.recaptcha { float: left;width: 100%; }
.recaptcha.on { margin: 20px 0; }
#panelInscription .rgpd {color: #000}


/* -- Clearer -- */
.clearer { clear: both; }


/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-height: 780px) {
	.search.home { top: 70vh; }
}

@media (max-width: 1300px) {
	#modalRecherche .valider a.save { margin: 0 20px; }
	#modalRecherche .valider .actions .cta { font-size: 16px;padding: 13px 25px; }
	#modalRecherche .valider .actions .saveMyRecherche { font-size: 14px; }
}
@media (max-width: 1254px) {
	.partenaireZone a {
		max-width: 320px;
		margin: 0 auto;
		display: block;
		position: relative;
		margin-bottom: 60px;
		width: inherit;
	}
	.partenaireZone a img {
		width: 300px;
		position: relative;
	}
	.partenaire-content {
		display: block;
		width: 100%;
		position: relative;
	}
}
@media (max-width: 1199px) {
	.fixed-header { background: #fff;box-shadow: 0px 1px 15px rgb(0 0 0 / 30%);padding: 10px 20px; }
	.fixed-header .logo img { width: 150px; }
	.fixed-header .menu { font-size: 18px; }
	.fixed-header .menu a { margin: 0 10px;position: relative;z-index: 1; }
	.fixed-header .menu a:last-child { margin-right: 0px; }
	.fixed-header .logo img.big { display: none; }
	.fixed-header .logo img.sm { display: block; }
	.logo-container .logo span { font-size: 60px; }
	.baseline { font-size: 1.8em; }
	.mainAvisContainer .avis-container { width: 90%; }
	#osContainer { width: 70%; }
	.main-form-container { max-width: 95%;padding: 0 20px; }
	#modalRecherche .valider .actions { width: 80%; }
}
@media (max-width: 991px) {
	.tog-menu { display: inline-block; }
	.fixed-header .logo img, .fixed-header.fixed .logo img { width: 110px; }
	.menu a.mainMenuCnx { display: block; }
	.menu .rubs { display: none;background: #fff;height: 100vh;position: fixed;left: 0;z-index: 100;width: 100%;top: 0;padding-top: 100px; }
	.fixed-header .menu a:last-child { padding: 12px 22px !important; }
	.more-container a, .cta { font-size: 17px !important;line-height: 20px; }
	.more-container .evenMoreBigger { padding: 20px 45px; }
	.rubs a, .rubs .multiple { width: 70%;padding: 10px;border: 1px solid #222;border-radius: 30px;margin: 0 auto 15px auto !important;text-align: center;font-size: 20px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);display: block; }
	.rubs .multiple .subSecteurs { margin: 0 !important;padding: 0;border: 0;box-shadow: none;background: none;width: 100%; }
	.menu #subSecteurs { width: 100%; }
	.menu #subSecteurs a { display: block;margin: 0 0 5px 0 !important;border: 0;font-size: 16px;width: 100%;padding: 5px 0; }
	.search { top: 60vh; }
	.search-content .btns { left: calc(50% - 150px);top: -57px; }
	.search-content a { font-size: 20px;width: 150px;padding: 20px 20px; }
	.search-content form { width: 100%;border-radius: 15px; }
	.search-content form input, .search-content form select { padding: 20px 30px; }
	.search-content form .field-zone { height: 62px; }
	.search-content form .field-zone.half { width: 100%; }
	.search-content form .field-zone.quarter { width: 75%; }
	.search-content form .field-zone.quarter.main { width: 100%; }
	.search-content form .field-zone.bordered { border-right: 0;border-bottom: 1px solid #ddd; }
	.search-content form .field-zone.sub { width: 20%;float: right; }
	.search-content form .field-zone .indication { top: 10px;left: 15px;font-size: 12px; }
	.search-content form .main input.bot, .search-content form .main select.bot { padding: 23px 30px 0px 15px;height: 62px; }
	.search-content form input.bot, .search-content form select.bot { padding: 23px 30px 0px 15px;height: 62px; }
	.search-content form .field-zone.main .indication { left: 15px; }
	.search-content form .go { line-height: 12px;margin-top: 10px; }
	.switchZone { padding: 7vh 20px 7vh 20px }
	.switchZone h3 { margin: 0 0 4vh 0; }
	.switchZone .more-container { margin: 30px 0 0 0; }
	.main-form { padding: 7vh 0; }
	.main-form-container h2 { font-size: 2.5em;margin: 0 0 5vh 0; }
	.form-group.send button { font-size: 25px;line-height: 25px;padding: 19px 35px; }
	.rencontre h3 { text-align: center; }
	.rencontre p.explain { font-size: 17px; }
	.rencontre .client.wPd { padding-left: 0px; }
	.form-group.mini > input { height: 47px;padding: 12px 30px; }
	.form-group .form-control.half { height: 44px;padding: 7px 24px; }
	.form-group .unite { padding: 11px 15px; }
	.pge h1 { padding: 25px 0; }
	#modalRecherche .modal-dialog { width: 90%; }
}
@media (max-width: 767px) {
	.logo-container .logo span { font-size: 50px; }
	.mySpace { width: 120px;top: calc(90% - 75px);padding: 8px 0;font-size: 13px; }
	.mySpace.on { right: -45px; }
	.baseline h1 { max-width: 90%; }
	.rubs a, .rubs .multiple { width: 80%;font-size: 18px;margin: 0 auto 10px auto !important; }
	.search { padding: 0 20px; }
	.search-content a { font-size: 14px;width: 120px;padding: 15px 12px; }
	.search-content .btns { left: calc(50% - 120px);top: -47px; }
	.search-content form .field-zone.quarter { width: 65%; }
	.search-content form .field-zone.sub { width: 30%; }
	#osContainer { width: 100%; }
	.mainAvisContainer .avis-container h2 { font-size: 2em; }
	.avi { font-size: 1.2em;line-height: 1.2em; }
	.rencontre .infos { width: 100%;padding: 0; }
	.rencontre .infos .sect { background-size: 50px;padding: 60px 0 0 0;display: block;text-align: center;background-position: center top; }
	.rencontre .client { width: 100%;margin: 50px 0 0 0; }
	.form-group.send { text-align: center; }
	.form-group, .form-group.half { width: 100%;padding: 0; }
	.form-group.send button { font-size: 20px; }
	.rencontre h3 { font-size: 1.5em; }
	.footer-content .left { width: 100%; }
	.footer-content .center { width: 100%;margin: 20px 0; }
	.footer-content .right { width: 100%; }
	.g-recaptcha{transform:scale(0.72); -webkit-transform:scale(0.72); -moz-transform:scale(0.72);-ms-transform:scale(0.72); -o-transform:scale(0.72);transform-origin:0; -webkit-transform-origin:0;-moz-transform-origin:0;-ms-transform-origin:0;-o-transform-origin:0;}
	.more-container .bigger { padding: 15px 45px; }
	.pge h1 { margin: 0;font-size: 2em; }
	.results .tools .favorites-container a { font-size: 20px; }
	.results .tools .favorites-container a i { font-size: 38px; }
	.main-form-container { max-width: 100%; }
	.form-group .form-control { padding: 15px 30px; }
	#modalRecherche .modal-dialog { width: auto; }
	#modalRecherche .valider .actions { width: 90%;border-radius: 40px 40px 0 0 }
	.rechercheForm .section .form-group .commutateur { float: right; }
}
@media (max-width: 680px) {
	.logo-container .logo span { font-size: 40px; }
	.mainAvisContainer { height: 100vh; }
	.mainAvisContainer .avis-container h2 { font-size: 1.7em; }
	.slick-slider { padding: 0; }
	.avi { font-size: 1.1em; }
	#modalRecherche .modal-dialog.end { margin-bottom: 130px; }
	#modalRecherche .valider .actions { width: 100%; }
	#modalRecherche .valider .actions .saveMyRecherche { width: 100%;margin: 0 0 25px; }
}
@media (max-width: 600px) {
	.search-content form .field-zone.quarter { width: 100%; }
	.search-content form .field-zone.sub { width: 100%; }
	.zone-stars { width: 30%; }
	.zone-stars i { font-size: 15px; }
	.signature { width: 70%; }
	.switchZone h3 { font-size: 2em;line-height: 1em; }
	.main-form-container h2 { font-size: 2em;line-height: 1em;margin: 0 0 40px 0; }
	.rechercheForm .section { padding: 20px 1vw 5px 1vw; }
	#modalRecherche .form-group label { font-size: 15px; }
	.mySpace { display: none; }
	.partenaireZone a img {width: 260px;}
}
@media (max-width: 520px) {
	#modalRecherche .form-group label { width: 100%;text-align: center; }
	#modalRecherche .form-group label.half { width: 50%;text-align: left; }
	.form-group .selecteurNumerique { width: 100%;text-align: center; }
	#modalRecherche .rechercheForm .section .form-group .commutateur { width: 50%; }
	#modalRecherche .rechercheForm .section .form-group label { min-width: auto; }
	#modalRecherche .form-group .detail input { width: calc(100% - 55px); }
	#modalRecherche .largeForSm { width: 100% !important; }
	#modalRecherche .valider .actions { padding: 10px; }
}
@media (max-width: 440px) {
	.footer-container .logo img { width: 80%; }
}
@media (max-width: 400px) {

}
@media (max-width: 360px) {
	.fixed-header .logo img, .fixed-header.fixed .logo img { width: 118px; }
	.logo-container .logo span { font-size: 35px; }
	.baseline { top: 30vh; }
	.baseline h1 { max-width: 100%;font-size: 18px; }
	.baseline h1 span { font-size: 20px; }
	.search { top: 55vh; }
	.search-content form .field-zone { height: 56px; }
	.search-content form .main input.bot, .search-content form .main select.bot { height: 56px; }
	.search-content form input.bot, .search-content form select.bot { font-size: 15px; }
	.search-content .btns { top: -41px; }
	.search-content form .go { margin-top: 6px;border-radius: 10px; }
	.form-group.send button { font-size: 15px; }
}