/*
Theme Name: Alpha Constructions 2026
Version: 1.0
Theme URI: https://www.bonbay.fr/
Author: bonbay
Author URI: https://www.bonbay.fr/
Text Domain:
*/

/*	Copyright: (c) 2013 Alexander "Alx" Agnarson
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html*/


/*RESET*/
/*---------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:flex}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}


/*  Base awesome
================================================== */
.fa { width: 1em; text-align: center; }


/*  Base formulaire
================================================== */
input, textarea, 
button, select, 
label { font-family: inherit; }
input,
textarea,
button,
select,
label { font-size: 1rem; }
input::-moz-focus-inner,
button::-moz-focus-inner{ border: 0; padding: 0; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="submit"],
input[type="tel"],
select,
textarea { margin: 0; border-radius: 0; width:100%;}
input,
textarea,
select,
button { 
    -moz-appearance: none; 
    -webkit-appearance: none;
    appearance: none;
    transition: all .2s ease; 
}
input[type="checkbox"]{ -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; }
input[type="radio"]{ -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; }
label{ }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
    background: #fff;
    border: 1px solid #333;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: calc( 90% - 2px );
    outline: none;
    padding: 0.5rem 5%;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus { border-color: #666;  }
label .required { color: #8d001a; }
input[type="submit"],
button[type="submit"] {
    background: #8d001a;
    color: #fff;
    padding: .5rem 1rem;
    font-weight: 600;
    display: flex;
    border: none;
    cursor: pointer;
    font-size: 20px;
    justify-content: center;
    align-items: center;
}
input[type="submit"]:hover,
button[type="submit"]:hover { background: #000; }

/*WPCF7*/
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{
    border: 1px solid #e16e42;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{ 
    border: 1px solid black; 
    color: black;
    background-color: white;
    font-size: 15px;
    line-height: 18px;
    padding: 12px;
    border-radius: 5px;
    text-align: center;
}
.wpcf7-not-valid-tip{
    color: black;
    font-size: 15px;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 5px;
}
.wpcf7 form .wpcf7-response-output{ border: 1px solid grey; }

.wpcf7 form.sent .wpcf7-response-output{
    border: 1px solid black; 
    color: black;
    background-color: white;
    font-size: 15px;
    line-height: 18px;
    padding: 12px;
    border-radius: 5px;
    text-align: center;
}

/*SWIPER*/
.swiper-slide{  }
.swiper-pagination{  }
.swiper-pagination-bullet{  }
.swiper-pagination-bullet-active{  }
.swiper-button-next, .swiper-button-prev{  }
.swiper-button-prev{  }
.swiper-button-next{  }



/** GRID ***/
.row{
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
}
.row.column{ flex-flow: column wrap; }
.row.nowrap{ flex-flow: row nowrap; }
.row.flow-row{ flex-flow: row wrap; }
.flex{ display: flex; }

.middle{ align-items: center; }
.flex-end{ align-items: flex-end; }

@media (max-width: 767px){
      /*.row{ flex-flow: column wrap; }
      .row.nowrap{ flex-flow: column nowrap; }*/
}

/* 24 colonnes */
.spannomargin-1, .spannomargin-2, .spannomargin-3,
.spannomargin-4, .spannomargin-5, .spannomargin-6,
.spannomargin-7, .spannomargin-8, .spannomargin-9,
.spannomargin-10, .spannomargin-11, .spannomargin-12,
.spannomargin-13, .spannomargin-14, .spannomargin-15,
.spannomargin-16, .spannomargin-17, .spannomargin-18,
.spannomargin-19, .spannomargin-20, .spannomargin-21,
.spannomargin-22, .spannomargin-23, .spannomargin-24{ width: 100%; }

/*16 colonnes*/
.span-1, .span-2, .span-3, 
.span-4, .span-5, .span-6, 
.span-7, .span-8, .span-9, 
.span-10, .span-11, .span-12, 
.span-13, .span-14, .span-15, .span-16{ width: 100%; }


/* tablette portrait */
@media (min-width: 768px){

    /*24 colonnes*/
    .spannomargin-1{ width: 4.16666667%; }
    .spannomargin-2{ width: 8.33333333%; }
    .spannomargin-3{ width: 12.5%; }
    .spannomargin-4{ width: 16.666666666667%; }
    .spannomargin-5{ width: 20.833333333333%; }
    .spannomargin-6{ width: 25%; }
    .spannomargin-7{ width: 29.16666667%; }
    .spannomargin-8{ width: 33.333%; }
    .spannomargin-9{ width: 37.5%; }
    .spannomargin-10{ width: 41.66%; }
    .spannomargin-11{ width: 45.833333333333%; }
    .spannomargin-12{ width: 50%; }
    .spannomargin-13{ width: 54.166666666667%; }
    .spannomargin-14{ width: 58.3333333%; }
    .spannomargin-15{ width: 62.5%; }
    .spannomargin-16{ width: 66.666%; }
    .spannomargin-17{ width: 70.8266666%; }
    .spannomargin-18{ width: 75%; }
    .spannomargin-19{ width: 79.16%; }
    .spannomargin-20{ width: 83.32%; }
    .spannomargin-21{ width: 87.4866666%; }
    .spannomargin-22{ width: 91.6533333%; }
    .spannomargin-23{ width: 95.82%; }
    .spannomargin-24{ width: 100%; }
    .mille{ max-width: 960px; width: 100%; }

    /*16 colonnes*/
    .span-1{ width: 6.25%; }
    .span-2{ width: 12.5%; }
    .span-3{ width: 18.75%; }
    .span-4{ width: 25%; }
    .span-5{ width: 31.25%; }
    .span-6{ width: 37.5%; }
    .span-7{ width: 43.75%; }
    .span-8{ width: 50%; }
    .span-9{ width: 56.25%; }
    .span-10{ width: 62.25%; }
    .span-11{ width: 68.75%; }
    .span-12{ width: 75%; }
    .span-13{ width: 81.25%; }
    .span-14{ width: 87.5%; }
    .span-15{ width: 93.75%; }
    .span-16{ width: 100%; }

}
/* tablette paysage */
@media (min-width: 1024px){

    /*24 colonnes*/
    .spannomargin-1{ width: 4.16666667%; }
    .spannomargin-2{ width: 8.33333333%; }
    .spannomargin-3{ width: 12.5%; }
    .spannomargin-4{ width: 16.666666666667%; }
    .spannomargin-5{ width: 20.833333333333%; }
    .spannomargin-6{ width: 25%; }
    .spannomargin-7{ width: 29.16666667%; }
    .spannomargin-8{ width: 33.333%; }
    .spannomargin-9{ width: 37.5%; }
    .spannomargin-10{ width: 41.66%; }
    .spannomargin-11{ width: 45.833333333333%; }
    .spannomargin-12{ width: 50%; }
    .spannomargin-13{ width: 54.166666666667%; }
    .spannomargin-14{ width: 58.3333333%; }
    .spannomargin-15{ width: 62.5%; }
    .spannomargin-16{ width: 66.666%; }
    .spannomargin-17{ width: 70.8266666%; }
    .spannomargin-18{ width: 75%; }
    .spannomargin-19{ width: 79.16%; }
    .spannomargin-20{ width: 83.32%; }
    .spannomargin-21{ width: 87.4866666%; }
    .spannomargin-22{ width: 91.6533333%; }
    .spannomargin-23{ width: 95.82%; }
    .spannomargin-24{ width: 100%; }
    .mille{ max-width: 960px; width: 100%; }

    /*16 colonnes*/
    .span-1{ width: 6.25%; }
    .span-2{ width: 12.5%; }
    .span-3{ width: 18.75%; }
    .span-4{ width: 25%; }
    .span-5{ width: 31.25%; }
    .span-6{ width: 37.5%; }
    .span-7{ width: 43.75%; }
    .span-8{ width: 50%; }
    .span-9{ width: 56.25%; }
    .span-10{ width: 62.25%; }
    .span-11{ width: 68.75%; }
    .span-12{ width: 75%; }
    .span-13{ width: 81.25%; }
    .span-14{ width: 87.5%; }
    .span-15{ width: 93.75%; }
    .span-16{ width: 100%; }

}
@media (min-width: 1280px){
    .mille{ max-width: 1080px; }
}
@media (min-width: 1480px){
    .mille{ max-width: 1440px; }
}

.nomobile{ display: none; }
@media (min-width: 768px){ .nomobile{ display: flex; } }
.onlymobile{ display: flex; }
@media (min-width: 768px){ .onlymobile{ display: none; } }

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

/*FONTS*/

    @font-face {
        font-family: 'Dageland';
        src: url('fonts/Dageland.eot'); /* IE9 Compat Modes */
        src: url('fonts/Dageland.eot?#iefix') format('embedded-opentype'),
            url('fonts/Dageland.woff2') format('woff2'),
            url('fonts/Dageland.woff') format('woff'),
            url('fonts/Dageland.ttf') format('truetype');
        font-style: normal;
        font-weight: normal;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-Medium.woff2') format('woff2'),
            url('fonts/OpenSans-Medium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-MediumItalic.woff2') format('woff2'),
            url('fonts/OpenSans-MediumItalic.woff') format('woff');
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-Italic.woff2') format('woff2'),
            url('fonts/OpenSans-Italic.woff') format('woff');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.woff2') format('woff2'),
        url('fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
            url('fonts/OpenSans-SemiBoldItalic.woff') format('woff');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
            url('fonts/OpenSans-SemiBold.woff') format('woff');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-ExtraBold.woff2') format('woff2'),
            url('fonts/OpenSans-ExtraBold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
            url('fonts/OpenSans-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('fonts/OpenSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
            url('fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-BoldItalic.woff2') format('woff2'),
            url('fonts/OpenSans-BoldItalic.woff') format('woff');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
            url('fonts/OpenSans-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }


    .thin{ font-weight: 100; }
    .light{ font-weight: 300; }
    .regular{ font-weight: 400; }
    .medium{ font-weight: 500; }
    .semibold{ font-weight: 600; }
    .bold{ font-weight: 700; }
    .ultrabold{ font-weight: 900; }

    .dageland{ font-family: 'Dageland'; }
    .opensans{ font-family: 'Open Sans'; }


/**/

img, iframe, video{ max-width: 100%; }
img, video{ height: auto; }
h1, h2, h3, h4, h5, h6{ }
h1{ font-size: 32px; }
h2{ font-size: 28px; }
h3{ font-size: 24px; }
h4{ font-size: 20px; }
.italique, i, em{ font-style: italic; }
.lowercase{ text-transform: lowercase; }
.uppercase{ text-transform: uppercase; }
.black, a.black{ color:#000; }
.white, a.white{ color: #fff; }
.grey, a.grey{ color: #a8a8a8; }
.orange, a.orange{ color:#e16e42; }

strong, b{ font-weight: 700; }
.align-left, .alignleft{ text-align: left; justify-content: flex-start; }
.align-right, .alignright{ text-align: right; justify-content: flex-end; }
.align-center, .aligncenter{ text-align: center; justify-content: center; }

img.alignleft, img.align-left{ float: left; margin: 0 1em 1em 0 }
img.alignright, img.align-right{ float: right; margin: 0 0 1em 1em }
img.aligncenter, img.align-center{ float: none; margin: 0 auto 1em auto }

.justify{ text-align: justify; }

.button{
    display: block;
    width: auto;
    text-decoration: underline;
    font-size: 16px;
    text-align: center;
    transition: ease-in-out all 0.1s;
    cursor: pointer;
    background: white;
    text-decoration: none;
}
.button:hover{
    background: black!important;
    text-decoration: none;
}

a{ color: #000; text-decoration: none; cursor: pointer; }
a:hover{ color: #000; text-decoration: underline; }
p{ margin: 10px 0; }
article ul{ margin: 1em 0; }
article ul li{ list-style-type: disc; margin-left: 2em; }

.gallery {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-flow: row wrap;
}
.gallery-item{ margin: 0 1rem 1rem 0; }


.left{ float: left; }
.right{ float: right; }
.center{ margin: 0 auto; }

.relative{ position: relative; }
.absolute{ position: absolute; }

.error{ color: red; font-weight: bold; }

/*****/
/* base */

body{
    background: #fff;
    margin: 0;
    padding: 0;
    color:#000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.conteneur{ max-width: 1920px; margin: 0 auto; }

header,  main, footer, .home_contenu{ width: 100%; }
header{ height: 190px; }
a#logo{
    display: block;
    background: transparent url('gfx/logo.svg') no-repeat center 24px / 92%;
    width: 100%;
    height: 190px;
    margin: 0 0 0 0;
}
header p{ 
    font-size: 14px; 
    color:#a8a8a8; 
    text-align: right;
    line-height: 18px;
    margin: 32px 0 0 0;
}
.menu-menu-haut-container{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
}
.top-menu{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-evenly;
    align-items: flex-start;
}
.top-menu li{ position: relative; display: flex; }
.top-menu li:first-child::before, 
.top-menu li:first-child::after{
    content:'.';
    position: absolute;
    left: 0;
    bottom: 10px;
    color:#e16e42;
}
.top-menu li:first-child::after{ left: auto; right: 0; }
.top-menu li a{
    color:#e16e42;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: .05rem;
    display: block;
    padding: 32px 20px 10px 20px;
    transition: ease-in-out all .1s;
}
.top-menu li ul{
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    z-index: 5001;
    padding: 0;
    background: #e16e42;
    border: 0;
    opacity: 0;
    height: 0;
    overflow: hidden;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: ease-in-out opacity .2s;
}
.top-menu li:hover ul{ 
    display: flex; 
    flex-flow: column wrap;
    height: auto;
    opacity: 1;
    transition: ease-in-out opacity .2s;
}
.top-menu li:hover a{
    color: black;
    text-decoration: none;
}
.top-menu li.menu-item-has-children:hover a{ 
    background: #e16e42; 
    color: white; 
    text-decoration: none; 
}
.top-menu li.menu-item-has-children a{ cursor:initial; }
.top-menu li.menu-item-has-children ul li a{ 
    color: white;
    line-height: 40px;
    padding: 0 20px;
    width: calc(100% - 40px);
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    cursor: pointer;
}
.top-menu li ul li:last-child a{ padding-bottom: 8px; }
.top-menu li.menu-item-has-children ul li a:hover{ background:#eb906d;}
#clicrecherche{
    display: block;
    margin: 10px 0 0 0;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -3000px;
    background:#fae8e1;
    position: relative;
    cursor: pointer;
    transition: ease-in-out all .2s;
}
#clicrecherche::before{
    content: " ";
    width: 26px;
    height: 30px;
    background: url(gfx/decor-orange.svg) no-repeat right top / 38px;
    position: absolute;
    left: 4px;
    top: 16px;
    z-index: 1;
    transform: scaleX(-1);
}
#clicrecherche::after{
    content: " ";
    width: 28px;
    height: 28px;
    background: url('gfx/loupe-noir.svg') no-repeat center / 28px;
    position: absolute;
    right: 6px;
    top: 16px;
    z-index: 2;
}
#clicrecherche:hover{
    background:#f9c6b2;
    transition: ease-in-out all .2s;
}
#formulaire-recherche{
    position: absolute;
    bottom: 0;
    right: calc(50% - 12px);
    z-index: 10;
    background:#f3e8e3;
    padding: 10px 0;
    border-radius: 35px;
}
#formulaire-recherche.hidden{
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: ease-in-out opacity .2s;
}
#formulaire-recherche.show{ 
    width: 810%;
    height: auto;
    opacity: 1;
    transition: ease-in-out opacity .2s;
}
#formulaire-recherche input[type="text"], 
#formulaire-recherche select{
    border: 0px;
    line-height: 50px;
    height: 50px;
    padding: 0 14px;
    width: calc(100% - 28px - 24px);
    margin: 0 12px;
    border-radius: 25px;
    color: black;
    font-size: 14px;
}
#formulaire-recherche input[type="text"]::placeholder{ color: black; font-size: 14px; }
#formulaire-recherche select{ 
    width: calc( 100% - 24px ); 
    position: relative; 
    background: white url('gfx/select.png') no-repeat 90% center;
}
#formulaire-recherche input[type="submit"]{
    display: block;
    margin: 0 13px 0 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -3000px;
    background:#e16e42 url('gfx/loupe-blanc.svg') no-repeat center / 24px;
    position: relative;
    cursor: pointer;
    transition: ease-in-out all .2s;
    float: right;
}
#formulaire-recherche #loadAjax{ position: absolute; bottom: 30%; right: 25%; }
#formulaire-recherche input[type="submit"]:hover{ background-color: black; }
#formulaire-recherche .spannomargin-55{ width: 22.5%; }
#formulaire-recherche .spannomargin-35{ width: 10%; }
header .rappel{
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: .05rem;
    margin: 32px 10px 10px 10px;
    transition: ease-in-out all .1s;
}
#headerrappel{ cursor: pointer; }
header .rappel:hover{ text-decoration: none; color: black; }
/* menu fixe*/
header > *{ opacity: 1;  }
header, header.nav-down{
    background-color: transparent;
    transition: ease-in-out background-color 0.2s;
}
/*header.nav-down > *{ opacity: 0; transition: ease-in-out opacity 0.2s; }*/
header.nav-up{ 
    position: fixed;
    top: 0;
    right: 0;
    background-color: white;
    z-index: 1000;
    transition: ease-in-out background-color 0.2s;
    box-shadow: 0px 6px 12px rgba(185,135,115, .25)
}
main.nav-up{ margin-top: 190px; }
header.nav-up > *{ opacity: 1; transition: ease-in-out opacity 0.2s; }
/*******/
.menu-toggle{ display: none; }
.nav-menu{ display: flex; }
nav{
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: auto;
}
.menu-menu-principal-container{
    display: flex;
    width: 100%;
    position: relative;
    margin-top: 22px;
}
nav ul{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    justify-content: space-evenly;
}
nav ul li{
    list-style-type: none;
    display: inline-flex;
    text-align: center;
    background: transparent;
    transition: ease-in-out all 0.1s;
    position: relative;
}
nav ul li a{
    font-size: 16px;
    display: flex;
    color: black;
    text-decoration: none;
    line-height: 56px;
    letter-spacing: .05rem;
    padding: 0 0;
    margin: 0 0px;
    border-bottom: 1px solid transparent;
    width: auto;
    background: transparent;
}
nav ul li:hover{ }
nav ul li a:hover, 
nav ul li.current-menu-item a, 
nav ul li.current-menu-ancestor > a{
    transition: ease-in-out all 0.1s;
    color: #e16e42;
    text-decoration: none;
    border-color:#ebc1b0;
}
nav ul li ul{
    position: absolute;
    top: 57px;
    left: -10px;
    z-index: 5001;
    padding: 0;
    width: 250%;
    background: white;
    border: 0px;
    display: none;
    box-shadow: 2px 2px 12px rgba(185,135,115,.4);
    border-radius: 10px;
    overflow: hidden;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
nav ul li:first-child ul{ width: 175%; }
nav ul li:nth-child(2) ul{ width: 300%; }
nav ul li:last-child ul{ width: 500%; }
nav ul li:hover ul{ display: flex;  }
nav ul li ul li{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}
nav ul li ul li a{
    display: flex;
    color: #000;
    background: white;
    background-position: 90% center;
    padding: 0 34px;
    font-size: 14px;
    margin: 0;
    line-height: 50px;
    width: 100%;
    border: 0;
}
nav ul li ul li a:hover{
    color: #e16e42;
    background: #f3e8e3 url('gfx/menu.png') no-repeat 90% center;
    text-decoration: none;
}
.head-contacts{
    height: 56px;
    line-height: 56px;
    border: 1px solid #e16e42;
    border-radius: 28px;
    overflow: hidden;
    margin: 8px 0 0 0;
}
.head-contacts a{ display: block; max-width: 50%; text-align: center; }
.btn-contact{
    background:#e16e42 url('gfx/email-blanc.svg') no-repeat 20% center / 20px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 0 26px;
    width: 50%;
    border-radius: 28px;
    position: relative; 
    z-index: 2;
    transition: ease-in-out all 0.1s;
}
.btn-contact:hover{ text-decoration:none; background-color: black; color: white; transition: ease-in-out all 0.1s; }
.btn-tel{
    width: calc(50% - 36px);
    border-radius: 0 28px 28px 0;
    padding: 0 0 0 36px;
    font-size: 16px;
    color: black;
    background:#fff url('gfx/tel-noir.svg') no-repeat 25% center / 14px;
    position: relative; 
    z-index: 1;
    margin-left: -26px;
    transition: ease-in-out all 0.1s;
}
.btn-tel:hover{ 
    text-decoration:none; 
    background-color: #e16e42;
    background-image: url('gfx/tel-blanc.svg');
    color: white;
    transition: ease-in-out all 0.1s;
}
/* FOOTER */
.troisencarts{
    padding: 134px 12.5% 0 25%;
    margin-top: 84px;
}
.troisencarts.experience{
    background: transparent url('gfx/experience.svg') no-repeat center top / 100px;
}
.troisencarts.engagements{
    background: transparent url('gfx/engagements.svg') no-repeat center top / 64px;
}
.troisencarts.cotes{
    background: transparent url('gfx/avoscotes.svg') no-repeat center top / 96px;
}
.troisencarts h3{
    font-size: 24px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: .5rem;
    position: relative;
}
.troisencarts h3::before{
    content: " ";
    background: transparent url('gfx/fleche-orange.svg') no-repeat left top / 100%;
    width: 40px;
    height: 36px;
    position: absolute;
    top: 4px;
    left: -62px;
}
.troisencarts p{
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}
footer{ margin: 100px 0 0 0; padding: 0 0 50px 0;  }
footer > *{ position: relative; z-index: 2; }
footer::before{
    content: " ";
    position: absolute;
    top: 0;
    left:6.25%;
    right:6.25%;
    bottom: 0;
    z-index:1;
    background:#f6f1ee;
}
.footer-1{
    align-items: center;
    padding: 76px 0 0 0;
}
.footerlogo{ width: 80%; }
.menu-footer-container{ display: flex; width: 100%; }
.footer-menu{ display: flex; flex-flow: row wrap; justify-content: flex-start; }
.grecaptcha-badge, .grecaptcha-logo{ display:none!important; }
.sociaux a { display: flex; }
.sociaux a img{ 
    max-width: 24px; 
    max-height: 24px; 
    width: 100%; 
    margin: 0 12px;
    display: flex;
}
.btn-rdv{ 
    color:#e16e42;
    font-weight: 500;
    text-transform: uppercase;
    display: block; 
    font-size: 16px;
    width: calc(100% - 32px);
    line-height: 56px;
    border-radius: 28px;
    padding: 0 0 0 20px;
    margin: 0 auto;
    border: 1px solid #fff;
    text-align: center;
    background: white url('gfx/prendre-rdv.svg') no-repeat 12.5% center / 34px;
    transition: ease-in-out all .1s;
    cursor: pointer;
}
.btn-rdv:hover{
    text-decoration: none;
    color: black;
    border-color: black;
    transition: ease-in-out all .1s;
}
footer .btn-contact{ 
    display: block; 
    width: max-content;
    line-height: 56px;
    border-radius: 28px;
    padding: 0 0 0 20px;
    margin: 0 auto;
    border: 1px solid #e16e42;
    text-align: center;
    background-position: 15% center;
    width: calc(100% - 32px)
}
footer .btn-tel{ 
    display: block; 
    width: calc(100% - 32px);
    line-height: 56px;
    border-radius: 28px;
    padding: 0 0 0 20px;
    background-color: transparent;
    border: 1px solid #e16e42;
    text-align: center;
    background-position: 20% center;
    margin: 0 auto;
}
footer .btn-contact:hover{ border-color: black;  }
footer .footer-2{ margin-top: 72px; }
.footer-agences{ color:#7d7d7c; }
.footer-menu1 li a{ color:#7d7d7c; font-size: 14px; font-style: italic; }
.footer-menu1{ 
    max-height: 220px;
    flex-flow: column wrap;
    display: flex;
 }
footer .footer-agences{ font-size: 14px; font-style: italic; margin: 0 0 1rem 0; }
footer .footer-agences b{ font-style: normal; display: block; text-transform: uppercase; }
.footer-menu2{
    flex-flow: column wrap;
    display: flex;
    font-size: 14px;
    line-height: 24px;
}
.footer-menu2 > li > a{ font-weight: 700; text-transform: uppercase;  }
.footer-menu2 > li > ul{ margin: .15rem 0 1.5rem 0; }
.btn-parrain, .btn-emploi{
    display: block;
    border: 1px solid #e16e42;
    padding: 20px;
    border-radius: 20px;
    max-width: calc(100% - 44px - 12px);
    margin: 0 auto 24px auto;
    font-size: 15px;
    font-weight: 500;
    background: transparent url('gfx/fleche-ronde-orange.svg') no-repeat 90% center / 20px;
    transition: ease-in-out all .2s;
}
.btn-parrain span{
    display: inline-block;
    width: 100%;
    color:#e16e42;
    font-weight: 700;
}
.btn-emploi{ font-weight: 700; }
.btn-parrain:hover, .btn-emploi:hover{ background-color: white; text-decoration: none; transition: ease-in-out all .2s; }
footer p.aligncenter.orange.uppercase{
    margin: 3rem 0 1.5rem 0;
    letter-spacing: .05rem;
}
.menu-footer-3-container{ 
    flex-flow: column wrap;
    display: flex;
    width: 100%;
}
.footer-menu3{
    max-height: 250px;
    flex-flow: column wrap;
    display: flex;
    font-size: 14px; 
    font-style: italic;
    line-height: 24px;
    margin-left: 7.5%;
}
.footer-menu3 li a{ color:#7d7d7c;  }
.footer-menu3 > li > a{ font-weight: 700; }
.footer-menu3 > li{ margin: 0 0 1rem 1rem; max-width: calc(40% - 1rem); }
.footer-menu3 > li:first-child{ margin: 0 0 1rem 1rem; max-width: calc(60% - 1rem); }
.lesconseils-footer{ 
    line-height: 24px;
    font-size: 13px;
    margin: 0 0 0 calc(7.5% + 1rem);
    padding-left: 1.5rem;
    background: transparent url('gfx/fleche-orange.svg') no-repeat 0 center / 12px;
}
.conseils-footer-titre{ 
    margin-left: calc(7.5% + 1rem); 
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}
p.copyright{ color:#b8afa9; font-size: 14px; margin: 0; line-height: 120px; }
p.copyright a{ color:#b8afa9; }
p.copyright img{ margin: 0 0 0 2rem; }
/*HOME*/
.lignediapo{ padding: 120px 0 0 0; }
.lignediapo::after{
    content: " ";
    position: absolute;
    top: 0;
    left: 6.25%;
    right: 6.25%;
    bottom: 72px;
    z-index: 1;
    background: #f3e8e3;
}
.lignediapo > *{ position: relative; z-index: 2; }
.lignediapo .span-3{ z-index: 3; }
.swiphome-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: -30px; }

h2.titre2{
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .25rem;
    position: relative;
    z-index: 100;
}
h2.titre2 span{
    text-transform: none;
    font-size: 78px;
    line-height: 78px;
    color:#e16e42;
    margin: 0 0 0 -20%;
    width: 175%;
    display: inline-block;
    font-family: 'Dageland', serif;
}
.lignediapo p{
    font-size: 15px;
    line-height: 24px;
    margin: 3rem 0 4rem 0;
}
.btn-orange{
    display: inline-block;
    background: #e16e42 url('gfx/fleche-ronde-blanche.svg') no-repeat 92% center / 20px;
    line-height: 56px;
    border: 1px solid #e16e42;
    border-radius: 29px;
    padding: 0 56px 0 32px;
    font-size: 14px;
    color: white;
    font-weight: 600;
    transition: ease-in-out all .2s;
}
.btn-orange:hover{
    background: #000 url('gfx/fleche-ronde-blanche.svg') no-repeat 92% center / 20px;
    color: #fff;
    border: 1px solid #000;
    text-decoration: none;
    transition: ease-in-out all .1s;
}
.btn-blanc{
    display: inline-block;
    background: #fff url('gfx/fleche-ronde-orange.svg') no-repeat 92% center / 20px;
    color: #e16e42;
    line-height: 56px;
    border: 1px solid #e16e42;
    border-radius: 29px;
    padding: 0 56px 0 32px;
    font-size: 14px;
    font-weight: 600;
    transition: ease-in-out all .2s;
}
.btn-blanc:hover{
    background: #fff url('gfx/fleche-ronde-noir.svg') no-repeat 92% center / 20px;
    color: #000;
    border-color:#000;
    text-decoration: none;
    transition: ease-in-out all .1s;
}
.lignediapo .btn-orange{ margin-bottom: 22px; }
.btn-noir{
    display: inline-block;
    background: #000 url('gfx/fleche-ronde-blanche.svg') no-repeat 92% center / 20px;
    color: #fff;
    line-height: 56px;
    border: 1px solid #000;
    border-radius: 29px;
    padding: 0 56px 0 32px;
    font-size: 14px;
    font-weight: 600;
    transition: ease-in-out all .2s;
    cursor: pointer;
}
.btn-noir:hover{
    background-color: #e16e42;
    border-color:#e16e42;
    color: white;
    text-decoration: none;
    transition: ease-in-out all .1s;
}

.modeles-home{ margin: 120px 0 0 0; }
.titre2.big{ font-size: 30px; letter-spacing: .5rem; }
.titre2.big span{ font-size: 42px; letter-spacing: 0; width: 100%; text-align: right; margin: 0; line-height: 50px; }
.modeles-home .titre2.big{ margin-bottom: 80px; }
.modeles-home .btn-orange{ margin-top: 2rem; }
.swipermodeles{ padding: 0 40px; }
.swipermodeles .swiper-slide a{
    display: flex;
    width: 100%;
    flex-flow: column wrap;
    position: relative;
    padding-bottom: 44px;
}
.swipermodeles .swiper-slide a img{ display: flex; }
.swipermodeles .swiper-slide a .encartmodele{
    bottom: 0;
    right: -1px;
    position: absolute;
    z-index: 3;
    background: white;
    height: 64px;
    line-height: 64px;
    padding: 0 8px 0 30px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    box-shadow: -10px -6px 12px rgba(185,135,115, .25);
}
.swipermodeles .swiper-slide a .encartmodele h4 .dageland{ font-size: 30px; transition: ease-in-out all .1s;}
.swipermodeles .swiper-slide a .encartmodele h4 .opensans{ font-size: 14px; margin-left: 4px; transition: ease-in-out all .1s; }
.btn-fleche{
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -3000px;
    width: 28px;
    height: 28px;
    background:#fbefea url('gfx/fleche-orange.svg') no-repeat center / 12px;
    transition: ease-in-out all .1s;
}
.btn-fleche:hover{
    background:#e16e42 url('gfx/fleche-blanche.svg') no-repeat center / 12px;
    transition: ease-in-out all .1s;
}
.swipermodeles .swiper-slide a .encartmodele .btn-fleche{ margin-left: 40px; }
.swipermodeles .swiper-slide a:hover .btn-fleche{
    background:#e16e42 url('gfx/fleche-blanche.svg') no-repeat center / 12px;
    transition: ease-in-out all .1s;
}
.swipermodeles .swiper-slide a:hover h4 span{ color: black; transition: ease-in-out all .1s; }
.swipermodeles-button-prev, 
.swipermodeles-button-next{
    width: 58px;
    height: 58px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -3000px;
    background: #e16e42 url('gfx/fleche-blanche.svg') no-repeat center / 18px;
    box-shadow: 10px 6px 12px rgba(185,135,115, .35);
}
.swipermodeles-button-prev{ transform: scale(-1, 1); left: -4%; }
.swipermodeles-button-next{ right: -4%; }
.modeles-home p{ font-size: 15px; line-height: 24px; margin: 22px auto 0 auto; max-width: 95%; }
.plans-home{ margin: 100px auto; }
.plans-home p{
    font-size: 21px;
    line-height: 32px;
    position: relative;
}
.plans-home p::before{
    content: " ";
    width: 42px;
    height: 42px;
    position: absolute;
    left: -80px;
    top: 30%;
    z-index: 2;
    background: transparent url('gfx/fleche-orange.svg') no-repeat 0 / 100%;
}
.plans-home img{
    margin-left: 7%;
    max-width: 93%;
}
.plans-home .btn-noir{
    position: absolute;
    left: 0;
    top: 40%;
}
.realisations-home{ padding: 110px 0 0 0; }
#home .realisations-home::after{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 12.5%;
    bottom: 22px;
    z-index: 1;
    background: #f3e8e3;
}
.realisations-home > *{ position: relative; z-index: 3; }
.realisations-home .titre2.big{
    letter-spacing: .3rem;
    text-align: center;
}
.realisations-home .titre2.big span{ text-align: center; margin-bottom: 60px;}
.realisations-home p{
    margin: 0 64px 70px 64px;
    font-size: 15Px;
    line-height: 24px;
}
.swiperreal{ margin-bottom: 100px; }
.swiperreal .swiper-slide a{ 
    position: relative;
    display: flex;
    width: 100%;
    flex-flow: column wrap;
    position: relative; 
}
.swiperreal .swiper-slide a img{ display: flex; }
.swiperreal .swiper-slide a::after{
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 2;
    background: transparent url('gfx/masque.png') repeat-x left bottom;
    transition: ease-in-out all .2s;
}
.encartreal{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    height: 80px;
    line-height: 80px;
    padding: 0 0 0 44px;
}
.encartreal h4{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}
.encartreal h4 span{ font-weight: 400; text-transform: none; }
.swiperreal .swiper-slide a:hover::after{ opacity: .5; transition: ease-in-out all .2s; }
.swiperreal .swiper-slide a:hover h4{ text-shadow: 0px 2px 6px black; }
.realisations-home .btn-blanc{ margin: 0 60px 0 0;  }
.realisations-home .btn-orange{ margin: 0 0 20px 60px; }
.swiperreal-button-prev, 
.swiperreal-button-next{
    width: 58px;
    height: 58px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -3000px;
    background: #fff url('gfx/fleche-orange.svg') no-repeat center / 18px;
    box-shadow: 10px 6px 12px rgba(185,135,115, .35);
}
.swiperreal-button-prev{ 
    transform: scale(-1, 1); 
    left: auto;
    right: 30%; 
    top: 46%;
}
.swiperreal-button-next{ 
    right: 30%; 
    top: 35%;
}
.overavis{
    left: 36.25%;
    top: 32%;
    z-index: 2;
    width: 27.5%;
}
.avis-home{ margin: 140px 0 150px 0; }
.avis-home .titre2.big { letter-spacing: .3rem; }
.avis-home .titre2.big span{ width: 90%;; }
.avis-home .alignleft .btn-orange{ margin: 0 0 20px 10%; }
.avis-home .alignright .btn-blanc{ margin-bottom: -30px; position: relative; z-index: 3; }
.row.troisavis{ height: 100%; background: transparent url('gfx/garanti-immodvisor.png') no-repeat center bottom; }
.troisavis .marginneg{ margin-left: -10%; width: 110%; }
.troisavis .marginneg .pave-avis{
    width: 30%;
    background: white;
    position: relative;
    z-index: 3;
    margin-right: 3.33333%;
    box-shadow: 6px 6px 12px rgba(185, 135, 115, .35);
    min-height: 380px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.troisavis .notesur5{ font-size: 32px; margin: 0; }
.troisavis .nbavis{ margin: 0 0 1rem 0; font-size: 15px; }
img.loadavis{ margin-left: 20%; max-width: 10%; }
.troisavis .marginneg .pave-avis.avisclient{ justify-content: flex-start; flex-flow: row wrap; }
.pave-avis.avisclient p.avis-titre{ font-size: 18px; line-height: 24px; margin: 0 0; }
.pave-avis.avisclient p.avis-date{ font-size: 14px; line-height: 24px; margin: 0 0; }
.pave-avis.avisclient p.avis-etape{ font-size: 14px; line-height: 24px; margin: 0 0; }
.pave-avis.avisclient p.avis-commentaire{ font-size: 15px; line-height: 20px; margin: .5rem 0; color:#3d3d3d; }
.pave-avis.avisclient p.avis-signature{ font-size: 15px; line-height: 20px; margin: .5rem 0; }
.notes{
    background: transparent url('gfx/etoile-vide.png') repeat-x left top;
    height: 17px;
    width: 115px;
    margin: .5rem auto 1rem auto;
}
.innotes{
    background: transparent url('gfx/etoile-pleine.png') repeat-x left top;
    height: 17px;
    max-width: 115px;
    margin: 0;
}
.actus-conseils{
    background:#fbefea;
    padding: 74px 0 0 0;
    margin: 120px 0;
}
.actus-conseils .mille{ margin-top: 180px; }
.bienconseiller{
    font-size: 120px;
    line-height: 80px;
    position: relative;
    margin: 0 0 54px 6%;
    z-index: 10;
}
.bienconseiller span{
    position: absolute;
    left: 9%;
    top: 50%;
    display: inline-block;
    color: black;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: .3rem;
}
.actu-home{
    position: relative;
    border: 1px solid #e16e42;
    border-left: 0px;
    width: 50%;
    margin: -90px 0 0 0;
    z-index: 2;
    padding: 80px 24.9999999% 66px 16.6666666%;
}
.actu-home img{ border-bottom-right-radius: 30px; opacity: .4; transition: ease-in-out all .1s; }
.actu-home h3{ line-height: 48px; font-size: 40px; font-weight: 500; text-transform: none; transition: ease-in-out all .1s; }
.actu-home p{ line-height: 20px; font-size: 14px; margin: 1rem 0; width: 80%; }
.actu-home a.article{
    display: block;
    position: relative;
}
.actu-home a.article::after{
    content: " ";
    width: 42px;
    height: 42px;
    position: absolute;
    right: -50px;
    top: 30%;
    z-index: 2;
    background: transparent url(gfx/fleche-orange.svg) no-repeat 0 / 100%;
    transition: ease-in-out all .2s;
}
.actu-home a.btn-blanc{
    background-color:#fbefea;
    position: absolute;
    left: 15%;
    bottom: -26px;
}
.actu-home a:hover img{ opacity: 1; transition: ease-in-out all .1s; }
.actu-home a:hover{ text-decoration: none; }
.actu-home a:hover h3{ color:#e16e42; transition: ease-in-out all .1s; }
.actu-home a.article:hover::after{ right: -64px; transition: ease-in-out all .2s; }
a.home-conseil{ padding: 0 0 40px 0; position: relative; display: block; }
a.home-conseil:hover{ text-decoration: none; }
a.home-conseil img{ border-bottom-right-radius: 30px; margin-bottom: 1rem; }
a.home-conseil h4{ font-size: 18px; line-height: 24px; font-weight: 500; }
a.home-conseil:hover h4{ color:#e16e42; transition: ease-in-out all .1s;  }
a.home-conseil p{ font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom: 0; }
a.home-conseil::after{
    content: " ";
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0px;
    bottom:0;
    z-index: 2;
    background: transparent url(gfx/fleche-orange.svg) no-repeat 0 / 100%;
    transition: ease-in-out all .2s;
}
.swiperconseils-button-prev,
.swiperconseils-button-next, 
.swiperannonces-button-prev,
.swiperannonces-button-next, 
.swiperplan-prev, 
.swiperplan-next{
    width: 58px;
    height: 58px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -3000px;
    background: #fff url(gfx/fleche-orange.svg) no-repeat center / 18px;
    box-shadow: 4px 4px 12px rgba(185, 135, 115, .35);
}
.swiperconseils-button-next, 
.swiperannonces-button-next, 
.swiperplan-next {
    background: #e16e42 url(gfx/fleche-blanche.svg) no-repeat center / 18px;
    right: -7.5%;
    top: 35%;
}
.swiperconseils-button-prev, 
.swiperannonces-button-prev, 
.swiperplan-prev{
    transform: scale(-1, 1);
    left: auto;
    right: -7.5%;
    top: 51%;
    box-shadow: -4px 4px 12px rgba(185, 135, 115, .35);
}
.actus-conseils .btn-orange{ margin-top: 20px; }
.photomontage{
    text-align: right;
}
.photomontage .passion1{
    margin: 0 2% 0 auto;
    max-width: 52%;
}
.photomontage .passion2{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 142px;
    opacity: .55;
}
.photomontage .passion3{
    background-color:#fbefea;
    position: absolute;
    z-index: 3;
    left: 35%;
    bottom: -30px;
}
.photomontage .passion3 img{ opacity: .55; }
.photomontage h2{
    position: absolute;
    z-index: 4;
    left: 14%;
    top: 92px;
    width: 50%;
}
.photomontage h2 .h2passion{
    display: block;
    background: white;
    line-height: 50px;
    font-size: 24px;
    letter-spacing: .2rem;
    width: 88%;
    padding: 0 5% 0 0;
}
.photomontage h2 .h2maison{
    display: block;
    background: #fbefea;
    line-height: 84px;
    font-size: 60px;
    letter-spacing: .2rem;
    width: max-content;
    padding: 0 6%;
    margin-left: 30%;
}
.actus-conseils .presentation{ position: relative; }
.actus-conseils .presentation img{ margin: 50px 0 20px 0; }
.actus-conseils  .presentation h1{ 
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .17rem;
    font-weight: 300;
    margin: 0 0 1.5rem 0;
 }
.actus-conseils  .presentation h1 span{
    font-family: 'Dageland';
    font-size: 30px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}
.actus-conseils  .presentation p{ font-size: 15px; line-height: 24px; }
.actus-conseils .presentation .btn-orange{ position: absolute; left: 0; bottom: -24px; }
.row.stretch{ align-items: stretch; }
.swiperannonces{ margin-top: 80px; padding: 12px;  }
.swiperannonces-button-prev, .swiperannonces-button-next{ right: -15%; }
.swiperannonces a.relative{
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    box-shadow: 6px 6px 12px rgba(185, 135, 115, .35);
    background: white;
}
.swiperannonces a.relative .encartterrain{
    padding: 20px;
    width: calc(100% - 40px);
}
.swiperannonces a.relative .encartterrain h3 > span{ display: block; width: 100% }
.swiperannonces a.relative .encartterrain h3 span.grey{ font-size: 14px; line-height: 18px; }
.swiperannonces a.relative .encartterrain h3 span.orange{ font-size: 22px; line-height: 26px; }
.swiperannonces a.relative .encartterrain h3 span.black{ font-size: 16px; line-height: 26px; margin: .5rem 0 0 0; }
.btn-fleche.blanc{ background-color: white; background-size: 24px; float: right; width: 34px; height: 34px; }
.btn-fleche.blanc:hover{ background-color: #e16e42 }
.swiperannonces a.relative:hover{ text-decoration: none; }
.swiperannonces a.relative:hover .btn-fleche.blanc{ background: #e16e42 url(gfx/fleche-blanche.svg) no-repeat center / 24px; }
.row.bottom{ align-items:flex-end; }
/*FAQ*/
.faq h2{ position: relative; margin: 0 0 54px 12%; }
.faq h2 .faq-reponses{
    font-size: 120px;
    line-height: 60px;
    position: relative;
    z-index: 10;
    font-weight: 900;
    color:#fbe9e1;
}
.faq h2 .faq-questions{
    position: absolute;
    z-index: 11;
    left: 9%;
    top: 45%;
    display: inline-block;
    color: black;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: .3rem;
}
.btn-rose{
    display: inline-block;
    background: #fbefea url(gfx/fleche-ronde-orange.svg) no-repeat 92% center / 20px;
    color: #e16e42;
    line-height: 56px;
    border: 1px solid #e16e42;
    border-radius: 29px;
    padding: 0 56px 0 32px;
    font-size: 14px;
    font-weight: 600;
    transition: ease-in-out all .2s;
}
.btn-rose:hover {
    background: #fff url(gfx/fleche-ronde-noir.svg) no-repeat 92% center / 20px;
    color: #000;
    border-color: #000;
    text-decoration: none;
    transition: ease-in-out all .1s;
}
.faq-question .faq-a{ 
    height: 0; 
    overflow: hidden; 
    opacity: 0; 
    transition: ease-in-out all .2s; 
    padding-bottom: 0px;
}
.faq-question div.show .faq-a{ 
    height: auto; 
    padding-bottom: 26px;
    opacity: 1; 
    transition: ease-in-out all .2s; 
}
.faq-question > *{ font-size: 16px; line-height: 24px; }
.faq-q{ 
    font-weight: 500; 
    cursor: pointer; 
    padding: 10px 114px 10px 0;
    position: relative;
}
.faq-q::after{
    content: " ";
    background: transparent url('gfx/fleche-orange.svg') no-repeat center / 14px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #e16e42;
    transition: ease-in-out all .2s; 
}
.faq-q.show::after{ transform: rotate(90deg); transition: ease-in-out all .2s; }
.faq-a{ font-style: italic; }
.faq-question{ margin: 0 0 26px 0; border-bottom: 1px solid #e9bfae; }
.faq .btn-rose{ margin-top: 1.5rem; }
/*taxo*/
.bandeaupages{ margin: 0 0 100px 0; }
.bandeaupages .span-14.relative::before{
    content: " ";
    background:#f3e8e3;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.bandeaupages .span-14.relative > *{
    position: relative;
    z-index: 2;
}
.bandeau-marge{
    padding: 54px 20% 74px 20%;
}
.bandeaupages .bread, 
.bandeaupages .bread a, 
.bandeaupages .bread span, 
.bread a, 
.bread span{
    color:#9b7a6a;
    text-transform: uppercase;
    font-size: 11px;
}
.bandeaupages h1{
    margin: 1rem auto 2rem auto;
    color:#e16e42;
    font-size: 32px;
    letter-spacing: .5rem;
    text-transform: uppercase;
    font-weight: 500;
}
.bandeaupages .arch-desc p{
    font-size: 15px; 
    line-height: 24px;
    margin: 0 0;
}
.conseil-marge{
    padding: 0 28px 88px 0;
    position: relative;
}
.conseil-marge a.home-conseil{ height: 100%; }
.conseil-marge a.home-conseil h4{ font-size: 20px; line-height: 24px; margin-top: 40px; }
.conseil-marge a.home-conseil p { font-size: 15px; margin: 1rem 0 0 0; }
.conseil-marge a.home-conseil::after{ width: 30px; height: 30px; position: absolute; bottom: 30px; right: 0; }
.conseil-marge a.home-conseil:hover::after{ transform: rotate(90deg); }
.encart-agence .conseil-marge .inside-conseil{
    background:#fbefea url('gfx/fond-encart-agences.jpg') no-repeat center bottom / contain;
    height: 100%;
    padding: 0 15%;
    text-align: center;
    display: flex;
    flex-flow: column wrap;
}
.encart-agence .conseil-marge{
    padding-bottom: 98px;
}
.encart-agence .conseil-marge h2{
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #e16e42;
    margin: 3rem 0 1rem 0;
}
.encart-agence .conseil-marge p{
    font-size: 15px;
    line-height: 20px;
    margin: 1rem 0 2rem 0;
}
.nav-links{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 1rem auto;
}
.nav-links span, .nav-links a.page-numbers{
    font-size: 20px;
    margin: 0 1rem;
    color:#818181;
}
.nav-links a.page-numbers:hover{
    text-decoration: none;
    color: #000;
}
.nav-links span{
    font-weight: 700;
    color: #e16e42;
}
.nav-links a.page-numbers.next, 
.nav-links a.page-numbers.prev{
    width: 44px;
    height: 44px;
    display: flex;
    border-radius: 100%;
    background:#e16e42 url('gfx/fleche-blanche.svg') no-repeat center / 14px;
    text-indent: -3000px;
    overflow: hidden;
    transition: ease-in-out all .1s;
}
.nav-links a.page-numbers.next{ margin: 0 0 0 3rem; }
.nav-links a.page-numbers.prev{ margin: 0 3rem 0 0; transform: rotate(180deg); }
.nav-links a.page-numbers.prev:hover, .nav-links a.page-numbers.next:hover{
    background:#fbece7 url('gfx/fleche-orange.svg') no-repeat center / 14px;
    transition: ease-in-out all .1s;
}
.footer-contact{ margin: 60px 0 0 0; }
.footer-contact .span-12 > *, 
.footer-etude .span-14 > *{ position: relative; z-index: 2; }
.footer-contact .span-12, 
.footer-etude .span-14{ padding: 74px 0 56px 0; }
.footer-contact .span-12::before, 
.footer-etude .span-14::before{
    content: " ";
    background:#fbefea url('gfx/chaise.jpg') no-repeat left bottom;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.btn-rappel{
    display: block;
    width: max-content;
    line-height: 56px;
    border-radius: 28px;
    padding: 0 48px 0 66px;
    background-color: transparent;
    border: 1px solid #e16e42;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: black;
    background: transparent url(gfx/tel-noir.svg) no-repeat 20% center / 14px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    transition: ease-in-out all 0.1s;
    cursor: pointer;
}
.btn-rappel:hover{
    text-decoration: none;
    background-color: #e16e42;
    background-image: url(gfx/tel-blanc.svg);
    color: white;
    transition: ease-in-out all 0.1s;
}
.footer-contact h2{
    font-size: 26px;
    font-weight: 600;
    line-height: 50px;
    margin: 0 0 42px 0;
}
.footer-contact h2 span{ font-size: 56px; font-weight: 400;  margin-left: 1rem;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"],
.wpcf7 input[type="number"], .wpcf7 input[type="date"], .wpcf7 select, .wpcf7 textarea{
    border: 1px solid #faccb9;
    border-radius: 30px;
    line-height: 36px;
    padding: 10px 1rem;
    margin: 0 0 10px 0;
    font-size: 16px;
    color: black;
}
select{ width: 100%; }
.wpcf7 textarea{ line-height: 24px; }
.wpcf7 .fdpink.relative { padding: 10px 0 20px 0; }
.wpcf7 .fdpink.relative > *{ position: relative; z-index: 2; }
.wpcf7 .fdpink.relative::before{ 
    content: " ";
    position: absolute; 
    z-index: 1;
    background:#fae1d7;
    left: -25%;
    top: 0;
    right: -10%;
    bottom: 0;
    border-radius: 30px;
 }
.wpcf7 .spannomargin-11.relative > *{ position: relative; z-index: 3; }
.wpcf7 .spannomargin-11.relative textarea{ margin-top: 30px; padding: 1rem; }
.wpcf7 input[type="text"]::placeholder, .wpcf7 input[type="email"]::placeholder, .wpcf7 input[type="tel"]::placeholder,
.wpcf7 input[type="number"]::placeholder, .wpcf7 input[type="date"]::placeholder, .wpcf7 textarea::placeholder{
    color: black;
}
.wpcf7 textarea::placeholder{ font-style: italic; }
.wpcf7 .fdpink p.bold.italique{ font-size: 14px; }
.wpcf7-form-control.wpcf7-acceptance 
.wpcf7-list-item-label, 
p.formcgv, 
p.formcgv a, 
.wpcf7-form-control.wpcf7-acceptance 
.wpcf7-list-item-label a, 
.maskpop .inpop p.formcgv{
    font-size: 13px; color: #6f6f6f; font-style: italic; line-height: 16px;
}
p.formcgv a{ text-decoration: underline; }
.wpcf7-list-item{ line-height: 16px; margin-left: 1rem; }
.wpcf7 input[type="checkbox"]{ margin: 0 .5rem 0 0; }
p.formcgv{ margin: 0 0 0 1em; }
.wpcf7 input[type="submit"]{
    display: inline-block;
    width: max-content;
    background: #e16e42 url(gfx/fleche-ronde-blanche.svg) no-repeat 80% center / 20px;
    line-height: 56px;
    border: 1px solid #e16e42;
    border-radius: 29px;
    padding: 0 70px 0 38px;
    margin: 1rem auto 0 auto;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    transition: ease-in-out all .2s;
}
.wpcf7 input[type="submit"]:hover {
    background: #000 url(gfx/fleche-ronde-blanche.svg) no-repeat 80% center / 20px;
    color: #fff;
    border: 1px solid #000;
    text-decoration: none;
    transition: ease-in-out all .1s;
}
.row.acceptances{ position: relative; }
.wpcf7 .wpcf7-spinner{ position: absolute; bottom: 0; right: 0; }
/*realisations*/
.encart-agence.encart-surmesure .inside-conseil{
    background-image:url('gfx/fond-encart-surmesure.jpg');
    background-color:#f3e8e3;
    padding-bottom: 120px;
    min-height: 300px;
    height: auto;
}
.encart-agence.encart-surmesure .conseil-marge h2 span{ font-size: 36px; }
.encart-agence.encart-surmesure .conseil-marge{ padding: 0 6px 0 6px; }
.realisations .encartreal{
    background: white;
    margin: 0;
    padding: 0;
    left: 72px;
    right: 72px;
    min-height: 130px;
    height: auto;
    line-height:normal;
    box-shadow: -10px -6px 12px rgba(185, 135, 115, .25);
}
.realisations .encartreal::after{
    content: " ";
    display: block;
    position: absolute;
    bottom: 32px;
    right: 24px;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    overflow: hidden;
    background: #e16e42 url(gfx/fleche-blanche.svg) no-repeat center / 14px;
    transition: ease-in-out all .1s;
}
.realisations article a.relative{ display: flex; padding: 0 44px 110px 44px; margin-bottom: 90px; }
.realisations .encartreal h3{
    text-align: center;
    padding: 10px 0 0 0;
}
.realisations .encartreal h3 span.italique{ font-size: 15px; }
.realisations .encartreal h3 span{ font-size: 28px; }
.realisations article a:hover .encartreal::after{
    background-color: black;
    transition: ease-in-out all .1s;
}
.navigation.pagination{ margin-bottom: 40px; }
/*recherche*/
.searchpages select, .searchpages input[type="submit"]{ width: max-content; }
.searchpages select{
    line-height: 56px;
    padding: 0 36px 0 24px;
    background:#f3e8e3 url('gfx/select.png') no-repeat 90% center;
    border-radius: 28px;
    border: 0px;
    margin: 0 10px;
    font-size: 15px;
    font-weight: 600;
    max-width: 240px;
}
.searchpages input[type="text"]{
    line-height: 56px;
    padding: 0 24px;
    background:#f3e8e3;
    border-radius: 28px;
    border: 0px;
    margin: 0 10px;
    font-size: 15px;
    font-weight: 600;
    width: max-content;
}
.searchpages input[type="text"]::placeholder{ color: black; }
.searchpages label{
    font-size: 15px;
    font-weight: 600;
    line-height: 56px;
    margin: 0 10px;
}
.searchpages input[type="submit"]{
    line-height: 56px;
    padding: 0 1rem;
    background:#ffff url('gfx/loupe-orange.svg') no-repeat 90% center / 20px;
    color:#e16e42;
    border-radius: 28px;
    border: 1px solid #e16e42;
    margin: 0 10px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 80px 0 50px;
}
.searchpages input[type="submit"]:hover{
    border-color: black;
    color: black;
    background-image: url('gfx/loupe-noir.svg');
}
.row.searchpages{
    background: white;
    box-shadow: 4px 6px 14px rgba(185, 135, 115, .25);
    padding: 20px 0;
    justify-content: center;
    border-radius: 50px;
    margin: -46px 0 80px 0;
    position: relative;
    z-index: 5;
}
.avecrecherche .bandeaupages{ margin-bottom: 0; }
.avecrecherche .bandeau-marge{ padding-bottom: 104px; }

/*modeles*/
.modeles .bandeaupages h1{ 
    line-height: 70px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 0 0 2rem 0;
}
.modeles .bandeaupages h1 span.black{
    color:#000000;
    font-size: 22px;
    letter-spacing: .3rem;
    line-height: 20px;
    margin: 30px 1rem 0 0;
    font-weight: 300;
    display: inline-block;
}
.modeles .bandeaupages h1 span.dageland{ 
    text-transform: none;
    color:#e16e42;
    font-size: 70px;
    letter-spacing: 0;
    line-height: 40px;
    display: inline-block;
}
.modeles .row.searchpages{ width: max-content; margin: -46px auto 80px auto; padding: 20px 10px;}
.modeles.realisations article a.relative{ padding: 0 32px 80px 0; margin-bottom: 110px; }
.modeles.realisations .encartreal{ min-height: 100px; left: 34px; right: 66px; }
.modeles.realisations .encartreal h3{ padding-right: 50px; padding-top: 16px; }
.modeles .encart-agence.encart-surmesure .conseil-marge{
    padding: 0 32px 0 0;
    margin: -40px 0 70px 0;
}
.encart-agence.encart-surmesure .conseil-marge .btn-orange{ width: max-content; margin: 0 auto; }
/*annonces*/
.annonces.realisations .encartreal h3{
    text-align: left;
    padding: 24px 24px 0 24px;
}
.annonces.realisations a.relative .encartreal h3 > span {
    display: block;
    width: 100%;
}
.annonces.realisations a.relative .encartreal h3 span.grey {
    font-size: 14px;
    line-height: 18px;
}
.annonces.realisations a.relative .encartreal h3 span.orange {
    font-size: 22px;
    line-height: 26px;
}
.annonces.realisations a.relative .encartreal h3 span.black {
    font-size: 16px;
    line-height: 26px;
    margin: .5rem 0 0 0;
}
.annonces.realisations a.relative .encartreal h3 span.black span{
    font-size: 16px;
    line-height: 26px;
}
.annonces.realisations article a.relative{ padding: 0 32px 80px 0; margin-bottom: 110px; }
.encart-agence.encart-conseiller .inside-conseil{
    min-height: 300px;
    background: #fbefea url('gfx/fond-encart-conseiller.jpg') no-repeat center bottom / contain;
    padding-bottom: 120px;
    height: auto;
}
.encart-agence.encart-conseiller .inside-conseil .btn-orange{ width: max-content; margin: 0 auto; }
.encart-agence.encart-conseiller .conseil-marge {
    padding: 0 32px 0 0;
    margin: -40px 0 70px 0;
}
.realisations.annonces.avecrecherche .footer-contact{ margin-bottom: 80px; }
.annonces.realisations .encartreal.terrainmaison span.surfmaison{ 
    padding-left: 44px; 
    background: transparent url('gfx/surfmaison.svg') no-repeat left center / 30px; 
    line-height: 28px;
    margin-right: 34px;
    font-size: 16px;
}
.annonces.realisations .encartreal.terrainmaison span.surfterrain{ 
    padding-left: 44px; 
    background: transparent url('gfx/surfterrain.svg') no-repeat left center / 34px; 
    line-height: 28px;
    font-size: 16px;
}
.annonces.realisations .encartreal.terrainmaison h3{ }
.annonces.realisations .encartreal.terrainmaison span.black.bold{ font-size: 20px; margin: 0 0 6px 0; }
sup{ font-size: 70%; vertical-align: super; }
.annonces.realisations a.relative .encartreal.terrainmaison h3 span.orange{ font-size: 18px; margin-top: 6px; }
.annonces.realisations.terrainmaison article a.relative {
    padding: 0 32px 110px 0;
    margin-bottom: 110px;
}
.annonces.realisations a.relative .encartreal.terrainmaison{ left: 32px; right: 66px; }
#loadAjax, #loadAjax2{ position: absolute; bottom: 0; right: 0; }
.annonces.realisations a.relative .encartreal.terrainmaison::after{ bottom: 40px; }
/*plans*/
.realisations.plans article a.relative{
    padding: 0 32px 110px 0;
    margin-bottom: 90px;
}
.realisations .encartreal.plans{ left: 30px; right: 62px; }
.realisations .encartreal.plans h3{
    padding: 10px 30px 0 30px;
    text-align: left;
}
.realisations .encartreal.plans h3 span.orange{ 
    font-size: 20px; 
    font-weight: 600; 
    margin-bottom: 6px; 
    display: inline-block;
}
.realisations.plans .encartreal.plans span.surfmaison {
    padding-left: 44px;
    background: transparent url('gfx/surfmaison.svg') no-repeat left center / 30px;
    line-height: 28px;
    margin-right: 34px;
    font-size: 14px;
}
.realisations.plans .encartreal.plans span.nbchambres{
    padding-left: 44px;
    background: transparent url('gfx/chambre.svg') no-repeat left center / 28px;
    line-height: 28px;
    margin-right: 34px;
    font-size: 14px;
}
.realisations.plans .encartreal.plans span.suite{
    padding-left: 44px;
    background: transparent url('gfx/suite-parentale.svg') no-repeat left center / 34px;
    line-height: 28px;
    margin-right: 34px;
    font-size: 14px;
}
.realisations.plans .encartreal.plans span.garage{
    padding-left: 44px;
    background: transparent url('gfx/garage.svg') no-repeat left center / 24px;
    line-height: 28px;
    margin-right: 34px;
    font-size: 14px;
}
.realisations.plans .encartreal.plans span.piece_complementaire{
    padding-left: 36px;
    background: transparent url('gfx/piece-supp.svg') no-repeat left center / 22px;
    line-height: 28px;
    margin-right: 34px;
    font-size: 14px;
}
.realisations.plans .encartreal.plans::after{ bottom: 48px; }

/*agences*/
.bandeaupages{ align-items: stretch; }
.bandeaupages .span-12.relative::before, 
.bandeaupages .span-1.withbg::before{
    content: " ";
    background: #f3e8e3;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.bandeaupages .span-12.relative>*{ position: relative; z-index: 2; }
.acf-map.listeagences{ height: 560px; border: 0px; margin-top: 0px; margin-bottom: -140px; }
.agences.avecrecherche .bandeaupages{ margin-bottom: 230px; }
.agences.avecrecherche .bandeaupages .span-12.relative{ padding-top: 70px; }
.agences.avecrecherche .row.searchpages{ margin: 0 auto; }
#searchagence{ position: absolute; bottom: -40px; right: 0; width: 33.33%; }
#searchagence .searchpages select{ width: 100%; margin: 0 20px; max-width: 340px; }
.agences .encartreal h3 span.italique{ display: inline-block; width: 100%; }
.agences .encartreal h3 span.telephone{
    padding-left: 20px;
    position: relative;
}
.agences .encartreal h3 span.telephone::before{
    content: " ";
    background: transparent url('gfx/tel-noir.svg') no-repeat 0 0 / 10px;
    width: 14px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-15deg);
}
.realisations.agences .encartreal.plans h3{ line-height: 24px; padding-top: 16px; }

/*contact*/
.bgorange{ background-color:#f3e8e3; }
.pagecontact .bgorange{ padding: 120px 0 42px 0; }
.pagecontact .spannomargin-10.relative .row.relative{ margin-bottom: 34px; }
.pagecontact .bgorange h3{ margin-bottom: 10px; margin-top: -30px; text-align: center; }
.pagecontact .bgorange h3 .h2passion{ font-size: 17px; letter-spacing: .25rem; }
.pagecontact .bgorange h3 .h2maison{ font-size: 30px; }
.pagecontact .btn-rappel{ margin: 0 0 0 2rem; }
.mrgbtcontact{ margin: 3rem auto 4rem auto; }
.pagecontact p.ecriveznous{ margin: 0 0 1rem 0; font-size: 18px; font-weight: 600; }
.pagecontact .wpcf7 .fdpink.relative::before{ background:#eed4c8; }

/*conseil*/
.bandeaupages .zone-texte h1{
    color: black;
    letter-spacing: 0;
    text-transform: none;
}
.form-orange{
    background-color:#e16e42;
    border-radius: 10px;
    padding: 40px 28px 10px 28px;
}
.form-orange h3{ color: white; font-size: 28px; font-weight: 600; line-height: 34px; margin-bottom: 2rem; }
.form-orange h3 span{ font-size: 24px; font-weight: 400; }
.form-orange .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, 
.form-orange p.formcgv, 
.form-orange p.italique, 
.form-orange p.formcgv a
{ color: #eed4c8; font-size: 13px; line-height: 16px; }
.form-orange .wpcf7 label, 
.form-orange .wpcf7-list-item{ line-height: 16px; }
.form-orange .wpcf7 input[type="submit"]{
    background-color: black;
    padding: 0;
    background-position: 70% center;
    width: 100%;
    border: 1px solid black;
}
.form-orange .wpcf7 input[type="submit"]:hover{
    background-color:#fff;
    color: black;
    border-color: white;
    background-image: url('gfx/fleche-ronde-noir.svg');
}
.labeldpt{ color: white; text-align: center; width: 100%; display: inline-block; }
.labeldpt .wpcf7-form-control-wrap{ margin-top: 5px; width: 100%; display: inline-block; }
.btn-yak{
    display: inline-block;
    background: #f6c846 url(gfx/fleche-ronde-noir.svg) no-repeat 92% center / 20px;
    line-height: 56px;
    border: 1px solid #f6c846;
    border-radius: 29px;
    padding: 0 56px 0 32px;
    font-size: 14px;
    color: black;
    font-weight: 600;
    transition: ease-in-out all .2s;
}
.btn-yak:hover{ background-color: white; text-decoration: none; }
.bgyak{ background-color:#f8f4e2; padding-top: 28px; }
.encart-yak h3{
    font-size: 20px;
    padding: 3rem 0 1rem 0;
    position: relative;
}
.encart-yak h3::before{
    content: " ";
    width: 54px;
    height: 46px;
    background: transparent url('gfx/yak_2.png') no-repeat 0 0;
    position: absolute;
    left: -3%;
    top: -44px;
}
.encart-yak p{
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 2rem 0;
}
.encart-yak img.yak1{ margin-bottom: -48px; margin-left: 13%; max-width: 80%; }
.encart-yak img.yak3{ margin: 5rem 0 1rem 12%; max-width: 70%; }
#single .actus-conseils{ padding-bottom: 120px; }
.en-resume{
    border: 1px solid #e16e42;
    margin: 70px 0;
    padding: 40px 60px 60px 60px;
    text-align: center;
    position: relative;
}
main article .zone-texte h2.resume-titre{
    font-size: 40px;
    line-height: 48px;
    font-weight: 400;
    margin: 0 0 2rem 0;
    padding: 0;
    
}
main article .zone-texte h2.resume-titre::after{ display: none; }
.en-resume::after{
    content: " ";
    width: 152px;
    height: 24px;
    background: transparent url('gfx/trait.png') no-repeat center;
    position: absolute;
    bottom: -16px;
    left: calc(50% - 76px);
}
.btn-retour{
    display: inline-block;
    background: transparent;
    color: #e16e42;
    line-height: 38px;
    border: 1px solid #e16e42;
    border-radius: 29px;
    padding: 0 20px 0 44px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    transition: ease-in-out all .2s;
    cursor: pointer;
}
.btn-retour::before{
    content: " ";
    background: transparent url(gfx/fleche-ronde-orange.svg) no-repeat 0 0 / 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 9px;
    top: 9px;
    transform: scale(-1,1);
}
.btn-retour:hover{
    background-color: white;
    transition: ease-in-out all .2s;
}
.bandeaupages .bgorange{ padding-top: 60px; }
.bandeaupages .bgorange img.flex{ margin: 28px 0 -28px 0; }
.bandeaupages .bgorange p.bread{ margin-top: 70px; }
.bandeaupages .bgorange .zone-texte{ padding-bottom: 40px; }

/*zone texte*/
.zone-texte p{
    font-size: 15px;
    line-height: 24px;
}
.zone-texte h1{ font-size: 30px; margin: 0 0 2rem 0; }
.zone-texte a{ position: relative; display: inline-block;  }
.zone-texte a::after{
    content: " ";
    background-color:#f3e8e3;
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    bottom: -10%;
    z-index: 1;
    mix-blend-mode: multiply;
}
.bandeaupages .zone-texte a::after{ background-color:#efd0c2; }
.zone-texte a:hover{ text-decoration: none; }
.zone-texte a:hover::after, 
.bandeaupages .zone-texte a:hover::after{ background-color:#f4aa8e; }
main article .zone-texte h2{
    color: #e16e42;
    font-size: 24px;
    font-weight: 700;
    padding: 0 0 24px 0;
    margin: 1rem 0 20px 0;
    position: relative;
}
main article .zone-texte h2::after{
    content: " ";
    position: absolute;
    width: 15%;
    height: 1px;
    background-color: #e16e42;
    bottom: 0;
    left: 0;
}
main article .zone-texte h3{
    color: #000;
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 24px 0;
    margin: 1rem 0 20px 0;
    position: relative;
}
main article .zone-texte h3::after{
    content: " ";
    position: absolute;
    width: 15%;
    height: 1px;
    background-color: #000;
    bottom: 0;
    left: 0;
}
.zone-texte ul li{
    font-size: 15px;
    line-height: 26px;
    list-style-type: none;
    margin: 0 0 0 .5rem;
    padding: 5px 0 5px 2rem;
    background: transparent url('gfx/fleche-ronde-orange.svg') no-repeat 0 12px / 16px;
}
.zone-texte .outimg{
    position: relative;
    margin: 60px 0 120px 120px;
    width: max-content;
    max-width: calc(100% - 120px);
}
.zone-texte .outimg::before{
    content: " ";
    position: absolute;
    left: -120px;
    top: 60px;
    width: 100%;
    height: 100%;
    background:#fbefea;
}
.zone-texte .outimg img{
    margin: 0;
    display: flex;
    position: relative;
    z-index: 2;
}
.zone-texte ul li ul li{
    font-size: 15px;
    line-height: 28px;
    background: transparent url('gfx/fleche-noir.svg') no-repeat 0 8px / 16px;
}
.zone-texte ul li ul{ margin: 0; }
.wp-caption{ position: relative; width: 100%!important; }
p.wp-caption-text{
    position: absolute;
    bottom: -38px;
    left: 120px;
    color:#e16e42;
    font-style: italic;
}
/*notre histoire*/
.chiffresalpha{ margin: 54px auto 82px auto; }
.chiffresalpha p{ font-size: 34px; line-height: 28px; }
.chiffresalpha p span{ font-size: 18px; display: inline-block; width: 100%; line-height: 24px; }
.encart-histoire h3{ font-size: 30px; font-weight: 300; letter-spacing: .5rem; line-height: 42px; }
.encart-histoire h3 span{ letter-spacing: 0; font-size: 42px; display: inline-block; width: 100%; }
.encart-histoire{ margin: 54px auto 82px auto; width: 112.5%; }

/*showroom*/
#single .terrains-home{ margin: 120px 0 60px 0; }
#single .footer-etude{ margin: 90px auto;  }
#single .realisations-home::after{
    content: " ";
    position: absolute;
    top: 0;
    left: 6.25%;
    right: 6.25%;
    bottom: 22px;
    z-index: 1;
    background: transparent;
    border: 1px solid #e16e42;
}
.showroom .inspire{ margin: 0px auto 90px 0; }
.showroom .inspire .btn-rappel, .showroom .inspire .btn-orange{ margin: 0 0 0 2rem; }
.showroom .inspire h3{ font-size: 26px; line-height: 54px; }
.showroom .inspire h3 span{ font-size: 54px; line-height: 54px; }
.showroom .bandeaupages .bgorange img.flex{ margin: 0; }
.showroom .bandeaupages .bgorange{ background: transparent; position: relative; }
.showroom .bandeaupages .bgorange > *{ position: relative; z-index: 3; }
.showroom .bandeaupages .bgorange::after{
    content: " ";
    position: absolute;
    background:#fbefea;
    top: 0;
    left: 0;
    right: 0;
    bottom: 15%;
    z-index: 1;
}
.galerie-mini .swiper-slide{ opacity: .5; }
.galerie-mini .swiper-slide-thumb-active{ opacity: 1; }
.galerie1-prev, .galerie1-next {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -3000px;
    background: #fff url(gfx/fleche-orange.svg) no-repeat center / 18px;
    box-shadow: 10px 6px 12px rgba(185, 135, 115, .35);
}
.galerie1-next {
    right: -29px;
    top: 40%;
}
.galerie1-prev{
    transform: scale(-1, 1);
    left: auto;
    right: -29px;
    top: 51%;
}
.showroom .galerie1{ margin-top: 24px; }
.showroom .bandeaupages .zone-texte h1{
    font-size: 22px;
    line-height: 56px;
    letter-spacing: .5rem;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.showroom .bandeaupages .zone-texte h1 span{
    display: inline-block;
    width: 100%;
    font-size: 42px;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
}
.showroom .bandeaupages .show-adresse p{ 
    font-size: 15px; 
    line-height: 24px;
    padding: 0 0 0 24px;
    background: transparent url('gfx/marker.png') no-repeat 0 4px / 12px;
}
.showroom .bandeaupages .show-adresse a.tel{ margin-left: 24px; }
/*realisation*/
.carac-real{ margin: 0 0 36px 0; }
.carac-real span{
    font-weight: 600;
    padding: 0 0 0 48px;
    display: inline-block;
    width: calc(50% - 48px);
    font-size: 16px;
    line-height: 42px;
    margin: 2px 0;
}
.carac-real span.surfmaison{
    background: transparent url('gfx/surfmaison-orange.svg') no-repeat 0 center / 34px;
}
.carac-real span.nbchambres{
    background: transparent url('gfx/chambre-orange.svg') no-repeat 0 center / 32px;
}
.carac-real span.suite{
    background: transparent url('gfx/suite-parentale-orange.svg') no-repeat 0 center / 38px;
}
.carac-real span.garage{
    background: transparent url('gfx/garage-orange.svg') no-repeat 0 center / 32px;
}
.carac-real span.bureau{
    background: transparent url('gfx/piece-supp-orange.svg') no-repeat 10px center / 22px;
}
.real1 .bgorange{ padding: 110px 0 0 0; }
.real1 .bgorange .in-real1{ margin: 0 0 120px 0; }
.real1 .bgorange{ margin: 0 0 280px 0; }
.real1 .bgorange .in-real2 video{ margin-bottom: -90px; }
.real1 .bgorange h2, .realplan h2{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .4rem;
    line-height: 40px;
    margin-bottom: 60px;
}
.realplan .zone-texte p{ width: 90%; }
.real1 .bgorange h2 span, .realplan h2 span{
    font-family: 'Dageland', sans-serif;
    font-size: 40px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0;
    color:#e16e42;
    display: inline-block;
    width: 100%;
}
.realplan .illusplan img{
    max-width: 138%;
    position: absolute;
    left: 0;
    top: 17.5%;
    z-index: 2;
    box-shadow: 6px 6px 12px rgba(185, 135, 115, .35);
}
.realplan .illusplan .btn-orange{
    position: absolute;
    z-index: 3;
    bottom: 10%;
    left: 43%;
}
.maskpop{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,.8);
    z-index: 99999;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}
.maskpop .inpop{
    background:#fbefea;
    border: 1px solid orange;
    padding: 70px 110px;
    position: relative;
    max-width: 710px;
}
.maskpop .inpop .closepop{
    position: absolute;
    right: 40px;
    top: 40px;
    width: 24px;
    height: 24px;
    padding: 8px;
    background: transparent url('gfx/croix-noir.svg') no-repeat center / 24px;
    cursor: pointer;
    transition: ease-in-out all .2s;
}
.maskpop .inpop .closepop:hover{ transform: rotate(90deg); transition: ease-in-out all .2s; }
.maskpop .inpop h2{
    font-weight: 300;
    font-size: 30px;
    letter-spacing: .5rem;
    text-transform: uppercase;
}
.maskpop .inpop h2 label{ font-size: 30px; }
.maskpop .inpop p{ font-size: 15px; line-height: 24px; margin: 1rem 0; }
.maskpop.hidden{ bottom: 100%; opacity: 0; overflow: hidden; transition: ease-in-out opacity .2s; }
.maskpop.show{ bottom: 0; opacity: 100%; overflow:auto; transition: ease-in-out opacity .2s; }

/*plan*/
.showroom.plan .bandeaupages img.mrgtop{ margin-top: 24px; }
.showroom.plan .bandeaupages .zone-texte h1{
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 30px;
}

/*parrainage*/
.parrainage .wpcf7{ border: 1px solid #e16e42; padding: 70px; }
.parrainage .wpcf7 h3{ color: #e16e42; margin-bottom: 30px; }
.parrainage .wpcf7 input[type="text"],
.parrainage .wpcf7 input[type="email"],
.parrainage .wpcf7 input[type="tel"],
.parrainage .wpcf7 input[type="number"],
.parrainage .wpcf7 textarea{ background-color:#fbefea; border-color: #fbefea; }
.parrainage .spannomargin-24.zone-texte{ margin-bottom: 3rem; }
.parrainage main article .zone-texte h2{
    color: black;
    font-weight: 300;
    letter-spacing: .3rem;
    font-size: 30px;
    text-transform: uppercase;
}
.parrainage main article .zone-texte h2::after{ display:none; }
.parrainage main article .zone-texte h3{ color:#e16e42; }
.parrainage main article .zone-texte h3::after{ background:#e16e42; }
.parrainage .bandeaupages .bgorange .zone-texte br{ display:none }
.parrainage .bandeaupages .bgorange .zone-texte h3{ font-weight: 600; text-align: center; font-size: 30px; }
.parrainage .bandeaupages .bgorange .zone-texte p.orange{ text-align: center; font-size: 30px; margin-bottom: 3rem;}

/*terrain*/
.terrainsmaisons .encartterrain span.surfmaison {
    padding-left: 44px;
    background: transparent url(gfx/surfmaison.svg) no-repeat left center / 30px;
    line-height: 28px;
    margin-right: 34px;
    font-size: 16px;
}
.terrainsmaisons .encartterrain span.surfterrain {
    padding-left: 44px;
    background: transparent url(gfx/surfterrain.svg) no-repeat left center / 34px;
    line-height: 28px;
    font-size: 16px;
}
.terrainsmaisons .swiperannonces a.relative .encartterrain h3 span.black{
    font-size: 20px;
    margin: 0 0 6px 0;
}
.terrainsmaisons .swiperannonces a.relative .encartterrain h3 span.orange {
    font-size: 18px;
    margin-top: 6px;
}
.annonce .mentions-terrain{ font-size: 12px; margin: 2px 0 0 0; }
.annonce.showroom .bandeaupages .zone-texte h1{
    text-transform: none;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0;
}
.annonce .bandeaupages p .surfterrain{
    display: inline-block;
    font-size: 24px;
    line-height: 44px;
    padding: 0 0 0 78px;
    background: transparent url('gfx/decor-orange.svg') no-repeat 0 center / 52px;
}
.annonce .bandeaupages p .surfmaison{
    display: inline-block;
    width: calc(50% - 78px);
    font-size: 24px;
    line-height: 44px;
    padding: 0 0 0 78px;
    background: transparent url('gfx/surfmaison-orange.svg') no-repeat 0 center / 48px;
}
.annonce .bandeaupages p.prix{
    font-size: 30px;
    margin: 1.75rem 0 0 0;
}
.annonce .bandeaupages .bgorange img.flex.mrgtop{ margin-top: 24px; }
.annonce .bandeaupages{ margin-bottom: 60px; }
.annonce.showroom .inspire .btn-orange{ margin: 0 60px; }
.annonce .inspire .phrase-agence{
    font-size: 20px;
}
.annonce .inspire .phrase-agence span.italique{ font-size :16px; }
.annonce .inspire .phrase-agence a.bold{ margin-left: 20px; }
.annonce .descriptif-annonce h2{
    font-size: 30px;
    line-height: 58px;
    letter-spacing: .3rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 3rem 0;
}
.annonce .descriptif-annonce h2 span{
    font-size: 42px;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
}
.annonce .acf-map.listeagences, .annonce .outmap{
    height: 330px;
}
.annonce .acf-map.listeagences{
        box-shadow: 6px 6px 12px rgba(185, 135, 115, .35);
}
.annonce .outmap{ margin: 20px 0 40px 0; }
.annonce .descriptif-annonce{ 
    /*border: 1px solid orange; */
    padding: 0px 0 140px 0; 
    margin:0 0 -134px 0; 
    position: relative; 
    z-index: 5; 
}
.annonce .descriptif-annonce .btn-orange{ margin-top: 2rem; }
.annonce .footer-etude .span-14::before{ background-position: -5.5% bottom; }
.annonce .encart-agence p.contactezagence{ margin-top: 40px; }
.annonce .encart-agence p.contactezagence, 
.annonce .encart-agence p.adresseagence{ font-size: 16px; }
.annonce .encart-agence .annoncea.telagence{ font-size: 20px; }
.annonce .encart-agence { margin-top: 50px; }
.annonce .encart-agence img{ border-radius: 100%; filter:grayscale(100%); }
#single .terrains-home.terrainsmaisons{ margin-bottom: 120px; }
.swip-annonce{ margin-top: 24px; }
.annonce-prev, .annonce-next, .surmesure-prev , .surmesure-next{
    width: 58px;
    height: 58px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -3000px;
    background: #fff url(gfx/fleche-orange.svg) no-repeat center / 18px;
    box-shadow: 10px 6px 12px rgba(185, 135, 115, .35);
}
.annonce-next {
    right: -29px;
    top: 40%;
}
.annonce-prev, .surmesure-prev {
    transform: scale(-1, 1);
    left: auto;
    right: -29px;
    top: 51%;
}
.descriptif-annonce .photo1 img{ display: flex; margin-bottom: 2rem; box-shadow: 10px 6px 12px rgba(185, 135, 115, .35); }
.descriptif-annonce .photo2 img{ display: flex;  box-shadow: 10px 6px 12px rgba(185, 135, 115, .35); }
.annonce p.introannonce{ margin-top: 38px; }

/*agence*/
.agence.annonce.showroom .bandeaupages .zone-texte h1{
    font-size: 30px;
    line-height: 38px;
    font-weight: 500;
    margin-bottom: 20px;
}
.agence.annonce.showroom .bandeaupages .zone-texte h1 i{
    font-size: 24px;
    font-weight: 400;
}
.agence.annonce.showroom .bandeaupages .zone-texte a.tel{ font-size: 30px; margin-bottom: 20px; }
.agence.annonce.showroom .bandeaupages .zone-texte a.tel::after{ display: none; }
.agence.annonce.showroom .bandeaupages .zone-texte p.adresse{ 
    padding-left: 22px;
    background: transparent url(gfx/agence.png) no-repeat 0 6px;
    margin:0;
}
.agence.annonce.showroom .bandeaupages .zone-texte p.horaire{
    padding-left: 22px;
    background: transparent url(gfx/horaire.png) no-repeat 0 6px;
    margin: 0;
}
.agence.annonce.showroom .introannonce{ font-style: italic; }
.showroom.agence .bandeaupages .bgorange > *{ padding-bottom: 0; }
.showroom.agence .bandeaupages .bgorange::after{ bottom: 5%; }
.showroom.agence .bandeaupages .row.btns{ bottom: 0; left: 0; padding: 0; position: absolute; }
.showroom.agence .bandeaupages .row.btns .btn-contact{ padding: 0 46px 0 72px; width: max-content; line-height: 56px; }
.showroom.agence .bandeaupages .row.btns .btn-rdv{ width: max-content; padding: 0 36px 0 72px; border: 1px solid #e16e42; }
.showroom.agence .bandeaupages .row.btns .btn-rdv:hover{ border-color: black; }
.descriptif-agence h2{
    font-size: 30px;
    font-weight: 300;
    letter-spacing: .25rem;
    line-height: 50px;
    text-transform: uppercase; 
    margin-bottom: 30px;
}
.descriptif-agence h2 span{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none; 
}
.descriptif-agence{ margin: 120px 0 0 0; }
.descriptif-agence .annonce-prev{ top: 58%; }
/* modele maison*/
.showroom.modele .bandeaupages .zone-texte h1{ margin-top: 14px; line-height: 66px; }
.showroom.modele .bandeaupages .zone-texte h1 span{ font-size: 70px; }
.showroom.modele .bandeaupages .zone-texte p{ margin-top: 24px; }
.carac-modele{ margin: 80px 0 0 0; }
.carac-modele span{
    width: 28.33%;
    text-align: center;
    font-weight: 600;
    padding: 90px 2.5% 0 2.5%;
    display: inline-block;
    font-size: 17px;
    line-height: 24px;
}
.carac-modele span.surfaces{ 
    background: transparent url('gfx/surfmaison-orange.svg') no-repeat center top / 70px;
}
.carac-modele span.nbplans{ 
    background: transparent url('gfx/piece-supp-orange.svg') no-repeat center top / 54px;
}
.carac-modele span.garage{ 
    background: transparent url('gfx/garage-orange.svg') no-repeat center top / 58px;
}
.mrgneg-1{ margin-left: -6.25%; position: relative; z-index: 2; }
.modele .diapo-plans h2{
    font-size: 30px;
    line-height: 44px;
    letter-spacing: .3rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 62px 25%;
}
.modele .diapo-plans h2 span{
    display: block;
    font-size: 42px;
    line-height: 44px;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
    margin-left: 25%;
}
.swiper.swiperplan{
    padding: 0 12px 12px 0;
}
.swiperplan .swiper-slide{
    background: white;
    box-shadow: 6px 6px 12px rgba(185, 135, 115, .35);
}
.diapo-plans .swiperplan-next, 
.diapo-plans .swiperplan-prev{
    right: -1.5%;
}
.diapo-plans .swiperplan-next{ top: 47.5%; }
.diapo-plans .swiperplan-prev{ top: 57.5%; }
.swiperplan .swiper-slide p{
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    background-color:#fbefea;
    margin: 0;
    line-height: 42px;
    padding: 0 28px;
    border-bottom-right-radius: 12px;
    font-size: 17px;
    font-weight: 500;
    color:#676767;
}
.swiper-pagination.swiplan-pagination{ bottom: 1rem; }
.swiper-pagination-bullet{
    background:#fff;
    border: 1px solid #e16e42;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background:#e16e42;
}
.plusdeplans .btn-orange{ 
    text-transform: uppercase; 
    margin-right: 12%; 
    position: relative; 
    z-index: 100; 
    margin-top: 1rem; 
}
.visitevirtuelle{
    margin: 120px 0 180px 0;
}
.modele .zone-texte h2{
    font-size: 30px;
    line-height: 44px;
    letter-spacing: .3rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 2rem 0;
}
.modele .zone-texte h2 span{
    font-family: 'Dageland', sans-serif;
    display: block;
    font-size: 42px;
    line-height: 44px;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
}
.encart-vv{
    background-color:#e16e42;
    min-height: 250px;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    padding: 51px 64px 11px 64px;
    border-radius: 18px;
}
.imagevv{
    max-width: 94%;
    margin: 0 3%;
}
.encart-vv h3{
    font-size: 22px;
    font-weight: 700;
}
.encart-vv p{
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    margin: 0 0 2rem 0;
}
.btn-orange.brd{ border-color: white }
.modele-video{ position: relative; z-index: 3; }
#single .modele .footer-etude{ margin: -90px 0 90px 0; }
#single .modele .footer-etude .span-14{ padding-top: 180px; }
.modele.showroom .bandeaupages .bgorange::after{ bottom: 21%; }

/* sur mesure*/
input.hidden{ display: none; }
.surmesure .bandeaupages .zone-texte h1{
    font-size: 22px;
    line-height: 42px;
    text-transform: uppercase;
    letter-spacing: .25rem;
    font-weight: 300;
}
.surmesure .bandeaupages .zone-texte h1 span{
    display: inline-block;
    width: 100%;
    font-size: 42px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}
.surmesure .bandeaupages .zone-texte p{ text-align: left; }
.surmesure .bandeaupages .bgorange img.flex{ margin-bottom: -130px; }
.surmesure .bandeaupages{ margin-bottom: 240px; }
.surmesure .bandeaupages .bgorange p.bread{ margin-top: 40px; margin-bottom: 40px; }
#choixsecteur{
    border: 1px solid #e16e42;
    border-radius: 30px;
    line-height: 36px;
    padding: 10px 60px 10px 32px;
    font-size: 15px;
    color: black;
    font-weight: 700;
    max-width: 90%; 
    width: max-content;
    margin: 40px auto 0 auto;
    background: white url('gfx/select.png') no-repeat 90% center;
}
.titre-diapo-surmesure h2{ 
    font-size: 30px;
    line-height: 42px;
    text-transform: uppercase;
    letter-spacing: .25rem;
    font-weight: 300;
    padding-bottom: 48px;
}
.titre-diapo-surmesure h2 span{
    display: inline-block;
    width: 100%;
    font-size: 42px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}   
.titre-diapo-surmesure h2::after{
    content: " ";
    height: 200px;
    width: 1px;
    background:#e16e42;
    position: absolute;
    top: 10px;
    left: -60px;
    z-index: 1000;
}
.surmesure-prev{
    right: auto;
    left: -10%;
    top: 50%;
}
.surmesure-next{ right: -10%; top: 50%;}
.swipersurmesure .swiper-slide{ padding-bottom: 44px; }
.swipersurmesure .swiper-slide .row{ align-items: stretch; }
.desc-surm{
    padding: 60px 25% 30px 25%;
    background: white; 
	min-height: 60%;
}
.desc-surm h3{ font-size: 18px; font-weight: 600; }
.desc-surm h3 i{ font-weight: 400; font-size: 16px; }
.desc-surm p{ font-size: 15px; line-height: 30px; }
.swipersurmesure .swiper-slide .masque{
    position: absolute;
    left: -20%;
    bottom: -44px;
    border-top-right-radius: 100px;
    overflow: hidden;
    width: 100%;
    background-color: #f3e8e3;
}
.swipersurmesure .swiper-slide img.mrgneg{
    opacity: .6;
}
.bgorange.modedevie{
    padding: 320px 0 0 0;
    margin: -170px 0 140px 0;
}
.modedevie h2{
    font-size: 30px;
    line-height: 42px;
    text-transform: uppercase;
    letter-spacing: .35rem;
    font-weight: 300;
    margin-bottom: 30px;
}
.modedevie h2 span{
    display: inline-block;
    width: 100%;
    font-size: 42px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}
.modedevie .annonce-prev, 
.modedevie .annonce-next{
    right: auto;
    left: -28px;
}
.modedevie .annonce-prev{ top: 64%; }
.modedevie .annonce-next{ top: 50%  }
.modedevie .swip-annonce{ margin-bottom: -60px; }
.modedevie .btn-orange{ position: absolute; bottom: -28px; left: 25%; }
.surmesure .encart-agence.encart-surmesure{
    width: 140%;
    margin: 120px -38% 0 -2%;
}
.surmesure .encart-agence.encart-surmesure .inside-conseil{ 
    background-image: url('gfx/bg-encart-surmesure.jpg'); 
    background-color:#fbefea;
    padding-bottom: 60px;
}
.surmesure .atouts{ margin-top: 100px; }
.surmesure .encart-agence.encart-surmesure .btn-contact{
    position: absolute;
    bottom: -28px;
    left: 30%;
    line-height: 58px;
    padding: 0 56px 0 80px;
    width: max-content;
}
/* recrutement */
.recrutement h3.titre-logo{ 
    font-size: 30px;
    line-height: 42px;
    letter-spacing: .5rem;
    text-transform: uppercase;
    font-weight: 300;
    padding-right: 30%;
    background: transparent url('gfx/unepassion.svg') no-repeat 90% top / 100px;
    margin-bottom: 50px;
}
.recrutement h3.titre-logo::after{ display: none; }
.recrutement .bandeaupages .btn-contact{
    line-height: 56px;
    display: inline-block;
    padding: 0 50px 0 80px;
    width: max-content;
    background-position: 50px center;
    position: absolute;
    bottom: -28px;
    left: 24%;
}
.annonces-emploi a{
    border: 1px solid #e16e42;
    margin-bottom: 64px;
    box-shadow: 12px 12px 12px rgba(185,135,115, .25);
    padding: 36px 30px 80px 30px;
    position: relative;
}
.annonces-emploi a::after{
    content: " ";
    background: transparent url('gfx/fleche-orange.svg') no-repeat center / 100%;
    width: 24px;
    height: 20px;
    position: absolute;
    bottom: 30px;
    right: 40px;
}
.annonces-emploi a p.secteur, .postuler p.secteur{
    font-size: 14px;
    font-style: italic;
    color: #969595;
    line-height: 20px;
    margin: 0;
}
.annonces-emploi a p.secteur span, .postuler p.secteur span{
    display: inline-block;
    font-style: normal;
    font-size: 13px;
    color:#e3764c;
    font-weight: 500;
    background-color:#fbefea;
    padding: 0 4px;
    margin-left: 14px;
    border-radius: 3px;
}
.annonces-emploi a h3{
    font-size: 22px;
    font-weight: 600;
    margin: 12px 0;
    transition: ease-in-out all .2s;
}
.annonces-emploi a:hover{ text-decoration: none; }
.annonces-emploi a:hover h3{ color:#e3764c; transition: ease-in-out all .1s; }
.bggrey{ position: relative; }
.bggrey > *{
    position: relative;
    z-index: 2;
}
.bggrey::before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: #efefef;
}
.hexaom img{
    max-width: 105.85%;
    width: 105.85%;
    margin-left: -5.85%;
    display: flex;
}
.hexaom h2{ font-size: 30px; margin-top: 80px; }
.hexaom p{ font-size: 16px; }
.hexaom p b{ font-size: 20px; }
.hexaom{ margin: 60px 0; }
.recrutement .wpcf7 label{
    display: inline-block;
    max-width: 100%;
    width: calc(90% - 2px);
    border: 1px solid #faccb9;
    border-radius: 30px;
    line-height: 36px;
    padding: 10px 1rem;
    margin: 0 0 10px 0;
    font-size: 16px;
    color: black;
}
.postuler h2.postulez{ font-size: 40px; margin-bottom: 40px; }
.postuler p.secteur{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}
.postuler p.secteur span{
    font-size: 18px;
    line-height: 28px;
    padding: 0 8px;
    background-color: white;
}
/*landing*/
.landingpage .entete1{
    font-size: 14px;
    font-style: italic;
}
.landingpage .entete1 b{ font-style: normal; }
.landingpage header h1{
    font-size: 22px;
    line-height: 30px;
    margin: 30px 0 0 0;
    font-weight: 300;
    letter-spacing: .15rem;
    text-transform: uppercase;
}
.landingpage header h1 span{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    font-style: italic;
}
.landingpage .bandeaupages h2{
    font-size: 25px;
    line-height: 60px;
    font-weight: 500;
    letter-spacing: .5rem;
    text-transform: uppercase;
    margin: 40px 0 30px 0;
}
.landingpage .bandeaupages h2 span{
    font-size: 90px;
    color:#e16e42;
    font-family: 'Dageland', sans-serif;
    text-transform: none;
    letter-spacing:0;
    display: inline-block;
    width: 100%;
    font-weight: 400;
}
.landingpage .bandeaupages .zone-texte p{  margin: 1rem 5%;}
.landingpage .bandeaupages .zone-texte p span{ text-align: center; display: inline-block; width: 100%; }
.landingpage .bandeaupages{ margin: 0; }
.landingpage .modeles-home .titre2.big{ text-align: center; margin-top: 60px; }
.landingpage .modeles-home .titre2.big span{ text-align: center; }
.landingpage .modeles-home .encartmodele{
    bottom: 0;
    right: -1px;
    position: absolute;
    z-index: 3;
    background: white;
    height: 64px;
    line-height: 64px;
    padding: 0 8px 0 30px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    box-shadow: -10px -6px 12px rgba(185, 135, 115, .25);
}
.landingpage .modeles-home .encartmodele h4 .dageland{
    font-size: 30px;
    transition: ease-in-out all .1s;
}
.landingpage .modeles-home a:hover  .encartmodele h4 .dageland{ color: black; }
.landingpage .modeles-home .encartmodele h4 .opensans{
    font-size: 14px;
    margin-left: 4px;
    transition: ease-in-out all .1s; 
}
.landingpage .modeles-home a .encartmodele .btn-fleche{ margin-left: 40px; }
.landingpage .modeles-home a:hover .btn-fleche {
    background: #e16e42 url(gfx/fleche-blanche.svg) no-repeat center / 12px;
    transition: ease-in-out all .1s;
}
.landingpage .modeles-home .swipermodeles2 a {
    display: flex;
    width: 100%;
    flex-flow: column wrap;
    position: relative;
    padding-bottom: 44px;
}
.landingpage .swipermodeles-button-prev, .swipermodeles-button-next{
    background: #fff url(gfx/fleche-orange.svg) no-repeat center / 18px;
    top: 35%;
}
.landingpage .plans-telech{ margin: 80px 0 0 0; }
.landingpage .plans-home{ margin-top: 0; }
.landingpage .plans-home img { margin-left: 0; max-width: 100%; }
.landingpage .plans-home p{ margin: 30px 0; }
.landingpage .plans-home .btn-noir{ position: relative; left: auto; top: auto; }
.landingpage .terrains-home .span-12 p{ font-style: italic;  font-size: 24px; margin: .5rem 0 3rem 0; }
.landingpage .terrains-home .swiperannonces{ 
    margin: 0 5% 0 0;  
    padding: 0 12px 12px 12px;
}
.landingpage .terrains-home .swiperannonces-button-prev, 
.landingpage .terrains-home .swiperannonces-button-next{
    right: 4%;
}
.landingpage .terrains-home{ margin-bottom: 80px; }
.landingpage .encart-vv{ width: 70%; padding: 54px 5% 51px 5%; min-height: 262px; }
.landingpage .encart-vv p{ font-size: 15px; line-height: 20px; margin: 1rem 12.5%; }
.landingpage .encart-vv h3{  margin: 0 12.5%; }
.landingpage .swiperreal2 .swiper-slide a {
    position: relative;
    display: flex;
    width: 100%;
    flex-flow: column wrap;
    position: relative;
}
.landingpage .swiperreal2 .swiper-slide a::after{
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 2;
    background: transparent url(gfx/masque.png) repeat-x left bottom;
    transition: ease-in-out all .2s;
}
.landingpage .swiperreal-button-prev{ top: 55%; right: -4%;}
.landingpage .swiperreal-button-next{ right: -4%; top: 42%; }
.landingpage .realisations-home p{ margin-top: 40px; }

.landingpage h2.enpensent, .quatraisons h2{
    margin: 110px 0 0 0;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .3rem;
    text-align: center;
    position: relative;
    z-index: 100;
}
.landingpage h2.enpensent span, .quatraisons h2 span{
    display: inline-block;
    font-family: 'Dageland', serif;
    font-size: 42px;
    color: #e16e42;
    text-transform: none;
    letter-spacing: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    line-height: 50px;
}
.landingpage .pave-avis.avisclient{
    background: white; 
    width: calc(50% - 84px);
    margin: 0 25%;
    padding: 46px 42px;
    box-shadow: 6px 6px 12px rgba(185, 135, 115, .35);
}
.landingpage .realisations-avis .bgorange{ padding-bottom: 30px; }
.swiperlandingavis{ padding-bottom: 12px; }
.landingavis-prev,
.landingavis-next{
    width: 58px;
    height: 58px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -3000px;
    background: #fff url(gfx/fleche-orange.svg) no-repeat center / 18px;
    box-shadow: 10px 6px 12px rgba(185, 135, 115, .35);
}
.landingavis-prev{
    transform: scale(-1, 1);
    left: 12.5%;
}
.landingavis-next{ right: 12.5%; left: auto; }
.landingavis-pagination{ bottom: -40px!important; }
.pave-avis-landing{ margin: 80px 0 0 0; }
.pave-avis-landing .row{
    border: 1px solid #e16e42;
    border-radius: 10px;
    background: white;
    padding: 20px 0 30px 0;
    align-items: center;
}
.pave-avis-landing .row .notesur5{ font-size: 48px; margin: 0; }
.pave-avis-landing .row .nbavis{ font-size: 14px; font-style: italic; margin: 0; }
.landingpage .lignecontactmrg{ margin: -28px 0 90px 0; }
.landingpage .lignecontactmrg .btn-contact{  
    line-height: 56px;
    display: inline-block;
    width: max-content;
    padding: 0 56px 0 80px;
}
.landingpage .quatraisons h2{ margin: 30px 0 0 0; }
.landingpage .quatraisons h2, .quatraisons h2 span{ text-align: left; }
.landingpage .quatraisons h3{ font-size: 17px; line-height: 24px; margin: 42px 10% 0 10%; }
.landingpage .quatraisons img{
    max-width: 72px;
    max-height: 56px;
}
.landingpage .actus-conseils .mille {
    margin-top: 30px;
}
.landingpage .photomontage h2{ top: 0; }
.landingpage .photomontage .passion4{
    position: absolute;
    left: 0;
    top: 134px;
}
.landingpage .photomontage .passion2{ top: auto; bottom: -46px; height: 152px; left: 5%; }
.landingpage .photomontage .passion3{ bottom: -46px; overflow: hidden; height: 152px; left: 33%; }
.landingpage .photomontage .passion1{ margin-bottom: -160px; }
.landingpage .presentation h2{
    margin: 40px 0 30px 0;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .3rem;
    text-align: left;
    position: relative;
    z-index: 100;
}
.landingpage .les2btns{
    position: absolute;
    bottom: 0;
    left: 0;
}
.btn-white-contact{
    display: inline-block;
    background: #fff url('gfx/email-orange.svg') no-repeat 90% center / 20px;
    line-height: 56px;
    border: 1px solid #e16e42;
    border-radius: 29px;
    padding: 0 66px 0 82px;
    font-size: 14px;
    color: #e16e42;
    font-weight: 700;
    text-transform: uppercase;
    transition: ease-in-out all .2s;
}
.btn-white-contact:hover{
    background: #e16e42 url('gfx/email-blanc.svg') no-repeat 90% center / 20px;
    color: white;
    text-decoration: none;
}
.landingpage .actus-conseils .presentation .btn-orange{ z-index: 3; }
.landingpage .btn-white-contact{
    position: absolute;
    right: 0;
    bottom: -24px;
    z-index: 2;
}
.landingpage .actus-conseils{ margin-bottom: 200px; }
.landingpage .footer-1 .btn-rdv, 
.landingpage .footer-1 .btn-contact{ margin-bottom: 20px; }
#lapopupbrochure .wpcf7 input[type="submit"]{ background-position: 90% center; }

.row.machin{ justify-content: space-evenly; }

.page-avisclients .pave-avis.avisclient{
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid #f3e8e3;
}
.page-avisclients .pave-avis.avisclient .notes{
    margin: .5rem 0 1rem 0;
}
.page-avisclients .pave-avis-landing{ margin: 2rem 0; }
/* MODIFS ANNONCE */
#lapopupplan .wpcf7 input[type="submit"]{ background-position: 90% center; }
.annonce .bandeaupages p.phrase-agence{ 
    margin: 34px 15% 0 0; 
    padding: 26px 0 0 0; 
    border-top: 1px solid #e16e42; 
    font-size: 18px;
    line-height: 30px;
}
.annonce .bandeaupages p.phrase-agence b{ font-size: 20px; }
.annonce .bandeaupages p.phrase-agence span.italique{ 
    font-size: 16px;
    padding: 0 0 0 24px;
    background: transparent url('gfx/agence.png') no-repeat left center;
    display: inline-block;
    margin-top: 8px;
}
.showroom.annonce .bandeaupages .zone-texte h1 span{ font-size: 30px; display: inline; width: auto;  }
.annonce .bandeaupages .zone-texte a.btn-contact{ 
    display: block;
    width: max-content;
    line-height: 56px;
    border-radius: 28px;
    padding: 0 0 0 20px;
    margin: 0 auto;
    border: 1px solid #e16e42;
    text-align: center;
    background-position: 15% center;
    width: calc(100% - 32px);
}
.annonce .bandeaupages .zone-texte a.btn-contact:hover{ border-color: black; }
.annonce .bandeaupages .zone-texte a.btn-tel{
    display: block;
    width: calc( 100% - 32px );
    line-height: 56px;
    border-radius: 28px;
    padding: 0 0 0 20px;
    font-weight: 500;
    background-color: white;
    border: 1px solid #fff;
    text-align: center;
    background-position: 15% center;
    margin: 70px auto 8px auto;
}
.annonce .bandeaupages .zone-texte a.btn-tel:hover{
    color:#e16e42;
    background-image: url(gfx/tel-noir.svg);
}
.annonce .bandeaupages .zone-texte a.btn-contact::after, 
.annonce .bandeaupages .zone-texte a.btn-tel::after{ display: none; }
.showroom .bandeaupages p{ margin: 10px 0; }
.realisation .bandeaupages p{ margin: 10px 0; }
.agence .bandeaupages p{ margin: 10px 0; }
.annonce .bandeaupages p.introannonce{ margin: 0 0 0 0; }
.annonce .descriptif-annonce h2{ position: relative; padding-top: 40px; }
.annonce .descriptif-annonce h2::before, 
.annonce .descriptif-annonce-2::before{
    content: " ";
    width: 120px;
    height: 1px;
    background:#e16e42;
    position: absolute;
    right: 15%;
    top: 0;
}
.annonce .descriptif-annonce h2::after, 
.annonce .descriptif-annonce-2::after{
    content: " ";
    width: 1px;
    height: 110px;
    background:#e16e42;
    position: absolute;
    right: 15%;
    top: 0;
}
.annonce .descriptif-annonce-2{ margin-top: 60px; position: relative; padding-bottom: 60px; }
.annonce .descriptif-annonce .descriptif-annonce-2 h2::before{ right: auto; left: -24%; width: 70%; }
.annonce .descriptif-annonce .descriptif-annonce-2 h2::after{ right: auto; left: -24%; }
.annonce .descriptif-annonce .descriptif-annonce-2::before{ top: auto; right: -12%; bottom: 0; width: 42%; }
.annonce .descriptif-annonce .descriptif-annonce-2::after{ top: auto; right: -12%; bottom: 0; }
.annonce .descriptif-annonce .descriptif-annonce-2 h2{ letter-spacing: .185rem; }
.annonce .acf-map.listeagences{  z-index: 10; }
.annonce .outmap{ position: relative; }
.annonce .outmap::before{
    content: " ";
    position: absolute;
    z-index: 8;
    left: -24%;
    right: 24%;
    top: 30px;
    bottom: -50px;
    background: #fbefea;
}
.annonce .encart-agence{ margin-bottom: 50px; }
.annonce .encart-agence p.contactezagence .bold{ font-size: 20px; }





/*SMART*/
@media (min-width: 2px) and (max-width: 767px){
    .mille{ width: 100%; }
    main.nav-up{ margin-top: 156px; }
    .menu-toggle{
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background: #e16e42 url('gfx/menu.svg') no-repeat center / 28px;
        color: white;
        border: 3px solid #e16e42;
        padding: 0;
        font-size: 40px;
        line-height: 47px;
        margin: 18px 0 0 4px;
    }
    .menu-toggle.toggled-on{
        background-image: url('gfx/menu-close.svg');
        background-size: 24px;
    }
    .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover{
        text-decoration: none;
    }
    .menu-mobile-container{ display: flex; width: 100%; flex-flow: column wrap; }
    .nav-menu{ 
        display: none; 
        padding: 2rem 0; 
        margin:0; 
        z-index: 10001; 
        width: 200%;
        position: absolute;
        right: 0;
        top: 100px;
        background-color:#f3e8e3;
     }
    .nav-menu.toggled-on{ display: flex; }
    nav ul{
        flex-flow: row wrap
    }
    nav ul li{
        list-style-type: none;
        display: flex;
        flex-flow: column wrap;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        transition: ease-in-out all 0.1s;
        width: calc(100% - 40px);
        padding: 0 20px;
    }
    nav > div > ul > li.menu-item-has-children > a::after{
        content: " ";
        position: absolute;
        background: transparent url('gfx/fleche-orange.svg') no-repeat center / 100%;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 10%;
        top: calc(50% - 10px);
    }
    nav > div > ul > li.menu-item-has-children > a:hover::after{
        transform: rotate(90deg);
    }
    nav ul li a{
        font-size: 16px;
        display: block;
        color: #000; 
        background: transparent;
        text-decoration: none;
        width: calc(100% - 40px);
        padding: 0 20px;
        margin: 0;
        border-bottom: 1px solid #efd0c3;
        position: relative;
    }
    nav > div > ul > li:last-child > a{ border: 0; }

    nav > div > ul > li:nth-last-child(2) > a{ font-weight: 600; }
    nav > div > ul > li:nth-last-child(2) > a::after{ background-image: url('gfx/fleche-noir.svg') }
    nav > div > ul > li:last-child > a{ font-weight: 600; }

    nav ul li a:hover{ color: #e16e42; }
    nav ul li ul, 
    nav ul li:first-child ul{
        margin:0;
        padding: 1rem 0;
        position: relative;
        top: auto;
        left: auto;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        width: 100%;
        border-bottom: 1px solid #efd0c3;
    }
    nav ul li:hover ul{ }
    nav ul li ul li{
        display: list-item;
    }
    nav ul li ul li a{
        color: #000;
        background: transparent;
        font-size: 16px;
        display: block;
        color: #000; 
        text-decoration: none;
        width: calc(100% - 40px);
        padding: 0 20px;
        margin: 0;
    }
    nav ul li ul li a:hover{
        color: black;
        text-decoration: none;
    }
    header nav li.btn-rappel, 
    header nav li.btn-rdv{
        background: #e16e42;
        color: white;
        padding: 0 20px;
        line-height: 44px;
        width: auto;
    }
    header nav li.btn-rappel a, header nav li.btn-rdv a{ 
        color: white; 
        font-size: 13px; 
        letter-spacing: .025rem; 
        text-transform: uppercase; 
        line-height: 44px;
        padding: 0;
        width: max-content;
        border: 0px;
    }
    header nav li.btn-rdv{
        background: #fff;
        color: #e16e42;
    }
    header nav li.btn-rdv a{
        color: #e16e42;
    }
    header nav li.telephonemobile{
        width: auto;
        padding: 0;
        margin: 0 auto;
    }
    header nav li.telephonemobile a{
        display: block;
        width: 44px;
        height: 44px;
        line-height: 44px;
        border: 2px solid #e16e42;
        border-radius: 100%;
        padding: 0;
        background: transparent url('gfx/tel-smart-orange.svg') no-repeat center / 28px;
        overflow: hidden;
        text-indent: -3000px;
    }
    header nav li.btn-rappel, 
    header nav li.btn-rdv,
    header nav li.telephonemobile{ margin-bottom: 24px; }

    header{ height: auto; }
    header .span-2, header .span-8{ width: 50%; position: relative; }
    header .span-4{ display: none; }
    .conteneur{ width: 100%; overflow-x: hidden; }
    header p{ font-size: 12px; margin: 10px 10%; text-align: center; }
    a#logo{ height: 100px; background-position: center top; background-size: 78%; }
    .agences-mobile, .contact-mobile{
        display: block;
        width: 44px;
        height: 44px;
        border-radius: 100%;
        overflow: hidden;
        text-indent: -3000px;
        background-color: white;
        border: 3px solid #f3e8e3;
        margin: 18px 4px 0 4px;
    }
    .cont-mob-bt{ display: flex; flex-flow: row wrap; justify-content: center; }
    .contact-mobile{ background: white url('gfx/email-orange.svg') no-repeat center / 26px; }
    .agences-mobile{ background: white url('gfx/agences.svg') no-repeat center / 22px; }
	.swiphome-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{ display:none }
    .lignediapo::after{ left: 0; right: 0; }
    .lignediapo{ padding: 0; }
    .lignediapo .span-3{
        width: 80%;
        padding: 2rem 10%;
    }
    h2.titre2{ font-size: 18px; text-align :center; }
    h2.titre2 span{ width: 100%; font-size: 46px; margin: 0; letter-spacing: 0; line-height: 48px; }
    .lignediapo p {
        font-size: 14px;
        line-height: 24px;
        margin: 2rem 0 2rem 0;
    }
    .lignediapo .btn-orange{ margin-bottom: 0; }
    .titre2.big{ font-size: 18px; letter-spacing: .25rem; }
    .titre2.big span{ font-size: 30px; line-height: 30px; margin: 0; letter-spacing: 0; text-align: center; }
    .modeles-home > .span-8, .modeles-home > .span-3{  width: 80%; padding: 0 10%; }
    .modeles-home{ margin-top: 2rem; }
    .modeles-home .titre2.big{ margin-bottom: 2rem; }
    .modeles-home .btn-orange{ margin: 0 auto 2rem auto; }
    .modeles-home > .span-3.alignright{ text-align: center; }
    .swipermodeles{ padding: 0 20px; }
    .swipermodeles-button-prev, .swipermodeles-button-next{ display: none; }
    .swipermodeles .swiper-slide a .encartmodele h4 .dageland{ font-size: 26px; }
    .swipermodeles .swiper-slide a .encartmodele h4 .opensans{ font-size: 12px; }
    .swipermodeles .swiper-slide a .encartmodele .btn-fleche{ margin-left: 22px; }
    .modeles-home p{  width: 80%; padding: 0 10%; font-size: 14px; text-align: left;}
    .plans-home{ margin: 60px auto 0 auto; }
    .plans-home .span-6{ width: 70%; padding: 0 10% 0 20%; }
    .plans-home p{ font-size: 17px; line-height: 24px; margin-bottom: 100px; }
    .plans-home p br{ display: none; }
    .plans-home p::before{ left: -60px; top: 0;}
    .plans-home .btn-noir{ top: auto; bottom: 144px; left: calc(20% - 32px); }
    .plans-home img{ max-width: 100%; margin-left: 0; }
    #home .realisations-home::after{ right: 0; }
    .realisations-home{ padding: 3rem 0 0 0; }
    .realisations-home .titre2.big{ letter-spacing: .2rem; }
    .realisations-home .titre2.big span{ margin-bottom: 2rem; }
    .swiperreal-button-prev, .swiperreal-button-next{ display: none; }
    .realisations-home p{
        margin: 0 10% 2rem 10%;
        font-size: 14px;
    }
    .realisations-home .btn-orange{ margin: 0 0 0 10%; }
    .realisations-home .btn-blanc{ margin: 0 10% 20px 0;  }
    .swiperreal{ margin-bottom: 0; }
    .encartreal h4{ font-size: 14px; }
    .encartreal{ height: 60px; line-height: 60px; padding-left: 10%; }
    .avis-home { margin: 60px 0; }
    .avis-home > .row.stretch{ flex-flow:column-reverse wrap; }
    .troisavis .marginneg{ width: 100%; margin: 0; }
    .avis-home .titre2.big{ letter-spacing: .2rem; margin-bottom: 30px; }
    .avis-home .alignright .btn-blanc{ margin: 0 10% 0 0; }
    .row.troisavis{ height: auto; margin: 30px 10%; width: 80%; padding-bottom: 2rem; }
    .troisavis .marginneg .pave-avis{ 
        min-height: 100px;
        width: 80%; 
        padding: 1rem 10%; 
        margin: 0 0 1rem 0;
    }
    .troisavis .marginneg .pave-avis .spannomargin-6, 
    .troisavis .marginneg .pave-avis .spannomargin-8{ width: 50%; }
    .troisavis .marginneg .pave-avis .spannomargin-4, 
    .troisavis .marginneg .pave-avis .spannomargin-2{ display:none; }
    .pave-avis.avisclient p.avis-titre {
        font-size: 16px;
        line-height: 20px;
    }
    .pave-avis.avisclient p.avis-commentaire, 
    .pave-avis.avisclient p.avis-date, 
    .pave-avis.avisclient p.avis-etape, 
    .pave-avis.avisclient p.avis-signature{ font-size: 12px; line-height: 18px; }
    .terrains-home h2{ margin-bottom: 30px; }
    .swiperannonces{ margin-top: 30px; }
    .actus-conseils{
        padding: 54px 0 0 0;
        margin: 30px 0 60px 0;
    }
    .bienconseiller{
        font-size: 68px;
        line-height: 50px;
    }
    .bienconseiller span{
        font-size: 18px;
        left: 1%;
        top: 42%;
    }
    .actu-home{ margin: 0 5% 4rem 5%; padding: 26px 10% 66px 10%; width: 70%; border-left: 1px solid #e16e42; }
    .actu-home h3{ font-size: 24px; line-height: 26px; }
    .actu-home a.article::after{ right: 0; }
    .actus-conseils .span-9{ width: 95%; margin-left: 5%; }
    .swiperconseils-button-next, 
    .swiperannonces-button-next, 
    .swiperconseils-button-prev, 
    .swiperannonces-button-prev{ display: none; }
    .actus-conseils .btn-orange{ margin-left: -5%; }
    .actus-conseils .mille { margin-top: 120px; }
    .photomontage .passion1 { max-width: 62%; }
    .photomontage h2 .h2maison{ font-size: 40px; line-height: 64px; }
    .photomontage .passion2, .photomontage .passion3{ max-width: 32%; left: 2%; }
    .photomontage .passion3{ bottom: 0; }
    .photomontage .passion2{ top: 132px; }
    .photomontage h2{
        left: 2%;
        top: -50px;
        width: 70%;
    }
    .actus-conseils .presentation img{ margin: .5rem 2% 0 2%; }
    .actus-conseils .presentation h1, 
    .actus-conseils .presentation p{ width: 80%; margin: 0 10%; }
    .actus-conseils .presentation h1 span{ font-size: 24px; }
    .actus-conseils .presentation h1{ text-align: center; font-size: 18px; letter-spacing: .1rem;  margin: 2rem auto;}
    .actus-conseils .presentation p{ font-size: 14px; text-align: left; }
    .actus-conseils .presentation{ padding-bottom: 0; text-align: center; }
    .actus-conseils .presentation .btn-orange{
        position: relative;
        left: auto; 
        bottom: auto;
        margin: 2rem auto -1rem auto;
    }
    .faq > .row:not(.faq-titre){ flex-flow: column-reverse wrap; }
    .faq h2{ margin: 0 0 54px 6%; }
    .faq h2 .faq-reponses{ 
        font-size: 68px;
        line-height: 50px;
    }
    .faq h2 .faq-questions{
        font-size: 18px;
        left: 1%;
        top: 42%;
    }
    .faq-question{ 
        width: 80%;
        padding: 0 10%;
    }
    .faq-q { padding: 10px 64px 10px 0; }
    .faq .btn-rose{ margin: 1rem auto 2rem auto; }
    .troisencarts{
        margin-top: 34px;
        padding-top: 80px;
    }
    .troisencarts p{ font-size: 14px; line-height: 22px; }
    .troisencarts.engagements{ background-size: 52px; }
    .troisencarts.experience{ background-size: 82px; }
    .troisencarts.cotes{ background-size: 82px; }
    .troisencarts h3 { font-size: 20px; }

    footer{ margin-top: 80px; padding-bottom: 10px; }
    .footer-1{ padding: 44px 10% 0 10%; width: 80%;  }
    footer::before{ left: 0; right: 0; }
    .footerlogo{ width: 70%; margin-bottom: 30px;  }
    .footer-1 .btn-rdv, 
    .footer-1 .btn-contact, 
    .footer-1 .btn-tel{ margin-bottom: 20px; }
    .footer-menu3, .footer-menu1{ max-height: none; margin: 0; }
    .footer-1 .btn-rdv{ font-size: 14px; }
    footer .footer-2{ width: 80%; padding: 0 10%; flex-flow: column-reverse wrap; margin-top: 0; }
    .footer-menu3 > li:first-child, .footer-menu3 > li{ max-width: 100%; margin: 1rem 0 0 0; }
    .conseils-footer-titre{ margin-left: 0; }
    .lesconseils-footer{ margin-left: 0; background-position: right 8px; padding-left: 0; padding-right: 1.5rem; }
    .footer-menu3.mobile > li:first-child, 
    .footer-menu3.mobile > li, 
    .footer-menu2.mobile > li{
        margin: 0 0 0 0; 
        background: transparent url(gfx/fleche-orange.svg) no-repeat right 14px / 12px;
        padding: .5rem 1.5rem .5rem 0;
        border-bottom: 1px solid #f2d7cc;
        font-size: 14px;
    }
    .footer-menu3.mobile > li a, 
    .footer-menu2.mobile > li a{
        font-style: italic;
        font-weight: 700;
        color: #7d7d7c;
        font-size: 14px;
        text-transform : none;
    }
    .btn-parrain, .btn-emploi, 
    .btn-parrain:hover, .btn-emploi:hover{
        font-size: 14px;
        border: 0px;
        padding: .5rem 1.5rem .5rem 0;
        border-bottom: 1px solid #f2d7cc;
        max-width: 100%;
        margin: .5rem 0;
        border-radius: 0;
        background-position: right center;
        background-color: transparent;
    }
    .btn-parrain span{ width: auto; }
    .btn-emploi br{ display: none; }
    footer .footer-agences{ margin: 1.5rem 0 0 0; }
    footer p.aligncenter.orange.uppercase{ margin: 1rem 0; }
    footer .nosagences.mobile{
        display: block;
        margin: 0 0 0 0; 
        background: transparent url(gfx/fleche-orange.svg) no-repeat right 14px / 12px;
        padding: .5rem 1.5rem .5rem 0;
        border-bottom: 1px solid #f2d7cc;
        font-size: 14px;
        font-style: italic;
        font-weight: 700;
        color: #7d7d7c;
        font-size: 14px;
        text-transform : none;
    }
    footer p.sociaux{ margin: 1.5rem 0; font-size: 14px; line-height: 24px; }
    footer p.sociaux span{ margin-right: 1rem; }
    p.copyright{ line-height: 16px; width: 80%; margin: 1rem 10%; text-align: center; font-size: 12px; }
    p.copyright img{ margin: 1rem 0 0 0; }
    p.copyright a.polehabitat{ display: block; }

    .maskpop .inpop{
        padding: 1.5rem 5%;
        max-width: 100%;
    }
    .maskpop .inpop .closepop{ right: 5%; top: 1.5rem;}
    .maskpop .inpop h2 {
        font-size: 24px;
        letter-spacing: .25rem;
        width: 85%;
        margin-bottom: 1rem;
    }
    .maskpop .inpop h2 label{ font-size: 24px; }
    .maskpop .inpop p { font-size: 14px; }
    .wpcf7 input[type="text"], .wpcf7 input[type="email"], 
    .wpcf7 input[type="tel"], .wpcf7 input[type="number"], 
    .wpcf7 input[type="date"], .wpcf7 select, .wpcf7 textarea{ font-size: 14px; padding: 10px 5%; }
    .wpcf7 input[type="date"]{
        appearance: initial;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        min-width: 25%;
        min-height: 36px;
        outline: none;
        background-color: white;
    }
    /*.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, 
    p.formcgv, 
    p.formcgv a {
        font-size: 11px;
    }*/
    .maskpop.show{ overflow-y: scroll; display: block; }
    .wpcf7 .fdpink.relative::before{ left: -5%; right: -5%; }

    .pagecontact > main > .row.stretch > .span-12 > .row{ flex-flow: column-reverse wrap; }
    .pagecontact .bgorange{ padding: 10px 0; }
    .pagecontact > main > .row.stretch > .span-12{ width: 80%; padding: 0 10%; }
    p.bread{ text-align: center; }
    .zone-texte h1{ font-size: 22px; }
    .zone-texte p{ font-size: 14px; }
    .pagecontact main .btn-rappel{ margin-left: 0; margin-top: 10px; }
    .mrgbtcontact{ margin: 2rem auto; }
    .wpcf7-list-item{ line-height: 14px; }
    .pagecontact > main > .row.stretch > .span-12 > .row .spannomargin-12{ margin-bottom: 2rem; }
    .pagecontact .illustrationcontact .spannomargin-8 { width: 30%; }
    .pagecontact .illustrationcontact .spannomargin-14 { width: 60%; }
    .pagecontact .illustrationcontact .spannomargin-1{ width: 5%; }
    .pagecontact .bgorange h3 .h2passion { font-size: 10px; letter-spacing: .1rem; }
    .pagecontact .bgorange h3 .h2maison { font-size: 16px; }
    .pagecontact .spannomargin-10.relative .row.relative { margin-bottom: 24px; }
    .pagecontact .bgorange h3 { margin-top: -20px; }
    .pagecontact .illustrationcontact{ margin-bottom: -30px }

    .surmesure .bandeaupages{ margin-bottom: 40px; }
    .bandeaupages .bgorange .zone-texte{ padding-bottom: 0; }
    .bandeaupages .span-1.bgorange{ padding-top: 0; width: 5%; }
    .bandeaupages .span-12.bgorange{ width: 90%; padding-top: 10px; }
    .bandeaupages .span-12.bgorange .row{ flex-flow: column-reverse wrap; }
    .surmesure .bandeaupages .bgorange img.flex{ margin-bottom: 0; }
    .surmesure .bandeaupages .bgorange p.bread{ margin: 20px 0; }
    .surmesure .bandeaupages .zone-texte h1{ font-size: 18px; line-height: 32px; }
    .titre-diapo-surmesure h2{
        width: 80%;
        padding: 0 10%;
        font-size: 22px;
        line-height: 34px;
    }
    .titre-diapo-surmesure h2 span{ font-size: 30px; }
    #choixsecteur{ margin: 20px auto; }
    .desc-surm { padding: 10px 5% 10px 5%; width: 40%; }
    .swipersurmesure .swiper-slide .row .spannomargin-18{ width: 100%; }
    .swipersurmesure .swiper-slide .row .spannomargin-6{ 
        width: 100%; 
        display: flex; 
        flex-flow: row-reverse wrap;
        align-items: flex-start;
        margin-top: 10px;
     }
    .swipersurmesure .swiper-slide .masque{
        position: relative;
        left: auto;
        bottom: auto;
        width: 50%;
        border-top-right-radius: 40px;
    }
    .desc-surm p{ font-size: 12px; line-height: 16px; }
    .swipersurmesure .swiper-slide .row{ align-items: flex-start; }
    .bgorange.modedevie {
        padding: 40px 10% 0 10%;
        width: 80%;
        margin: 10px 0 10px 0;
    }
    .surmesure-prev{ left: -2.5%; top: 40%; }
    .surmesure-next{ right: -2.5%; top: 40%; }
    .annonce-prev, .annonce-next, .surmesure-prev, 
    .surmesure-next{ width: 48px; height: 48px; background-size: 14px; }
    .modedevie h2{ font-size: 22px; line-height: 32px; }
    .modedevie h2 span{ font-size: 30px; }
    .modedevie .btn-orange{
        position: relative;
        bottom: auto;
        left: auto;
        margin: 1rem auto;
    }
    .modedevie .annonce-prev{ left: -10%; }
    .modedevie .annonce-next{ left: auto; right: -10%; }
    .modedevie .annonce-prev, .modedevie .annonce-next{ top: 80% }
    article.row.principal{ width: 80%; padding: 0 10%; margin: 0; }
    main article .zone-texte h2 { font-size: 20px; }
    .form-orange h3 { font-size: 22px; line-height: 28px; }
    .form-orange h3 span { font-size: 20px; }
    .surmesure .atouts{
        width: 80%;
        padding: 0 10%;
        margin: 3rem 0 0 0;
    }
    .zone-texte ul li{ font-size: 14px; line-height: 28px; background-position: 0 6px; }
    .surmesure .encart-agence.encart-surmesure { width: 100%; margin: 20px 0  0px 0; }
    .colonne-droite{ margin-top: 3rem; }
    .encart-agence.encart-surmesure .conseil-marge { padding: 0; }
    .encart-agence .conseil-marge .inside-conseil{ padding: 0 10%; }
    .encart-agence .conseil-marge h2 {
        font-size: 15px;
        line-height: 24px;
        margin: 2rem 0 1rem 0;
    }
    .encart-agence.encart-surmesure .conseil-marge h2 span { font-size: 30px; }
    .encart-agence .conseil-marge p{ font-size: 14px; }
    .surmesure .encart-agence.encart-surmesure .btn-contact{ left: 5%; width: calc(90% - 56px - 80px); }
    .encart-agence.encart-surmesure .inside-conseil{ min-height: 340px; }
    .row.encart-yak{ width: 90%; margin: 0 5%; }
    .encart-yak img.yak1{ margin-bottom: 0; margin-left: 10%; }
    .encart-yak h3 { font-size: 18px; padding: 1rem 10%; }
    .encart-yak p{ font-size: 14px; }
    .encart-yak img.yak3 {
        margin: 1rem 0 2rem 10%;
        max-width: 80%;
    }
    .bandeaupages .bgorange p.bread{ margin: 20px 0; }
    .bandeaupages .zone-texte h1{ text-align: center; margin-bottom: 2.5rem; }
    .btn-retour{ display: none; }
    .contenusimple{ width: 80%; padding: 0 10%; }
    .zone-texte .outimg {
        position: relative;
        margin: 30px 0 60px 60px;
        width: max-content;
        max-width: calc(100% - 60px);
    }
    .zone-texte .outimg::before{
        left: -60px;
        top: 30px;
    }
    .zone-texte ul li ul li{ font-size: 14px; }
    .en-resume{ padding: 20px 5% 20px 5%; }
    main article .zone-texte h2.resume-titre{ font-size: 30px; }
    .conseil .colonne-droite{ width: 90%; margin: 3rem 5% 0 5%; }
    .bandeau-marge{ padding: 20px 10% 24px 10%; }
    .bandeaupages h1{ font-size: 24px; letter-spacing: .25rem; }
    .bandeaupages .arch-desc p { font-size: 14px; }
    .row.searchpages.hiddenfields > div{ height: 0px; overflow: hidden; transition: ease-in-out height .3s; }
    .row.searchpages > div{ width: 100%; }
    .row.searchpages > div input, 
    .row.searchpages > div select{ 
        opacity: 1; 
        transition: ease-in-out all .3s;
        width: 90%;
        padding: 0 10%;
        margin: 0 5% 10px 5%;
        max-width: none;
    }
    .row.searchpages > div input{ width: 70%; }
    .row.searchpages > div input[type="submit"]{ width: 90%; }
    .row.searchpages > div input[type="checkbox"]{ width: auto; }
    .row.searchpages.hiddenfields > div input, 
    .row.searchpages.hiddenfields > div select{ opacity: 0; transition: ease-in-out all .3s; }
    span.showsearch{
        line-height: 36px;
        padding: 0 1rem;
        background: #ffff url(gfx/filtres-orange.svg) no-repeat 5% center / 30px;
        color: #000;
        border-radius: 28px;
        width: 80%;
        display: block;
        margin: 0 10px 20px 10px;
        font-size: 15px;
        font-weight: 600;
        padding: 0 0 0 20%;
        position: relative;
    }
    span.showsearch::after{
        content: " ";
        width: 11px;
        height: 7px;
        background: transparent url('gfx/select.png') no-repeat 0 0 / 100%;
        position: absolute;
        top: 15px;
        right: 30px;
    }
    .row.searchpages.hiddenfields span.showsearch::after{ transform: none; }
    .row.searchpages span.showsearch::after{ transform: rotate(180deg); }
    .row.searchpages.hiddenfields span.showsearch{ margin: 0 10px 0px 10px; }
    .row.searchpages{ border-radius: 36px; width: 90%; margin-left: 5%; }
    .annonces.realisations article a.relative, 
    .annonces.realisations.terrainmaison article a.relative, 
    .modeles.realisations article a.relative, 
    .realisations.plans article a.relative, 
    .realisations article a.relative{ padding: 0 5% 80px 5%; margin-bottom: 20px; }
    .annonces.realisations a.relative .encartreal.terrainmaison, 
    .modeles.realisations .encartreal, 
    .realisations .encartreal.plans, 
    .realisations.annonces .encartreal{ left: 40px; right: 40px; min-height: 100px; }
    .realisations .encartreal{ min-height: 140px; left: 40px; right: 40px; }
    .realisations .encartreal::after{ right: calc(50% - 14px); bottom: 0; }
    .annonces.realisations a.relative .encartreal.terrainmaison::after, 
    .modeles.realisations .encartreal::after, 
    .realisations .encartreal.plans::after, 
    .realisations.annonces .encartreal::after{ bottom: 32px; right: 24px; }

    .annonces.realisations a.relative .encartreal h3 span.orange, 
    .annonces.realisations .encartreal.terrainmaison span.black.bold, 
    .realisations .encartreal.plans h3 span.orange{ font-size: 17px; }
    .annonces.realisations a.relative .encartreal h3 span.black span, 
    .annonces.realisations .encartreal.terrainmaison span.surfmaison, 
    .annonces.realisations .encartreal.terrainmaison span.surfterrain, 
    .realisations.plans .encartreal.plans span.surfmaison, 
    .realisations.plans .encartreal.plans span.nbchambres, 
    .realisations.plans .encartreal.plans span.suite, 
    .realisations.plans .encartreal.plans span.piece_complementaire{ font-size: 13px; }
    .realisations.plans .encartreal.plans span.surfmaison, 
    .realisations.plans .encartreal.plans span.nbchambres, 
    .realisations.plans .encartreal.plans span.suite, 
    .realisations.plans .encartreal.plans span.piece_complementaire{ margin-right: 10px; }

    .annonces.realisations a.relative .encartreal h3 span.black{ margin: 0; }
    .annonces.realisations a.relative .encartreal h3 span.grey{ font-size: 11px; }
    .encart-agence.encart-conseiller .conseil-marge, 
    .modeles .encart-agence.encart-surmesure .conseil-marge{ margin: 0 5% 50px 5%; padding: 0;}
    .nav-links a.page-numbers.prev{ margin: 0 1rem 0 0; }
    .nav-links a.page-numbers.next{ margin: 0 0 0 1rem; }
    .nav-links span, .nav-links a.page-numbers { margin: 0 .5rem; }
    .navigation.pagination{ margin-top: 40px; }
    .footer-contact .span-12, .footer-etude .span-14{ width: 90%; padding: 2rem 5%; }
    .footer-contact h2{  font-size: 20px; line-height: 36px; margin-top: 2rem;}
    .footer-contact h2 span{ font-size: 46px; line-height: 56px; display: block; margin: 0;  }
    .footer-contact .span-12::before, .footer-etude .span-14::before{ background:#fbefea  }
    .wpcf7 .fdpink.relative{ margin-bottom: 1rem; }
    .modeles .bandeaupages h1{ }
    .modeles .bandeaupages h1 span.black{ font-size: 18px; margin: 20px .5rem 0 0; }
    .modeles .bandeaupages h1 span.dageland{ font-size: 46px; }
    .modeles .row.searchpages{ width: 88%; padding: 12px 10px; }
    .modeles .row.searchpages input[type="submit"]{ 
        width: 58px; 
        color:white; 
        font-size: 0px; 
        text-indent: -3000px; 
        padding: 0;
        background-position: center;
        margin: 0;
    }
    .realisations .encartreal h3 span{ font-size: 28px; }
    .realisations .encartreal h3 span.italique{ font-size: 14px; }
    .footer-contact .btn-rappel{ margin-bottom: 1rem; }
    .realisations .encart-agence.encart-surmesure{ margin:30px 0; }

    .conseil-marge{ padding: 0 5% 48px 5%; }
    .taxonomy-type-conseil .encart-agence .conseil-marge .inside-conseil{ min-height: 400px; }
    .acf-map.listeagences{ display:none }
    #searchagence{ width: 80%; bottom: -110px; right: 10%; }
    .agences.avecrecherche .bandeaupages .span-12.relative{ padding: 30px 0 70px 0; }
    .agences.avecrecherche .bandeaupages{ margin-bottom: 80px; }
    .agences .arch-desc{ margin: 0 5%; }
    .agences .row.searchpages{ padding: 10px 0; }
    #searchagence .searchpages select{ font-size: 12px; }

    .notrehistoire main article, 
    .page-defaut main article, 
    .parrainage main article{ width: 80%; margin: 0 10%; }
    .chiffresalpha > div{ margin-bottom: 1rem; }
    .encart-histoire h3{ font-size: 19px; letter-spacing: .2rem; margin-bottom: 1rem; line-height: 32px; }
    .encart-histoire { width: 100%; }
    .encart-histoire h3 span{ font-size: 36px; }
    .parrainage .bandeaupages .bgorange .zone-texte h3{ font-size: 22px; }
    .parrainage .bandeaupages .bgorange .zone-texte p.orange{ font-size: 18px; }
    .parrainage main article .zone-texte h2{ font-size: 22px; letter-spacing: .2rem; }
    .parrainage .btn-rose{ font-size: 13px; }
    .parrainage .wpcf7{ margin: 1rem auto; padding: 2rem 5%; }
    .recrutement .bandeaupages .btn-contact{ left: auto; bottom: auto; position: relative; }
    .annonces-emploi a{ width: 90%; margin: 1rem 5%; padding: 1rem 5% 3.5rem 5%; }
    .annonces-emploi a h3 { font-size: 18px; }
    .recrutement .spannomargin-10.zone-texte{ width: 80%; padding: 0 10%; }
    .recrutement h3.titre-logo{ 
        line-height: 32px; 
        font-size: 20px; 
        letter-spacing: .3rem; 
        background-position: right top;
        background-size: 80px;
        margin: 3rem 0;
    }
    .hexaom .bggrey{ width: 80%; padding: 0 10%; }
    .hexaom h2 { font-size: 20px; margin-top: 40px; }
    .hexaom p b { font-size: 16px; }
    .hexaom p { font-size: 13px; margin-bottom: 2rem;}
    .hexaom img{ max-width: 100%; margin: 0 0 2rem 0; }
    .postuler .wpcf7{  width: 80%; padding: 0 10%; margin-bottom: 2rem; }
    .postuler h2.postulez{  width: 80%; padding: 0 10%; font-size: 32px; }

    #single .modele .bandeaupages{ flex-flow: column-reverse wrap; }
    .showroom .bandeaupages .zone-texte h1, 
    .showroom.modele .bandeaupages .zone-texte h1{ font-size: 18px; line-height: 46px;  letter-spacing: .25rem;}
    .showroom.modele .bandeaupages .zone-texte h1 span{ font-size: 46px; }
    .showroom  .bandeaupages > div{ width: 90%; padding: 0 5%; }
    .modele.showroom .bandeaupages .bgorange::after{ bottom: 0; }
    .modele.showroom .bandeaupages .span-8.bgorange::after{ bottom: 3rem; }
    .carac-modele{ margin: 2rem 0 1rem 0; }
    .carac-modele span{ font-size: 14px; line-height: 18px; padding-top: 70px; }
    .carac-modele span.surfaces{ background-size: 60px; }
    .carac-modele span.nbplans, .carac-modele span.garage{ background-size: 50px; }
    .modele.showroom .annonce-prev{ top: auto; bottom: -1rem; right: auto; left: 35%; }
    .modele.showroom .annonce-next{ top: auto; bottom:  -1rem; right: 35%;}
    .showroom .inspire h3{ font-size: 18px; }
    .showroom .inspire h3 span{ font-size: 48px; display: block; }
    .showroom .inspire .btn-rappel, .showroom .inspire .btn-orange{ margin: 0 0 .5rem 0; }
    .showroom .inspire{ margin-bottom: 3rem; }
    .mrgneg-1{ width: 90%; margin: 0 5%; }
    .modele .lesplans{ flex-flow: column-reverse wrap; }
    .modele .diapo-plans h2{ font-size: 18px; margin: 0 0 3rem 0; text-align: center;  line-height: 34px; }
    .modele .diapo-plans h2 span{ font-size: 34px; margin: 0 0 0 0; }
    .diapo-plans .swiperplan-next, .diapo-plans .swiperplan-prev{ display: none; }
    .plusdeplans .btn-orange{
        margin: 4rem 0 -1.5rem 0;
    }
    .plusdeplans { text-align: center; justify-content: center;}
    .swiper-pagination.swiplan-pagination{ bottom: 3rem; }
    .swiperplan .swiper-slide p{ font-size: 12px; line-height: 32px; }
    .visitevirtuelle{
        width: 80%; padding: 0 10%;
        margin: 4rem 0;
    }
    .modele .zone-texte h2{ font-size: 22px; line-height: 34px; margin-bottom: 1rem; }
    .modele .zone-texte h2 span{ font-size: 30px; }
    .encart-vv{
        padding: 2rem 5%;
        margin-top: 3rem;
        min-height: 200px;
    }
    .imagevv{ max-width: 100%; margin: 0; }
    .encart-vv h3 { font-size: 18px; }
    .encart-vv p { font-size: 16px; line-height: 22px; }
    .modele-video{ flex-flow: column-reverse wrap; }
    .modele-video .zone-texte{ width: 80%; padding: 0 10%; margin: 0 0 3rem 0; }
    #single .modele .footer-etude .span-14{ padding-top: 140px; }
    .plan .bandeaupages{ flex-flow: column-reverse wrap; }
    .showroom .bandeaupages .bgorange::after{ bottom: 0; }
    .showroom .bandeaupages .span-6.bgorange::after{ bottom: 3rem; }
    .showroom.plan .bandeaupages .zone-texte h1{ font-size: 22px; }
    .realplan{ width: 80%; padding: 0 10%; }
    .real1 .bgorange h2, .realplan h2{ font-size: 22px; letter-spacing: .2rem; margin-bottom: 2rem; }
    .real1 .bgorange h2 span, .realplan h2 span{ font-size: 32px; }
    .realplan .illusplan img{ width: 100%; position: relative; top: auto; left: auto; margin-top: 2rem;}
    .realplan .illusplan .btn-orange{ bottom: -2rem; left: 15%; }
    #single .terrains-home{ margin-top: 80px; }
    .showroom .bandeaupages{  flex-flow: column-reverse wrap; margin-bottom: 60px; }
    .showroom .bandeaupages .zone-texte h1 span{ font-size: 32px; }
    .showroom .bandeaupages .show-adresse{ margin-bottom: 1rem; }
    .showroom .bandeaupages .galerie1-prev, 
    .showroom .bandeaupages .galerie1-next{ display: none; }
    .showroom .bandeaupages .galerie-mini{ margin-bottom: 2rem; }
    .footer-contact .spannomargin-11 p.orange{ text-align: center; }
    .agence.annonce.showroom .bandeaupages .zone-texte h1{ font-size: 20px; line-height: 28px; }
    .agence.annonce.showroom .bandeaupages .zone-texte h1 i{ font-size: 18px; }
    .agence.annonce.showroom .bandeaupages .zone-texte a.tel{ text-align: center; display: block; font-size: 22px; }
    .showroom.agence .bandeaupages .row.btns{ 
        position: relative; 
        bottom: auto; 
        left: auto; 
        margin-top: 1rem; 
        margin-top: 1rem;
        display: flex;
        flex-flow: column wrap;
        align-items: center;
    }
    .showroom.agence .bandeaupages .bgorange::after{ bottom: 0; }
    .descriptif-agence{ margin: 3rem 0 0 0; width: 80%; padding: 0 10%; }
    .descriptif-agence h2{ font-size: 22px; letter-spacing: .2rem; line-height: 30px; }
    .descriptif-agence h2 span{ font-size: 28px; }
    #single .footer-etude{ margin: 3rem 0; }
    #single .terrains-home.terrainsmaisons{ margin-bottom: 60px; }
    .actualite main article .spannomargin-14.zone-texte{ width: 80%; padding: 0 10%; }
    .annonce.showroom .bandeaupages .zone-texte h1{ font-size: 20px; line-height: 28px;  }
    .annonce .bandeaupages p .surfterrain, 
    .annonce .bandeaupages p .surfmaison{ font-size: 14px; }
    .annonce .acf-map.listeagences{ display: flex; }
    .annonce .bandeaupages .span-4 .zone-texte .row .spannomargin-24 { display: flex; }
    .annonce .bandeaupages .span-4 .zone-texte .row .spannomargin-24 p{ width: 50% }
    .annonce .bandeaupages p.prix {
        font-size: 22px;
        margin: 10px 0;
        line-height: 44px;
        text-align: right;
    }
    .showroom.annonce .bandeaupages .span-6.bgorange::after{ bottom: 0; }
    .annonce .mentions-terrain{ font-size: 11px; margin: 2px 0 10px 0; }
    .annonce .inspire .phrase-agence{ margin: 2rem auto; }
    .annonce .descriptif-annonce{ width: 80%; padding: 0 5% 3rem 5%; margin: 0 5%; }
    .annonce .descriptif-annonce h2{ font-size: 22px; letter-spacing: .2rem; line-height: 38px; margin-bottom: 2rem; }
    .annonce .descriptif-annonce h2 span{ font-size: 28px; }
    .annonce .bandeaupages .annonce-prev, 
    .annonce .bandeaupages .annonce-next{ display: none; } 
    .descriptif-annonce .photo1 img{ margin-top: 2rem; }

    .landingpage header h1{ font-size: 16px; line-height: 24px; margin-top: 1rem; }
    .landingpage header h1 span{ font-size: 18px }
    .landingpage header .span-2{ width: 100%; }
    .landingpage a#logo{ background-size: 45%; height: 120px; background-position: center; }
    .landingpage .entete1{ font-size: 12px; margin-bottom: 0;}
    .landingpage .bandeaupages h2{ font-size: 20px; line-height: 40px; letter-spacing: .25rem; }
    .landingpage .bandeaupages h2 span{ font-size: 40px; }
    .landingpage .bandeaupages .bgorange img.flex{ margin: 1rem 0 0 0; }
    .landingpage .bandeaupages .zone-texte{ padding-bottom: 2rem; }
    .landingpage .modeles-home .btn-orange{ margin-top: 1rem; }
    .landingpage .plans-telech{ margin-top: 2rem; }
    .landingpage .plans-home img{ display: none; }
    .landingpage .plans-home .btn-noir{ bottom: auto; font-size: 12px; }
    .landingpage .terrains-home{ margin: 3rem 0; }
    .landingpage .terrains-home .span-12 h2{ margin-bottom: 1rem; }
    .landingpage .terrains-home .span-12 p{ text-align: center; font-size: 18px; margin: 0 0 2rem 0;}
    .landingpage .encart-vv{
        padding: 2rem 5%;
        margin: 1rem auto;
        min-height: 200px;
    }
    .landingpage .encart-vv h3{ margin: 0; }
    .landingpage h2.enpensent, .quatraisons h2{
        margin: 2rem 0 0 0;
        font-size: 20px;
    }
    .landingpage h2.enpensent span, .quatraisons h2 span{ font-size: 30px; }
    .landingpage .pave-avis.avisclient{ margin: 0 5%; width: calc(90% - 84px); }
    .landingavis-prev{ left: 0; }
    .landingavis-next{ right: 0; }
    .pave-avis-landing .row{ width: 80%; margin: 0 10%; }
    .pave-avis-landing .row .spannomargin-9{ width: 40%; }
    .pave-avis-landing .row .spannomargin-2{ width: 10%; }
    .landingpage .quatraisons h2, 
    .landingpage .quatraisons h2 span{ text-align: center; }
    .landingpage .lignecontactmrg{ margin: -2rem 0 2rem 0; }
    .landingpage .quatraisons h3 {
        font-size: 14px;
        line-height: 20px;
        margin: 1rem 10% 2rem 10%;
    }
    .landingpage .photomontage .passion1{ margin: 0 0 0 38%; }
    .landingpage .quatraisons h3{ }
    .landingpage .photomontage .passion4{ width: 34%; }
    .landingpage .photomontage .passion2{ height: auto;left: 0; width: 34%; bottom: 0;}
    .landingpage .photomontage .passion3{ height: auto; bottom: 44px; left: 20%; }
    .landingpage .presentation h2{ text-align: center; font-size: 22px; }
    .landingpage .les2btns{ position: relative; bottom: auto; left: auto; margin: 2rem 0 0 0; }
    .landingpage .btn-white-contact{
        position: relative; right: auto; bottom: auto;
        margin: 0 0 1rem 1rem;
        padding-left: 30px;
    }
    .landingpage .actus-conseils .presentation .btn-orange{ margin: 1rem 0 0 5rem; }
    .landingpage .actus-conseils{ margin-bottom: 3rem; }

    .carac-real span{ font-size: 14px; }
    .realisation .real1 .bgorange{ margin: 0; padding: 0 10%; width: 80%; }
    .realisation .real1 .bgorange.span-12{ padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 3rem; }
    .real1 .bgorange .in-real1{ margin-bottom: 1rem; }
    .real1 .bgorange .in-real1 img, 
    .real1 .bgorange .in-real2 img{ margin: 2rem auto; }

    /* modifs annonce */
    .showroom.annonce .bandeaupages .zone-texte h1 span{ font-size: 20px; }
    .annonce .bandeaupages .span-5 .zone-texte .row .spannomargin-24 p{ width: 50%; margin: 0; }
    .annonce .bandeaupages .span-5 .zone-texte .row .spannomargin-24{ display: flex; }
    .annonce .bandeaupages p.phrase-agence{ margin-right: 0; text-align: center; }
    .annonce .bandeaupages .zone-texte a.btn-tel{ margin-top: 2rem; }
    .annonce .descriptif-annonce h2::after, .annonce .descriptif-annonce h2::before{ right: 0; }
    .annonce .bandeaupages .mentions-terrain{ margin: 2px 0 10px 0; }
    .annonce .descriptif-annonce .descriptif-annonce-2 h2::before, 
    .annonce .descriptif-annonce .descriptif-annonce-2 h2::after{ left: -10%; }
    .annonce .descriptif-annonce .descriptif-annonce-2::before, 
    .annonce .descriptif-annonce .descriptif-annonce-2::after{ right: -10%; }





}
/**/
@media (min-width: 500px) and (max-width: 767px) {
    a#logo{ background-size: 50%; }
    .footerlogo{ width: 40%; }



}

/**/
@media (min-width: 768px) and (max-width: 1279px) {
    a#logo{ height: 130px; background-size: 100%; }
    main.nav-up{ margin-top: 140px; }
    header p { font-size: 7px; }
    .top-menu li a { font-size: 7px; padding: 32px 10px 10px 10px; }
    .top-menu li:first-child::before, .top-menu li:first-child::after{ bottom: 14px; }
    .top-menu li.menu-item-has-children ul li a {
        line-height: 26px;
        padding: 0 6px;
        width: calc(100% - 12px);
    }
    #clicrecherche{ width: 50px; height: 50px; }
    #clicrecherche::after {
        width: 24px;
        height: 24px;
        background-size: 24px;
        right: 6px;
        top: 12px;
    }
    #clicrecherche::before {
        width: 20px;
        height: 26px;
        background-size: 30px;
    }
    #formulaire-recherche{ right: calc(50% - 28px); }
    #formulaire-recherche.show { width: 850%; }
    #formulaire-recherche input[type="text"]{
        padding: 0 6px;
        width: calc(100% - 12px - 12px);
        margin: 0 6px;
        font-size: 10px;
        line-height: 40px;
        height: 40px;
    }
    #formulaire-recherche input[type="text"]::placeholder{ font-size: 10px; }
    #formulaire-recherche select{
        padding: 0 6px;
        width: calc(100% - 12px );
        margin: 0 6px;
        font-size: 10px;
        line-height: 40px;
        height: 40px;
    }
    #formulaire-recherche input[type="submit"]{ width: 40px; height: 40px; background-size: 20px; }

    header .rappel{ font-size: 7px; letter-spacing: .025rem; margin: 32px 6px 10px 6px;}
    nav ul li a { font-size: 11px; }
    nav ul li ul li a{ font-size: 9px; line-height: 38px; padding: 0 24px; }
    .menu-menu-principal-container{ margin-top: 2px; }
    .btn-contact{ font-size: 9px; background-position: 17.5% center; background-size: 16px; }
    .btn-tel{ font-size: 9px;  background-position: 30% center; background-size: 10px; }
    .head-contacts { height: 36px; line-height: 36px; }
    header{ height: 140px; }
    .troisencarts.experience{ background-size: 60px; }
    .troisencarts.engagements{ background-size: 40px; }
    .troisencarts.cotes{ background-size: 56px; }
    .troisencarts { padding: 74px 12.5% 0 25%; margin-top: 44px; }
    .troisencarts h3 { font-size: 14px; }
    .troisencarts p { font-size: 10px; line-height: 18px; }
    .troisencarts h3::before{ width: 20px; height: 20px; left: -42px; }
    footer { margin: 60px 0 0 0; padding: 0 0 30px 0; }
    .footer-1 { padding: 36px 0 0 0; }
    footer .btn-contact, footer .btn-tel, footer .btn-rdv{ line-height: 36px; }
    footer .btn-rdv{ background-size: 20px; font-size: 10px; background-position: 10% center; }
    footer .btn-contact{ background-position: 8% center; }
    footer .footer-2 { margin-top: 42px; }
    footer .footer-agences { font-size: 9px; }
    .footer-menu1 li a { font-size: 9px; }
    .footer-menu2 { font-size: 9px; line-height: 18px; }
    .footer-menu1{ line-height: 16px; }
    .btn-parrain, .btn-emploi {
        padding: 10px;
        border-radius: 12px;
        max-width: calc(100% - 24px - 12px);
        margin: 0 auto 12px auto;
        font-size: 9px;
        background-size: 14px;
        background-image: none;
    }
    footer p.aligncenter.orange.uppercase{ font-size: 12px; margin: 2rem 0 1rem 0;}
    .sociaux a img {
        max-width: 18px;
        max-height: 18px;
        margin: 0 6px;
    }
    .footer-menu3 {
        max-height: 240px;
        font-size: 9px;
        line-height: 14px;
        margin-left: 5%;
    }
    .conseils-footer-titre { margin-left: calc(5% + 1rem); font-size: 9px; }
    .lesconseils-footer {
        line-height: 14px;
        font-size: 9px;
        margin: 0 0 0 calc(5% + 1rem);
        padding-left: 1rem;
        background-size: 10px;
        background-position: 0 4px;
    }
    p.copyright { font-size: 8px; line-height: 60px; }
    p.copyright img { margin: 0 0 0 1rem; max-width: 10%; }

    h2.titre2 span{ font-size: 42px; line-height: 38px; }
    h2.titre2 { font-size: 12px; letter-spacing: .15rem; }
    .lignediapo p { font-size: 10px; line-height: 16px; margin: 1.5rem 0 2rem 0; }
    .lignediapo { padding: 60px 0 0 0; }
    .btn-orange, .btn-blanc, .btn-rose, .btn-noir, 
    .btn-orange:hover, .btn-blanc:hover, .btn-rose:hover, .btn-noir:hover  {
        display: inline-block;
        background-size: 16px;
        background-position: 95% center;
        line-height: 38px;
        border-radius: 29px;
        padding: 0 30px 0 12px;
        font-size: 10px;
    }
    .lignediapo .btn-orange { margin-bottom: 12px; }
    .lignediapo::after{ bottom: 22px; }
    .titre2.big { font-size: 16px; letter-spacing: .25rem; }
    .modeles-home { margin: 60px 0 0 0; }
    .titre2.big span { font-size: 26px; line-height: 30px; }
    .modeles-home .btn-orange { margin-top: 1rem; }
    .modeles-home .titre2.big { margin-bottom: 50px; }
    .swipermodeles .swiper-slide a .encartmodele h4 .dageland{ font-size: 18px; }
    .swipermodeles .swiper-slide a .encartmodele h4 .opensans { font-size: 10px; margin-left: 4px; }
    .swipermodeles .swiper-slide a .encartmodele {
        height: 54px;
        line-height: 54px;
        padding: 0 8px 0 14px;
    }
    .btn-fleche, .btn-fleche.blanc, 
    .btn-fleche:hover, .btn-fleche.blanc:hover, 
    .swiperannonces a.relative:hover .btn-fleche.blanc{ width: 20px; height: 20px; background-size: 8px; }
    .swipermodeles .swiper-slide a .encartmodele .btn-fleche{ margin-left: 10px; }
    .modeles-home p {
        font-size: 11px;
        line-height: 18px;
        margin: 22px auto 0 auto;
        max-width: 95%;
    }
    .swipermodeles-button-prev, 
    .swipermodeles-button-next, 
    .swiperreal-button-prev, 
    .swiperreal-button-next, 
    .swiperannonces-button-prev, 
    .swiperannonces-button-next, 
    .swiperconseils-button-next, 
    .swiperconseils-button-prev, 
    .swiperplan-next,
    .swiperplan-prev
    {
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .plans-home p { font-size: 14px; line-height: 26px; }
    .plans-home p::before{ width: 32px; height: 32px; }
    .plans-home { margin: 60px auto; }
    .realisations-home { padding: 70px 0 0 0; }
    .realisations-home p {
        margin: 0 14px 30px 14px;
        font-size: 10px;
        line-height: 18px;
    }
    .realisations-home .titre2.big{ letter-spacing: .15rem; }
    .realisations-home .titre2.big span { margin-bottom: 30px; }
    .realisations-home .btn-orange { margin: 0 0 10px 10px; }
    .encartreal h4{ font-size: 11px; }
    .encartreal{ height: 50px; line-height: 50px; padding: 0 0 0 24px; }
    .avis-home { margin: 80px 0 70px 0; }
    .avis-home .titre2.big{ letter-spacing: .15rem; }
    .troisavis .marginneg .pave-avis{ min-height: 240px; }
    .troisavis .notesur5 { font-size: 18px; }
    .troisavis .nbavis { margin: 0 0 1rem 0; font-size: 10px; }
    .pave-avis.avisclient p.avis-titre { font-size: 12px; line-height: 16px; }
    .pave-avis.avisclient p.avis-date, .pave-avis.avisclient p.avis-etape, 
     .pave-avis.avisclient p.avis-signature { font-size: 10px; line-height: 16px; }
    .pave-avis.avisclient p.avis-commentaire{ font-size: 9px; line-height: 12px; }
    .avis-home .alignright .btn-blanc{ margin-bottom: 0; }
    .avis-home .alignleft .btn-orange { margin: 0 0 10px 10%; }
    .terrains-home.bottom .btn-orange{ margin-left: -10px; }
    .swiperannonces { margin-top: 40px; padding: 12px; }
    .swiperannonces a.relative .encartterrain{ padding: 10px; width: calc(100% - 20px); }
    .swiperannonces a.relative .encartterrain h3 span.grey{ font-size: 10px; }
    .swiperannonces a.relative .encartterrain h3 span.orange{ font-size: 14px; line-height: 18px; }
    .swiperannonces a.relative .encartterrain h3 span.black{ font-size: 12px; line-height: 16px; }
    .actus-conseils { padding: 44px 0 0 0; margin: 60px 0; }
    .bienconseiller { font-size: 70px; line-height: 50px; }
    .bienconseiller span {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: .15rem;
    }
    .actu-home{ padding: 40px 24.9999999% 36px 16.6666666%; }
    .actu-home h3 { line-height: 28px; font-size: 20px; }
    .actu-home p { line-height: 16px; font-size: 10px; }
    .actu-home a.article::after{ width: 24px; height: 24px; }
    a.home-conseil h4 { font-size: 12px; line-height: 18px; }
    a.home-conseil p { font-size: 10px; line-height: 14px; }
    a.home-conseil::after{ width: 16px; height: 16px; }
    .actus-conseils .mille { margin-top: 80px; }
    .photomontage .passion2{ width: 30%; }
    .photomontage .passion3{ width: 25%; }
    .actus-conseils .presentation h1{ font-size: 12px; }
    .actus-conseils .presentation h1 span{ font-size: 20px; }
    .actus-conseils .presentation p { font-size: 10px; line-height: 18px; }
    .actus-conseils .presentation img{ width: 80%; margin-top: 20px; }
    .photomontage h2 .h2maison{ font-size: 30px; line-height: 54px; }
    .photomontage h2 .h2passion { line-height: 40px; font-size: 16px; } 
    .photomontage h2 { top: 102px; }
    .faq h2 .faq-reponses{ font-size: 70px; line-height: 50px; }
    .faq h2 .faq-questions{
        font-size: 20px;
        line-height: 20px;
        letter-spacing: .15rem;
    }
    .faq h2 { margin: 0 0 34px 12%; }
    .faq-q { padding: 10px 64px 10px 0; }
    .faq-question > * { font-size: 11px; line-height: 18px; }
    .faq-question { margin: 0 0 16px 0; }
    .faq-question div.show .faq-a { padding-bottom: 16px; }
    .faq-q::after{ width: 30px; height: 30px; background-size: 10px }
    .bandeaupages .bread, 
    .bandeaupages .bread a, 
    .bandeaupages .bread span, 
    .bread a, 
    .bread span { font-size: 9px; }
    .bandeaupages h1 {
        margin: 1rem auto 1rem auto;
        font-size: 20px;
        letter-spacing: .25rem;
    }
    .bandeaupages .arch-desc p { font-size: 11px; line-height: 20px; }
    .bandeau-marge { padding: 34px 15% 44px 15%; }
    .conseil-marge a.home-conseil h4 {
        font-size: 14px;
        line-height: 20px;
        margin-top: 26px;
    }
    .bandeaupages { margin: 0 0 60px 0; }
    .conseil-marge a.home-conseil p { font-size: 11px; margin: .5rem 0 0 0; }
    .conseil-marge a.home-conseil::after {
        width: 20px;
        height: 20px;
        bottom: 20px;
    }
    .conseil-marge { padding: 0 28px 68px 0; }
    .encart-agence .conseil-marge .inside-conseil{ padding: 0 10%; }
    .encart-agence .conseil-marge h2 {
        font-size: 14px;
        line-height: 20px;
        margin: 1rem 0 .5rem 0;
    }
    .encart-agence .conseil-marge p {
        font-size: 10px;
        line-height: 16px;
        margin: .5rem 0 1rem 0;
    }
    .footer-contact h2 {
        font-size: 14px;
        line-height: 40px;
        margin: 0 0 22px 0;
    }
    .footer-contact h2 span { font-size: 34px; }
    .footer-contact .span-12 { padding: 54px 0 36px 0; }
    .btn-rappel{ 
        font-size: 12px; 
        line-height: 36px; 
        background-size: 10px; 
        padding: 0 28px 0 36px; 
        background-position: 10% center; 
    }
    .footer-contact { margin: 40px 0 0 0; }
    .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], 
    .wpcf7 input[type="number"], .wpcf7 input[type="date"], 
    .wpcf7 select{
        font-size: 12px;
        line-height: 24px;
        padding: 6px 5%;
        margin: 0 0 6px 0;
    }
     .wpcf7 textarea{font-size: 12px; line-height: 20px; padding: 0.5rem 5%; }
    .wpcf7 .spannomargin-11.relative textarea{
        font-size: 12px;
        line-height: 20px;
        padding: 6px 5%;
    }
    .wpcf7 .fdpink p.bold.italique,  .wpcf7 label { font-size: 10px; }
    .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, p.formcgv, p.formcgv a, .wpcf7-list-item{
        font-size: 10px; line-height: 12px;
    }
    .footer-contact .span-12::before{ background-size: 50%; }
    .wpcf7 input[type="submit"]{ font-size: 11px; line-height: 36px; }

    .searchpages select {
        line-height: 40px;
        padding: 0 26px 0 10px;
        margin: 0 4px;
        font-size: 11px;
        background-size: 10px;
        max-width: 170px;
    }
    #searchagence .searchpages select{ font-size: 9px; }
    .searchpages label {
        font-size: 11px;
        line-height: 40px;
        margin: 0 6px;
    }
    .searchpages input[type="submit"]{      
        line-height: 40px;
        padding: 0 40px 0 24px;
        margin: 0;
        font-size: 11px;
    }
    .row.searchpages {
        margin: -36px 0 50px 0;
        padding: 10px 0;
    }
    .avecrecherche .bandeau-marge { padding-bottom: 74px; }
    .realisations .encartreal h3 span.italique { font-size: 11px; }
    .realisations .encartreal h3 span { font-size: 20px; }
    .realisations .encartreal{ min-height: 100px; }
    .realisations article a.relative { padding: 0 44px 80px 44px; margin-bottom: 60px; }
    .realisations .encartreal::after { bottom: 12px; }
    .encart-agence.encart-surmesure .conseil-marge h2 span { font-size: 22px; }
    .encart-agence.encart-surmesure .conseil-marge h2{ margin: 2.5rem 0 1rem 0; }
    .nav-links span, .nav-links a.page-numbers { font-size: 16px; }
    .nav-links a.page-numbers.next, .nav-links a.page-numbers.prev { width: 34px; height: 34px; }

    .modeles .bandeaupages h1 span.black { font-size: 14px; letter-spacing: .2rem; margin: 16px 1rem 0 0; }
    .modeles .bandeaupages h1 span.dageland { font-size: 40px; line-height: 30px; }
    .modeles .row.searchpages{ padding: 10px 10px; margin: -36px auto 50px auto; }
    .modeles.realisations .encartreal { min-height: 80px; left: 24px; right: 56px;}
    .modeles.realisations article a.relative {
        padding: 0 32px 64px 0;
        margin-bottom: 70px;
    }
    .modeles .encart-agence.encart-surmesure .conseil-marge { margin: -30px 0 50px 0; }
    .searchpages input[type="text"]{
        line-height: 40px;
        padding: 0 10px 0 10px;
        margin: 0 4px;
        font-size: 11px;
    }
    .annonces.realisations .encartreal.terrainmaison span.black.bold {
        font-size: 12px;
        margin: 0 0 3px 0;
        line-height: 18px;
    }
    .annonces.realisations .encartreal.terrainmaison span.surfmaison, 
    .annonces.realisations .encartreal.terrainmaison span.surfterrain {
        padding-left: 30px;
        background-size: 22px;
        line-height: 18px;
        margin-right: 24px;
        font-size: 11px;
    }
    .annonces.realisations a.relative .encartreal.terrainmaison, 
    .annonces.realisations a.relative .encartreal {
        left: 22px;
        right: 56px;
    }
    .annonces.realisations a.relative .encartreal.terrainmaison h3 span.orange {
        font-size: 13px;
        margin-top: 3px;
    }
    .annonces.realisations.terrainmaison article a.relative {
        padding: 0 32px 90px 0;
        margin-bottom: 80px;
    }
    .annonces.realisations a.relative .encartreal.terrainmaison::after {
        bottom: 34px;
        width: 18px;
        height: 18px;
        background-size: 10px;
    }
    .annonces.realisations a.relative .encartreal h3 span.grey {
        font-size: 10px;
        line-height: 14px;
    }
    .annonces.realisations a.relative .encartreal h3 span.orange {
        font-size: 13px;
        line-height: 20px;
    }
    .annonces.realisations a.relative .encartreal h3 span.black, 
    .annonces.realisations a.relative .encartreal h3 span.black span {
        font-size: 12px;
        line-height: 20px;
    }
    .annonces.realisations a.relative .encartreal h3 span.black{ margin-top: 0; }
    .annonces.realisations article a.relative { margin-bottom: 80px; }
    .annonces.realisations .encartreal::after {
        bottom: 32px;
        width: 18px;
        height: 18px;
        background-size: 10px;
    }
    .realisations .encartreal.plans{
        left: 22px;
        right: 56px;
    }
    .realisations .encartreal.plans h3 span.orange { font-size: 12px; }
    .realisations.plans .encartreal.plans span.surfmaison, 
    .realisations.plans .encartreal.plans span.nbchambres, 
    .realisations.plans .encartreal.plans span.suite, 
    .realisations.plans .encartreal.plans span.garage, 
    .realisations.plans .encartreal.plans span.piece_complementaire{ 
        padding-left: 26px;
        background-size: 22px;
        line-height: 18px;
        margin-right: 12px;
        font-size: 9px;
    }
    .realisations.plans .encartreal.plans span.nbchambres, 
    .realisations.plans .encartreal.plans span.piece_complementaire{ background-size: 18px; }
    .realisations .encartreal.plans h3 {
        padding: 10px 24px 0 24px;
    }
    .realisations.plans .encartreal.plans::after{
        bottom: 32px;
        right: 8px;
        width: 18px;
        height: 18px;
        background-size: 10px;
    }
    .realisations.plans article a.relative { padding: 0 32px 86px 0; }

    .acf-map.listeagences {
        height: 360px;
        margin-bottom: -90px;
    }
    .agences.avecrecherche .bandeaupages .span-12.relative { padding-top: 50px; }
    .agences.avecrecherche .bandeaupages { margin-bottom: 160px; }
    .realisations.agences .encartreal.plans h3 { line-height: 14px; }
    .realisations.plans.agences article a.relative{ margin-bottom: 60px; }

    .pagecontact .bgorange { padding: 60px 0 32px 0; }
    .mrgbtcontact { margin: 1rem auto 2rem auto; }
    .pagecontact p.ecriveznous { font-size: 12px; }
    .pagecontact .bgorange h3 .h2passion {
        font-size: 11px;
        letter-spacing: .05rem;
    }
    .pagecontact .bgorange h3 .h2maison { font-size: 16px; }

    .btn-retour{ font-size: 10px; line-height: 30px; }
    .btn-retour::before{ width: 16px; top: 7px; }
    .bandeaupages .bgorange { padding-top: 24px; }
    .bandeaupages .bgorange img.flex { margin: 18px 0 -18px 0; }
    .bandeaupages .bgorange p.bread { margin-top: 52px; }
    .form-orange h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .form-orange h3 span{ font-size: 14px; }
    main article .zone-texte h2.resume-titre{ font-size: 28px; }
    .en-resume{ margin: 40px 0; padding: 30px 40px 40px 40px; }
    .form-orange .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, 
    .form-orange p.formcgv, p.formcgv a, .form-orange p.italique{
        font-size: 9px; line-height: 12px;
    }
    .form-orange .wpcf7 label, .form-orange .wpcf7-list-item{ line-height: 12px; }
    .form-orange .wpcf7 input[type="submit"]{ background-position: 80% center; }
    .bandeaupages .bgorange .zone-texte{ padding-bottom: 20px; }

    .zone-texte h1 { font-size: 18px; margin: 0 0 1rem 0; }
    .zone-texte p { font-size: 10px; line-height: 18px; }
    .zone-texte ul li{ 
        font-size: 10px; 
        line-height: 24px; 
        background-size: 12px; 
        background-position:0 6px; 
        padding-left: 1.5rem;
    }
    .zone-texte ul li ul li{ font-size: 10px; line-height: 18px; background-size: 12px; background-position:0 4px;  }
    main article .zone-texte h2 { font-size: 16px; padding: 0 0 16px 0; }
    main article .zone-texte h3{ font-size: 14px; padding: 0 0 16px 0; }
    .zone-texte .outimg{ 
        margin: 30px 0 60px 60px;
        max-width: calc(100% - 120px);
    }
    .zone-texte .outimg::before{ left: -60px; top: 30px;}
    p.wp-caption-text{ left: 60px; bottom: -34px; }

    .encart-yak h3{ font-size: 12px; padding: 0rem 0 .5rem 0; }
    .encart-yak p{ font-size: 10px; line-height: 16px; margin-bottom: 1rem; }
    .btn-yak{ font-size: 10px; line-height: 38px; }
    .encart-yak img.yak3{ margin-top: 3rem; }
    .encart-yak h3::before{ width: 34px; background-size: 100%; }
    .encart-yak img.yak1 { margin-bottom: -28px; }

    .chiffresalpha img{ max-width: 40%; max-height: 3.5rem; }
    .chiffresalpha p { font-size: 24px; line-height: 24px; }
    .chiffresalpha p span { font-size: 14px; line-height: 14px; }
    .chiffresalpha { margin: 34px auto 52px auto; }
    .encart-histoire h3 { font-size: 20px; letter-spacing: .35rem; line-height: 32px; }
    .encart-histoire h3 span { font-size: 32px; }
    .encart-histoire { margin: 44px auto 52px auto; }

    .showroom .bandeaupages .zone-texte h1 {
        font-size: 12px;
        line-height: 30px;
        letter-spacing: .35rem;
        margin-bottom: 0;
    }
    .showroom .bandeaupages .zone-texte h1 span{ font-size: 22px; }
    .showroom .bandeaupages .show-adresse p, 
    .showroom .bandeaupages .zone-texte p{ font-size: 9px; line-height: 14px; }
    .showroom .bandeaupages .show-adresse a.tel{ font-size: 12px; }
    .showroom .bandeaupages .bgorange .zone-texte{ padding-bottom: 10px; }
    .galerie1-prev, .galerie1-next{
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .showroom .inspire h3{ font-size: 16px; line-height: 34px; }
    .showroom .inspire h3 span {
        font-size: 34px;
        line-height: 34px;
    }
    .showroom .inspire { margin: 0px auto 50px 0; }

    .carac-real span{ 
        padding-left: 26px; 
        background-size: 20px!important;
        width: calc(50% - 26px);
        font-size: 10px;
        line-height: 28px;
        background-position: 0 6px!important;
    }
    .carac-real{ margin-bottom: 12px; }
    .real1 .bgorange h2, .realplan h2{ font-size: 20px; letter-spacing: .2rem; line-height: 26px; margin-bottom: 20px; }
    .real1 .bgorange h2 span, .realplan h2 span{ font-size: 26px; }
    .real1 .bgorange { padding: 60px 0 0 0; margin: 0 0 120px 0; }
    .real1 .bgorange .in-real1 { margin: 0 0 60px 0; }
    .maskpop .inpop{
        padding: 40px 60px;
        max-width: 540px;
    }
    .maskpop .inpop h2{ font-size: 20px; }
    .maskpop .inpop h2 label{ font-size: 20px; }
    .maskpop .inpop p{ font-size: 10px; line-height: 18px; }
    .maskpop .inpop .closepop{ top: 20px; right: 20px; }

    .showroom.plan .bandeaupages .zone-texte h1{ font-size: 20px; }

    .parrainage main article .zone-texte h2{ font-size: 20px; letter-spacing: .15rem; }
    .parrainage .bandeaupages .bgorange .zone-texte h3{ font-size: 18px; }
    .parrainage .bandeaupages .bgorange .zone-texte p.orange{ font-size: 18px; margin-bottom: 1rem; }

    .annonce .mentions-terrain{ font-size: 8px; }
    .annonce.showroom .bandeaupages .zone-texte h1 { font-size: 18px; }
    .annonce .bandeaupages p .surfmaison, 
    .annonce .bandeaupages p .surfterrain{
        font-size: 12px;
        line-height: 28px;
        background-size: 30px;
        padding: 0 0 0 48px;
        width: calc(50% - 48px);
    }
    .annonce.showroom .bandeaupages .zone-texte p.prix{ font-size: 16px; margin-top: 1rem; }
    .annonce p.introannonce{ margin-top: 1rem; }
    .annonce-prev, .annonce-next, .surmesure-prev , .surmesure-next{
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .annonce .inspire .phrase-agence{ font-size: 13px; }
    .annonce .inspire .phrase-agence span.italique{ font-size: 11px; }
    .annonce .descriptif-annonce{
        padding: 0px 0 100px 0;
        margin: 0 0 -134px 0;
    }
    .annonce .descriptif-annonce h2{ 
        font-size: 18px;
        line-height: 38px;
        letter-spacing: .2rem;
        margin: 0 0 2rem 0;
    }
    .annonce .descriptif-annonce h2 span{  font-size: 30px; }
    .annonce .footer-etude .span-14::before{ background-size: 40%; }
    .annonce .encart-agence p.contactezagence, 
    .annonce .encart-agence p.adresseagence { font-size: 12px; }

    .terrainsmaisons .swiperannonces a.relative .encartterrain h3 span.black{ font-size: 12px; }
    .terrainsmaisons .encartterrain span.surfmaison, 
    .terrainsmaisons .encartterrain span.surfterrain{
        font-size: 10px;
        padding-left: 22px;
        background-size: 18px;
        margin-right: 14px;
    }
    .terrainsmaisons .swiperannonces a.relative .encartterrain h3 span.orange{ font-size: 14px; }

    .agence.annonce.showroom .bandeaupages .zone-texte h1 i{ font-size: 14px; }
    .agence.annonce.showroom .bandeaupages .zone-texte h1{ font-size: 18px; line-height: 24px; margin-bottom: 12px; }
    .agence.annonce.showroom .bandeaupages .zone-texte a.tel {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .showroom.agence .bandeaupages .row.btns .btn-contact{ 
        line-height: 38px;
        font-size: 9px;
        background-position: 12.5% center;
        background-size: 16px;
        padding: 0 12px 0 34px;
    }
    .showroom.agence .bandeaupages .row.btns .btn-rdv{
        line-height: 38px;
        font-size: 9px;
        background-position: 10% center;
        background-size: 16px;
        padding: 0 12px 0 34px;
    }
    .descriptif-agence { margin: 80px 0 0 0; }
    .descriptif-agence h2 {
        font-size: 18px;
        letter-spacing: .15rem;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .descriptif-agence h2 span { font-size: 26px; }

    .showroom.modele .bandeaupages .zone-texte h1 {
        margin-top: 0px;
        line-height: 36px;
    }
    .showroom.modele .bandeaupages .zone-texte h1 span { font-size: 36px; }
    .showroom.modele .bandeaupages .zone-texte p { margin-top: 8px; }
    .carac-modele span {
        padding: 50px 2.5% 0 2.5%;
        font-size: 9px;
        line-height: 14px;
        background-size: 40px!important;
    }
    .carac-modele { margin: 40px 0 0 0; }
    .carac-modele span.nbplans{ background-size: 32px!important; }
    .carac-modele span.garage{ background-size: 36px!important; }
    .modele .diapo-plans h2 {
        font-size: 14px;
        line-height: 26px;
        letter-spacing: .2rem;
        margin: 0 0 52px 25%;
    }
    .modele .diapo-plans h2 span{ font-size: 26px; line-height: 26px; }
    .swiperplan .swiper-slide p {
        line-height: 32px;
        padding: 0 18px;
        font-size: 10px;
    }
    .modele .zone-texte h2{ font-size: 20px; line-height: 30px; letter-spacing: .2rem; margin-bottom: 1.5rem; }
    .modele .zone-texte h2 span{ font-size: 30px; line-height: 30px; }
    .encart-vv {
        min-height: 166px;
        padding: 31px 44px 11px 44px;
    }
    .encart-vv h3 { font-size: 16px; }
    .encart-vv p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 1.5rem;
    }
    .visitevirtuelle { margin: 90px 0 120px 0; }
    #single .modele .footer-etude .span-14 { padding-top: 140px; }

    .surmesure .bandeaupages .zone-texte h1 span{ font-size: 30px; }
    .surmesure .bandeaupages .zone-texte h1 {
        font-size: 12px;
        letter-spacing: .1rem;
        line-height: 22px;
    }
    .surmesure .bandeaupages .bgorange p.bread {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .surmesure .bandeaupages { margin-bottom: 100px; }
    .titre-diapo-surmesure h2 {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 38px;
    }
    .titre-diapo-surmesure h2 span{ font-size: 30px; }
    .titre-diapo-surmesure h2::after{ height: 140px; }
    #choixsecteur{ font-size: 11px; padding: 5px 60px 5px 32px; max-width: 100%; line-height: 26px; }
    .desc-surm {
        padding: 60px 25% 30px 25%;
    }
    .desc-surm h3 { font-size: 12px; }
    .desc-surm h3 i{ font-size: 11px; }
    .desc-surm p {
        font-size: 9px;
        line-height: 20px;
    }
    .swipersurmesure .swiper-slide .masque{ border-top-right-radius: 60px; }
    .surmesure-prev{ left: -2%; }
    .surmesure-next{ right: -2%; }
    .bgorange.modedevie {
        padding: 180px 0 0 0;
        margin: -100px 0 120px 0;
    }
    .modedevie h2{
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 12px;
    }
   .modedevie h2 span{
        font-size: 30px;
    }
    .modedevie .annonce-next{ top: 55%; }
    .modedevie .annonce-prev { top: 69%; }
    .surmesure .encart-agence.encart-surmesure .inside-conseil{ min-height: 200px; }
    .surmesure .encart-agence.encart-surmesure{ margin-top: 60px; }
    .surmesure .encart-agence.encart-surmesure .btn-contact{ line-height: 36px; bottom: -18px; left: 24%;}

    .recrutement .bandeaupages .bgorange p.bread{
        margin-top: 22px;
    }
    .recrutement .bandeaupages .btn-contact{
        line-height: 36px;
        padding: 0 30px 0 60px;
        background-position: 30px center;
        bottom: -18px;
        left: 16%;
    }
    .annonces-emploi a{
        padding: 26px 20px 40px 20px;
        margin-bottom: 44px;
    }
    .annonces-emploi a p.secteur, .postuler p.secteur { font-size: 10px; }
    .annonces-emploi a h3 { font-size: 14px; }
    .recrutement h3.titre-logo {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: .25rem;
        background-size: 70px;
        margin-bottom: 40px;
    }
    .annonces-emploi a::after{ bottom: 20px; right: 26px; }
    .recrutement .wpcf7 label, 
    .wpcf7 input[type="file"]{ font-size: 12px; line-height: 24px; }
    .recrutement .wpcf7 label{ padding: 0.5rem 5%; }
    .hexaom h2 {
        font-size: 20px;
        margin-top: 30px;
    }
    .hexaom p { font-size: 12px; }
    .hexaom p b{ font-size: 14px; }
    .postuler p.secteur span{ font-size: 10px; }
    .postuler h2.postulez { font-size: 30px; margin-bottom: 20px; }

    .landingpage .entete1{ font-size: 8px; }
    .landingpage header h1 {
        font-size: 12px;
        line-height: 20px;
        margin: 20px 0 0 0;
    }
    .landingpage header h1 span { font-size: 14px; }
    .landingpage .bandeaupages h2 {
        font-size: 14px;
        line-height: 26px;
        letter-spacing: .25rem;
        margin: 10px 0 20px 0;
    }
    .landingpage .bandeaupages h2 span { font-size: 40px; }
    .landingpage .modeles-home .titre2.big{ margin-top: 60px; }
    .landingpage .modeles-home .encartmodele h4 .dageland{ font-size: 16px; }
    .landingpage .modeles-home .encartmodele h4 .opensans{ font-size: 8px; }
    .landingpage .terrains-home .span-12 p{ font-size: 12px; }
    .landingpage .encart-vv{
        padding: 24px 5% 21px 5%;
        min-height: 182px;
    }
    .landingpage .encart-vv h3{ margin: 0; font-size: 11px; }
    .landingpage .encart-vv p{
        font-size: 11px;
        line-height: 16px;
        margin: .25rem 0 1rem 0;
    }
    .landingpage h2.enpensent, .quatraisons h2{ font-size: 16px; letter-spacing: .15rem; }
    .landingpage h2.enpensent span, .quatraisons h2 span{ font-size: 26px; line-height: 30px; margin-bottom: 30px; }
    .landingpage h2.enpensent{ margin-top: 70px; }
    .landingpage .pave-avis.avisclient {
        width: calc(60% - 44px);
        margin: 0 20%;
        padding: 46px 22px;
    }
    .landingavis-next{ 
        right: 5%;
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .landingavis-prev{ 
        left: 5%;
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .pave-avis-landing .row .notesur5 { font-size: 24px; }
    .pave-avis-landing .row{ padding: 12px 0 18px 0; }
    .landingpage .quatraisons img {
        max-width: 56px;
        max-height: 46px;
    }
    .landingpage .quatraisons h3 {
        font-size: 11px;
        line-height: 16px;
        margin-top: 24px;
    }
    .landingpage .photomontage .passion4{ max-width: 42%; }
    .landingpage .photomontage .passion1 { margin-bottom: -90px; }
    .landingpage .photomontage .passion2{ width: auto; max-width: 25%; height: auto; }
    .landingpage .photomontage .passion3{ height: auto; max-width: 18%; }
    .btn-white-contact, .btn-white-contact:hover{
            display: inline-block;
            background-size: 16px;
            background-position: 95% center;
            line-height: 38px;
            border-radius: 29px;
            padding: 0 30px 0 80px;
            font-size: 10px;
    }
    .landingpage .actus-conseils { margin-bottom: 140px; }
    .landingpage .footer-1 .btn-rdv, .landingpage .footer-1 .btn-contact {
        margin-bottom: 10px;
    }

    /*annonce*/
    .showroom.annonce .bandeaupages .zone-texte h1 span{ font-size: 18px; }
    .annonce .bandeaupages p.phrase-agence{ margin: 20px 15% 0 0; padding: 18px 0 0 0; }
    .annonce .bandeaupages p.phrase-agence b{ font-size: 9px; line-height: 14px; }
    .annonce .bandeaupages p.phrase-agence span.italique{ font-size: 9px; line-height: 14px; }
    .annonce .bandeaupages .zone-texte a.btn-tel, 
    .annonce .bandeaupages .zone-texte a.btn-contact{
        display: inline-block;
        background-size: 16px;
        background-position: 90% center;
        line-height: 38px;
        border-radius: 29px;
        padding: 0 30px 0 12px;
        font-size: 10px;
    }
    .annonce .bandeaupages .zone-texte a.btn-tel{ margin-top: 0; background-size: 10px; }
    .annonce .encart-agence img{ max-width: 50%; }
    .annonce .encart-agence p.contactezagence{ margin-top: 10px; }
    .annonce .encart-agence p.contactezagence .bold{ font-size: 14px; }






}


/**/
@media (min-width: 768px) and (max-width: 1023px){
    .mille{ max-width: 728px; }
    header p { font-size: 6px; }
    .top-menu li a { font-size: 5px; }
    header .rappel { font-size: 5px; }
    nav ul li a { font-size: 9px; }
    .btn-tel, .btn-contact{ font-size: 7px; }
    .btn-tel{ background-position: 35% center; }
    .lignediapo { padding: 30px 0 0 0; }
    h2.titre2 {
        font-size: 10px;
        letter-spacing: .1rem;
    }
    h2.titre2 span {
        font-size: 30px;
        line-height: 28px;
    }
    .btn-orange, .btn-blanc, .btn-rose, .btn-noir, 
    .btn-orange:hover, .btn-blanc:hover, .btn-rose:hover, .btn-noir:hover{ font-size: 7px; }
    .lignediapo p {
        font-size: 8px;
        line-height: 12px;
    }
    .titre2.big {
        font-size: 14px;
        letter-spacing: .25rem;
    }
    .realisations-home p{
        font-size: 8px;
        line-height: 12px;
    }
    .realisations-home .btn-blanc{ margin: 0; }
    .realisations-home { padding: 30px 0 0 0; }
    .avis-home { margin: 40px 0 30px 0; }
    .avis-home .titre2.big { letter-spacing: 0.05rem; }
    .troisavis .marginneg {
        margin-left: -30%;
        width: 130%;
    }
    .row.troisavis { padding-bottom: 20px; }
    .actus-conseils .presentation p{ font-size: 8px; line-height: 14px; }
    .actus-conseils .presentation img{ margin: 0 0 1rem 0; }
    .footer-menu1 li a { font-size: 6px; }
    .footer-menu1 { line-height: 12px; }
    footer .btn-rdv { font-size: 7px; }
    footer .btn-contact, footer .btn-tel{ font-size: 6px; }
    footer .footer-2 { margin-top: 22px; }
    .btn-parrain, .btn-emploi{ font-size: 7px; }
    p.copyright { font-size: 6px; }
    nav ul li ul li a{ padding: 0 14px; }
    .realisations .encartreal h3 span { font-size: 14px; }
    .realisations .encartreal h3 span.italique { font-size: 8px; }
    .modeles.realisations .encartreal { left: 14px; right: 46px; }
    .row.machin{ align-items: center; justify-content: center;  }
    .searchpages .row.machin select, .searchpages .row.machin input, 
    .searchpages div select, .searchpages div input{ margin: 4px 8px; }
    .annonces.realisations a.relative .encartreal.terrainmaison, 
    .annonces.realisations a.relative .encartreal{
        left: 12px;
        right: 46px;
    }
    .form-orange{ padding: 30px 8px 10px 8px; }
    .btn-yak { font-size: 9px; padding-right: 40px; padding-left: 18px; }
    .parrainage .wpcf7{ padding: 30px; }
    .agence.annonce.showroom .bandeaupages .zone-texte h1 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px;
    }
    .zone-texte a.tel {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .showroom.agence .bandeaupages .row.btns .btn-contact, 
    .showroom.agence .bandeaupages .row.btns .btn-rdv{ font-size: 7px; }
    .showroom.agence .bandeaupages .row.btns {
        bottom: -20px;
    }
    .terrainsmaisons .encartterrain span.surfmaison, 
    .terrainsmaisons .encartterrain span.surfterrain{ line-height: 18px; }
    #formulaire-recherche input[type="text"], 
    #formulaire-recherche select{ margin: 0; }
    #formulaire-recherche select{ width: 100%; }
    #formulaire-recherche .spannomargin-55 { width: 22%; margin: 0 0 0 .5%; }
    .bandeaupages .bread, .bandeaupages .bread a, 
    .bandeaupages .bread span, .bread a, .bread span{ font-size: 7px; }
    .showroom .bandeaupages .zone-texte h1{ letter-spacing: .2rem; }
    .showroom.modele .bandeaupages .zone-texte h1 span { font-size: 30px; }
    .carac-modele { margin: 16px 0 0 0; }
    .encart-vv {
        min-height: 116px;
        padding: 21px 24px 11px 24px;
    }
    .modele .zone-texte h2 {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .visitevirtuelle { margin: 40px 0 60px 0; }
    .modele .zone-texte h2 span { font-size: 22px; }
    .swiperannonces a.relative .encartterrain h3 span.orange {
        font-size: 12px;
        line-height: 16px;
    }
    .annonce-prev, .surmesure-prev{ top: 60%; }
    .surmesure .bandeaupages .zone-texte h1 {
        font-size: 10px;
        letter-spacing: .1rem;
        line-height: 18px;
    }
    .surmesure .bandeaupages .zone-texte h1 span { font-size: 22px; }
    .desc-surm { padding: 20px 15% 30px 15%; }
    .modedevie h2 span { font-size: 26px; }
    .bgorange.modedevie {
        padding: 140px 0 0 0;
        margin: -100px 0 60px 0;
    }
    .surmesure .encart-agence.encart-surmesure .inside-conseil { min-height: 160px; }
    .surmesure .encart-agence.encart-surmesure .btn-contact{ left: 16%; }
    .surmesure .encart-agence.encart-surmesure { margin-top: 40px; }
    .carac-real span{ width: auto; margin-right: 8px; }
    .real1 .bgorange h2, .realplan h2{ font-size: 16px; }
    .real1 .bgorange h2 span, .realplan h2 span {
        font-size: 22px;
    }
    .pagecontact .bgorange h3 .h2maison{ display: block; line-height: 20px; }
    .hexaom h2 { font-size: 18px; margin-top: 10px; }
    .landingpage .bandeaupages h2 span { font-size: 34px; }
    .landingpage .pave-avis.avisclient {
        width: calc(80% - 44px);
        margin: 0 10%;
        padding: 46px 22px;
    }
    .landingpage h2.enpensent, .quatraisons h2 {
        font-size: 12px;
        letter-spacing: .1rem;
    }
    .landingpage .presentation h2{ font-size: 22px; margin: 20px 0 20px 0; }
    .landingpage .btn-white-contact{ font-size: 8px; }

    .annonce .bandeaupages .zone-texte a.btn-tel, 
    .annonce .bandeaupages .zone-texte a.btn-contact{ font-size: 8px; }





}

/**/
@media (min-width: 1280px) and (max-width: 1479px){
    
     main.nav-up{ margin-top: 150px; }
    a#logo{ height: 140px; background-size: 100%; }
    header p { font-size: 9px; }
    .top-menu li a { font-size: 9px; padding: 32px 10px 10px 10px; }
    .top-menu li:first-child::before, .top-menu li:first-child::after{ bottom: 14px; }
    .top-menu li.menu-item-has-children ul li a {
        line-height: 28px;
        padding: 0 8px;
        width: calc(100% - 16px);
    }
    #clicrecherche{ width: 50px; height: 50px; }
    #clicrecherche::after {
        width: 24px;
        height: 24px;
        background-size: 24px;
        right: 6px;
        top: 12px;
    }
    #clicrecherche::before {
        width: 20px;
        height: 26px;
        background-size: 30px;
    }
    #formulaire-recherche{ right: calc(50% - 28px); }
    #formulaire-recherche.show { width: 850%; }
    #formulaire-recherche input[type="text"]{
        padding: 0 6px;
        width: calc(100% - 12px - 12px);
        margin: 0 6px;
        font-size: 10px;
        line-height: 40px;
        height: 40px;
    }
    #formulaire-recherche input[type="text"]::placeholder{ font-size: 10px; }
    #formulaire-recherche select{
        padding: 0 6px;
        width: calc(100% - 12px );
        margin: 0 6px;
        font-size: 10px;
        line-height: 40px;
        height: 40px;
    }
    #formulaire-recherche input[type="submit"]{ width: 40px; height: 40px; background-size: 20px; }

    header .rappel{ font-size: 9px; letter-spacing: .025rem; margin: 32px 6px 10px 6px;}
    nav ul li a { font-size: 13px; }
    nav ul li ul li a{ font-size: 11px; line-height: 38px; padding: 0 24px; }
    .menu-menu-principal-container{ margin-top: 2px; }
    .btn-contact{ font-size: 11px; background-position: 17.5% center; background-size: 16px; }
    .btn-tel{ font-size: 11px;  background-position: 30% center; background-size: 10px; }
    .head-contacts { height: 36px; line-height: 36px; }
    header{ height: 150px; }
    .troisencarts.experience{ background-size: 60px; }
    .troisencarts.engagements{ background-size: 40px; }
    .troisencarts.cotes{ background-size: 56px; }
    .troisencarts { padding: 74px 12.5% 0 25%; margin-top: 44px; }
    .troisencarts h3 { font-size: 14px; }
    .troisencarts p { font-size: 10px; line-height: 18px; }
    .troisencarts h3::before{ width: 20px; height: 20px; left: -42px; }
    footer { margin: 60px 0 0 0; padding: 0 0 30px 0; }
    .footer-1 { padding: 36px 0 0 0; }
    footer .btn-contact, footer .btn-tel, footer .btn-rdv{ line-height: 36px; }
    footer .btn-rdv{ background-size: 20px; font-size: 11px; background-position: 10% center; }
    footer .btn-contact{ background-position: 8% center; }
    footer .footer-2 { margin-top: 42px; }
    footer .footer-agences { font-size: 10px; }
    .footer-menu1 li a { font-size: 10px; }
    .footer-menu2 { font-size: 10px; line-height: 18px; }
    .footer-menu1{ line-height: 16px; }
    .btn-parrain, .btn-emploi {
        padding: 10px;
        border-radius: 12px;
        max-width: calc(100% - 24px - 12px);
        margin: 0 auto 12px auto;
        font-size: 10px;
        background-size: 14px;
    }
    footer p.aligncenter.orange.uppercase{ font-size: 12px; margin: 2rem 0 1rem 0;}
    .sociaux a img {
        max-width: 18px;
        max-height: 18px;
        margin: 0 6px;
    }
    .footer-menu3 {
        max-height: 220px;
        font-size: 10px;
        line-height: 14px;
        margin-left: 5%;
    }
    .conseils-footer-titre {
        margin-left: calc(5% + 1rem);
        font-size: 9px;
    }
    .lesconseils-footer {
        line-height: 14px;
        font-size: 9px;
        margin: 0 0 0 calc(5% + 1rem);
        padding-left: 1rem;
        background-size: 10px;
        background-position: 0 4px;
    }
    p.copyright { font-size: 9px; line-height: 60px; }
    p.copyright img { margin: 0 0 0 1rem;  max-width: 10%; }

    h2.titre2 span{ font-size: 52px; line-height: 48px; }
    h2.titre2 { font-size: 14px; letter-spacing: .2rem; }
    .lignediapo p { font-size: 12px; line-height: 18px; margin: 1.5rem 0 2rem 0; }
    .lignediapo { padding: 60px 0 0 0; }
    .btn-orange, .btn-blanc, .btn-rose, .btn-noir, 
    .btn-orange:hover, .btn-blanc:hover, .btn-rose:hover, .btn-noir:hover  {
        display: inline-block;
        background-size: 16px;
        background-position: 95% center;
        line-height: 38px;
        border-radius: 29px;
        padding: 0 34px 0 14px;
        font-size: 11px;
    }
    .lignediapo .btn-orange { margin-bottom: 12px; }
    .lignediapo::after{ bottom: 42px; }
    .titre2.big { font-size: 18px; letter-spacing: .3rem; }
    .modeles-home { margin: 60px 0 0 0; }
    .titre2.big span { font-size: 34px; line-height: 34px; }
    .modeles-home .btn-orange { margin-top: 1rem; }
    .modeles-home .titre2.big { margin-bottom: 50px; }
    .swipermodeles .swiper-slide a .encartmodele h4 .dageland{ font-size: 20px; }
    .swipermodeles .swiper-slide a .encartmodele h4 .opensans { font-size: 11px; margin-left: 4px; }
    .swipermodeles .swiper-slide a .encartmodele {
        height: 54px;
        line-height: 54px;
        padding: 0 8px 0 18px;
    }
    .btn-fleche, .btn-fleche.blanc, 
    .btn-fleche:hover, .btn-fleche.blanc:hover, 
    .swiperannonces a.relative:hover .btn-fleche.blanc{ width: 20px; height: 20px; background-size: 8px; }
    .swipermodeles .swiper-slide a .encartmodele .btn-fleche{ margin-left: 10px; }
    .modeles-home p {
        font-size: 11px;
        line-height: 18px;
        margin: 22px auto 0 auto;
        max-width: 95%;
    }
    .swipermodeles-button-prev, 
    .swipermodeles-button-next, 
    .swiperreal-button-prev, 
    .swiperreal-button-next, 
    .swiperannonces-button-prev, 
    .swiperannonces-button-next, 
    .swiperconseils-button-next, 
    .swiperconseils-button-prev,
    .swiperplan-next,
    .swiperplan-prev
    {
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .plans-home p { font-size: 14px; line-height: 26px; }
    .plans-home p::before{ width: 32px; height: 32px; }
    .plans-home { margin: 60px auto; }
    .realisations-home { padding: 70px 0 0 0; }
    .realisations-home p {
        margin: 0 24px 30px 24px;
        font-size: 12px;
        line-height: 22px;
    }
    .realisations-home .titre2.big{ letter-spacing: .25rem; }
    .realisations-home .titre2.big span { margin-bottom: 30px; }
    .realisations-home .btn-orange { margin: 0 0 10px 10px; }
    .encartreal h4{ font-size: 13px; }
    .encartreal{ height: 50px; line-height: 50px; padding: 0 0 0 24px; }
    .avis-home { margin: 80px 0 70px 0; }
    .avis-home .titre2.big{ letter-spacing: .25rem; }
    .troisavis .marginneg .pave-avis{ min-height: 280px; }
    .troisavis .notesur5 { font-size: 18px; }
    .troisavis .nbavis { margin: 0 0 1rem 0; font-size: 10px; }
    .pave-avis.avisclient p.avis-titre { font-size: 12px; line-height: 16px; }
    .pave-avis.avisclient p.avis-date, .pave-avis.avisclient p.avis-etape, 
    .pave-avis.avisclient p.avis-signature { font-size: 10px; line-height: 16px; }
    .pave-avis.avisclient p.avis-commentaire{ font-size: 9px; line-height: 12px; }
    .avis-home .alignright .btn-blanc{ margin-bottom: 0; }
    .avis-home .alignleft .btn-orange { margin: 0 0 10px 10%; }
    .terrains-home.bottom .btn-orange{ margin-left: -10px; }
    .swiperannonces { margin-top: 40px; padding: 12px; }
    .swiperannonces a.relative .encartterrain{ padding: 10px; }
    .swiperannonces a.relative .encartterrain h3 span.grey{ font-size: 10px; }
    .swiperannonces a.relative .encartterrain h3 span.orange{ font-size: 14px; line-height: 18px; }
    .swiperannonces a.relative .encartterrain h3 span.black{ font-size: 12px; line-height: 16px; }
    .actus-conseils { padding: 44px 0 0 0; margin: 60px 0; }
    .bienconseiller { font-size: 90px; line-height: 60px; }
    .bienconseiller span {
        font-size: 22px;
        line-height: 22px;
        letter-spacing: .25rem;
    }
    .actu-home{ padding: 40px 24.9999999% 36px 16.6666666%; }
    .actu-home h3 { line-height: 32px; font-size: 24px;  }
    .actu-home p { line-height: 18px; font-size: 12px; }
    .actu-home a.article::after{ width: 24px; height: 24px; }
    a.home-conseil h4 { font-size: 14px; line-height: 20px; }
    a.home-conseil p { font-size: 12px; line-height: 16px; }
    a.home-conseil::after{ width: 16px; height: 16px; }
    .actus-conseils .mille { margin-top: 80px; }
    .photomontage .passion2{ width: 30%; }
    .photomontage .passion3{ width: 25%; }
    .actus-conseils .presentation h1{ font-size: 14px; }
    .actus-conseils .presentation h1 span{ font-size: 24px; }
    .actus-conseils .presentation p { font-size: 11px; line-height: 20px; }
    .actus-conseils .presentation img{ width: 80%; margin-top: 20px; }
    .photomontage h2 .h2maison{ font-size: 40px; line-height: 64px; }
    .photomontage h2 .h2passion { line-height: 40px; font-size: 18px; } 
    .photomontage h2 { top: 102px; }
    .faq h2 .faq-reponses{ font-size: 90px; line-height: 60px; }
    .faq h2 .faq-questions{
        font-size: 22px;
        line-height: 22px;
        letter-spacing: .25rem;
    }
    .faq h2 { margin: 0 0 34px 12%; }
    .faq-q { padding: 10px 64px 10px 0; }
    .faq-question > * { font-size: 12px; line-height: 20px; }
    .faq-question { margin: 0 0 16px 0; }
    .faq-question div.show .faq-a { padding-bottom: 16px; }
    .faq-q::after{ width: 30px; height: 30px; background-size: 10px }

    .bandeaupages .bread, 
    .bandeaupages .bread a, 
    .bandeaupages .bread span, 
    .bread a, 
    .bread span { font-size: 10px; }
    .bandeaupages h1 {
        margin: 1rem auto 1rem auto;
        font-size: 24px;
        letter-spacing: .35rem;
    }
    .bandeaupages .arch-desc p { font-size: 12px; line-height: 24px; }
    .bandeau-marge { padding: 34px 15% 44px 15%; }
    .conseil-marge a.home-conseil h4 {
        font-size: 16px;
        line-height: 22px;
        margin-top: 26px;
    }
    .bandeaupages { margin: 0 0 60px 0; }
    .conseil-marge a.home-conseil p { font-size: 12px; margin: .5rem 0 0 0; }
    .conseil-marge a.home-conseil::after {
        width: 20px;
        height: 20px;
        bottom: 20px;
    }
    .conseil-marge { padding: 0 28px 68px 0; }
    .encart-agence .conseil-marge .inside-conseil{ padding: 0 10%; }
    .encart-agence .conseil-marge h2 {
        font-size: 16px;
        line-height: 20px;
        margin: 1.5rem 0 .5rem 0;
    }
    .encart-agence .conseil-marge p {
        font-size: 11px;
        line-height: 16px;
        margin: .5rem 0 1.5rem 0;
    }
    .footer-contact h2 {
        font-size: 16px;
        line-height: 40px;
        margin: 0 0 32px 0;
    }
    .footer-contact h2 span { font-size: 38px; }
    .footer-contact .span-12 { padding: 54px 0 36px 0; }
    .btn-rappel{ 
        font-size: 12px; 
        line-height: 36px; 
        background-size: 10px; 
        padding: 0 28px 0 36px; 
        background-position: 10% center; 
    }
    .footer-contact { margin: 40px 0 0 0; }
    .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], 
    .wpcf7 input[type="number"], .wpcf7 input[type="date"], 
    .wpcf7 select{
        font-size: 12px;
        line-height: 28px;
        padding: 8px 5%;
        margin: 0 0 6px 0;
    }
    .wpcf7 textarea{
        font-size: 12px;
        line-height: 24px;
        padding: 8px 5%;
    }
    .wpcf7 .spannomargin-11.relative textarea{
        font-size: 12px;
        line-height: 24px;
        padding: 8px 5%;
    }
    .wpcf7 .fdpink p.bold.italique,  .wpcf7 label { font-size: 10px; }
    .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, p.formcgv, p.formcgv a, .wpcf7-list-item{
        font-size: 10px; line-height: 12px;
    }
    .footer-contact .span-12::before{ background-size: 50%; }
    .wpcf7 input[type="submit"]{ font-size: 11px; line-height: 36px; }

    .searchpages select {
        line-height: 40px;
        padding: 0 30px 0 16px;
        margin: 0 8px;
        font-size: 12px;
        background-size: 10px;
        max-width: 180px;
    }
    .searchpages label {
        font-size: 12px;
        line-height: 40px;
        margin: 0 8px;
    }
    .searchpages input[type="submit"]{      
        line-height: 40px;
        padding: 0 40px 0 24px;
        margin: 0;
        font-size: 12px;
    }
    .row.searchpages { margin: -36px 0 50px 0; padding: 10px 0; }
    .avecrecherche .bandeau-marge { padding-bottom: 74px; }
    .realisations .encartreal h3 span.italique { font-size: 12px; }
    .realisations .encartreal h3 span { font-size: 26px; }
    .realisations .encartreal{ min-height: 110px; }
    .realisations article a.relative { padding: 0 44px 90px 44px; margin-bottom: 60px; }
    .realisations .encartreal::after { bottom: 12px; }
    .encart-agence.encart-surmesure .conseil-marge h2 span { font-size: 26px; }
    .encart-agence.encart-surmesure .conseil-marge h2{ margin: 2.5rem 0 1rem 0; }
    .nav-links span, .nav-links a.page-numbers { font-size: 16px; }
    .nav-links a.page-numbers.next, .nav-links a.page-numbers.prev { width: 34px; height: 34px; }

    .modeles .bandeaupages h1 span.black { font-size: 16px; letter-spacing: .2rem; margin: 18px 1rem 0 0; }
    .modeles .bandeaupages h1 span.dageland { font-size: 50px; line-height: 30px; }
    .modeles .row.searchpages{ padding: 10px 10px; margin: -36px auto 50px auto; }
    .modeles.realisations .encartreal { min-height: 80px; left: 24px; right: 56px;}
    .modeles.realisations article a.relative {
        padding: 0 32px 64px 0;
        margin-bottom: 70px;
    }
    .modeles .encart-agence.encart-surmesure .conseil-marge { margin: -30px 0 50px 0; }

    .searchpages input[type="text"]{
        line-height: 40px;
        padding: 0 16px;
        margin: 0 4px;
        font-size: 12px;
    }
    .annonces.realisations .encartreal.terrainmaison span.black.bold {
        font-size: 14px;
        margin: 0 0 3px 0;
        line-height: 18px;
    }
    .annonces.realisations .encartreal.terrainmaison span.surfmaison, 
    .annonces.realisations .encartreal.terrainmaison span.surfterrain {
        padding-left: 30px;
        background-size: 24px;
        line-height: 18px;
        margin-right: 24px;
        font-size: 12px;
    }
    .annonces.realisations a.relative .encartreal.terrainmaison, 
    .annonces.realisations a.relative .encartreal {
        left: 22px;
        right: 56px;
    }
    .annonces.realisations a.relative .encartreal.terrainmaison h3 span.orange {
        font-size: 15px;
        margin-top: 3px;
    }
    .annonces.realisations.terrainmaison article a.relative {
        padding: 0 32px 90px 0;
        margin-bottom: 80px;
    }
    .annonces.realisations a.relative .encartreal.terrainmaison::after {
        bottom: 42px;
        width: 18px;
        height: 18px;
        background-size: 10px;
    }
    .annonces.realisations a.relative .encartreal h3 span.grey {
        font-size: 12px;
        line-height: 16px;
    }
    .annonces.realisations a.relative .encartreal h3 span.orange {
        font-size: 15px;
        line-height: 20px;
    }
    .annonces.realisations a.relative .encartreal h3 span.black, 
    .annonces.realisations a.relative .encartreal h3 span.black span {
        font-size: 14px;
        line-height: 20px;
    }
    .annonces.realisations a.relative .encartreal h3 span.black{ margin-top: 0; }
    .annonces.realisations article a.relative { margin-bottom: 80px; }
    .annonces.realisations .encartreal::after {
        bottom: 38px;
        width: 18px;
        height: 18px;
        background-size: 10px;
    }

  .realisations .encartreal.plans{
        left: 22px;
        right: 56px;
    }
    .realisations .encartreal.plans h3 span.orange { font-size: 14px; }
    .realisations.plans .encartreal.plans span.surfmaison, 
    .realisations.plans .encartreal.plans span.nbchambres, 
    .realisations.plans .encartreal.plans span.suite, 
    .realisations.plans .encartreal.plans span.garage, 
    .realisations.plans .encartreal.plans span.piece_complementaire{ 
        padding-left: 30px;
        background-size: 22px;
        line-height: 18px;
        margin-right: 18px;
        font-size: 10px;
    }
    .realisations.plans .encartreal.plans span.nbchambres, 
    .realisations.plans .encartreal.plans span.piece_complementaire{ background-size: 18px; }
    .realisations .encartreal.plans h3 {
        padding: 10px 24px 0 24px;
    }
    .realisations.plans .encartreal.plans::after{
        bottom: 32px;
        right: 8px;
        width: 18px;
        height: 18px;
        background-size: 10px;
    }
    .realisations.plans article a.relative { padding: 0 32px 86px 0; }
    .acf-map.listeagences {
        height: 400px;
        margin-bottom: -90px;
    }
    .agences.avecrecherche .bandeaupages .span-12.relative { padding-top: 60px; }
    .agences.avecrecherche .bandeaupages { margin-bottom: 180px; }
    .realisations.agences .encartreal.plans h3 { line-height: 14px; }
    .realisations.plans.agences article a.relative{ margin-bottom: 60px; }
    
    .pagecontact .bgorange { padding: 80px 0 32px 0; }
    .mrgbtcontact { margin: 2rem auto 3rem auto; }
    .pagecontact p.ecriveznous { font-size: 14px; }
    .pagecontact .bgorange h3 .h2passion {
        font-size: 12px;
        letter-spacing: .05rem;
    }
    .pagecontact .bgorange h3 .h2maison { font-size: 18px; }


    .btn-retour{ font-size: 11px; line-height: 30px; }
    .btn-retour::before{ width: 16px; top: 7px; }
    .bandeaupages .bgorange { padding-top: 34px; }
    .bandeaupages .bgorange img.flex { margin: 18px 0 -18px 0; }
    .bandeaupages .bgorange p.bread { margin-top: 52px; }
    .form-orange h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .form-orange h3 span{ font-size: 14px; }
    main article .zone-texte h2.resume-titre{ font-size: 32px; }
    .en-resume{ margin: 40px 0; padding: 30px 40px 40px 40px; }
    .form-orange .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, 
    .form-orange p.formcgv, p.formcgv a, .form-orange p.italique{
        font-size: 9px; line-height: 12px;
    }
    .form-orange .wpcf7 label, .form-orange .wpcf7-list-item{ line-height: 12px; }
    .form-orange .wpcf7 input[type="submit"]{ background-position: 80% center; }
    .bandeaupages .bgorange .zone-texte{ padding-bottom: 20px; }
    .bandeaupages .bgorange .zone-texte p{ line-height: 20px; }
    .bandeaupages .bgorange .zone-texte h1{ margin-bottom: .5rem; }

    .zone-texte h1 { font-size: 22px; margin: 0 0 1rem 0; }
    .zone-texte p { font-size: 12px; line-height: 22px; }
    .zone-texte ul li{ 
        font-size: 12px; 
        line-height: 18px; 
        background-size: 12px; 
        background-position:0 6px; 
        padding-left: 1.5rem;
    }
    .zone-texte ul li ul li{ font-size: 12px; line-height: 18px; background-size: 12px; background-position:0 4px;  }
    main article .zone-texte h2 { font-size: 16px; padding: 0 0 16px 0; }
    main article .zone-texte h3 { font-size: 14px; padding: 0 0 16px 0; }
    .zone-texte .outimg{ 
        margin: 30px 0 60px 60px;
        max-width: calc(100% - 120px);
    }
    .zone-texte .outimg::before{ left: -60px; top: 30px;}
    p.wp-caption-text{ left: 60px; }

    .encart-yak h3{ font-size: 12px; padding: 0rem 0 .5rem 0; }
    .encart-yak p{ font-size: 10px; line-height: 16px; margin-bottom: 1rem; }
    .btn-yak{ font-size: 10px; line-height: 38px; }
    .encart-yak img.yak3{ margin-top: 3rem; }
    .encart-yak h3::before{ width: 34px; background-size: 100%; }
    .encart-yak img.yak1 { margin-bottom: -28px; }

    .chiffresalpha img{ max-width: 40%; max-height: 3.5rem; }
    .chiffresalpha p { font-size: 28px; line-height: 28px; }
    .chiffresalpha p span { font-size: 14px; line-height: 14px; }
    .chiffresalpha { margin: 34px auto 52px auto; }
    .encart-histoire h3 { font-size: 24px; letter-spacing: .4rem; line-height: 36px; }
    .encart-histoire h3 span { font-size: 36px; }
    .encart-histoire { margin: 44px auto 52px auto; }

    .showroom .bandeaupages .zone-texte h1 {
        font-size: 16px;
        line-height: 40px;
        letter-spacing: .4rem;
        margin-bottom: 0;
    }
    .showroom .bandeaupages .zone-texte h1 span{ font-size: 30px; }
    .showroom .bandeaupages .show-adresse p, 
    .showroom .bandeaupages .zone-texte p{ font-size: 11px; line-height: 18px; }
    .showroom .bandeaupages .show-adresse a.tel{ font-size: 14px; }
    .showroom .bandeaupages .bgorange .zone-texte{ padding-bottom: 10px; }
    .galerie1-prev, .galerie1-next{
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .showroom .inspire h3{ font-size: 18px; line-height: 38px; }
    .showroom .inspire h3 span {
        font-size: 38px;
        line-height: 38px;
    }
    .showroom .inspire { margin: 0px auto 50px 0; }

   .carac-real span{ 
        padding-left: 30px; 
        background-size: 20px!important;
        width: calc(50% - 30px);
        font-size: 11px;
        line-height: 30px;
        background-position: 0 6px!important;
    }
    .carac-real{ margin-bottom: 20px; }
    .real1 .bgorange h2, .realplan h2{ font-size: 22px; letter-spacing: .2rem; line-height: 30px; margin-bottom: 20px; }
    .real1 .bgorange h2 span, .realplan h2 span{ font-size: 30px; }
    .real1 .bgorange { padding: 60px 0 0 0; margin: 0 0 120px 0; }
    .real1 .bgorange .in-real1 { margin: 0 0 60px 0; }
    .maskpop .inpop{
        padding: 40px 60px;
        max-width: 600px;
    }
    .maskpop .inpop h2{ font-size: 24px; }
    .maskpop .inpop h2 label{ font-size: 24px; }
    .maskpop .inpop p{ font-size: 12px; line-height: 22px; }
    .maskpop .inpop .closepop{ top: 20px; right: 20px; }

    .showroom.plan .bandeaupages .zone-texte h1{ font-size: 24px; }

    .parrainage main article .zone-texte h2{ font-size: 22px; letter-spacing: .2rem; }
    .parrainage .bandeaupages .bgorange .zone-texte h3{ font-size: 20px; }
    .parrainage .bandeaupages .bgorange .zone-texte p.orange{ font-size: 20px; margin-bottom: 1.5rem; }

    .annonce .mentions-terrain{ font-size: 9px; }
    .annonce.showroom .bandeaupages .zone-texte h1 { font-size: 22px; }
    .annonce .bandeaupages p .surfmaison, 
    .annonce .bandeaupages p .surfterrain{
        font-size: 16px;
        line-height: 32px;
        background-size: 32px;
        padding: 0 0 0 48px;
        width: calc(50% - 48px);
    }
    .annonce.showroom .bandeaupages .zone-texte p.prix{ font-size: 20px; margin-top: 1rem; }
    .annonce p.introannonce{ margin-top: 1rem; }
    .annonce-prev, .annonce-next, .surmesure-prev , .surmesure-next{
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .annonce .inspire .phrase-agence{ font-size: 15px; }
    .annonce .inspire .phrase-agence span.italique{ font-size: 13px; }
    .annonce .descriptif-annonce{
        padding: 40px 0 100px 0;
        margin: 0 0 -134px 0;
    }
    .annonce .descriptif-annonce h2{ 
        font-size: 20px;
        line-height: 42px;
        letter-spacing: .2rem;
        margin: 0 0 2rem 0;
    }
    .annonce .descriptif-annonce h2 span{  font-size: 38px; }
    .annonce .footer-etude .span-14::before{ background-size: 35%; }
    .annonce .encart-agence p.contactezagence, 
    .annonce .encart-agence p.adresseagence { font-size: 14px; }

    .terrainsmaisons .swiperannonces a.relative .encartterrain h3 span.black{ font-size: 16px; }
    .terrainsmaisons .encartterrain span.surfmaison, 
    .terrainsmaisons .encartterrain span.surfterrain{
        font-size: 11px;
        padding-left: 22px;
        background-size: 18px;
        margin-right: 18px;
    }
    .terrainsmaisons .swiperannonces a.relative .encartterrain h3 span.orange{ font-size: 16px; }

    .agence.annonce.showroom .bandeaupages .zone-texte h1 i{ font-size: 16px; }
    .agence.annonce.showroom .bandeaupages .zone-texte h1{ font-size: 20px; line-height: 26px; margin-bottom: 12px; }
    .agence.annonce.showroom .bandeaupages .zone-texte a.tel {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .showroom.agence .bandeaupages .row.btns .btn-contact{ 
        line-height: 38px;
        font-size: 11px;
        background-position: 12.5% center;
        background-size: 16px;
        padding: 0 12px 0 38px;
    }
    .showroom.agence .bandeaupages .row.btns .btn-rdv{
        line-height: 38px;
        font-size: 11px;
        background-position: 10% center;
        background-size: 16px;
        padding: 0 12px 0 38px;
    }
    .descriptif-agence { margin: 80px 0 0 0; }
    .descriptif-agence h2 {
        font-size: 22px;
        letter-spacing: .15rem;
        line-height: 38px;
        margin-bottom: 20px;
    }
    .descriptif-agence h2 span { font-size: 30px; }

    .showroom.modele .bandeaupages .zone-texte h1 {
        margin-top: 14px;
        line-height: 40px;
    }
    .showroom.modele .bandeaupages .zone-texte h1 span { font-size: 40px; }
    .showroom.modele .bandeaupages .zone-texte p { margin-top: 14px; }
    .carac-modele span {
        padding: 50px 2.5% 0 2.5%;
        font-size: 10px;
        line-height: 14px;
        background-size: 40px!important;
    }
    .carac-modele { margin: 60px 0 0 0; }
    .carac-modele span.nbplans{ background-size: 32px!important; }
    .carac-modele span.garage{ background-size: 36px!important; }
    .modele .diapo-plans h2 {
        font-size: 18px;
        line-height: 34px;
        letter-spacing: .2rem;
        margin: 0 0 52px 25%;
    }
    .modele .diapo-plans h2 span{ font-size: 34px; line-height: 26px; }
    .swiperplan .swiper-slide p {
        line-height: 32px;
        padding: 0 18px;
        font-size: 10px;
    }
    .modele .zone-texte h2{ font-size: 24px; line-height: 38px; letter-spacing: .2rem; margin-bottom: 1.5rem; }
    .modele .zone-texte h2 span{ font-size: 34px; line-height: 30px; }
    .encart-vv {
        min-height: 192px;
        padding: 31px 44px 11px 44px;
    }
    .encart-vv h3 { font-size: 18px; }
    .encart-vv p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 1.5rem;
    }
    .visitevirtuelle { margin: 90px 0 120px 0; }
    #single .modele .footer-etude .span-14 { padding-top: 160px; }

    .surmesure .bandeaupages .zone-texte h1 span{ font-size: 32px; }
    .surmesure .bandeaupages .zone-texte h1 {
        font-size: 16px;
        letter-spacing: .1rem;
        line-height: 26px;
        margin-bottom: 1rem;
    }
    .surmesure .bandeaupages .bgorange p.bread {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .surmesure .bandeaupages { margin-bottom: 100px; }
    .titre-diapo-surmesure h2 {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 38px;
    }
    .titre-diapo-surmesure h2 span{ font-size: 30px; }
    .titre-diapo-surmesure h2::after{ height: 140px; }
    #choixsecteur{ font-size: 12px; padding: 6px 60px 6px 32px; max-width: 100%; line-height: 26px; }
    .desc-surm {
        padding: 60px 25% 30px 25%;
    }
    .desc-surm h3 { font-size: 14px; }
    .desc-surm h3 i{ font-size: 13px; }
    .desc-surm p {
        font-size: 11px;
        line-height: 22px;
    }
    .swipersurmesure .swiper-slide .masque{ border-top-right-radius: 60px; }
    .surmesure-prev{ left: -5%; }
    .surmesure-next{ right: -5%; }
    .bgorange.modedevie {
        padding: 180px 0 0 0;
        margin: -100px 0 120px 0;
    }
    .modedevie h2{
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 12px;
    }
   .modedevie h2 span{
        font-size: 30px;
    }
    .modedevie .annonce-next{ top: 55%; }
    .modedevie .annonce-prev { top: 69%; }
    .surmesure .encart-agence.encart-surmesure .inside-conseil{ min-height: 200px; }
    .surmesure .encart-agence.encart-surmesure{ margin-top: 80px; }
    .surmesure .encart-agence.encart-surmesure .btn-contact{ line-height: 36px; bottom: -18px; left: 24%;}
    .surmesure .bandeaupages .bgorange img.flex{ margin-bottom: -60px; }

    .recrutement .bandeaupages .bgorange p.bread{
        margin-top: 22px;
    }
    .recrutement .bandeaupages .btn-contact{
        line-height: 36px;
        padding: 0 30px 0 60px;
        background-position: 30px center;
        bottom: -18px;
        left: 16%;
    }
    .annonces-emploi a{
        padding: 26px 20px 40px 20px;
        margin-bottom: 44px;
    }
    .annonces-emploi a p.secteur, .postuler p.secteur { font-size: 10px; }
    .annonces-emploi a h3 { font-size: 15px; }
    .recrutement h3.titre-logo {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .35rem;
        background-size: 80px;
        margin-bottom: 40px;
    }
    .annonces-emploi a::after{ bottom: 20px; right: 26px; }
    .recrutement .wpcf7 label, 
    .wpcf7 input[type="file"]{ font-size: 12px; line-height: 24px; }
    .recrutement .wpcf7 label{ padding: 0.5rem 5%; }
    .hexaom h2 {
        font-size: 24px;
        margin-top: 44px;
    }
    .hexaom p { font-size: 14px; }
    .hexaom p b{ font-size: 16px; }
    .postuler p.secteur span{ font-size: 10px; }
    .postuler h2.postulez { font-size: 30px; margin-bottom: 20px; }


    .landingpage .entete1{ font-size: 9px; }
    .landingpage header h1 {
        font-size: 12px;
        line-height: 20px;
        margin: 20px 0 0 0;
    }
    .landingpage header h1 span { font-size: 14px; }
    .landingpage .bandeaupages h2 {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: .25rem;
        margin: 10px 0 20px 0;
    }
    .landingpage .bandeaupages h2 span { font-size: 48px; }
    .landingpage .modeles-home .titre2.big{ margin-top: 60px; }
    .landingpage .modeles-home .encartmodele h4 .dageland{ font-size: 20px; }
    .landingpage .modeles-home .encartmodele h4 .opensans{ font-size: 10px; }
    .landingpage .terrains-home .span-12 p{ font-size: 12px; }
    .landingpage .encart-vv{
        padding: 24px 5% 21px 5%;
        min-height: 192px;
    }
    .landingpage .encart-vv h3{ margin: 0; font-size: 11px; }
    .landingpage .encart-vv p{
        font-size: 11px;
        line-height: 16px;
        margin: .25rem 0 1rem 0;
    }
    .landingpage h2.enpensent, .quatraisons h2{ font-size: 16px; letter-spacing: .25rem; }
    .landingpage h2.enpensent span, .quatraisons h2 span{ font-size: 34px; line-height: 34px; margin-bottom: 30px; }
    .landingpage h2.enpensent{ margin-top: 70px; }
    .landingpage .pave-avis.avisclient {
        width: calc(60% - 44px);
        margin: 0 20%;
        padding: 46px 22px;
    }
    .landingavis-next{ 
        right: 5%;
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .landingavis-prev{ 
        left: 5%;
        width: 40px;
        height: 40px;
        background-size: 14px;
    }
    .pave-avis-landing .row .notesur5 { font-size: 24px; }
    .pave-avis-landing .row{ padding: 12px 0 18px 0; }
    .landingpage .quatraisons img {
        max-width: 56px;
        max-height: 46px;
    }
    .landingpage .quatraisons h3 {
        font-size: 12px;
        line-height: 18px;
        margin-top: 28px;
    }
    .landingpage .photomontage .passion4{ max-width: 42%; }
    .landingpage .photomontage .passion1 { margin-bottom: -90px; }
    .landingpage .photomontage .passion2{ width: auto; max-width: 25%; height: auto; }
    .landingpage .photomontage .passion3{ height: auto; max-width: 18%; }
    .btn-white-contact, .btn-white-contact:hover{
            display: inline-block;
            background-size: 16px;
            background-position: 95% center;
            line-height: 38px;
            border-radius: 29px;
            padding: 0 40px 0 80px;
            font-size: 10px;
    }
    .landingpage .actus-conseils { margin-bottom: 140px; }
    .landingpage .footer-1 .btn-rdv, .landingpage .footer-1 .btn-contact {
        margin-bottom: 10px;
    }
    .showroom.annonce .bandeaupages .zone-texte h1 span{ font-size: 22px; }
    .annonce .bandeaupages p.phrase-agence{ margin: 24px 15% 0 0; padding: 16px 0 0 0; }
    .annonce .bandeaupages p.phrase-agence b { font-size: 14px; }
    .annonce .bandeaupages p.phrase-agence span.italique { font-size: 12px; }
    .annonce .bandeaupages .zone-texte a.btn-tel, 
    .annonce .bandeaupages .zone-texte a.btn-contact{
        display: inline-block;
        background-size: 16px;
        background-position: 95% center;
        line-height: 38px;
        border-radius: 29px;
        padding: 0 34px 0 14px;
        font-size: 11px;
    }
    .annonce .bandeaupages .zone-texte a.btn-tel{ margin-top: 40px; background-size: 12px; background-position: 90% center; }
    .annonce .encart-agence p.contactezagence .bold{ font-size: 18px; }







}
/**/
@media (min-width: 1480px) and (max-width: 1599px){
    header p { font-size: 11px; }
    .top-menu li a{ font-size: 12px; padding: 32px 14px 10px 14px; }
    header .rappel{ font-size: 12px; margin: 32px 2px 10px 2px; }
    .top-menu li.menu-item-has-children ul li a {
        line-height: 40px;
        padding: 0 16px;
        width: calc(100% - 32px);
    }
    #formulaire-recherche{ right: calc(50% - 22px); }
    #formulaire-recherche.show { width: 840%; }
    .btn-contact{ background-position: 15% center; }
    .btn-tel{ background-position: 20% center; }
    footer .btn-rdv{ background-position: 7.5% center; font-size: 14px; }
    footer .btn-contact{ background-position: 5% center; font-size: 14px; }
    footer .btn-tel{ background-position: 15% center; font-size: 14px; }
    footer .footer-agences, .footer-menu1 li a, 
    .footer-menu2, .footer-menu3, .conseils-footer-titre, .lesconseils-footer { font-size: 12px; line-height: 22px; }
    .footer-menu1 { max-height: 240px; }
    .btn-parrain, .btn-emploi{ font-size: 12px; padding: 14px; max-width: calc(100% - 24px - 12px);}
    p.copyright{ font-size: 12px; }

    h2.titre2 span {
        font-size: 60px;
        line-height: 60px;
    }
    h2.titre2 { font-size: 17px; }
    .btn-orange, .btn-blanc, .btn-rose, .btn-noir, 
    .btn-orange:hover, .btn-blanc:hover, .btn-rose:hover, .btn-noir:hover  {
        font-size: 13px;
    }
    .lignediapo p{ font-size: 12px; line-height: 22px; margin: 2rem 0 3rem 0; }
    .lignediapo::after{ bottom: 42px; }
    .titre2.big {
        font-size: 26px;
        letter-spacing: .35rem;
    }
    .realisations-home .titre2.big, .avis-home .titre2.big{ letter-spacing: .1rem; }
    .realisations-home p {
        margin: 0 44px 50px 44px;
        font-size: 14px;
        line-height: 22px;
    }
    .avis-home .alignright .btn-blanc { margin-bottom: 0px; }
    .troisavis .marginneg .pave-avis{ min-height: 320px; }
    .terrains-home.bottom .btn-orange{ margin-left: -40px; }

    .encart-agence .conseil-marge .inside-conseil{ padding-left: 10%; padding-right: 10%; }
    .encart-agence .conseil-marge h2 { font-size: 20px; }

    .pagecontact .bgorange h3 .h2passion { font-size: 13px; letter-spacing: .15rem; }
    .pagecontact .bgorange h3 .h2maison { font-size: 20px; }
    .pagecontact .bgorange{ padding-top: 100px; }

    .bandeaupages .zone-texte h1{ font-size: 26px; }
    .bandeaupages .bgorange .zone-texte p{ font-size: 13px; line-height: 22px; }
    .bandeaupages .bgorange .zone-texte { padding-bottom: 20px; }

    .showroom .bandeaupages .zone-texte h1 span{ font-size: 36px; }
    .showroom .bandeaupages .zone-texte p, 
    .showroom .bandeaupages .show-adresse p { font-size: 12px; line-height: 20px; }
    .showroom .bandeaupages .bgorange .zone-texte{ padding-bottom: 10px; }

    .showroom.agence .bandeaupages .row.btns .btn-contact{ 
        padding: 0 30px 0 62px;
        font-size: 13px;
    }
    .showroom.agence .bandeaupages .row.btns .btn-rdv{
        padding: 0 30px 0 72px;
        font-size: 13px;
    }
    .agence.annonce.showroom .bandeaupages .zone-texte h1{ font-size: 26px;  margin-bottom: 14px; }
    .agence.annonce.showroom .bandeaupages .zone-texte h1 i { font-size: 20px; }
    .agence.annonce.showroom .bandeaupages .zone-texte a.tel {
        font-size: 26px;
        margin-bottom: 14px;
    }
    .agence.annonce .introannonce{ margin-top: 18px; }

    .carac-modele span {
        padding: 80px 2.5% 0 2.5%;
        font-size: 13px;
        line-height: 20px;
    }
    .showroom.modele .bandeaupages .zone-texte h1 span { font-size: 60px; }
    .showroom.modele .bandeaupages .zone-texte h1{ line-height: 50px; }
    .carac-modele { margin: 40px 0 0 0; }
    .showroom.modele .bandeaupages .zone-texte p { margin-top: 14px; }
    .carac-modele span{ padding-top: 70px; }

    .surmesure-prev{ left: 0%; }
    .surmesure-next{ right: 0%; }
    .surmesure .bandeaupages .zone-texte h1{ font-size: 18px; letter-spacing: .15rem; line-height: 34px; }
    .surmesure .bandeaupages .zone-texte h1 span{ font-size: 38px; }
    .surmesure .bandeaupages .bgorange img.flex { margin-bottom: -80px; }

    .landingpage .bandeaupages h2 span { font-size: 70px; }
    .landingpage .bandeaupages h2{ line-height: 50px; }
    .landingpage .swiperannonces a.relative .encartterrain h3 span.orange{ font-size: 18px; }
    .landingpage .encart-vv h3{ font-size: 16px; }
    .landingpage .terrains-home.bottom .encart-vv .btn-orange{ margin: 0; }
    .landingpage .encart-vv { padding: 34px 5% 31px 5%; }
    .landingpage h2.enpensent, .quatraisons h2{ letter-spacing: .1rem; font-size: 26px; }
    .landingpage .pave-avis.avisclient{ width: calc(60% - 84px); margin: 0 20%; }

    #searchagence .searchpages select{ font-size: 14px; }

    .annonce.showroom .bandeaupages .zone-texte p.prix{ font-size: 24px; margin-top: 1rem;}
    .annonce .bandeaupages p.phrase-agence{
        margin: 28px 15% 0 0;
        padding: 20px 0 0 0;
    }
    .annonce .bandeaupages p.phrase-agence b{ font-size: 16px; }
    .annonce .bandeaupages p.phrase-agence span.italique { font-size: 14px; }
    .annonce .bandeaupages .zone-texte a.btn-tel, 
    .annonce .bandeaupages .zone-texte a.btn-contact{ font-size: 12px; }
    .annonce .bandeaupages .zone-texte a.btn-tel{ margin-top: 20px; }
    .annonce.showroom .bandeaupages .zone-texte h1, 
    .annonce.showroom .bandeaupages .zone-texte h1 span{ font-size: 24px; }




}
/**/
@media (min-width: 1600px) and (max-width: 1799px){
    header p { font-size: 12px; }
    .top-menu li a, header .rappel{ font-size: 12px; }
    header .rappel{ margin: 32px 8px 10px 8px; }
    #formulaire-recherche.show { width: 830%; }
    .btn-contact{ background-position: 15% center; }
    .btn-tel{ background-position: 20% center; }
    footer .btn-rdv{ background-position: 7.5% center; font-size: 14px; }
    footer .btn-contact{ background-position: 5% center; font-size: 14px; }
    footer .btn-tel{ background-position: 15% center; font-size: 14px; }
    footer .footer-agences, .footer-menu1 li a, 
    .footer-menu2, .footer-menu3, .conseils-footer-titre, .lesconseils-footer { font-size: 12px; line-height: 22px; }
    .footer-menu1 { max-height: 240px; }
    .btn-parrain, .btn-emploi{ font-size: 12px; padding: 14px; max-width: calc(100% - 24px - 12px);}
    p.copyright{ font-size: 12px; }

    h2.titre2 span {
        font-size: 70px;
        line-height: 70px;
    }
    h2.titre2 { font-size: 18px; }
    .lignediapo p {
        font-size: 14px;
        line-height: 22px;
        margin: 2rem 0 3rem 0;
    }
    .btn-orange, .btn-blanc, .btn-rose, .btn-noir, 
    .btn-orange:hover, .btn-blanc:hover, .btn-rose:hover, .btn-noir:hover  {
        font-size: 13px;
    }
    .lignediapo::after{ bottom: 42px; }
    .titre2.big { font-size: 26px; letter-spacing: .4rem; }
    .realisations-home .titre2.big, .avis-home .titre2.big { letter-spacing: .2rem; }
    .realisations-home p {
        margin: 0 54px 50px 54px;
        font-size: 14px;
        line-height: 22px;
    }
    .troisavis .marginneg .pave-avis{ min-height: 340px; }
    .encart-agence .conseil-marge .inside-conseil{ padding-left: 10%; padding-right: 10%; }

    .pagecontact .bgorange h3 .h2passion { font-size: 13px; letter-spacing: .15rem; }
    .pagecontact .bgorange h3 .h2maison { font-size: 20px; }

    .showroom .bandeaupages .zone-texte h1 span{ font-size: 36px; }
    .showroom .bandeaupages .zone-texte p, 
    .showroom .bandeaupages .show-adresse p { font-size: 13px; line-height: 22px; }
    .showroom .bandeaupages .bgorange .zone-texte{ padding-bottom: 10px; }

    .surmesure-prev{ left: -5%; }
    .surmesure-next{ right: -5%; }
    .surmesure .bandeaupages .zone-texte h1{ font-size: 19px; letter-spacing: .15rem; line-height: 38px; }
    .surmesure .bandeaupages .zone-texte h1 span{ font-size: 40px; }
    .surmesure .bandeaupages .bgorange img.flex { margin-bottom: -80px; }

    .landingpage h2.enpensent, .quatraisons h2{ letter-spacing: .2rem; font-size: 26px; }
    .landingpage .encart-vv h3{ font-size: 18px; }
    .landingpage .bandeaupages h2 span { font-size: 70px; }
    .landingpage .bandeaupages h2{ margin: 30px 0 30px 0; line-height: 40px; }

    .annonce.showroom .bandeaupages .zone-texte p.prix{ font-size: 26px; margin-top: 1rem;}
    .annonce .bandeaupages p.phrase-agence b{ font-size: 16px; }
    .annonce .bandeaupages p.phrase-agence span.italique{ font-size: 14px; }
    .annonce .bandeaupages .zone-texte a.btn-tel{ margin-top: 20px; }
    .annonce.showroom .bandeaupages .zone-texte h1, 
    .annonce.showroom .bandeaupages .zone-texte h1 span{ font-size: 26px; }


}
/**/
@media (min-width: 1800px) and (max-width: 1899px){
    .surmesure .bandeaupages .zone-texte h1{ font-size: 20px; letter-spacing: .2rem; line-height: 38px; }
    .surmesure .bandeaupages .zone-texte h1 span{ font-size: 40px; }
    .landingpage .bandeaupages h2 span { font-size: 70px; }



}
/**/
@media (min-width: 1900px){

}
/**/



/*COOKIES */

body #cookie-notice{
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.6)!important;
}
.cookie-notice-container{
    width: 50%;
    margin: 5% 25% 0 25%;
    background: #fff url('gfx/logo.svg') no-repeat center 5% / 30%;
    border: 1px solid #e95e27;
    padding: 200px 5% 20px 5%;
}
@media (max-width: 1024px){
    .cookie-notice-container{
        width: 70%;
        margin: 2% 15% 0;
    }
}
@media (max-width: 767px){
    .cookie-notice-container{
        width: 90%;
        margin: 2% 5% 0 5%;
    }
}
#cn-notice-text{ font-size: 1.2em; line-height: 1.6em; float: left; width: 100%; text-align: center; margin-bottom: 1em; color: black!important; }
#cn-notice-text a{ color: black!important; text-decoration: underline; }
#cn-notice-buttons{ width: 100%; }
#cookie-notice .cn-button{
    transform: none!important;
    display: inline-block!important;
    margin-top: 0px!important;
    font-size: 1.2em!important;
    background:#e95e27!important;
    color: #fff!important;
    border: 1px solid #e95e27!important;
    text-shadow: none!important;
    border-radius: 40px!important;
    padding: 8px 28px!important;
    transition: ease-in-out all .1s;
}
#cookie-notice .cn-button:hover{
    background: black!important;
    color: #fff!important;
    border-color: black!important;
    transition: ease-in-out all .1s;
}
#cookie-notice #cn-refuse-cookie.cn-button, #cookie-notice #cn-more-info.cn-button{
  background: white!important;
  border: 1px solid #a7a7a7!important;
  color:#a7a7a7!important;
}
#cookie-notice #cn-refuse-cookie.cn-button:hover, #cookie-notice #cn-more-info.cn-button:hover{
  background: white!important;
  border: 1px solid #000!important;
  color:#000!important;
}
 #cookie-notice #cn-more-info.cn-button{ display: block!important; margin: 1rem auto!important; max-width: 270px; }
.cookie-notice-hidden{ display:none!important; }

#revocation{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 50%;
    max-width: 240px;
    height: 28px;
    z-index: 10003;
    opacity: 1;
}
#in-revocation{
    width: 99%;
    height: 26px;
    margin: 1px 0.5%;
}
#in-revocation .cn-button{
    border-color: #D22D1B; background: #D22D1B; color:#fff; border-radius: 0;
    padding: 0;
    height: 26px;
    font-size: 0.7em;
    line-height: 26px;
    display: block;
}
#in-revocation .cn-button:hover{
    background:#fff!important; color: #D22D1B!important; box-shadow: none;
}
#cn-close-notice{ display: none; }