/*
Theme Name: Alliance Constructions 2023
Version: 1.0
Theme URI: http://www.bonbay.fr/
Author: Bonbay
Author URI: http://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, picture{display:block}
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"],
button,
select,
textarea { margin: 0; border-radius: 0; width:100%;}
input,
textarea,
select,
button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }
input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; }
label{ font-weight: 600; color: #444; }
.wpcf7-form-control-wrap{ width: 100%; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="file"],
select,
textarea{
    background: #fff;
    border: 0;
    border-bottom: 1px solid #c2a069;
    color: #757b5e;
    display: block;
    width: 100%;
    outline: none;
    padding: 0 0;
    line-height: 48px;
    font-size: 18px;
    margin: 0 0 1rem 0;
}
textarea{ line-height: 24px; margin: 1rem 0; }
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder{
    color: #757b5e;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="file"]:focus,
select:focus,
textarea:focus { border-color: #333;  }
label .required { color: #8d001a; }
input[type="submit"],
button[type="submit"], 
.btn.submit{
    background: #c2a069;
    color: #fff;
    padding: 0;
    line-height: 88px;
    font-weight: 600;
    display: inline-block;
    border: none;
    cursor: pointer;
    font-size: 25px;
    margin: 1rem 0 0 0;
    font-family: 'CG Omega';
    font-weight: 600;
    letter-spacing: .4rem;
    text-transform: uppercase;
    transition: ease-in-out all .1s;
   /* max-width: 50%;*/
}
input[type="submit"]:hover,
button[type="submit"]:hover, 
.btn.submit:hover{ background: #757b5e; text-decoration: none; transition: ease-in-out all .1s; }

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{
    border: 1px solid #8d001a;
}

.wpcf7 .wpcf7-not-valid-tip{ font-size: .75rem; }
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{
    color: red;
    border: 1px solid red;
    font-size: .85rem;
    text-align: center;
    background: rgba(255,255,255,.75);
}
.wpcf7-not-valid-tip{ background: rgba(255,255,255,.75); padding: 0 .5rem;  }


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: auto; padding: 0;width:100%;display: block;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; border: none;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;  zoom: 1; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
    width: 37px; 
    height: 49px;  
    display: block; 
    background: url('gfx/fleches.png') no-repeat 0 0; 
    position: absolute; 
    top: 50%;
    z-index: 5000; 
    cursor: pointer; 
    text-indent: -9999px;
}
.flex-direction-nav .flex-next{ background-position: 100% 0; right:-80px; }
.flex-direction-nav .flex-prev{ left:-80px; }
.flexslider:hover .flex-next{ opacity: 0.8; }
.flexslider:hover .flex-prev{ opacity: 0.8; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled{ cursor: default; }

/* Control Nav */
.flex-control-nav{ width: 100%; position: absolute; bottom: -30px; text-align: center; }
.flex-control-nav li{ margin: 0 6px; display: inline-block; zoom: 1; display: inline; }
.flex-control-paging{
    width: 50%; 
    position: absolute; 
    left: 25%;  
    bottom:0px; 
    text-align: center; 
    height: 9px;
}
.flex-control-paging li{ display: inline-block; margin: 0 6px; width: 60px; height: 9px; }
.flex-control-paging li a {
    width: 60px;
    height: 9px;
    display: inline-block;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
    text-indent: -9999px;
}
.flex-control-paging li a:hover { background:#fff;}
.flex-control-paging li a.flex-active { background: #fff; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%;   margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

a.flex-caption{ background: url(img/fleche-txt.png) no-repeat;  padding-left:25px; ; padding-right:15px; font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; color:#000; display:block; width:auto; position:absolute; bottom: 0px; width: 60%; left:22%; text-decoration:none; height: 36px; }
div.flex-caption{ background: url(img/fleche-txt.png) no-repeat;  padding-left:25px; ; padding-right:15px; font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; color:#000; display:block; width:auto; position:absolute; bottom: 0px; width: 60%; left:22%; text-decoration:none; height: 36px; }
.etiquette-slogan{padding-top: 5px;}
a.flex-caption:hover{background: url(../img/fleche-txt.png) no-repeat 5px 12px #e2003b;color:#fff;text-decoration:none;}


@media screen and (max-width: 480px) {
 a.flex-caption{ background: url(../img/fleche-txt.png); font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; color:#000; display:block; width:auto; position:absolute; bottom: 0px; width: 60%; left:22%; text-decoration:none; height: 36px; }
a.flex-caption:hover{background: url(../img/fleche-txt.png) no-repeat 5px 5px #e2003b;color:#fff;text-decoration:none;}
}
.slider{ position: relative; }
.slider ul{ margin:0; padding:0;  }


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

.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; }
}

    .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%; }

/* tablette portrait */
@media (min-width: 768px){
    .spannomargin-1{ width: 25%; }
    .spannomargin-2{ width: 25%; }
    .spannomargin-3{ width: 25%; }
    .spannomargin-4{ width: 25%; }
    .spannomargin-5{ width: 50%; }
    .spannomargin-6{ width: 50%; }
    .spannomargin-7{ width: 50%; }
    .spannomargin-8{ width: 50%; }
    .spannomargin-9{ width: 50%; }
    .spannomargin-10{ width: 50%; }
    .spannomargin-11{ width: 50%; }
    .spannomargin-12{ width: 50%; }
    .spannomargin-13{ width: 50%; }
    .spannomargin-14{ width: 50%; }
    .spannomargin-15{ width: 50%; }
    .spannomargin-16{ width: 50%; }
    .spannomargin-17{ width: 75%; }
    .spannomargin-18{ width: 75%; }
    .spannomargin-19{ width: 75%; }
    .spannomargin-20{ width: 75%; }
    .spannomargin-21{ width: 100%; }
    .spannomargin-22{ width: 100%; }
    .spannomargin-23{ width: 100%; }
    .spannomargin-24{ width: 100%; }
}
/* tablette paysage */
@media (min-width: 1024px){
    .spannomargin-1{ width: 4.16666667%; }
    .spannomargin-2{ width: 8.33333333%; }
    .spannomargin-3{ width: 12.5%; }
    .spannomargin-4{ width: 16.666666666667%; }
    .spannomargin-5{ width: 20%; }
    .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%; }
}
@media (min-width: 1280px){
    .mille{ max-width: 1080px; }
}
@media (min-width: 1480px){
    .mille{ max-width: 1440px; }
}

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

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

@font-face {
    font-family: 'CG Omega';
    src: url('fonts/CGOmega-Regular.woff2') format('woff2'),
        url('fonts/CGOmega-Regular.woff') format('woff'),
        url('fonts/CGOmega-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.cgomega{ font-family: 'CG Omega'; }
.poppins{ font-family: 'Poppins', sans-serif; }

/*FONTS*/
    .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; }

/**/

img, iframe, video{ max-width: 100%; }
h1, h2, h3, h4, h5, h6{ font-family: 'CG Omega'; }
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: #959393; }
.green, a.green{ color:#757b5e; }
.brown, a.brown{ color:#c2a069; }
.beige, a.beige{ color:#c3b297; }

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: #757b5e; text-decoration: none; cursor: pointer; }
a:hover{ color: #333; text-decoration: underline; }
p{ margin: 10px 0; }
article ul{ margin: 1em 0; }
article ul li{ list-style-type: disc; margin-left: 2em; }

sup{ font-size: 55%; transform: translateY(-40%); display: inline-block; }

.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: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.conteneur{ max-width: 1920px; margin: 0 auto; }

header,  main, footer, .home_contenu{ width: 100%; }

header{ height: 280px; position: relative; }

.menu-menu-principal-container{ position: absolute; left: 0; top: 0; width: 100%; }
a#logo{ margin: 0 0 0 0; position: relative; z-index: 10001; }
.headercontact{
    background: transparent;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    margin: 1rem 0 0 0;
    border:0;
    text-align: center;
    font-family: 'CG Omega';
    color:#c2a069;
    text-transform: uppercase;
    position: relative;
    z-index: 10001;
    transition: ease-in-out all .1s;
}
.headercontact span{
    font-size: 15px; letter-spacing: 1px; display: inline-block; margin: 1rem 0 0 0;
}
.headercontact:hover{
    text-decoration: none;  transition: ease-in-out all .1s;
}
.menu-toggle{
    background: transparent url('gfx/menu.png') no-repeat center top;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 33px;
    padding: 44px 0 0 0;
    margin: 1rem 0 0 0;
    border:0;
    text-align: center;
    cursor: pointer;
    font-family: 'CG Omega';
    color:#757b5e;
    text-transform: uppercase;
    transition: ease-in-out all .1s;
    position: relative;
    z-index: 10001;
}
.menu-toggle span{ font-size: 15px; letter-spacing: 5px; display: inline-block; margin: 1rem 0 0 0; }
.menu-toggle.toggled-on{
    background: transparent url('gfx/close-menu.png') no-repeat center top;
    color: black;
    transition: ease-in-out all .1s;
}
.in-header{ 
    position: absolute; 
    z-index: 10;
    height: 280px; 
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    background: white;
    top: 0;
    left: 0;
   /* transition: ease-in-out height .3s;*/
}
.in-header::before{
    content: " ";
    z-index: 0;
    background: white url('gfx/fond-menu.jpg') no-repeat left top;  
    width: 49%;
    height: 476px;
    height: 280px; 
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: ease-in-out opacity .15s;
}
.in-header.fixe::before{ height: 170px; }
.in-header.bgwhite{
    height: 476px;
    /*transition: ease-in-out height .3s;*/
}
.in-header.bgwhite::before{
    opacity: 1;
    height: 476px;
    transition: ease-in-out opacity .5s;
}
.in-header > .mille > .row{ position: relative; z-index: 1; margin-top: 50px; }

.menu-toggle:active, 
.menu-toggle:focus, 
.menu-toggle:hover{
    text-decoration: none;
    color: black;
}
.nav-menu{ 
    display: none; 
    padding:0; 
    margin: 250px 0 0 0; 
    z-index: 10001; 
    width: 100%; 
}
.nav-menu.toggled-on{ 
    display: flex;
 }
 nav .menu-menu-principal-container ul{
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: stretch;
}
nav .menu-menu-principal-container ul > li{
    list-style-type: none;
    display: inline-flex;
    text-align: center;
    background: transparent;
    transition: ease-in-out all 0.1s;
    position: relative;
    height: 100px;
    flex: auto;
}
nav .menu-menu-principal-container ul > li a{
    font-size: 18px;
    position: relative;
    display: block;
    text-align: left;
    color: #757b5e;
    text-decoration: none;
    line-height: 100px;
    padding: 0 40px;
    margin: 0 0px;
    width: auto;
    background: transparent;
    border: 0;
    font-family: 'CG Omega';
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: ease-in-out all 0.1s;
}
nav .menu-menu-principal-container > ul > li.menu-item-has-children > a{ cursor: initial; }
nav .menu-menu-principal-container ul > li > a::after{
    content: " ";
    display: block;
    position: absolute;
    bottom: 10px;
    left: 40px;
    background: transparent url('gfx/trait-marron.png') no-repeat left bottom;
    width: 62px;
    height: 8px;
    opacity: 0;
    transition: ease-in-out all 0.1s;
}
nav .menu-menu-principal-container ul > li:hover a::after{ opacity: 1;     transition: ease-in-out all 0.1s; }
nav .menu-menu-principal-container ul > li:last-child a{ cursor: pointer; }
nav .menu-menu-principal-container ul > li:hover{
    background: #757b5e ;
    transition: ease-in-out all 0.1s;
}
nav .menu-menu-principal-container ul > li:hover a{ color: white; transition: ease-in-out all 0.1s; }
nav ul li.current-menu-item a{
    transition: ease-in-out all 0.1s;
    text-decoration: none;
    border-color: white;
    color: white;
}
nav > .menu-menu-principal-container > ul > li.current-menu-item > a{
    color:#757b5e ;
}
nav > .menu-menu-principal-container > ul > li.current-menu-item > a:hover{ color: white; }
nav > .menu-menu-principal-container > ul > li.current-menu-item > a::after{
    opacity: 1;
}

nav .menu-menu-principal-container ul > li > ul{
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 5001;
    padding: 0 0 2rem 0;
    background: #757b5e;
    border: 0;
    width: 100%;
    display: none;
}
nav ul li:hover ul{ display: block;  }
nav .menu-menu-principal-container ul > li > ul > li{
    display: list-item;
    height: auto;
}
nav .menu-menu-principal-container ul > li > ul > li:first-child{ margin-top: 1rem; }
nav .menu-menu-principal-container ul > li > ul > li a{
    color: white;
    font-size: 16px;
    line-height: 12px;
    padding: 5px 10px 5px 40px;
    margin: 1rem 0;
    cursor: pointer;
    font-family: 'Poppins', sans-serif; 
    text-transform: none; 
    letter-spacing: unset;
}
nav .menu-menu-principal-container ul > li > ul > li.uppercase a{
    text-transform: uppercase;
    cursor:unset;
    color: #d7bd92;
    font-size: 16px;
    letter-spacing: 1px;
}
nav .menu-menu-principal-container ul > li > ul li a:hover{
    color: #d7bd92;
    text-decoration: none;
}
nav .menu-menu-principal-container ul > li > ul li a::after{ display:none }
nav .menu-menu-principal-container ul > li > ul > li > ul{
    position: absolute;
    top: calc( -.5rem - 5px );
    left: 80%;
    background: #ffffff;
    padding: 0;
}
nav .menu-menu-principal-container ul > li > ul > li > ul > li:hover{ background: white  }
nav .menu-menu-principal-container ul > li > ul > li > ul > li a, 
nav .menu-menu-principal-container ul > li > ul > li:hover > ul > li a{
    color: #757b5e;
    font-size: 14px;
    line-height: 16px;
}
nav .menu-menu-principal-container ul > li > ul > li > ul > li a:hover, 
nav .menu-menu-principal-container ul > li > ul > li:hover > ul > li a:hover{
    color: #d7bd92;
}
.in-header.fixe{
    position: fixed;
    top: 0;
    left: 0;
    height: 170px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}
.in-header.fixe.bgwhite{ height: 426px;}
.in-header.fixe > .mille > .row{ margin-top: 20px; }
.in-header.fixe #logo img{ max-width: 70%; }
.in-header.fixe.bgwhite::before { height: 426px; }

/*footer*/
.grecaptcha-badge{ display:none!important; }
footer{ 
    height: 650px;
    background:  #eee5d5 url('gfx/footer.jpg') no-repeat 0 0;
    background-size: cover;
 }
.footer-end{ padding: 50px 0; }
footer .bgwhite{ background: white; height: 392px; position: relative; }
footer .bgwhite::after{ 
    content: " ";
    display: block;
    background: transparent url('gfx/trait-footer.png') no-repeat center; 
    height: 7px; 
    width: 225px;
    position: absolute;
    bottom: -1px;
    left: 58%; 
}
.contactfooter, .rappelfooter{ 
    font-size: 25px; 
    letter-spacing: 2px; 
    font-family: 'CG Omega'; 
    line-height: 62px;
    margin: 50px 0;
    display: inline-block;
    position: relative;
    transition: ease-in-out color .1s;
}
.contactfooter{ font-weight: bold; }
.rappelfooter::before{
    content: ".";
    position: absolute;
    left: -30%;
    top: 0;
}
.contactfooter:hover, .rappelfooter:hover{ text-decoration: none; transition: ease-in-out color .1s; }
.contactfooter::after{
    content: " ";
    width: 53px;
    height: 68px;
    background: transparent url('gfx/picto-contacter-footer.png') no-repeat center;
    display: block;
    position: absolute;
    bottom: -85px;
    left: calc( 50% - 26px );
    z-index: 2;
}
.menu-footer-1-container, .menu-footer-2-container, 
ul.footer-menu, ul.footer-menu2{ 
    width: 100%; 
    display: flex; 
    flex-flow: row wrap; 
    align-items: center; 
    justify-content: space-around; 
}
.menu-footer-1-container{ margin-top: 7rem; }
ul.footer-menu2{ justify-content: center; margin-top: 1rem; }
ul.footer-menu li a{
    font-family: 'CG Omega'; 
    font-size: 18px;
    line-height: 30px;
    color:#757b5e;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2.5px;
}
ul.footer-menu2 li{ margin: 0 1rem; }
ul.footer-menu2 li a{
    font-size: 16px;
    line-height: 30px;
    color:#c2a069;
    letter-spacing: .5px;
}
ul.footer-menu li a:hover, ul.footer-menu2 li a:hover{ text-decoration: none; color: black; }
.mrgtfoot{ margin-top: 4rem; }
.sloganfoot{ font-size: 16px; line-height: 36px; }
.sociaux{ font-size: 14px; margin: 0; line-height: 36px; letter-spacing: 2px; }
.sociaux img{ margin: 0 .5rem; }
footer p.copyright{ margin: 30px 0 0 0; line-height: 30px;font-size: 14px;  }
footer p.copyright a:hover{ text-decoration: none; }

/*section surmesure*/
section.sur-mesure{
    height: 670px;
    background: white url('gfx/triangle-surmesure.jpg') no-repeat left bottom;
    margin: 92px 0 0 0;
}
section.sur-mesure .surmesure2{ margin-top: 80px; }
.btn.nobrd{
    display: inline-block;
    font-family: 'CG Omega'; 
    text-align: center;
    text-transform: uppercase;
    line-height: 80px;
    padding: 0 2rem;
    font-size: 18px;
    letter-spacing: 3px;
    background: transparent url('gfx/trait-marron.png') no-repeat center top;
}
.btn.nobrd:hover{ text-decoration: none; }
.btn.nobrd.brown:hover{ color:#757b5e; }
section.sur-mesure h2{ font-size: 30px; letter-spacing: 6px; font-weight: 400; margin: 0 0 1.5rem 0; }
section.sur-mesure p{ font-size: 18px; letter-spacing: 2px; font-weight: 400; margin: 1rem 0 3rem 0; }

/*sengage*/
.sengage{
    height: 680px;
    background: white url('gfx/triangle-slide-home.png') no-repeat right bottom;
    background-size: contain;
    margin-bottom: 12px;
}
.mrgseng{ margin-top: 80px; }
.border1{ 
    border-top: 1px solid #c2a069; 
    border-left: 1px solid #c2a069; 
    height: 516px; 
    position: relative;
}
.border1::after{
    content: " ";
    display: block;
    width: 50%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background:#c2a069; 
}
.border1 h3{
    color:#757b5e;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 6px;
    margin: 5rem 0 2rem 0;
}
.border1 h3 span{ display: block; width: 100%; font-size: 23px; font-weight: 700; text-transform: uppercase; }
.encarts-sengage img{ margin: 0 auto; }
.encarts-sengage h4{ font-size: 20px; font-weight: 700; letter-spacing: 6px; margin: 1.5rem auto 2rem auto; }
.encarts-sengage p{  
    font-size: 16px;
    line-height: 24px;
    margin: 1rem 20%;
}
.sengage .notes {
    width: 160px;
    background: transparent url('gfx/etoile-vide.png') repeat-x left top;
    height: 32px;
    margin: 2.5rem auto 0 auto;
}
.sengage  .innotes {
    background: transparent url('gfx/etoile-pleine.png') repeat-x left top;
    height: 32px;
}
.sengage img.immodvisor{ mix-blend-mode: multiply; margin-top: 1rem; }
.colonne-avis h3{
    position: relative;
    padding: 5.5rem 0 0 0;
    margin: 0 auto 4rem auto;
    line-height: 40px;
    font-size: 22px;
    letter-spacing: 5px;
}
.colonne-avis h3::before{
    content: " ";
    display: block;
    width: 115px;
    height: 115px;
    background: transparent url('gfx/picto-avis.png') no-repeat center;
    position: absolute;
    top: -45px;
    left: calc( 50% - 57px );
}
.colonne-avis h4, .colonne-avis p{ color: white; }
.colonne-avis h4{ margin-top: 2.5rem; font-size: 24px; font-family: 'Poppins', sans-serif; line-height: 30px; }
.colonne-avis p{ font-size: 16px; letter-spacing: 2px; font-family: 'CG Omega'; line-height: 30px; margin: 0; text-transform: uppercase; }

/* HOME */
.triangleslide::after{
    content: " ";
    display: block;
    position: absolute;
    bottom: 40px;
    right: 0;
    z-index: 5;
    width: 712px;
    height: 712px;
    background: transparent url('gfx/triangle-slide-home.png') no-repeat right bottom;
    background-size: 100%;
}
.triangleslide{ padding-bottom: 40px; }
#flexsliderhome .flex-control-paging{
    width: 100%;
    height: 6px;
    left: 0;
    bottom: -22px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
#flexsliderhome .flex-control-paging li{
    width: 7.33333333%;
    margin: 0 1% 0 0;
    height: 6px;
}
#flexsliderhome .flex-control-paging li a{
    width: 100%;
    height: 6px;
    background:#757b5e;
    opacity: .5;
}
#flexsliderhome .flex-control-paging li a.flex-active{ opacity: 1; }

#home section.sur-mesure{
    height: auto;
    background: white;
    margin-bottom: 108px;
}
#home .modeles-home{
    padding: 110px 0 0 0;
    min-height: 600px;
    background: transparent url('gfx/triangle-inspirations.jpg') no-repeat left bottom;
    background-size: 44%;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 100px;
}
.modeles-home .bloc-texte-inspirations{ width: 23%; margin-left: 18.5%; margin-right: 2.5%; }
.modeles-home .swiper{ width: 56%; padding-bottom: 112px; }
.modeles-home .swiper-wrapper{ padding-top: 20px; }
.modeles-home .swiper article{ width: 100%; position: relative; }
.modeles-home .swiper article::before, 
.modeles-home .swiper article::after{
    content: " ";
    display: block;
    position: absolute;
    width: 1px;
    height: calc( 100% + 16px );
    background:#c2a069;;
    bottom: 0;
    left: 8.33333333%;
    z-index: 10;
}
.modeles-home .imagemodele{ position: relative; justify-content: center; }
.modeles-home .imagemodele img{ display: flex; }
.modeles-home .imagemodele::before{ 
    content: " ";
    display: block;
    position: absolute;
    width: 83.4%;
    height: 1px;
    background:#c2a069;;
    top: -16px;
    left: 8.33333333%;
 }
.modeles-home .swiper article::after{ left: 91.6533333%; }
.modeles-home .swiper-slide.swiper-slide-active{ width: 70%; }
.modeles-home .swiper-slide.swiper-slide.swiper-slide-next{ width: 30%; }
.modeles-home .swiper-slide .legendemodele, 
.modeles-home .swiper-slide .legendemodele > div{
    height: 120px; 
}
.modeles-home .swiper-slide .legendemodele .spannomargin-6, 
.modeles-home .swiper-slide .legendemodele .spannomargin-14{
    border-bottom: 1px solid #c2a069;
}
.btn.nobrd.black{
    color:#21231b;
    background: transparent url(gfx/trait-vert.png) no-repeat center top;
    transition: ease-in-out all .1s;
}
.btn.nobrd.traitbas{ background-position: center bottom; }
.btn.nobrd.black:hover{ color: #757b5e; transition: ease-in-out all .1s; }
.bloc-texte-inspirations .btn{ padding: 0; }
.bloc-texte-inspirations h2{ font-size: 42px; letter-spacing: 10px; font-weight: 400; margin: 4rem 0 2rem 0; }
.bloc-texte-inspirations p{ margin: 4rem 0 5rem 0; font-size: 18px; line-height: 30px; letter-spacing: 1px; width: 85%; }
.btn.horiz{
    display: inline-block;
    font-family: 'CG Omega'; 
    text-align: center;
    text-transform: uppercase;
    line-height: 62px;
    padding: 0 2rem;
    font-size: 16px;
    letter-spacing: 2px;
    background: transparent url('gfx/picto-actualites.png') no-repeat left center;
    background-size: contain;
    transition: ease-in-out all .1s;
}
.btn.horiz:hover{ text-decoration: none; color:#757b5e;     transition: ease-in-out all .1s; }
.legendemodele .btn.horiz{ margin-top: 26px; }
.legendemodele h3{ 
    font-size: 20px;
    letter-spacing: 1px;
    margin: 26px 0 0 2rem;
}
.legendemodele p{ 
    font-size: 14px;
    letter-spacing: .5px;
    margin: .5rem 0 .5rem 2rem;
}

.swiper-pagination-bullet, 
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{ width: 108px; height: 6px; border-radius: 0; margin: 0 6px; background:#ede2d2; opacity: 1; }
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{ background:#757b5e; }

.dernieres-annonces{ margin: 4rem 0 8rem 0; display: inline-flex; width: 100%; }
.dernieres-annonces .mrgnneg{ margin-left: -4.16666667%; }
.dernieres-annonces .bordure{ 
    border: 1px solid #c2a069; 
    margin: -4rem -1px 0 -1px; 
    position: relative; 
    z-index: 2; 
}
.dernieres-annonces .bordure .in-bordure{
    padding: 4rem 12% 1rem 12%;
}
.in-bordure h4{
    padding-left: 6rem;
    background: transparent url('gfx/picto-terrain-home.png') no-repeat left center;
    line-height: 40px;
    margin: .75rem 0;
    font-size: 20px; 
    font-family: 'Poppins', sans-serif; 
    font-weight: 400; 
    letter-spacing: 3px; 
    transition: ease-in-out all .1s;
    text-transform: capitalize;
}
.in-bordure h4 a:hover{ text-decoration: none; color:#c2a069; transition: ease-in-out all .1s; }
.in-bordure h4 a:hover span{ color:#757b5e; transition: ease-in-out all .1s; }
.in-bordure h3{ font-size: 30px; letter-spacing: 10px; text-transform: uppercase; margin: 0 0 3rem 0 }
.in-bordure a.btn{ margin: 2rem 0 0 0; }
.bggreen{ background:#757b5e; padding: 2rem 0; }
.encarts3home.bggreen img{ display: flex; }
.btn.plus{
    display: inline-block;
    background: transparent url('gfx/illus-btn-envoyer.png') no-repeat center top;
    background-size: contain;
    width: 62px;
    height: 62px;
    line-height: 62px;
    font-size: 30px;
    transition: ease-in-out all .1s;
}
.btn.plus.white:hover{ text-decoration: none; color:#c2a069;     transition: ease-in-out all .1s; }
.derniereactu img{ filter: grayscale(100%); }
.derniereactu .btn.plus.ttesactus{
    width: auto;
    background: transparent;
    position: relative;
    display: inline-flex;
    margin-left: 1rem;
 }
 .derniereactu .btn.plus.ttesactus span{
    display: inline-block;
    line-height: 56px;
 }
 .derniereactu .btn.plus.ttesactus span.sp{ 
    font-size: .9rem;
    letter-spacing: .1rem;
    line-height: 1.3rem;
    height: 42px;
    position: relative;
    display: inline-block;
    padding-left: 2rem;
    margin: 10px 0 10px 3rem;
    text-align: left;
    color:#b1b69f;
    text-transform: uppercase;
}
.derniereactu .btn.plus.ttesactus span.sp::before{
    content: " ";
    display: block;
    position: absolute;
    z-index: 0;
    background: transparent url(gfx/illus-btn-envoyer.png) no-repeat center top;
    background-size: contain;
    transform: rotate(90deg);
    width: 60px;
    height: 10px;
    left: -30px;
    top: 15px;
}

.encarts3home h5{
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    margin: 1.5rem auto 1.5rem auto;
    min-height: 90px;
}
.encarts3home.bggreen h3{ 
    font-size: 22px;
    position: relative;
    letter-spacing: 2px;
    margin: 0 auto 3rem auto;
    padding: 5rem 0 0 0;
}
.encarts3home.bggreen .spannomargin-8:first-child h3::before{
    content: " ";
    display: block;
    position: absolute;
    top: -3rem;
    left: calc( 50% - 8px );
    width: 15px;
    height: 102px;
    background: transparent url('gfx/picto-actualites.png') no-repeat center;
}
.encarts3home.bggreen .spannomargin-8:nth-child(2) h3::before{
    content: " ";
    display: block;
    position: absolute;
    top: -4rem;
    left: calc( 50% - 13px );
    width: 26px;
    height: 121px;
    background: transparent url('gfx/picto-parrainage.png') no-repeat center;
}
.encarts3home.bggreen .spannomargin-8:nth-child(2) h5{ font-size: 18px; }
.encarts3home.bggreen .sengage{
    height: auto;
    background: transparent;
    margin: 0 auto;
}
.encarts3home.bggreen .sengage h4{ margin: 1.5rem auto 0 auto; font-size: 24px; }
.encarts3home.bggreen .sengage p{ letter-spacing: 3px; }
.encarts3home.bggreen .sengage .notes{ margin: 1.5rem auto 0 auto; }
.encarts3home.bggreen .spannomargin-8:last-child h3::before{
    content: " ";
    display: block;
    position: absolute;
    top: -3rem;
    left: calc( 50% - 57px );
    width: 115px;
    height: 115px;
    background: transparent url('gfx/picto-avis.png') no-repeat center;
}
.encarts3home.bggreen .sengage img.immodvisor{ margin-bottom: 1.25rem; }
.un-partenaire{ margin: 160px 0; }
.un-partenaire p span{
    color: #c2a069;
    display: inline-block;
    width: 100%;
}
.un-partenaire h1{ font-size: 30px; font-weight: 400; letter-spacing: 8px; margin-bottom: 3rem; }
.un-partenaire p{ font-size: 18px; line-height: 30px; margin: 2.5rem 0 1.5rem 0; }
/*pages*/
.entete{ margin: 0 0 12rem 0; }
.entete img{ display: flex; }
.entete .spannomargin-12.fdwhite.aligncenter{
    background: white;
    height: 90%;
    position: absolute;
    bottom: -48%;
    left: 25%;
}
p#breadcrumbs{ font-size: 12px; line-height: 14px; margin: 2rem auto 1rem auto; letter-spacing: 0; padding: 0; }
p#breadcrumbs a{ color:#c2a069; }
p#breadcrumbs::after{ display: none; }
.entete h1{ 
    font-size: 28px; 
    line-height: 60px; 
    font-weight: 700; 
    letter-spacing: 3px; 
    padding-bottom: 1rem;
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.entete .btnretour{
    position: absolute; 
    display: block;
    cursor: pointer;
    padding: 0 3rem;
    right: -37.5%; 
    bottom: 4rem; 
    z-index: 3;
    background: transparent url('gfx/btn-retour.png') no-repeat right center;
    font-family: 'CG Omega';
    font-size: 15px;
    line-height: 38px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.entete .btnretour:hover{ opacity: .7; }
/*
#page .entete h1::after, */
.entete p::after{
    content: " ";
    display: block;
    width: 162px;
    height: 8px;
    background: transparent url('gfx/trait-marron.png') no-repeat center;
    position : absolute;
    bottom: 0;
    left: calc( 50% - 81px );
}
.entete p{
    margin: 1rem auto 2rem auto;
    font-size: 17px;
    line-height: 24px;
    position: relative; 
    padding-bottom: 4rem;
    width: 66.66%;
}
.entete .spannomargin-12.fdwhite.aligncenter::after{
    content: " ";
    display: block;
    width: 158px;
    height: 158px;
    background: transparent url('gfx/triangle-bandeau.png') no-repeat center;
    position: absolute;
    right: -6%;
    bottom: 15%;
}
.bloc{
    margin: 6rem auto;
}
.bloc.left, .bloc.right{ float: none; }
.bloc.nomrg{ margin: 0 0 6rem 0; }
.blocsolo{
    margin: 4rem auto;
    padding: 6rem 0;
    background: transparent url('gfx/picto-contacter-footer.png') no-repeat center top;
    position: relative;
}
.blocsolo::before{
    content: " ";
    width: 33.333334%;
    height: 1px;
    display: block;
    position: absolute;
    left: 8.33333333%;
    top: 2.5rem;
    background: #c2a069;
}
.blocsolo::after{
    content: " ";
    width: 33.333334%;
    height: 1px;
    display: block;
    position: absolute;
    right: 8.33333333%;
    bottom: 2.5rem;
    background: #c2a069;
}
.blocsolo h2, .bloc h2{
    color:#757b5e;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 1px;
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
    background: transparent url('gfx/trait-marron.png') no-repeat left bottom;
}
.blocsolo p, 
.bloc p{ font-size: 17px; line-height: 30px; margin: 1rem 0; letter-spacing: .5px; color:#757b5e; }
.blocsolo ul, 
.bloc ul{
    margin-left: 2rem;
}
.blocsolo ul li, 
.bloc ul li{ font-size: 17px; line-height: 30px; margin: 0 0; letter-spacing: .5px; color:#757b5e; }
.bloc.right .spannomargin-8.relative::after{
    content: " ";
    width: 159px;
    height: 159px;
    display: block;
    position: absolute;
    right: 1.5rem;
    bottom: -1rem;
    z-index: 2;
    background: transparent url('gfx/triangle-photo-droite.png') no-repeat center;;
}
.bloc.left .spannomargin-8.relative::after{
    content: " ";
    width: 159px;
    height: 159px;
    display: block;
    position: absolute;
    left: 1.5rem;
    bottom: -1rem;
    z-index: 2;
    background: transparent url('gfx/triangle-photo-gauche.png') no-repeat center;;
}
.spannomargin-16 > .bloc{
    margin: 3rem auto;
}
.menu-conseils-terrain-container, 
.menu-financement-container{
    margin: 3rem 0 1.25rem 10%;
    width: 70%;
    border: 1px solid #c2a069;
    padding: 3rem 10%;
    position: relative;
    padding-bottom: 12vw;
}
.colpages{
    background: transparent url('gfx/triangle-colonne.png') no-repeat 40% bottom;
    background-size: 90%;
}
ul.sidebar{ }
ul.sidebar li{ margin: 0 0 1rem 0; }
ul.sidebar li a{
    font-family: 'CG Omega';
    color: #757b5e;
    font-size: 22px;
    line-height: 30px;
    padding: 0 0 1.5rem 0;
    display: inline-block;
    background: transparent url('gfx/trait-marron.png') no-repeat left bottom;
    letter-spacing: 2px;
}
ul.sidebar li a:hover{ text-decoration: none; color: #c2a069; }
ul.sidebar li ul{  margin: 1.5rem 0; }
ul.sidebar li ul li{margin: 0 0 0 1rem;  }
ul.sidebar li ul li a{ 
    background: transparent;
    color: #c2a069;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
}
ul.sidebar li ul li a:hover{ text-decoration: none; color: #757b5e; }





/* parrainage */
#parrainage .wpcf7{
    border: 1px solid #c2a069;
    padding: 4rem 0;
    background: rgba(255,255,255,0.8);
    box-shadow: 10px 10px 10px rgba(117,123,94,0.3);
    position: relative;
}
#parrainage .wpcf7::before{
    content: " ";
    width: 53px;
    height: 68px;
    background: transparent url('gfx/picto-contacter-footer.png') no-repeat center;
    display: block;
    position: absolute;
    top: -40px;
    left: calc( 50% - 26px );
    z-index: 2;
}
.triangleparrainage{
    background: transparent url('gfx/triangle-parrainage.jpg') no-repeat left bottom;
    padding-bottom: 8rem;
}
#parrainage .wpcf7 h2{
    color:#c2a069;
    font-size: 28px;
    letter-spacing: 2px;
    margin: 1rem 0 3rem 0;
    padding: 1rem 0 1.5rem 0;
    background: transparent url('gfx/trait-marron.png') no-repeat left bottom;
}
#parrainage .wpcf7 input[type="submit"], .row.optin{
    margin: 5rem 0 0 0;
}
#parrainage .wpcf7 label{
    color:#757b5e; 
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: .5rem;
    display: inline-block;
}
.wpcf7-list-item{ margin: 0; }
#parrainage .wpcf7 .form-phrase p{
    color:#757b5e; 
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: .5rem;
    display: inline-block;
    font-style: italic;
}
#parrainage .wpcf7 .form-phrase p a{ text-decoration: underline; }
#parrainage .wpcf7 p.required{
    color:#757b5e; 
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: .5rem;
    display: inline-block;
    font-style: italic;
}
#parrainage .blocparrainage{ margin: 2rem 0 0 0; }
#parrainage .blocparrainage h2{ 
    font-size: 42px;
    color:#c2a069;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .1rem;
    margin-bottom: 0rem;
 }
#parrainage .blocparrainage h3{ 
    font-size: 26px;
    font-weight: 400;
    letter-spacing: .05rem;
    margin-bottom: 5rem;
 }
 #parrainage .blocparrainage p{
    color:#757b5e; 
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .05rem;
 }
 .btn.brd{
    display: inline-block;
    font-family: 'CG Omega'; 
    text-align: center;
    text-transform: uppercase;
    line-height: 100px;
    padding: 0 0 18px 0;
    font-size: 18px;
    letter-spacing: 3px;
    background: transparent url('gfx/trait-marron.png') no-repeat center 75%;
    width: 100%;
    margin: 3rem 0 0 0;
}
.btn.brd.brown{ border: 1px solid #c2a069; }
.btn.brd:hover{ text-decoration: none; }
.btn.brd.brown:hover{ color:#757b5e; }
#parrainage .form-submit::before{
    content: " ";
    width: 62px;
    height: 8px;
    background: transparent url('gfx/trait-vert.png') no-repeat center;
    display: block;
    position: absolute;
    top: calc( 5rem - 4px );
    left: calc( 50% - 31px );
    z-index: 2;
}
/* contact */
.bloccontact{
    border: 1px solid #c2a069;
    padding: 4rem 0;
    background: rgba(255,255,255,0.8);
}
.bloccontact h2{ font-size: 28px; letter-spacing: 2px; margin: 2rem 0 .25rem 0; position: relative; }
.bloccontact h3{ font-size: 17px; letter-spacing: 1.5px; margin: 0 0 2.5rem 0; }
.bloccontact h2::before{
    content: " ";
    background: transparent url('gfx/formulaire-trait.png') no-repeat center;
    width: 9px;
    height: 207px;
    display: block;
    position: absolute;
    z-index: 2;
    top: -150px;
    left: -4rem;
}
.bloccontact .wpcf7 p{
    font-size: 12px; color:#b9bdab; font-weight: 400; display: inline-block; margin-bottom: .5rem; font-style: italic;
}
.bloccontact .wpcf7 p a{ color:#b9bdab; text-decoration: underline; }
.bloccontact .wpcf7 label, .bloccontact .wpcf7 p.champs-oblig{
    font-size: 14px; color:#b9bdab; font-weight: 400; display: inline-block; margin-bottom: .5rem; font-style: normal;
}
.bloccontact .wpcf7 input[type="submit"]{
    background: #757b5e;
    margin-top: 5rem;
}
.bloccontact .wpcf7 input[type="submit"]:hover{ background: black; }
.bloccontact .wpcf7 .submit::before{
    content: " ";
    width: 62px;
    height: 8px;
    background: transparent url('gfx/trait-marron.png') no-repeat center;
    display: block;
    position: absolute;
    top: calc( 5rem - 4px );
    left: calc( 50% - 31px );
    z-index: 2;
}
.bloccontact .txtcontact p{
    font-family: 'CG Omega';
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    max-width: 90%;
}
/* agences */
article.agences{ margin: 2rem 0 8rem 0; }
article.agences::before, 
article.agences::after {
    content: " ";
    display: block;
    position: absolute;
    width: 1px;
    height: calc( 100% + 16px );
    background: #c2a069;
    bottom: 0;
    left: 10.33%;
    z-index: 2;
}
article.agences::after {
    left: 89.67%;
}
article.agences .imagemodele::before, 
article.agences .legendemodele::after{
    content: " ";
    display: block;
    position: absolute;
    width: 79.34%;
    height: 1px;
    background: #c2a069;
    top: -16px;
    left: 10.33%;
    z-index: 2;
}
article.agences .legendemodele::after{
    bottom:0; top: auto;
}
article.agences .imagemodele {
    position: relative;
    justify-content: center;
}
article.agences .imagemodele div{ 
    display: inline-block; 
    width: 100%; 
    text-align: center; 
    position: relative;
    z-index: 1;
}
article.agences .imagemodele img{ max-width: 95%; }
article.agences, 
article.agences .legendemodele{ position: relative; }
article.agences .legendemodele h3, 
article.agences .legendemodele p{ margin-left: 3rem; }
article.agences .legendemodele p.brown{ margin-bottom: 2rem; font-size: 24px; }
article.agences .legendemodele .btn.horiz{ margin-top: 0; }
article.agences .imagemodele::after{
    content: "";
    background: #c2a069;
    width: 79.6%;
    left: 10.33%;
    top: -1rem;
    height: 642px;
    position: absolute;
    z-index: 0;
    opacity: 0;
    transition: ease-in-out all.5s;
}
article.agences a:hover .imagemodele::after{ opacity: 1; transition: ease-in-out all .3s;  }
article.agences:hover::before, 
article.agences:hover::after, 
article.agences:hover .imagemodele::before, 
article.agences:hover .legendemodele::after{ opacity: 0; }
article.agences a:hover{ text-decoration: none; }
article.agences a:hover .legendemodele h3, 
article.agences a:hover .legendemodele p{ color:white }
article.agences a:hover .legendemodele .btn.horiz{ color:white; filter: contrast(0) brightness(1000%); }

/*agences*/
.acf-map{ width: 97.5%; height: 436px; }
.encart-vert{
    width: 50%;
    background:#757b5e;
    bottom: 0;
    right: -10%;
    height: 290px;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
    z-index: 3;
}
.encart-vert p{ margin: 0 0 1rem 4rem; font-size: 18px; line-height: 36px; }
.encart-vert p.semibold{ font-size: 24px; }
.encart-vert::after{
    content: " ";
    background: transparent url('gfx/picto-smartphone.png') no-repeat center;
    width: 75px;
    height: 102px;
    display: block;
    position: absolute;
    right: 1rem;
    bottom: -3px;
}
.encart-vert::before{
    content: " ";
    background: transparent url('gfx/encart-surmesure-deco.png') no-repeat center;
    width: 79px;
    height: 111px;
    display: block;
    position: absolute;
    right: 1rem;
    top: -4rem;
}
.showtel{ display: none; }
.showtel.show{ display: block; }
.legendetel{ display: block; cursor: pointer; }
.legendetel.hide{ display: none; }
#agence-single .bloccontact{ margin-top: 6rem; }
.horaires-agence{ margin-left: 25%; margin-top: 1.5rem; }
.horaires-agence p{ font-size: 17px; line-height: 24px; margin: 0; }
#agence-single .bloccontact .txtcontact p{ font-family: 'Poppins', sans-serif; font-size: 20px; }
#agence-single .bloccontact .txtcontact img{ margin: 6rem 0 1rem 0; }
#agence-single .bloccontact .txtcontact p.poste{ font-size: 18px; width: 70%; margin: 1rem auto; }
#agence-single .bloccontact .txtcontact p.numerotel{
    background: #757b5e;
    color: white;
    width: 70%;
    margin: 1rem auto;
    font-family: 'CG Omega';
    font-size: 17px;
    line-height: 70px;
    font-weight: 700;
    letter-spacing: 2px;
}
/*actus*/
.diapo-actus article{
    position: relative;
    padding: 3rem 0;
}
.diapo-actus article::before{
    content: " ";
    height: 1px;
    width: 53%;
    background:#c2a069;
    position: absolute;
    top: 0;
    right: 8.33333333%;
}
.diapo-actus article::after{
    content: " ";
    width: 1px;
    height: 100%;
    background:#c2a069;
    position: absolute;
    top: 0;
    right: 8.33333333%;
}
.diapo-actus article h2{ font-size: 28px; margin: 0 0 2rem 0; }
.diapo-actus article p{ font-size: 18px; line-height: 30px; margin: 0 0 2rem 0; }
.diapo-actus article .btn.nobrd{ padding: 0; }
.diapo-actus .swiper{ overflow:hidden!important; }
.diapo-actus .swiper-button-next, 
.diapo-actus .swiper-rtl .swiper-button-prev, 
.diapo-actus .swiper-button-prev, 
.diapo-actus .swiper-rtl .swiper-button-next{
    width: 23px;
    height: 44px;
    text-indent: -3000px;
    background: transparent url('gfx/fleches-actu.png') no-repeat 0 0;
}
.diapo-actus .swiper-button-next, 
.diapo-actus .swiper-rtl .swiper-button-prev{ background-position: 100% 0; }
.diapo-actus .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{ background:#c2a069; }
#single .entete{ margin-bottom: 9rem; }
#single .blocsolo h2, #single .bloc h2, 
#single .blocsolo h3, #single .bloc h3{
    color:#c2a069;
    font-size: 18px; 
    line-height: 32px;
}
#single .blocsolo p, #single  .bloc p{ color: black; }
#single .blocsolo::before{
    width: 25%;
    height: 1px;
    display: block;
    position: absolute;
    left: 16.66666666%;
}
#single .blocsolo::after{
    width: 66.666666%;
    height: 1px;
    display: block;
    position: absolute;
    right: 16.66666666%;
}
#single .blocsolo .spannomargin-12::before, 
#single .blocsolo .spannomargin-12::after{
    content: " ";
    width: 1px;
    height: 30%;
    display: block;
    position: absolute;
    background: #c2a069;
}
#single .blocsolo .spannomargin-12::before{ left: -16.666666%; top: -3.5rem; }
#single .blocsolo .spannomargin-12::after{ right: -16.666666%; bottom: -3.5rem; }
/*rejoindre*/
.presentation-rejoindre{
    background: #f6f2ea url('gfx/background-rejoindre.jpg') no-repeat right top;
    padding: 142px 0 42px 0;
    margin: 4rem 0 8rem 0;
}
.presentation-rejoindre .blocs-rejoindre{ margin-top: 206px; }
.bloc-candidature-sp{
    display: flex;
    width: 100%;
    flex-flow: column wrap;
    justify-content: center;
    align-items:center;
    height: 540px;
    background: transparent url('gfx/images/illus-rejoindre.jpg') no-repeat center 64px;
    background-size: contain;
}
.bloc-candidature-sp .in-bloc-candidature-sp{
    border: 1px solid #c2a069;
    height: 538px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    position: relative;
}
.bloc-candidature-sp .in-bloc-candidature-sp p{ 
    text-align: center; 
    font-size: 17px; 
    line-height: 30px; 
    color:#757b5e; 
    margin: 0 5% 2rem 5%;
    width: 90%;
    letter-spacing: 1px;
}
.bloc-candidature-sp .in-bloc-candidature-sp::before{
    content:" ";
    width: 76px;
    height: 89px;
    display: block;
    background: transparent url('gfx/picto-votremaisonsurmesure.png') no-repeat center;
    position: absolute;
    top: -58px;
    left: calc( 50% - 38px );
}
.offre-liste h2, 
.offre-liste h4{ margin-left: 68px; } 
.offre-liste h2 a:hover{ text-decoration: none; }
.offre-liste h2{ font-size: 30px; font-weight: 600; letter-spacing: 2px; }
.offre-liste h4{ font-size: 18px; font-weight: 300; font-family:'Poppins', sans-serif;letter-spacing: 1px; }
.offre-liste{
    padding: 52px 0;
    border-bottom: 1px solid #c2a069;
    margin: 0 0 52px 0;
}
.btnplus{
    width: 36px;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    font-size: 1.5rem;
    text-align: center;
}
.btnplus.brown{
    border: 1px solid #c2a069;
}
.btnplus.brown:hover{
    text-decoration: none;
    color: black;
    border-color: black;
}
section.offres-emploi{ margin-top: 14rem; }
.blocs-rejoindre h3{
    color: #757b5e;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 1px;
    margin: 1rem 0 2rem 0;
    padding: 0 0 2rem 0;
    background: transparent url(gfx/trait-marron.png) no-repeat left bottom;
}
.blocs-rejoindre p{
    font-size: 17px;
    line-height: 30px;
    margin: 1rem 0;
    letter-spacing: .5px;
    color: #000;
    font-weight: 300;
}
.blocs-rejoindre .spannomargin-6{ margin-bottom: 4rem; }
#recrutement .blocsolo, 
#postuler .blocsolo{ background: transparent; padding: 1rem 0; }
#recrutement .blocsolo::before, 
#recrutement .blocsolo::after, 
#postuler .blocsolo::before, 
#postuler .blocsolo::after{ display: none; }
#recrutement .blocsolo p, #recrutement .blocsolo li{ color: black; }
#recrutement .form-submit::before{
    content: " ";
    width: 62px;
    height: 8px;
    background: transparent url('gfx/trait-vert.png') no-repeat center;
    display: block;
    position: absolute;
    top: -4px;
    left: calc( 50% - 31px );
    z-index: 2;
}
.btn.submit{ padding: 0 3rem; margin: 0; }
#postuler .wpcf7 input[type="submit"]{ width: 50%; margin: 1rem auto; }
/* SHOWROOM */
.img-mrg{ margin: 1rem 5% 0 5%; max-width: 90%; }
.diapo-showroom{ 
    background: white url('gfx/background-showroom.jpg') no-repeat left bottom;
    background-size: 25%;
    padding: 4rem 0 0 0;
    position: relative;
}
.diapo-showroom .swiper-slide{ display: flex; }
.diapo-showroom::before, 
.diapo-showroom::after{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background:#c2a069;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
.diapo-showroom::after{ left: 25%; }

.in-diapo-showroom::before, 
.in-diapo-showroom::after{ 
    content: "";
    display: block;
    width: 25%;
    height: 1px;
    background:#c2a069;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
.in-diapo-showroom::after{ 
    top: 100%;
}
.show-adresse{
    font-size: 18px;
    line-height: 28px;
    margin: 5rem 1rem 0 3rem;
}
.show-adresse span{ color:#757b5e; display: inline-block; width: 100%; }
.show-tel{
    font-size: 18px;
    line-height: 28px;
    margin: 2rem 1rem 0 3rem;
    padding-top: 2rem;
    background: transparent url('gfx/trait-marron.png') no-repeat 0 0;
}
.in-diapo-showroom .swiper-button-next, 
.in-diapo-showroom .swiper-button-prev{
    text-indent: -3000px;
    height: 44px;
    width: 23px;
    overflow: hidden;
    background: transparent url('gfx/fleches-actu.png') no-repeat 0 0;
    top: 50%;
    left: 2rem;
}   
.in-diapo-showroom .swiper-button-next{ background-position: 100% 0; right: 2rem; left: auto; }
#showroom .blocsolo{ background: transparent; padding: 0; margin-top: 6rem; }
#showroom .blocsolo::before, 
#showroom .blocsolo::after{ display: none; }
.swiper .controles{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 3;
    height: 25%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
/* sur mesure */
#surmesure .bloccontact, 
#modele .bloccontact, 
#annonce .bloccontact{
    border: 0px;
    background:#757b5e url('gfx/annonce-fond-contact.jpg') no-repeat left bottom;
}

#surmesure .bloccontact input[type="text"], 
#surmesure .bloccontact input[type="password"], 
#surmesure .bloccontact input[type="email"], 
#surmesure .bloccontact input[type="tel"], 
#surmesure .bloccontact input[type="number"], 
#surmesure .bloccontact input[type="file"], 
#surmesure .bloccontact select, 
#surmesure .bloccontact textarea, 
#modele .bloccontact input[type="text"], 
#modele .bloccontact input[type="password"], 
#modele .bloccontact input[type="email"], 
#modele .bloccontact input[type="tel"], 
#modele .bloccontact input[type="number"], 
#modele .bloccontact input[type="file"], 
#modele .bloccontact select, 
#modele .bloccontact textarea, 
#annonce .bloccontact input[type="text"], 
#annonce .bloccontact input[type="password"], 
#annonce .bloccontact input[type="email"], 
#annonce .bloccontact input[type="tel"], 
#annonce .bloccontact input[type="number"], 
#annonce .bloccontact input[type="file"], 
#annonce .bloccontact select, 
#annonce .bloccontact textarea
{ background: transparent; border-color: white; color: white; }

#surmesure .bloccontact input[type="text"]::placeholder, 
#surmesure .bloccontact input[type="password"]::placeholder, 
#surmesure .bloccontact input[type="email"]::placeholder, 
#surmesure .bloccontact input[type="tel"]::placeholder, 
#surmesure .bloccontact input[type="number"]::placeholder, 
#surmesure .bloccontact input[type="file"]::placeholder, 
#surmesure .bloccontact textarea::placeholder, 
#modele .bloccontact input[type="text"]::placeholder, 
#modele .bloccontact input[type="password"]::placeholder, 
#modele .bloccontact input[type="email"]::placeholder, 
#modele .bloccontact input[type="tel"]::placeholder, 
#modele .bloccontact input[type="number"]::placeholder, 
#modele .bloccontact input[type="file"]::placeholder, 
#modele .bloccontact textarea::placeholder, 
#annonce .bloccontact input[type="text"]::placeholder, 
#annonce .bloccontact input[type="password"]::placeholder, 
#annonce .bloccontact input[type="email"]::placeholder, 
#annonce .bloccontact input[type="tel"]::placeholder, 
#annonce .bloccontact input[type="number"]::placeholder, 
#annonce .bloccontact input[type="file"]::placeholder, 
#annonce .bloccontact textarea::placeholder
{ color: white; }

#surmesure .bloccontact .txtcontact p.numerotel, 
#modele .bloccontact .txtcontact p.numerotel, 
#annonce .bloccontact .txtcontact p.numerotel {
    background: white;
    color: #757b5e;
    width: 70%;
    margin: 1rem auto;
    font-family: 'CG Omega';
    font-size: 17px;
    line-height: 70px;
    font-weight: 700;
    letter-spacing: 2px;
}
#surmesure .bloccontact .wpcf7 input[type="submit"], 
#modele .bloccontact .wpcf7 input[type="submit"], 
#annonce .bloccontact .wpcf7 input[type="submit"]{
    border: 1px solid white;
    color: white;
}
#surmesure .bloc.left{ margin-bottom: 10rem; }
#surmesure .diapo-surmesure{ margin: 3rem 0 6rem 0; }
#surmesure .swiper{ overflow-y: unset; overflow:hidden!important; }
.swiper .overlay{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 3;
    height: 25%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
.diapo-surmesure .swiper-slide .spannomargin-18{ display: flex; }
.swiper .overlay::after{
    content: " ";
    background: transparent url('gfx/triangle-surmesure.png') no-repeat center;
    width: 293px;
    height: 293px;
    background-size: 100%;
    display: block;
    position: absolute;
    bottom: -2rem;
    right: -22%;
    z-index: 4;
}
.diapo-surmesure .swiper-slide img.mrgleft{ width: 93.5%; margin-left: 6.5%; }
.diapo-surmesure .swiper-slide h3.legende{
    margin: 7rem 0 0 15%;
    position: relative;
    z-index: 5;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 2px;
}
.diapo-surmesure .swiper-slide h3.legende span{
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    letter-spacing: 1px;
}
.diapo-surmesure .swiper-button-next, 
.diapo-surmesure .swiper-button-prev{
    text-indent: -3000px;
    height: 44px;
    width: 23px;
    overflow: hidden;
    background: transparent url('gfx/fleches-actu.png') no-repeat 0 0;
    top: 87.5%;
    left: 2rem;
}   
.diapo-surmesure  .swiper-button-next{ background-position: 100% 0; right: 2rem; left: auto; }
.diapo-surmesure  .spannomargin-18::before{
    content: " ";
    width: 53px;
    height: 68px;
    background: transparent url('gfx/picto-contacter-footer.png') no-repeat center;
    display: block;
    position: absolute;
    top: -50px;
    left: 70%;
}
.intro-surmesure{ margin: 16rem 0 6rem 0; }
.intro-surmesure .spannomargin-8 .blocsolo{
    padding: 0 10%;
    width: 80%; 
    margin: 0; 
    background: transparent;
}
.intro-surmesure .spannomargin-8 .blocsolo::before, 
.intro-surmesure .spannomargin-8 .blocsolo::after{
    width: 125%;
    left: 0;
    right: auto;
}
.intro-surmesure .spannomargin-8 .blocsolo::before{ top: -5rem; }
.intro-surmesure .spannomargin-8 .blocsolo::after{ bottom: -5rem; }
.intro-surmesure .spannomargin-8::before, 
.intro-surmesure .spannomargin-8::after{
    content: " ";
    display: block;
    width: 1px;
    height: calc( 100% + 10rem );
    position: absolute;
    background:#c2a069;
}
.intro-surmesure .spannomargin-8::before{ top: -5rem; left: 0; }
.intro-surmesure .spannomargin-8::after{ top: -5rem; right: -25%; }
.intro-surmesure .illus-surmesure-vert img{ max-width: 94%; margin: 0 0 0 6%; }
.intro-surmesure .spannomargin-10 h2{
    position: absolute;
    bottom: -11rem;
    left: 11rem;
    font-size: 36px;
    line-height: 36px;
}
.intro-surmesure .spannomargin-10 h2 span{ 
    display: inline-block; 
    font-family: 'Poppins', sans-serif; 
    font-size: 24px;
}
/* annonces */
#annonces .annonces{ margin: 1rem 0 9rem 0; }
#annonces .annonces a:hover{ text-decoration: none; }
.btn.carre{
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 30px;
    text-align: center;
    border: 1px solid #000;
}
.btn.carre.brown{ border: 1px solid #c2a069; }
.btn.carre.brown:hover, 
a:hover .btn.carre.brown{ border-color: white; color: white; text-decoration: none; }
.legendeannonce{
    height: 121px;
}
.imageannonce img{ max-width: 95%; }
.imageannonce .bgbrown{ height: 10px; position: relative; }
.imageannonce .bgbrown::before{
    content: " ";
    display: block;
    width: 1px;
    height: 433px;
    position: absolute;
    top: 0;
    left: -1px;
    background: #c2a069;
}
.imageannonce .bgbrown::after{
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: #c2a069;
}
.legendeannonce .bgbrown{ height: 121px; }
.legendeannonce .bgbrown.btnplusannonce{ 
    display: flex; 
    flex-flow: column wrap; 
    align-items: flex-start; 
    justify-content: center;
    position: relative;
}
.legendeannonce .bgbrown.btnplusannonce::before{
    content: " ";
    display: block;
    width: 1px;
    height: 433px;
    position: absolute;
    top: -313px;
    right: 0px;
    background: #c2a069;
}
.legendeannonce .bgbrown.legendebrd{ position: relative; }
.legendeannonce .bgbrown.btnplusannonce::after, 
.legendeannonce .bgbrown.legendebrd::after{
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #c2a069;
}
.legendeannonce .bgbrown, 
.imageannonce .bgbrown{
    background: transparent;
    transition: ease-in-out all .5s;
}
a:hover .legendeannonce .bgbrown, 
a:hover .imageannonce .bgbrown{
    background:#c2a069;
    transition: ease-in-out all .3s;
}
a:hover .legendeannonce .bgbrown.btnplusannonce::after, 
a:hover .legendeannonce .bgbrown.legendebrd::after, 
a:hover .legendeannonce .bgbrown.btnplusannonce::before, 
a:hover .imageannonce .bgbrown::after, 
a:hover .imageannonce .bgbrown::before{ opacity: 0; }
.legendeannonce h3{
    font-size: 23px;
    margin: 1rem 0 0 1.5rem;
    text-transform:capitalize;
    letter-spacing: 1px;
}
.legendeannonce p{
    font-size: 16px;
    margin: 0 0 0 1.5rem;
    font-weight: 300;
    letter-spacing: .5px;
}
a:hover .legendeannonce h3, 
a:hover .legendeannonce p, 
a:hover .legendeannonce p span.green
{ color: white }
#annonces .annonces.encart-surmesure .in-encart-surmesure{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 80%;
    top: 0;
    left: 10%;
    bottom: 0;
    z-index: 2;
}
#annonces .annonces.encart-surmesure h2{
    width: 70%;
    margin: 2rem 0;
    color: black;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 4px;
}
#annonces .annonces.encart-surmesure p{
    width: 65%;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 5rem 0;
    letter-spacing: 1px;
}
.btn.nobrd.white{
    filter: contrast(0) brightness(1000%);
}
#annonces .annonces.encart-surmesure .in-encart-surmesure::before{
    content: " ";
    display: block;
    width: 79px;
    height: 111px;
    background: transparent url('gfx/encart-surmesure-deco.png') no-repeat center;
    position: absolute;
    top: -3rem;
    right: -1rem;
    z-index: 4;
}
#annonces .annonces.encart-surmesure a:hover{ text-decoration: none; color:#c2a069; transition: ease-in-out all .1s; }
.pagination .nav-links{
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.pagination .nav-links span, 
.pagination .nav-links a{
    font-family: 'CG Omega';
    font-size: 30px;
    margin: 0 .5rem;
    display: inline-block;
    padding: 1rem;
}
.pagination .nav-links a{ color:#c2a069; }
.pagination .nav-links a:hover{ text-decoration: none; color: black; }
.pagination .nav-links span{ color:#757b5e; }
.pagination .nav-links a.next, 
.pagination .nav-links a.prev{
    overflow: hidden;
    text-indent: -3000px;
    width: 80px;
    height: 61px;
    background: transparent url('gfx/fleches.png') no-repeat 0 0;
    padding: 0;
}
.pagination .nav-links a.next{ background-position: 100% 0; }
.pagination .pagi-trait{ margin: 2rem auto; }

/*modeles*/
#modeles article.agences .imagemodele::after{ height: 564px; }

/*realisations*/
#realisations .realisations a{ width: 100%; }
#realisations .realisations{
    margin: 4rem 0 10rem 0;
}
#realisations .realisations::before, 
#realisations .realisations::after{
    content: " ";
    display: block;
    width: 52.5%;
    height: 1px;
    position: absolute;
    top: -3rem;
    background: #c2a069;
}
#realisations .realisations::after{ bottom: -2rem; top: auto; }
#realisations .realisations.sensleft::before, 
#realisations .realisations.sensleft::after{
    right: 8.33333333%;
}
#realisations .realisations.sensright::before, 
#realisations .realisations.sensright::after{
    left: 8.33333333%;
}
#realisations .realisations .row.middle::before, 
#realisations .realisations .row.middle::after{
    content: " ";
    display: block;
    width: 1px;
    height: calc( 100% + 5rem );
    position: absolute;
    top: -3rem;
    background: #c2a069;
}
#realisations .realisations.sensleft .row.middle::before{ left: 39.167%; }
#realisations .realisations.sensleft .row.middle::after{ right: 8.33333333%; }
#realisations .realisations.sensright .row.middle::before{ left: 8.33333333%; }
#realisations .realisations.sensright .row.middle::after{ right: 39.167%; }
#realisations .realisations h3{
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 2px;
    transition: ease-in-out all .1s;
}
#realisations .realisations h3 span{ display: inline-block; width: 100%; margin: 2rem 0; }
#realisations .realisations a:hover{ text-decoration: none; }
#realisations .realisations a:hover h3{ color:#c2a069; transition: ease-in-out all .1s; }
#realisations .realisations .btn.nobrd{ padding: 0; transition: ease-in-out all .1s; }
#realisations .realisations a:hover .btn.nobrd{ color: #757b5e; transition: ease-in-out all .1s; }
/*realisation single*/
#realisation .bloc.right.relative::before, 
#realisation .bloc.right.relative::after{
    content: " ";
    display: block;
    width: 45.75%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 8.33333333%;
    background: #c2a069;
    z-index: 0;
}
#realisation .bloc img{ display: flex; }
#realisation .bloc.right.relative::after{ top: auto; bottom: 0; }
#realisation .bloc{ padding: 5rem 0; margin: 5rem 0; }
#realisation .bordure.relative::after, 
#realisation .bordure.relative::before{
    content: " ";
    display: block;
    width: 1px;
    height: calc( 100% + 10rem );
    min-height: calc( 390px + 10rem );
    position: absolute;
    top: -5rem;
    left: -33.33333333%;
    background: #c2a069;
    z-index: 0;
}
#realisation .bordure.relative::after{ left: auto; right: -49.75%; }
#realisation .bloc p{ font-size: 16px; line-height: 28px; }
#realisation .bloc h2,
#realisation .bloc h3{ 
    font-size: 20px; 
    line-height: 28px; 
    background: transparent; 
    color:#c2a069; 
    letter-spacing: 2px;
    margin-bottom: 2rem;
    padding: 0;
}
#realisation .bloc.left{
    background: transparent url('gfx/fond-encart-realisation.jpg') no-repeat right center;
    align-items: center;
    background-size: 75%;
}
#realisation .bloc.left p, 
#realisation .bloc.left h2, 
#realisation .bloc.left h3{ color: white }
.troisphotos{ }
.troisphotos .bordure2::after{
    content: " ";
    display: block;
    width: 75.5%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 12.25%;
    background: #c2a069;
    z-index: 0;
}
.texte3photos{
    position: relative;
    padding: 3rem 0;
}
.texte3photos h2, 
.texte3photos h3{
    color:#757b5e;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 2px;
    margin-left: 4rem;
}
.texte3photos p{
    color:#c2a069;
    font-size: 21px;
    line-height: 36px;
    margin: 0 0 0 4rem;
}
.les3photos{ padding: 5rem 0; position: relative; }
.texte3photos::before{
    content: " ";
    display: block;
    width: 9px;
    height: 207px;
    background: transparent url('gfx/formulaire-trait.png') no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
}
.les3photos img{ max-width: 80%; position: relative; z-index: 1; }
.les3photos::before, 
.les3photos::after{
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 12.25%;
    background: #c2a069;
    z-index: 0;
}
.les3photos::after{ left: auto; right: 12.25%; }
#realisation .swiper-button-next, 
#realisation .swiper-button-prev {
    text-indent: -3000px;
    height: 44px;
    width: 23px;
    overflow: hidden;
    background: transparent url(gfx/fleches-actu.png) no-repeat 0 0;
    top: 50%;
    left: 2rem;
}
#realisation .swiper-button-next {
    background-position: 100% 0;
    right: 2rem;
    left: auto;
}
/* modele single */
#modele .diapo-showroom{  
    background: transparent;
}
#modele .img-mrg{ width: 100%; max-width: 100%; margin: 1rem 0 0 0; position: relative; z-index: 3; }
#modele .legende-modele{ color:#757b5e; margin: 2rem 5rem; }
#modele .legende-modele p{ font-size: 16px; line-height: 28px; margin-bottom: 1rem; }
#modele .legende-modele h2{ font-size: 20px; margin-bottom: 2rem; }
#modele .in-diapo-showroom::before, 
#modele .in-diapo-showroom::after{ width: 41.5%; }
#modele .in-diapo-showroom::after{ top: auto; bottom: 1rem; }
#modele .diapo-showroom::after{ left: 41.5%; }
#modele .container1 .swiper-wrapper, 
#modele .row.z3{ z-index: 3; position: relative; }
#modele .diapo-showroom .swiper-slide{ z-index: 3; }
#modele .diapo-showroom::before, 
#modele .diapo-showroom::after{ height: calc( 100% - 1rem ); }
#modele .row.z3::before{
    content: " ";
    display: block;
    background: transparent url(gfx/picto-contacter-footer.png) no-repeat center top;
    width: 53px;
    height: 68px;
    position: absolute;
    left: -25%;
    bottom: -.5rem;
}
#modele .bloccontact{ margin: 8rem 0; }
/* annonces */
#annonce .entete h1{ text-transform: capitalize; }
#annonce .entete{ margin-bottom: 10rem; }
#annonce .entete h1::after{
    content: " ";
    display: block;
    width: 162px;
    height: 8px;
    background: transparent url('gfx/trait-marron.png') no-repeat center;
    position : absolute;
    bottom: 0;
    left: calc( 50% - 81px );
}
.caracs{ position: relative; margin: -2rem 0 3rem 0; }
.caracs h2{
    font-size: 35px;
    display: inline-block;
    min-height: 60px;
    letter-spacing: 1px;
    padding-left: 6.5rem;
}
.caracs h2 span{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    width: 100%;
}
.caracs h2.surf_terrain{ background: transparent url('gfx/picto-terrain.png') no-repeat left top; }
.caracs h2.surf_maison{ background: transparent url('gfx/picto-maison.png') no-repeat left top; }
.caracs h2.prix{ background: transparent url('gfx/picto-prix.png') no-repeat left top; }
#annonce .horaires-agence p{
    font-style: italic;
    font-size: 11px;
    line-height: 16px;
}
.desc-annonce{ 
    width: 97.5%;
    border: 1px solid #c2a069;
    padding: 4rem 0;
}
.desc-annonce p, .desc-annonce h2{ 
    font-size: 16px; 
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 2rem;
}
.desc-annonce p{ text-align: justify; font-size: 14px; line-height: 24px; }
#annonce .encart-vert{ bottom: 3rem; right: -7.5%; }
#annonce .encart-vert p{
    font-size: 16px; 
    line-height: 28px;
    margin: 0 4rem 1rem 4rem;
    letter-spacing: .5px;
}
#annonce .encart-vert p.semibold{ font-size: 24px; margin-bottom: 0; }
#annonce .horaires-agence{ margin-left: 20%; }
.btn.plusinfos{
    background: #f7f4ef;
    padding: 0;
    line-height: 62px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    border: none;
    cursor: pointer;
    font-size: 17px;
    margin: 1rem 0 0 0;
    padding: 0 3rem;
    font-family: 'CG Omega';
    letter-spacing: 1px;
    transition: ease-in-out all .1s;
}
.btn.plusinfos::before{
    content:" ";
    display: block;
    width: 62px;
    height: 8px;
    position: absolute;
    background: transparent url('gfx/trait-marron.png') no-repeat center top;
    top: -4px;
    left : calc( 50% - 31px );
}
.btn.plusinfos:hover{ text-decoration: none; background: #757b5e; color: white; }
.kelquartier h2{
    font-size: 22px;
    line-height: 36px;
    margin: 2rem 0 5rem 0;
    padding: 6rem 0 0 0;
    background: transparent url('gfx/picto-contacter-footer.png') no-repeat center top;
    letter-spacing: 1px;
}
.kelquartier h2 span{ text-transform: capitalize; font-size: 24px; }
.kelquartier{ margin: 2rem 0 6rem 0; }
.kelquartier .brdtop{
    border-top: 1px solid #c2a069;
}
.kelquartier .bgtriangle{
    background: transparent url('gfx/triangle-map-annonce.png') no-repeat bottom right;
    padding-bottom: 3rem;
}
.zoomannnonce{
    display: flex;
    position: relative;
}
.zoomannnonce::after{
    content:" ";
    display: block;
    width: 60px;
    height: 58px;
    position: absolute;
    background: transparent url('gfx/picto-zoom.png') no-repeat center top;
    bottom: -2px;
    right: 1rem;
    z-index: 3;
}
.zoomannnonce::before{
    content:" ";
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    bottom: 0;
    right: 0;
    z-index: 2; 
}
.bloc.latab{ margin: 1rem 0 2rem 0; }
.bloc.latab .toggle{ cursor: pointer; }
.bloc.latab .more-info{ margin-bottom: 1rem; }
/* recherche */
#searchform{ width: 98%; margin: 0 1% 4rem 1%; }
#searchform .spannomargin-6{ display: flex; }
#searchform input[type="text"]{ 
    width: 70%;
    line-height: 68px;
}
#searchform span{
    color: #757b5e;
    width: 15%;
    text-align: center;
    line-height: 68px;
    display: inline-block;
}
#searchform select{
    width: 80%;
    line-height: 68px;
    background: transparent url('gfx/select.png') no-repeat right center;
    text-transform: capitalize;
}
#searchform input[type="submit"]{
    border: 1px solid #c2a069;
    background: white;
    line-height: 68px;
    height: 68px;
    color:#757b5e;
    font-size: 15px;
    margin: 0;
    letter-spacing: 1px;
}
#searchform input[type="submit"]:hover{
    border: 1px solid #757b5e;
    background:#757b5e;
    color:white;
}
#searchform .out-submit{
    width: 100%;
    position: relative;
}
#searchform .out-submit::after{
    content: " ";
    display: block;
    background: transparent url('gfx/trait-marron.png') no-repeat center;
    width: 62px;
    height: 8px;
    position: absolute;
    left: calc( 50% - 31px );
    bottom: -4px;
    z-index: 2;
}

.ptz a{
    display: block;
    width: 100%;
    height: 3.7vw;
    background: transparent url('gfx/ptz.jpg') no-repeat center top / 100%;
  }
  
  
  
  
  
  /**/
  @media (min-width: 2px) and (max-width: 767px){
    .ptz a{
      background-size: 200%;
      height: 30px;
    }
  }



/**/
@media (min-width: 2px) and (max-width: 1023px){
    header{ height: 140px; }
    .in-header{ height: 140px; }
    .in-header.fixe{ position: relative; top: auto; left: auto; height: 140px; box-shadow: none; }
    .in-header > .mille > .row{ margin-top: 26px; flex-flow: row wrap; }
    .in-header > .mille > .row .spannomargin-8{ width: 60%; }
    .in-header > .mille > .row .spannomargin-12{ display:none; }
    .in-header > .mille > .row .spannomargin-2{ width: 20%; }
    a#logo img{ max-width: 80%; margin: 0 10%; }
    .menu-toggle{ background-size: 65%; padding-top: 36px; }
    .menu-toggle span{ font-size: 12px; letter-spacing: 3px; margin-top: .5rem; } 
    .headercontact span{ font-size: 11px; letter-spacing: 1px; margin-top: .55rem; }
    .headercontact img{ max-width:75%; }
    .menu-toggle.toggled-on{ background-size: 50%; padding-top: 36px; }
    .in-header::before, 
    .in-header.bgwhite::before{ display: none; }
    .nav-menu{ margin-top: 114px; }
    nav .menu-menu-principal-container ul{  flex-flow: column wrap; background: #757b5e; padding: 1rem 0; }
    .menu-menu-principal-container{ }
    nav .menu-menu-principal-container ul > li{ 
        height: auto; 
        width: 100%; 
        display: flex;
        flex-flow: column wrap;
    }
    nav .menu-menu-principal-container ul > li a{ 
        color: white; 
        width: 100%; 
        padding: 0; 
        text-align: center; 
        line-height: 60px; 
    }
    nav .menu-menu-principal-container ul > li > ul{
        position: relative;
        top: auto;
        left: auto;
        padding: 0 0 0 0;
        margin-bottom: 1rem;
    }
    nav .menu-menu-principal-container ul > li > ul::after{
        content: " ";
        display: block;
        background:#c2a069;
        width: 80%;
        height: 1px;
        margin: 1.5rem 10% 0 10%;
    }
    nav .menu-menu-principal-container ul > li > ul > li a{ 
        padding: 0;
        font-size: 16px;
        line-height: 24px;
    }
    nav .menu-menu-principal-container ul > li > a::after{ display: none; }
    nav .menu-menu-principal-container ul > li > ul > li > ul{
        position: relative;
        left: auto;
        top: auto;
        background: transparent;
    }
    nav .menu-menu-principal-container ul > li > ul > li > ul > li > a, 
    nav .menu-menu-principal-container ul > li > ul > li:hover > ul > li a{ font-size: 14px; color:white }
    .triangleslide::after{
        width: 50%;
        height: 100%;
        bottom: 0;
    }
    section.sur-mesure .surmesure2{
        flex-flow: column-reverse;
        align-items: center;
        margin-top: 40px;
    }
    section.sur-mesure .surmesure2 .row{ align-items: center; }
    section.sur-mesure h2{ font-size: 17px; letter-spacing: 2px; margin-bottom: 1rem; }
    section.sur-mesure{ margin: 3rem 0 0 0; background: transparent; height: auto; }
    section.sur-mesure p {
        font-size: 14px;
        letter-spacing: 1px;
        margin: .5rem 5% 1.5rem 5%;
    }
    .btn.nobrd.brown{
        border: 1px solid #c2a069;
        background-position: center 15%;
        background-size: 3rem;
        font-size: 14px;
        line-height: 70px;
    }
    section.sur-mesure .btn{ margin-bottom: -1rem; z-index: 2; }
    section.sur-mesure .row.aligncenter{ align-items: center;; }
    #home section.sur-mesure{ margin-bottom: 3rem; }
    #home .modeles-home{
        padding: 0 0;
        flex-flow: column wrap;
        margin-bottom: 3rem;
    }
    .modeles-home .bloc-texte-inspirations{ width: 90%; margin: 0 5%;  text-align: center; }
    .modeles-home .swiper{ width: 90%; }
    .bloc-texte-inspirations h2{ font-size: 20px; margin: 0 0 1rem 0; text-align: center; }
    .bloc-texte-inspirations p{  
        margin: 1rem 5%;
        width: 90%;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
    }
    .btn.nobrd.black{ font-size: 14px; line-height: 70px; margin: 0 auto 1rem auto; }
    .modeles-home .swiper-slide .legendemodele{ flex-flow: row wrap; }
    .modeles-home .swiper-slide .legendemodele .spannomargin-2{ width: 8.33333333%; }
    .modeles-home .swiper-slide .legendemodele .spannomargin-14{ width: 55% }
    .modeles-home .swiper-slide .legendemodele .spannomargin-6{ width: 28.333334% }
    .legendemodele h3 { font-size: 14px; letter-spacing:.5px; margin-top: 20px; margin-left: 1rem; margin-right: 1rem; }
    article.agences .legendemodele h3, article.agences .legendemodele p{ margin-left: 2rem; }
    .legendemodele p{ font-size: 10px; margin-left: 1rem; margin-right: 1rem; }
    .modeles-home .swiper-slide .legendemodele, .modeles-home .swiper-slide .legendemodele > div{ height: 100px; }
    .legendemodele .btn.horiz{ 
        margin-top: 20px; 
        font-size: 9px; 
        padding: 0 1.5rem; 
        letter-spacing: .5px; 
        background-size: 5%;
    }
    .swiper-pagination-bullet, 
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 20%; margin: 0 1%; }
    #home .swiper-pagination{ bottom: 4rem; }
    .dernieres-annonces{
        width: 90%;
        margin: 3rem 5%;
    }
    .dernieres-annonces .bordure .in-bordure {
        padding: 2rem 5% 1rem 5%;
    }
    .in-bordure h3 {
        font-size: 17px;
        letter-spacing: 3px;
        text-transform: uppercase;
        margin: 0 auto 3rem auto;
        text-align: center;
    }
    .in-bordure h4 {
        padding-left: 4rem;
        line-height: 40px;
        margin: 0.25rem 0;
        font-size: 13px;
        letter-spacing: 1px;
    }
    .dernieres-annonces .mrgnneg{ margin-left: 0; }
    .encarts3home.bggreen img{ margin: 0 auto; }
    .encarts3home.bggreen .row{ align-items: center; }
    .encarts3home.bggreen h3 { margin: 0 auto 2rem auto; font-size: 20px; }
    .encarts3home.bggreen .spannomargin-8 .spannomargin-18{ width: 70%; }
    .encarts3home h5, 
    .encarts3home.bggreen .spannomargin-8:nth-child(2) h5{ font-size: 14px; line-height: 24px; min-height: auto; }
    .encarts3home.bggreen .spannomargin-8:first-child h3::before, 
    .encarts3home.bggreen .spannomargin-8:nth-child(2) h3::before, 
    .encarts3home.bggreen .spannomargin-8:last-child h3::before{
        height: 70px;
        background-size: contain;
        top: 0;
    }
    .encarts3home.bggreen .btn.plus{ margin-bottom: 2rem; }
    .encarts3home.bggreen .sengage .notes{ margin: .75rem auto; }
    .in-bordure h4 sup{ transform: translateY(-15%); }
    .bggreen{ padding-bottom: 0; }
    .un-partenaire .row.middle{  flex-flow: column-reverse wrap; }
    .un-partenaire{ margin: 3rem 0; }
    .un-partenaire h1{
        width: 90%;
        font-size: 22px;
        letter-spacing: 2px;
        margin: 0 5% 1rem 5%;
    }
    .un-partenaire p{
        margin: 1rem 5%;
        width: 90%;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
    }
    .un-partenaire .btn.nobrd.brown{ margin-bottom: -1rem; z-index: 3; position: relative; }
    footer{ height: auto; padding-bottom: 2rem; }
    footer .bgwhite{ width: 90%; margin: 0 5%; flex-flow: row wrap; height: 20rem; }
    footer .row:not(.bgwhite){ flex-flow: row wrap;  }
    footer .row:not(.bgwhite) .spannomargin-4, footer .row:not(.bgwhite) .spannomargin-6{ width:50%; }
    footer .row:not(.bgwhite) .spannomargin-4:first-child{ display:none }
    .contactfooter, .rappelfooter{ font-size: 20px; text-align: center; width: 100%; margin: 3rem 0; }
    footer .bgwhite .spannomargin-8 img{ max-width: 80%; margin-top: 5rem; }
    .menu-footer-1-container, 
    .menu-footer-2-container{ display: none; }
    .mrgtfoot {  margin-top: 2rem; }
    footer .bgwhite::after{ left: 0; }
    footer p.copyright{ width: 90%; line-height: 26px;  font-size: 12px; }
    .footer-end { padding: 1rem 0; }
    .footer-end .row{ flex-flow:row wrap; width: 90%; margin: 0 5%; }
    .footer-end .row > div.spannomargin-4, 
    .footer-end .row > div.spannomargin-2{ width: 50%; text-align: center; }
    .footer-end img{ max-width: 80%; margin: 0 auto; }
    .footer-end .row > div.spannomargin-8 img{ max-width: 100%; }
    /*pages*/
    .entete{ margin-bottom: 3rem; }
    .entete img{ margin-top: 10rem; }
    .entete .spannomargin-12.fdwhite.aligncenter{ 
        bottom: auto;
        top: -10rem;
        width: 90%;
        left: 5%;
        height: 10rem;
        background: transparent;
    }
    .entete .spannomargin-12.fdwhite.aligncenter::after{ display: none; }
    p#breadcrumbs{ font-size: 10px; margin: 0 auto; }
    .entete h1{  font-size: 20px; line-height: 24px; padding: .5rem 0 1rem 0; }
    .entete p{ font-size: 12px; line-height: 14px; width: 100%; padding: 1.25rem 0 0 0; margin: 0;}
    .entete p::after{ bottom: auto; top: 0; }
    .bloc{ width: 90%; margin: 3rem 5%; }
    .bloc.nomrg{ margin: 0 5% 3rem 5%; }
    .blocsolo{ width: 80%; margin: 3rem 10%; background-size: 2.5rem; background-position: center 1rem }
    .blocsolo::after{ right: 0; }
    .blocsolo::before{ left: 0; }
    .blocsolo h2, .bloc h2 { font-size: 24px; line-height: 30px; text-align: left; }
    .blocsolo p, .bloc p, 
    .blocsolo ul li, .bloc ul li { font-size: 15px; line-height: 26px; }
    .bloc .spannomargin-8.relative img{ width: 80%; margin: 2rem 10%; }
    .bloc.right .spannomargin-8.relative::after{ width: 99px; height: 99px; right: 3rem; bottom: 1.5rem; }
    .bloc.left .spannomargin-8.relative::after{ width: 99px; height: 99px; left: 3rem; bottom: 1.5rem; }
    .bloc.left{ flex-flow: column-reverse wrap; }
    .sengage{ height: auto; width: 90%; margin: 0 5% 3rem 5%; background-size: 130%; }
    .border1{ height: auto; border-left: 0px; }
    .border1 h3 {
        font-size: 16px;
        line-height: 34px;
        letter-spacing: 3px;
        margin: 3rem 0 2rem 0;
        width: 100%;
    }
    .border1 h3 span{ font-size: 20px; }
    .border1::after{ width: 100%; }
    .encarts-sengage p{ margin-bottom: 3rem }
    .encarts-sengage h4{ margin-bottom: 1rem }
    .colonne-avis h3::before{ background-size: 4rem; width: 4rem; height: 4rem; top: 2rem; left: calc( 50% - 2rem ); }
    .colonne-avis h3{ padding-top: 7rem; font-size: 16px; margin-bottom: 3rem; }
    .colonne-avis .row.aligncenter{ align-items: center; }
    .colonne-avis img{ max-width: 80%; }
    .sengage .notes{ margin-top: 1rem; }
    .sengage img.immodvisor{ margin-bottom: 1rem; }
    .colonne-avis h4{ margin-top: 1.5rem; }
    article.agences .imagemodele img{ max-width: 100%; }
    article.agences{ margin: 2rem 0 2rem 0; }
    article.agences, article.agences .legendemodele{ flex-flow: row wrap; }
    article.agences .legendemodele .spannomargin-2{ width: 8.33333333%; }
    article.agences .legendemodele .spannomargin-14{ width: 55% }
    article.agences .legendemodele .spannomargin-6{ width: 28.333334% }
    #modeles article.agences .imagemodele::after { height: 130%; }
    article.agences .legendemodele p.brown{ margin-bottom: 1rem; font-size: 18px; }
    .row.in-diapo-showroom{ flex-flow: column-reverse wrap; }
    .entete .btnretour{ right: 0; padding: 0; bottom: 3rem; overflow:hidden; text-indent: -3000px; width: 32px; }
    #modele .diapo-showroom::after{ left: 95%; }
    #modele .diapo-showroom::before{ left: 5%; }
    #modele .in-diapo-showroom::before, #modele .in-diapo-showroom::after{ width: 90%; left: 5%; }
    .diapo-showroom{ padding-top: 2rem; }
    #modele .legende-modele { margin: 2rem 3rem 4rem 3rem; }
    #modele .bloccontact, 
    #surmesure .bloccontact, 
    #annonce .bloccontact{ margin: 3rem 0; padding: 3rem 5%; width: 90%; }
    .bloccontact h2 { font-size: 24px; }
    .bloccontact h3 { font-size: 14px; }
    input[type="submit"], button[type="submit"], .btn.submit{ font-size: 20px; line-height: 68px; }
    .intro-surmesure{ margin: 3rem 0; }
    .intro-surmesure .spannomargin-8::after, 
    .intro-surmesure .spannomargin-8::before, 
    .intro-surmesure .spannomargin-8 .blocsolo::before, 
    .intro-surmesure .spannomargin-8 .blocsolo::after{ display:none }
    .diapo-surmesure{ flex-flow: row wrap; }
    .intro-surmesure .illus-surmesure-vert img{ max-width: 35%; margin: 1rem 0 0 5%; }
    .intro-surmesure .spannomargin-10 h2{ font-size: 26px; line-height: 26px; }
    .intro-surmesure .spannomargin-10 h2 span{ font-size: 18px; }
    .diapo-surmesure .swiper-slide .row{ flex-flow: row wrap; }
    .diapo-surmesure .swiper-slide .spannomargin-18{ width: 70% }
    .diapo-surmesure .swiper-slide .spannomargin-6{ width: 30% }
    .diapo-surmesure .swiper-slide h3.legende {
        margin: 0rem 0 0 10%;
        position: relative;
        z-index: 5;
        font-size: 16px;
        line-height: 19px;
    }
    .swiper .overlay::after{ display: none; }
    .diapo-surmesure .swiper-slide h3.legende span{ font-size: 12px; }
    .diapo-surmesure .swiper-button-next, 
    .diapo-surmesure .swiper-button-prev{ top: 60%; left: 5%; }
    .diapo-surmesure .swiper-button-next{ right: 35%; left: auto; }
    #surmesure .diapo-surmesure{ margin: 3rem 0; }
    #surmesure .bloc.left{ margin-bottom: 3rem; }
    #realisations .realisations{ margin: 3rem 0; }
    #realisations .realisations::before, 
    #realisations .realisations::after{ width: 90%; }
    #realisations .realisations.sensleft::before, 
    #realisations .realisations.sensleft::after{ right: 5% }
    #realisations .realisations.sensleft .row.middle::before{ left: 5%; }
    #realisations .realisations.sensleft .row.middle::after, 
    #realisations .realisations.sensright .row.middle::after{ right: 5% }
    #realisations .realisations.sensright::before, 
    #realisations .realisations.sensright::after, 
    #realisations .realisations.sensright .row.middle::before{ left: 5%; }
    #realisations .realisations .spannomargin-6{ width: 70%; margin: 0 15%; }
    #realisations .realisations h3 { font-size: 18px; line-height: 26px; margin-top: 1rem; }
    #realisations .realisations h3 span{ margin: 1rem 0; }
    #realisations .realisations .btn.nobrd{ padding: 0 1rem; }
    #realisations .realisations.sensright .row.middle{ flex-flow: column-reverse wrap; }
    #realisation .bloc{ margin: 3rem 5%; padding: 3rem 0; }
    #realisation .bloc.left{ padding: 3rem 5%; background-size: cover; width: 80%; }
    .texte3photos h2, .texte3photos h3{ font-size: 22px; line-height: 30px; }
    .texte3photos p { line-height: 28px; font-size: 16px; }
    .les3photos img { max-width: 90%; }
    #realisation .bordure.relative::after, #realisation .bordure.relative::before{ display: none; }
    #annonces .annonces{ margin: 1.5rem 0; }
    .legendeannonce{ height: auto; flex-flow: row wrap; }
    .legendeannonce .spannomargin-2{ width: 5%; }
    .legendeannonce .spannomargin-16{ width: 70% }
    .legendeannonce .spannomargin-4{ width: 20% }
    .imageannonce .bgbrown::before{ left: 5%; height: 367px; }
    .imageannonce .bgbrown::after{ width: 90%; left: 5%; }
    .legendeannonce .bgbrown.btnplusannonce::before{ height: 367px; top: -246px; }
    .legendeannonce h3 { font-size: 20px; }
    .legendeannonce p { font-size: 14px; }
    #annonces .annonces.encart-surmesure .in-encart-surmesure{ width: 90%; left: 5%; }
    #annonces .annonces.encart-surmesure .in-encart-surmesure::before{ top: -2rem; }
    #annonce .entete { margin-bottom: 2rem; }
    .caracs { margin: 1rem 0 1rem 0; }
    .caracs h2 {
        font-size: 22px;
        min-height: 50px;
        letter-spacing: 1px;
        padding-left: 7.5rem;
        margin-bottom: .5rem;
        background-size: 40px!important;
        background-position: 3rem top!important;
    }
    .desc-annonce{ width: 80%; margin: 0 5%; padding: 3rem 5%; }
    #annonce .encart-vert{
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        margin: 3rem 0;
    }
    #annonce main .mille.center .row:not(.caracs){ flex-flow: column-reverse wrap; }
    #annonce .horaires-agence{ margin: 1rem 5%; width: 90%; }
    .kelquartier{ margin: 2rem 0; }
    .kelquartier .bgtriangle{ background: transparent; }
    .kelquartier h2{ font-size: 18px; margin: 2rem 0 2rem 0; padding: 5rem 0 0 0; }
    .kelquartier h2 span{ font-size: 20px; }
    .desc-annonce p, .desc-annonce h2{ font-size: 14px; line-height: 24px; }
    .diapo-actus.row{ flex-flow: row wrap; }
    .diapo-actus article::before, 
    .diapo-actus article::after{ display: none; }
    .diapo-actus article{ flex-flow: row wrap; width: 75%; padding: 2rem 12.5%; }
    .diapo-actus article h2{ font-size: 20px; margin: 1rem 0; }
    .diapo-actus article p{ font-size: 14px; line-height: 20px; }
    .diapo-actus article .btn.nobrd{ padding: 0 1rem; }
    .diapo-showroom::before{ left: 5%; }
    .diapo-showroom::after{ right: 5%; left: auto; }
    .in-diapo-showroom::before, .in-diapo-showroom::after{ width: 90%; left: 5%; }
    .diapo-showroom{ background: transparent; }
    .show-adresse{ margin-top: 2rem; }
    .show-tel{ margin-bottom: 1rem; }
    .triangleparrainage{ width: 90%; margin: 0 5%; }
    #parrainage .blocparrainage h2{ font-size: 24px; }
    #parrainage .blocparrainage h3{ font-size: 20px; margin-bottom: 2rem; }
    #parrainage .blocparrainage p { font-size: 14px; line-height: 24px; }
    .btn.brd{ font-size: 16px; line-height: 70px; }
    #parrainage .wpcf7::before{ top: -1rem; }
    #parrainage .wpcf7{ margin-top: 3rem; width: 90%; padding: 4rem 5%; }
    section.offres-emploi{ margin-top: 3rem; }
    .offre-liste{ flex-flow: row wrap; margin: 2rem 0; padding: 1rem 0; }
    .offre-liste .spannomargin-18{ width: 80%; }
    .offre-liste .spannomargin-6{ width: 15%; }
    .offre-liste h2{ font-size: 20px; margin-left: 1rem; }
    .offre-liste h4{ font-size: 18px; margin-left: 1rem; }
    .bloc-candidature-sp{ margin-top: 5rem; }
    .presentation-rejoindre{  background: #f6f2ea; width: 90%; padding: 2rem 5%; }
    .presentation-rejoindre .blocs-rejoindre{ margin-top: 2rem; }
    .blocs-rejoindre h3{ font-size: 20px; }
    .blocs-rejoindre p { font-size: 14px; line-height: 24px; }
    .blocs-rejoindre .spannomargin-6{ margin-bottom: 2rem; }
    .btn.submit{ margin: 0 auto; }
    #recrutement .form-submit{ margin-top : 4rem; }
    #agence-single .encart-vert{
        width: 100%;
        position: relative;
        bottom: auto;
       right: auto;
    }
    .acf-map{ width: 100%; }
    .horaires-agence{ margin: 2rem 20%; text-align: center; }
    #agence-single .bloccontact, 
    #contact .bloccontact{ margin: 2rem 5% 0 5%; width: 90%; padding-top: 2rem; }
    #agence-single .bloccontact .spannomargin-16, 
    #contact .bloccontact .spannomargin-16{ margin:0 5%; width: 90%; }
    #agence-single .bloccontact .txtcontact img{ margin: 2rem auto; }
    .bloccontact .txtcontact p{ margin: 0 5%; }
    .spannomargin-16 > .bloc{ margin: 1.5rem auto; }
    .menu-conseils-terrain-container, 
    .menu-financement-container{ margin-top: 0; width: 60%; padding-bottom: 12rem; }
    ul.sidebar li ul li a { font-size: 14px; line-height: 20px; }
    #searchform select{ width: 90%; margin: 0 5% .5rem 5%; line-height: 48px; }
    #searchform input[type="text"] { width: 80%; line-height: 48px; }
    #searchform span{ line-height: 48px; }
    #searchform input[type="submit"]{ width: 90%; margin: 0 5%; }
    #searchform{ margin-bottom: 1rem; }
    .sloganfoot { font-size: 10px; line-height: 26px; }


}
/**/
@media (min-width: 768px) and (max-width: 1023px){

    .mille{ width: 100%; }
    .in-header > .mille > .row .spannomargin-8{ width: 40%; margin-left: 5%; }
    .in-header > .mille > .row .spannomargin-12{ display: flex; width: 30%; }
    .in-header > .mille > .row .spannomargin-2 {  width: 10%; }
    .menu-menu-principal-container{ width: 50%; left: 50%; }
    .in-header.bgwhite{ height: auto; }
    #home .modeles-home { background-size: 30%; }
    .dernieres-annonces .spannomargin-10{ width: 45%; margin-left: 5%; }
    .encarts3home.bggreen .spannomargin-8:last-child .spannomargin-18{ width: 40%; }
    footer .mrgtfoot > div{ width: 100%; }
    .footer-end .row > div.spannomargin-4{ width: 35%; }
    .footer-end .row > div.spannomargin-2{ width: 15%; }
    .footer-end .row > div.spannomargin-10{ display: none; }
    #agence-single .bloccontact .spannomargin-16, 
    #contact .bloccontact .spannomargin-16, 
    .bloccontact .spannomargin-16{ width: 60%; margin: 0; }
    .bloccontact .spannomargin-6{ width: 35%; }
    .bloccontact .spannomargin-2{ width: 5%; }
    .bloccontact .wpcf7 .spannomargin-8, 
    .bloccontact .wpcf7 .spannomargin-6{ width: 90%; }
    .sengage{ background-size: 85%; }
    .sengage .mrgseng .spannomargin-18{ width: 100%; }
    .sengage .encarts-sengage .spannomargin-8{ width: 33.3333334%; }
    .sengage .colonne-avis{ margin-left: 25%; }
    article.agences{ width: 45%; margin: 2rem 2.5%; }
    article.agences .legendemodele h3, article.agences .legendemodele p { margin-left: 2rem; }
    .legendemodele .btn.horiz{ padding: 0 1rem; }
    #modele .row.z3::before{ display: none; }
    .row.in-diapo-showroom{ flex-flow: row wrap; }
    #modele .legende-modele { margin: 2rem 2rem 4rem 4rem; }
    .intro-surmesure .spannomargin-10{ width: 35%; }
    .intro-surmesure .spannomargin-6{ width: 15%; }
    .intro-surmesure .illus-surmesure-vert img{ max-width: 95%; margin-top: 5rem; }
    .intro-surmesure .spannomargin-10 h2 {
        font-size: 22px;
        line-height: 26px;
        bottom: -9rem;
        left: 9rem;
    }
    .bloc .spannomargin-2{ width: 5%; }
    .bloc .spannomargin-10, .bloc .spannomargin-8, .bloc .spannomargin-12{ width: 45%; }
    .bloc.left{ flex-flow: row wrap; }
    #surmesure .bloccontact .txtcontact p.numerotel, 
    #modele .bloccontact .txtcontact p.numerotel, 
    #annonce .bloccontact .txtcontact p.numerotel{ font-size: 14px; }
    #realisations .realisations .row .spannomargin-2, 
    #realisations .realisations .row .spannomargin-4{ width: 5%; }
    #realisations .realisations .row  .spannomargin-10, 
    #realisations .realisations .row  .spannomargin-6{ width: 45%; margin: 0; }
    #realisations .realisations.sensright .row.middle{ flex-flow: row wrap; }
    #realisations .realisations.sensleft .spannomargin-2:first-child{ width: 0; }
    #realisation .bloc .spannomargin-2:nth-child(2){ display:none }
    #realisation .bloc .spannomargin-6{ width: 45%; }
    #realisation .bloc.left .spannomargin-2:nth-child(2){ display: block; }
    .les3photos .spannomargin-8{ width: 33.3333334%; }
    .imageannonce .bgbrown{ width: 100%; }
    .imageannonce .bgbrown::before{ height: 374px; }
    .legendeannonce .bgbrown.btnplusannonce::before {
        height: 374px;
        top: -253px;
    }
    .caracs .spannomargin-4{ display: none; }
    .caracs .spannomargin-6{ width: 33.33334%; }
    .caracs h2{ padding-left: 5.5rem;  background-position: 1rem top!important; }
    #annonce main .mille.center .row:not(.caracs){ flex-flow: row wrap; }
    #annonce main .mille.center .row:not(.caracs) .desc-annonce .spannomargin-2{ width: 5%; }
    #annonce main .mille.center .row:not(.caracs) .desc-annonce .spannomargin-10{ width: 90%; }
    #annonce .encart-vert{
        position: absolute;
        right: -70%;
        bottom: -40%;
    }
    .kelquartier{ margin-top: 8rem; }
    .kelquartier .brdtop{ width: 25%; }
    .kelquartier h2 { font-size: 14px; margin: 4rem 0 7rem 0; }
    .row.bgtriangle .spannomargin-4{ width: 5%; }
    .row.bgtriangle .spannomargin-16{ width: 90%; }
    .blocsolo .spannomargin-4{ width: 5%; }
    .blocsolo .spannomargin-16{ width: 90%; }
    .diapo-actus article .spannomargin-2{ width: 5%; }
    .diapo-actus article .spannomargin-10, 
    .diapo-actus article .spannomargin-6{ width: 45%; }
    .show-adresse { font-size: 14px; }
    #showroom .blocsolo .spannomargin-6{ width: 25%; }
    .triangleparrainage .spannomargin-8, 
    .triangleparrainage .spannomargin-16{ width: 100%; }
    #parrainage .blocparrainage .spannomargin-2{ width: 12.5%; }
    .formuparrainage .spannomargin-12{ width: 45%; margin: 0 2.5%; }
    .offres-emploi .spannomargin-2{ width: 5%; }
    .offres-emploi .spannomargin-10{ width: 45%; }
    .presentation-rejoindre .blocs-rejoindre .spannomargin-4{ width: 5%; }
    .presentation-rejoindre .blocs-rejoindre .spannomargin-6{ width: 45%; }
    .presentation-rejoindre .blocs-rejoindre div:nth-child(5){ display: none; }
    #recrutement .blocsolo .spannomargin-6{ width: 5%; }
    #recrutement .blocsolo .spannomargin-12{ width: 90%; }
    article.agences .legendemodele h3, article.agences .legendemodele p{ margin-left: 1.5rem; }
    #agence-single .encart-vert{
        position: absolute;
        right: -60%;
        bottom: -60%;
    }
    #agence-single .bloccontact{ margin-top: 24rem; }
    #agence-single .bloccontact .txtcontact p.numerotel{ font-size: 14px; }
    .spannomargin-16.spepages{ width: 70%; }
    .spannomargin-2.mgpages{ width: 1%; }
    .spannomargin-6.colpages{ width: 29%; }
    .menu-conseils-terrain-container, 
    .menu-financement-container{ width: 75%; margin: 3rem 0 1.25rem 5%; padding: 1.25rem 5% 10rem 5%; }
    ul.sidebar li a{ font-size: 18px; line-height: 24px; letter-spacing: 1px; }
    #searchform input[type="submit"]{ line-height: 48px; height: 48px; }


}
/**/
@media (min-width: 1024px) and (max-width: 1279px) {
    .menu-toggle{ background-size: 70%; }
    .menu-toggle.toggled-on{ background-size: 55%; }
    .menu-toggle span { font-size: 12px; margin: 0.5rem 0 0 0; }
    .headercontact img{ max-width: 75%; }
    .headercontact  span { font-size: 12px; margin: 1rem 0 0 0; }
    .in-header::before{ width: 59%; }
    nav .menu-menu-principal-container ul > li a{ font-size: 14px; letter-spacing: 1px; }
    nav .menu-menu-principal-container ul > li > ul > li a{ font-size: 12px; padding: 2px 10px 2px 40px; line-height: 12px; }
    nav .menu-menu-principal-container ul > li > ul > li > ul > li a, 
    nav .menu-menu-principal-container ul > li > ul > li:hover > ul > li a{
        font-size: 10px; line-height: 10px;
    }
    nav .menu-menu-principal-container ul > li > ul > li.uppercase a{ font-size: 13px; }
    nav .menu-menu-principal-container ul > li > ul{ padding-bottom: 1rem; }
    .in-header.fixe, .in-header.fixe:before{ height: 140px; }
    .in-header.fixe>.mille>.row { margin-top: 10px; }
    .contactfooter, .rappelfooter{ font-size: 18px; margin: 20px 0; }
    .contactfooter::after{ bottom: -55px; }
    ul.footer-menu li a{ font-size: 13px; }
    ul.footer-menu2 li{ margin: 0 .5rem; }
    ul.footer-menu2 li a{ font-size: 13px; letter-spacing: 0; }
    .sloganfoot, .sociaux{ font-size: 12px; }
    footer .bgwhite .spannomargin-8 img{ max-width: 85%; }
    footer .bgwhite{ height: 312px; }
    footer { height: 500px; }
    .footer-end { padding: 20px 0; }
    .footer-end img{ max-width: 80%; }
    section.sur-mesure{
        height: 470px;
        background-size: contain;
        margin: 92px 0 0 0;
    }
    section.sur-mesure .surmesure2{ margin-top: 50px; }
    section.sur-mesure h2 { font-size: 22px; }
    section.sur-mesure p {  font-size: 11px; letter-spacing: 1px; margin: .5rem 0 1.5rem 0; }
    .btn.nobrd{ font-size: 14px; }
    .mrgseng{ margin-top: 40px; }
    .sengage { height: 500px; background-size: 40%; }
    .border1{ height: 426px; }
    .border1 h3 { font-size: 18px; margin: 4rem 0 1rem 0; }
    .border1 h3 span{ font-size: 20px; }
    .encarts-sengage h4 { font-size: 16px; margin: 1rem auto 1rem auto; }
    .encarts-sengage p { font-size: 12px; line-height: 18px; margin: 1rem 15%; }
    .colonne-avis h3 {
        position: relative;
        padding: 4.5rem 0 0 0;
        margin: 0 auto 3rem auto;
        line-height: 40px;
        font-size: 18px;
        letter-spacing: 2px;
    }
    .colonne-avis h3::before{ width: 75px; height: 75px; background-size: contain; top: -35px; left: calc( 50% - 37px ); }
    .colonne-avis img{ max-width: 75%; }
    .colonne-avis h4{ font-size: 20px; }
    .colonne-avis p { font-size: 14px; }
    .triangleslide::after{ width: 45%; height: 100%; }
    #home section.sur-mesure{ margin-bottom: 58px; }
    #home .modeles-home{ padding-top: 58px; min-height: 500px; }
    .bloc-texte-inspirations h2 { font-size: 20px; letter-spacing: 5px; }
    .bloc-texte-inspirations p {
        margin: 3rem 0 4rem 0;
        font-size: 10px;
        line-height: 20px;
        letter-spacing: 1px;
        width: 80%;
    }
    .bloc-texte-inspirations .btn{ font-size: 12px; letter-spacing: 2px; }
    .legendemodele h3 {  font-size: 12px; letter-spacing:.5px; }
    .legendemodele p { font-size: 9px; letter-spacing: .1px; }
    .btn.horiz { padding: 0 1rem; font-size: 9px;  letter-spacing: 1px; }
    .modeles-home .swiper-slide .legendemodele, .modeles-home .swiper-slide .legendemodele > div {
        height: 100px;
    }
    .legendemodele .btn.horiz { margin-top: 16px; }
    .swiper-pagination-bullet, .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 68px; }
    .in-bordure h3 { font-size: 18px; letter-spacing: 6px; margin-bottom: 2rem; }
    .in-bordure h4 {
        padding-left: 3rem;
        background-size: 22px;
        line-height: 22px;
        margin: 0.5rem 0;
        font-size: 14px;
    }
    .in-bordure a.btn{ margin-top: 1rem; }
    .encarts3home.bggreen h3 { font-size: 16px;  padding: 3rem 0 0 0; }
    .encarts3home h5, .encarts3home.bggreen .spannomargin-8:nth-child(2) h5 { font-size: 14px; line-height: 20px; }
    .encarts3home.bggreen .sengage h4{ font-size: 18px; }
    .encarts3home.bggreen .sengage p { letter-spacing: 1px; }
    .un-partenaire {  margin: 80px 0; }
    .un-partenaire h1 { font-size: 18px; letter-spacing: 4px; margin-bottom: 2rem; }
    .un-partenaire p {  font-size: 14px; line-height: 24px; margin: 2rem 0 1rem 0; }
    .encarts3home.bggreen .spannomargin-8:last-child h3::before, 
    .encarts3home.bggreen .spannomargin-8:nth-child(2) h3::before, 
    .encarts3home.bggreen .spannomargin-8:first-child h3::before{
        background-size: 60%;
        top: -4rem;
    }
    p#breadcrumbs{ font-size: 10px; margin-bottom: .5rem; }
    .entete h1 { font-size: 20px;  line-height: 40px; }
    .entete .spannomargin-12.fdwhite.aligncenter::after{ width: 88px; height: 88px; background-size: contain; }
    .entete p{ font-size: 12px; line-height: 16px; padding-bottom: 2rem; }
    .entete { margin: 0 0 9rem 0; }
    .bloc.right .spannomargin-8.relative::after, 
    .bloc.left .spannomargin-8.relative::after{
        width: 109px;
        height: 109px;
        background-size: contain;
    }
    .blocsolo h2, .bloc h2{ font-size: 22px; line-height: 30px; }
    .blocsolo p, .bloc p{
        font-size: 12px;
        line-height: 20px;
    }
    .blocsolo ul li, .bloc ul li{
        font-size: 12px;
        line-height: 20px;
    }
    .blocsolo{ margin: 3rem auto;  }
    .bloc{ margin: 4rem auto;  }
    #parrainage .blocparrainage h2 { font-size: 28px; }
    #parrainage .blocparrainage h3 { font-size: 16px; }
    #parrainage .blocparrainage p{ font-size: 14px; line-height: 22px; }
    .btn.brd { line-height: 70px; font-size: 14px; }
    #parrainage .wpcf7 h2{ font-size: 20px; }
    input[type="text"], input[type="password"], 
    input[type="email"], input[type="tel"], 
    input[type="number"], select { font-size: 14px; line-height: 38px; }
    textarea{ font-size: 14px; line-height: 22px; }
    input[type="submit"], button[type="submit"]{ font-size: 16px; line-height: 68px; }
    #parrainage .wpcf7 label { font-size: 12px; line-height: 16px; }
    #parrainage .wpcf7 .form-phrase p, #parrainage .wpcf7 p.required{ font-size: 10px; line-height: 14px; }
    .triangleparrainage{ background-size: 50%; }
    .bloccontact .txtcontact p { font-size: 14px; line-height: 22px; }
    .bloccontact h2 { font-size: 22px; }
    .bloccontact h3 { font-size: 15px; }
    .bloccontact .wpcf7 label, .bloccontact .wpcf7 p.champs-oblig{ font-size: 12px; }
    .bloccontact .wpcf7 p { font-size: 8px; }
    article.agences .legendemodele p.brown{ font-size: 16px; }
    .encart-vert p {  margin: 0 0 1rem 3rem; font-size: 14px; line-height: 28px; }
    .encart-vert p.semibold { font-size: 18px; }
    .horaires-agence p { font-size: 14px; line-height: 20px; }
    #agence-single .bloccontact .txtcontact img {  margin: 2rem 0 1rem 0; }
    #agence-single .bloccontact .txtcontact p { font-size: 16px; }
    #agence-single .bloccontact .txtcontact p.poste { font-size: 14px; }
    #agence-single .bloccontact .txtcontact p.numerotel { font-size: 14px; letter-spacing: 1px; }
    .diapo-actus article h2 {  font-size: 18px; }
    .diapo-actus article p { font-size: 12px; line-height: 20px; }
    .offre-liste h2{ font-size: 20px; }
    .offre-liste h4 { font-size: 14px; }
    .bloc-candidature-sp .in-bloc-candidature-sp p { font-size: 14px; line-height: 26px; }
    .bloc-candidature-sp .in-bloc-candidature-sp{ height: 438px; }
    .bloc-candidature-sp{ height: 440px; background-position: center 44px; }
    .presentation-rejoindre{ background-size: 50%; padding-top: 92px; }
    .presentation-rejoindre .blocs-rejoindre { margin-top: 146px; }
    .blocs-rejoindre h3{ font-size: 20px; }
    .blocs-rejoindre p { font-size: 12px; line-height: 22px; }
    .show-adresse, .show-tel{ font-size: 14px; line-height: 22px; margin-left: 2rem; }
    .intro-surmesure .spannomargin-10 h2{ font-size: 22px; line-height: 22px; bottom: -9rem; }
    .intro-surmesure .spannomargin-10 h2 span{ font-size: 16px; }
    .diapo-surmesure .swiper-slide h3.legende{ font-size: 22px; line-height: 22px; }
    .diapo-surmesure .swiper-slide h3.legende span{ font-size: 12px; }
    .swiper .overlay::after{ width: 200px; height: 200px; }
    #surmesure .bloccontact .txtcontact p.numerotel, 
    #modele .bloccontact .txtcontact p.numerotel, 
    #annonce .bloccontact .txtcontact p.numerotel{ font-size: 12px; }
    .legendeannonce h3 { font-size: 15px; margin: 1.25rem 0 .15rem 1.5rem; }
    .legendeannonce p { font-size: 10px; }
    .btn.carre {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 20px;
    }
    .legendeannonce, .legendeannonce .bgbrown{ height: 91px; }
    .imageannonce .bgbrown::before{ height: 303px; }
    .legendeannonce .bgbrown.btnplusannonce::before{ height: 301px; top: -211px; }
    #annonces .annonces{ margin: 1rem 0 5rem 0; }
    #annonces .annonces.encart-surmesure img{ max-width: 83%; }
    #annonces .annonces.encart-surmesure h2{ font-size: 20px; line-height: 30px; width: 100%; margin: 2rem 0 1rem 0; }
    #annonces .annonces.encart-surmesure p{  width: 80%; font-size: 14px;  line-height: 22px;  margin: 0 0 3rem 0; }
    #annonces .annonces.encart-surmesure .in-encart-surmesure::before{ background-size: contain; width: 50px }
    #modeles article.agences .imagemodele::after { height: 404px; }
    article.agences .imagemodele::after{ height: 460px; }
    #realisations .realisations h3{ font-size: 18px; line-height: 26px; }
    #realisations .realisations h3 span{ margin: 1rem 0; }
    .entete .btnretour { bottom: 2rem; font-size: 12px; letter-spacing: 2px; }
    #realisation .bloc h2, #realisation .bloc h3{  font-size: 14px; line-height: 20px;  }
    #realisation .bloc p { font-size: 12px; line-height: 20px; }
    #realisation .bordure.relative::after, 
    #realisation .bordure.relative::before{ min-height: calc( 260px + 10rem ); }
    .texte3photos h2, .texte3photos h3 { font-size: 20px; margin: 0 0 0 8rem; }
    .texte3photos p { font-size: 14px; margin: 0 0 0 8rem; }
    .texte3photos::before{ left: 4rem; }
    #modele .legende-modele{ margin: 1rem 2rem; }
    #modele .legende-modele h2{ font-size: 16px; }
    #modele .legende-modele p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: .5rem;
    }
    .caracs h2 { padding-left: 4.5rem; font-size: 22px; min-height: 40px; background-size: contain!important; }
    .caracs h2 span{ font-size: 10px; }
    .desc-annonce{ padding: 2rem 0; }
    .desc-annonce p, .desc-annonce h2 { font-size: 12px; line-height: 18px; }
    .btn.plusinfos{ font-size: 14px; }
    #annonce .encart-vert p{ font-size: 12px; line-height: 18px; margin: 0 2rem .75rem 2rem; }
    #annonce .encart-vert p.semibold { font-size: 18px; }
    .kelquartier h2 { font-size: 16px; line-height: 46px; }
    .kelquartier h2 span{ font-size: 20px; }
    ul.sidebar li a{ font-size: 14px; line-height: 18px; letter-spacing: 1px; }
    ul.sidebar li ul li a{ font-size: 12px; line-height: 16px; letter-spacing: .5px; padding-bottom: 1rem; }
    #searchform input[type="submit"]{ font-size: 11px; }
    #searchform span{ font-size: 14px; }
    #searchform{ margin-bottom: 2rem; }
    .derniereactu .btn.plus.ttesactus span.sp{ font-size: .7rem; }



}
/**/
@media (min-width: 1280px) and (max-width: 1479px){
    .menu-toggle{ background-size: 60%; }
    .menu-toggle.toggled-on{ background-size: 45%; }
    .menu-toggle span { font-size: 12px; margin: 0.5rem 0 0 0; }
    .headercontact img{ max-width: 70%; }
    .headercontact  span { font-size: 12px; margin: 1rem 0 0 0; }
    .in-header::before{ width: 59%; }
    nav .menu-menu-principal-container ul > li a{ font-size: 16px; letter-spacing: 1px; }
    nav .menu-menu-principal-container ul > li > ul > li a{ font-size: 14px; padding: 3px 10px 3px 40px; line-height: 14px; }
    nav .menu-menu-principal-container ul > li > ul > li.uppercase a{ font-size: 15px; }
    nav .menu-menu-principal-container ul > li > ul{ padding-bottom: 1rem; }
    .contactfooter, .rappelfooter{ font-size: 18px; margin: 20px 0; }
    .in-header.fixe, .in-header.fixe:before{ height: 140px; }
    .in-header.fixe>.mille>.row { margin-top: 10px; }
    .contactfooter::after{ bottom: -55px; }
    ul.footer-menu li a{ font-size: 13px; }
    ul.footer-menu2 li{ margin: 0 .5rem; }
    ul.footer-menu2 li a{ font-size: 13px; letter-spacing: 1px; }
    .sloganfoot, .sociaux{ font-size: 12px; }
    footer .bgwhite .spannomargin-8 img{ max-width: 85%; }
    footer .bgwhite{ height: 312px; }
    footer { height: 500px; }
    .footer-end { padding: 20px 0; }
    .footer-end img{ max-width: 80%; }
    section.sur-mesure{
        height: 520px;
        background-size: contain;
    }
    section.sur-mesure .surmesure2{ margin-top: 50px; }
    section.sur-mesure h2 { font-size: 26px; }
    section.sur-mesure p { font-size: 14px; letter-spacing: 1px; }
    .colonne-avis h3 { font-size: 20px; letter-spacing: 3px; }
    .colonne-avis img{ max-width: 90%; }
    .sengage { height: 600px; background-size: 40%; }
    .triangleslide::after{ width: 35%; height: 100%; }
    #home section.sur-mesure{ margin-bottom: 68px; }
    #home .modeles-home{ padding-top: 68px; min-height: 560px; }
    .bloc-texte-inspirations h2 { font-size: 26px; letter-spacing: 8px; }
    .bloc-texte-inspirations p {
        margin: 4rem 0 5rem 0;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 1px;
        width: 80%;
    }
    .bloc-texte-inspirations .btn{ font-size: 14px; }
    .legendemodele h3 { font-size: 15px; letter-spacing:.5px; }
    .legendemodele p { font-size: 12px; letter-spacing: .25px; }
    .legendemodele .btn.horiz{ font-size: 12px; padding: 0 1rem; }
    .modeles-home .swiper-slide .legendemodele, 
    .modeles-home .swiper-slide .legendemodele > div {
     height: 110px;
    }
    .in-bordure h3 { font-size: 20px; letter-spacing: 8px; margin-bottom: 2rem; }
    .in-bordure h4 {
        padding-left: 5rem;
        background-size: 30px;
        line-height: 30px;
        margin: 0.75rem 0;
        font-size: 16px;
    }
    .in-bordure a.btn{ margin-top: 1rem; }
    .encarts3home h5 { font-size: 16px; line-height: 24px; }
    .encarts3home.bggreen .spannomargin-8:nth-child(2) h5 { font-size: 14px; }
    .encarts3home.bggreen .sengage h4{ font-size: 20px; }
    .encarts3home.bggreen .sengage p { letter-spacing: 2px; }
    .un-partenaire {  margin: 120px 0; }
    .encarts3home.bggreen .spannomargin-8:last-child h3::before, 
    .encarts3home.bggreen .spannomargin-8:nth-child(2) h3::before, 
    .encarts3home.bggreen .spannomargin-8:first-child h3::before{
       background-size: 75%;
       top: -4rem;
    }
    .encarts3home.bggreen h3 { font-size: 18px;  padding: 3.5rem 0 0 0; }
    .un-partenaire h1 {
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 6px;
        margin-bottom: 2rem;
    }
    .un-partenaire p { font-size: 16px; line-height: 26px; margin-top: 2rem; }
    .entete h1{ font-size: 22px; line-height: 42px; width: 90%; margin: 0 auto; }
    .entete p{ font-size: 16px; padding-bottom: 3rem; }
    .entete .spannomargin-12.fdwhite.aligncenter::after{ width: 108px; height: 108px; background-size: contain; }
    .entete{ margin: 0 0 10rem 0; }
    .blocsolo h2, .bloc h2{ font-size: 24px; line-height: 32px; }
    .blocsolo p, .bloc p{
        font-size: 16px;
        line-height: 26px;
    }
    .blocsolo ul li, .bloc ul li{
        font-size: 16px;
        line-height: 26px;
    }
    .blocsolo{ margin: 3rem auto;  }
    .bloc{ margin: 4rem auto;  }
    #parrainage .blocparrainage h2{ font-size: 32px; }
    #parrainage .blocparrainage h3 { font-size: 18px; }
    #parrainage .blocparrainage p { font-size: 14px; line-height: 22px; }
    .btn.brd { line-height: 80px; font-size: 16px; }
    #parrainage .wpcf7 h2{ font-size: 24px; }
    input[type="submit"], button[type="submit"] { line-height: 78px; font-size: 20px; }
    input[type="text"], input[type="password"], 
    input[type="email"], input[type="tel"], 
    input[type="number"], select{ line-height: 38px; font-size: 14px; }
    textarea{ line-height: 20px; font-size: 14px; }
    .triangleparrainage{ background-size: 50%; }
    #parrainage .wpcf7 label{ font-size: 12px; }
    #parrainage .wpcf7 .form-phrase p{ font-size: 10px; }
    .bloccontact .txtcontact p{ font-size: 16px; line-height: 24px; }
    .bloccontact .wpcf7 label, .bloccontact .wpcf7 p.champs-oblig { font-size: 12px; }
    .bloccontact .wpcf7 p { font-size: 10px; }
    article.agences .legendemodele p.brown{ font-size: 20px; }
    .encart-vert p { margin: 0 0 1rem 3rem; font-size: 16px; }
    #agence-single .bloccontact .txtcontact img {  margin: 2rem 0 1rem 0; }
    .diapo-actus article h2 {  font-size: 22px; }
    .diapo-actus article p { font-size: 14px; line-height: 24px; }
    .presentation-rejoindre{ background-size: 50%; padding-top: 102px;  }
    .show-adresse, .show-tel{ font-size: 16px; line-height: 24px; margin-left: 2rem; }
    .intro-surmesure .spannomargin-10 h2{ font-size: 28px; line-height: 28px; bottom: -9rem; }
    .intro-surmesure .spannomargin-10 h2 span{ font-size: 18px; }
    .diapo-surmesure .swiper-slide h3.legende{ font-size: 28px; line-height: 28px; }
    .diapo-surmesure .swiper-slide h3.legende span{ font-size: 14px; }
    .swiper .overlay::after{ width: 220px; height: 220px; }
    #surmesure .bloccontact .txtcontact p.numerotel{ font-size: 16px; }
    .legendeannonce h3 { font-size: 16px; margin: 1.25rem 0 .15rem 1.5rem; }
    .legendeannonce p { font-size: 12px; }
    .btn.carre {
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 24px;
    }
    .legendeannonce, .legendeannonce .bgbrown{ height: 101px; }
    .imageannonce .bgbrown::before{ height: 339px; }
    .legendeannonce .bgbrown.btnplusannonce::before { height: 338px; top: -237px; }
    #annonces .annonces { margin: 1rem 0 6rem 0; }
    #annonces .annonces.encart-surmesure img{ max-width: 83%; }
    #annonces .annonces.encart-surmesure h2{ font-size: 20px; }
    #annonces .annonces.encart-surmesure p {
        width: 75%;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 3rem;
    }
    #annonces .annonces.encart-surmesure .in-encart-surmesure::before{ background-size: contain; width: 60px; }
    #modeles article.agences .imagemodele::after { height: 446px; }
    article.agences .imagemodele::after{ height: 510px; }
    #realisations .realisations h3{ font-size: 22px; line-height: 30px; }
    #realisations .realisations h3 span{ margin: 1rem 0; }
    .entete .btnretour{ bottom: 3rem; }
    #realisation .bloc h2, #realisation .bloc h3{  font-size: 16px; line-height: 24px;  }
    #realisation .bloc p { font-size: 12px; line-height: 22px; }
    #realisation .bordure.relative::after, 
    #realisation .bordure.relative::before{ min-height: calc( 292px + 10rem ); }
    .texte3photos h2, .texte3photos h3{ font-size: 26px; }
    .texte3photos p { font-size: 18px; }
    #modele .legende-modele{ margin: 2rem 4rem; }
    #modele .legende-modele h2{ font-size: 18px; }
    #modele .legende-modele p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: .5rem;
    }
    .caracs h2 { font-size: 26px; }
    .caracs h2 span{ font-size: 12px; }
    .desc-annonce p, .desc-annonce h2 { font-size: 13px; line-height: 20px; }
    .btn.plusinfos{ font-size: 14px; }
    .desc-annonce{ padding: 3rem 0; }
    #annonce .encart-vert p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 3rem 1rem 3rem;
    }
    #annonce .encart-vert p.semibold { font-size: 20px; }
    .kelquartier h2 { font-size: 20px; }
    ul.sidebar li a{ font-size: 18px; line-height: 24px; letter-spacing: 1px; }
    ul.sidebar li ul li a{ font-size: 14px; line-height: 18px; letter-spacing: .5px; padding-bottom: 1rem; }
    #searchform input[type="submit"]{ font-size: 12px; }
    #searchform span{ font-size: 14px; }

}
/**/
@media (min-width: 1480px) and (max-width: 1599px){
    .triangleslide::after{ width: 40%; }
    .bloc-texte-inspirations h2 { font-size: 36px; letter-spacing: 8px; }
    .bloc-texte-inspirations p { font-size: 16px; width: 75%; }
    .legendemodele p { font-size: 13px; }
    .legendemodele h3 { font-size: 20px; letter-spacing: .5px; }
    .legendemodele .btn.horiz{ padding: 0 1.25rem; font-size: 14px; }


}
/**/
@media (min-width: 1600px) and (max-width: 1799px){
    .bloc-texte-inspirations h2{ font-size: 38px; }
    .bloc-texte-inspirations p{ width: 75%; }
    .legendemodele p { font-size: 16px; }
    .legendemodele .btn.horiz{ padding: 0 1.5rem; font-size: 14px; }


}
/**/
@media (min-width: 1800px){
}
/**/
@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.png') no-repeat center 12%;
    border: 1px solid #757b5e;
    padding: 260px 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:#757b5e!important;
    color: #fff!important;
    border: 1px solid #757b5e!important;
    text-shadow: none!important;
    border-radius: 0px!important;
    padding: 8px 28px!important;
    transition: ease-in-out all .1s;
}
#cookie-notice .cn-button:hover{
    background: white!important;
    color: #757b5e!important;
    border-color: #757b5e!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 #bbb!important;
  color:#bbb!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: #e2003b; background: #e2003b; 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: #e2003b!important; box-shadow: none;
}
#cn-close-notice{ display: none; }