/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #222;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'adorn_serif';
    src: url('adorn_serif-webfont.woff2') format('woff2'),
         url('adorn_serif-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@import url('https://fonts.cdnfonts.com/css/poppins');

img{display:block; width:100%; height:auto; padding:0; margin:0; border:none; box-sizing:border-box;}
html, body{display:block;  font-family: 'Poppins', sans-serif; font-weight:400; padding:0; margin:0; width:100%; overflow-x: hidden; box-sizing:border-box;}



/**/
.interstitiel{display:none; z-index:9999999999999999999; position:fixed; width:100%; height:100%;  top:0; left:0; padding:0; margin:0; background-color: rgba(0, 0, 0, 0.9);}
.interstitiel .wrapper-interstitiel{display:block; text-align:center; position:absolute; top:50%; left:50%; width:660px; height:auto; padding:0; margin:-200px 0 0 -330px; box-sizing:border-box; border:solid 4px #B97729; background-color:#F7F1D7; overflow:hidden; overflow-y:auto;}
.interstitiel .wrapper-interstitiel .titre{display:block; text-align:center; padding:40px 0px 0 0px; margin:0 auto; max-width: 260px;}
.interstitiel .wrapper-interstitiel .sous-titre{display:block; text-align:center; font-size:1rem; line-height:1.4rem; color:#163029; padding:20px 30px 20px 30px; margin:0;}
.interstitiel .wrapper-interstitiel .lien-2{width:40%; text-align:center; cursor:pointer;margin:0 2%;}
.interstitiel .wrapper-interstitiel .age:hover{background-color:#000; }
.interstitiel .wrapper-interstitiel .souvenir{display:block; text-align:center; font-size:0.85rem; line-height:1.4rem; color:#163029; padding:20px 10px 40px 10px; margin:0;}

@media screen and (max-width: 760px){
.interstitiel .wrapper-interstitiel{top:5%; left:5%; width:90%; height:90%; padding:0 20px; margin:0; }
.interstitiel .wrapper-interstitiel .lien-2{display:block; width:80%; padding:10px 10px; margin:10px auto 0 auto;}
.interstitiel .wrapper-interstitiel .sous-titre{font-size:0.9rem; line-height:1.3rem; padding:10px 10px; margin:0;}

}



.interstitiel-maison-sancerre{display:none; z-index:9999999999999999999; position:fixed; width:100%; height:100%;  top:0; left:0; padding:0; margin:0; background-color: rgba(0, 0, 0, 0.9);}
.interstitiel-maison-sancerre .wrapper-interstitiel{display:block; text-align:center; position:absolute; top:50%; left:50%; width:660px; height:auto; padding:0; margin:-200px 0 0 -330px; box-sizing:border-box; border:solid 4px #B97729; background-color:#F7F1D7; overflow:hidden; overflow-y:auto;}
.interstitiel-maison-sancerre .wrapper-interstitiel .titre{display:block; text-align:center; padding:40px 0px 0 0px; margin:0 auto; max-width: 260px;}
.interstitiel-maison-sancerre .wrapper-interstitiel .sous-titre{display:block; text-align:center; font-size:1rem; line-height:1.4rem; color:#163029; padding:20px 30px 20px 30px; margin:0;}
.interstitiel-maison-sancerre .wrapper-interstitiel .lien-2{width:40%; text-align:center; cursor:pointer;margin:0 2% 40px 2%;}

@media screen and (max-width: 760px){
.interstitiel-maison-sancerre .wrapper-interstitiel{top:5%; left:5%; width:90%; height:90%; padding:0 20px; margin:0; }
.interstitiel-maison-sancerre .wrapper-interstitiel .lien-2{display:block; width:80%; padding:10px 10px; margin:10px auto 20px auto;}
.interstitiel-maison-sancerre .wrapper-interstitiel .sous-titre{font-size:0.9rem; line-height:1.3rem; padding:10px 10px; margin:0;}

}




#cookie-notice{padding:0 40px; box-sizing:border-box;}
#cookie-notice .boutonrgpd{background-color: #B97729 !important;text-shadow: none !important;box-shadow: none !important;background-image: none !important; border:solid 1px #B97729 !important;}
#cookie-notice .boutonrgpd:hover{background-color: #163029 !important; color: #fff !important;}
#cookie-notice{background-color: rgba(0, 0, 0, .8) !important;}
#cookie-notice .cookie-notice-container {padding: 10px !important;}




/*ESPACE PRO*/
.section-espace-pro {padding: 180px 0 240px 0 !important;}
.section-espace-pro .barre-espacepro{display: block; width: 100%; height: 1px; padding: 0; margin:30px 0 20px 0; border: none; background-color:#B97729; }
.section-espace-pro .lien-2{background-color: transparent;}

.section-espace-pro .menu-interne{display:block; padding:50px 0 10px 0; margin:0; box-sizing:border-box;}
.section-espace-pro .menu-interne ul{display:block; padding:0; margin:0; border-bottom: solid 1px #B97729; box-sizing:border-box;}
.section-espace-pro .menu-interne ul li{display:inline-block; width:auto; padding:0; margin:0; box-sizing: border-box;}
.section-espace-pro .menu-interne ul li a{display:block; padding:20px 30px;   outline: none;  border-radius:0; margin:0; text-decoration:none; color:#000; background-color:transparent; border:solid 1px #B97729;  border-bottom: none; text-align:center; font-size:0.7rem; text-transform:uppercase; font-weight:600; box-sizing:border-box; transition:all 0.4s ease;  }
.section-espace-pro .menu-interne ul li a:hover{background-color:#000; border-color:#000; color:white;}
.section-espace-pro .menu-interne ul li a.active{background-color:#B97729; border-color:#B97729; color:white;}

@media screen and (max-width: 760px){
    .section-espace-pro {padding: 130px 0 130px 0 !important;}
    .section-espace-pro .menu-interne ul li{display:block; width:100%; padding:0; margin:0; box-sizing: border-box;}
    .section-espace-pro .menu-interne ul li a{display:block; padding:20px 10px;   }
  
}

.section-espace-pro .dataTables_wrapper {opacity: 0; transition: all 0.4s ease;}
.section-espace-pro .dataTables_wrapper.opacity {opacity: 1; transition: all 0.4s ease;}
.section-espace-pro .dataTables_wrapper .dataTables_filter{float: none; text-align: left; border:none; border-bottom: none; padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #000!important; }
.section-espace-pro .dataTables_wrapper .dataTables_filter input{border:solid 2px #B97729; outline:none; box-shadow:none;  background-color:#fff; color:#B97729; outline:none; font-size:0.85rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease; margin-left: 10px;}
.section-espace-pro .dataTables_wrapper .dataTables_filter input:focus{border-color:#B97729; }
.section-espace-pro .dataTables_wrapper .dataTables_length{float: right; border:none; padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #000!important; }
.section-espace-pro .dataTables_wrapper .dataTables_length select {border: 2px solid #B97729; margin-left: 5px; margin-right: 5px; max-width: none; line-height: 1; font-size: 0.9rem;padding: 4px 23px 4px 2px;}
.section-espace-pro .dataTables_wrapper .dataTables_info{padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #000 !important; }
.section-espace-pro .dataTables_wrapper .dataTables_paginate{padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #B97729 !important; }
.section-espace-pro table.dataTable{margin: 10px auto;}
.section-espace-pro table.dataTable thead th, table.dataTable thead td { padding: 10px 10px 10px 5px;}
.section-espace-pro table.dataTable thead th, table.dataTable tfoot th {background-color:#B97729; border-bottom: none; text-align:left; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
.section-espace-pro table.dataTable tbody th, table.dataTable tbody td {padding: 1px 5px; border-bottom:solid 1px #ececec; font-size:0.8rem; font-weight:400; color:#000; text-align: left;}
.section-espace-pro table.dataTable thead > tr > th.sorting_desc::before{font-size: 1.2rem; top: auto; bottom: 35%;}
.section-espace-pro table.dataTable thead > tr > th.sorting_desc::after{opacity:1;font-size: 1.2rem; top: auto; bottom: 35%;}
.section-espace-pro table.dataTable thead > tr > th.sorting_asc::after{font-size: 1.2rem; top: auto; bottom: 35%;}
.section-espace-pro table.dataTable thead > tr > th.sorting_asc::before{opacity:1; font-size: 1.2rem; top: auto; bottom: 35%;}
.section-espace-pro table.dataTable .barre-avancement{margin: 10px 0 0 0;}
.section-espace-pro table.dataTable .action{display:block; width:100%;padding:0; margin:0; box-sizing:border-box;}
.section-espace-pro table.dataTable .action li{display:inline-block; vertical-align:middle; padding:0; margin:0; border:none; box-sizing:border-box;}
.section-espace-pro table.dataTable .action li button{display:inline-block; cursor: pointer; outline:none; font-size:1.4rem; line-height:40px; padding:0; margin:0 0 0 5px; border:none;  width:40px; height:40px; background-color:transparent; color:white; border-radius:0px; box-sizing:border-box; transition:all 0.3s ease;}
.section-espace-pro table.dataTable .action li button.green{color:#B97729;}
.section-espace-pro table.dataTable .action li button.orange{color:#B97729;}
.section-espace-pro table.dataTable .action li button.red{color:#d24848;}
.section-espace-pro table.dataTable .action li button.blue{color:#B97729;}
.section-espace-pro table.dataTable .action li button.green:hover{background-color:#B97729; color:white !important;}
.section-espace-pro table.dataTable .action li button.orange:hover{background-color:#B97729; color:white !important;}
.section-espace-pro table.dataTable .action li button.red:hover{background-color:#d24848; color:white !important;}
.section-espace-pro table.dataTable .action li button.blue:hover{background-color:#B97729; color:white !important;}
.section-espace-pro table.dataTable .action li a{display:inline-block; line-height:30px; text-decoration:none; outline:none; font-size:1.1rem; padding:0; margin:0; width:30px; height:30px; border:none; background-color:transparent; color:white; border-radius:0px; box-sizing:border-box; transition:all 0.3s ease;}
.section-espace-pro table.dataTable .action li a.green{color:#B97729;}
.section-espace-pro table.dataTable .action li a.orange{color:#B97729;}
.section-espace-pro table.dataTable .action li a.red{color:#d24848;}
.section-espace-pro table.dataTable .action li a.green:hover{background-color:#45ae65; color:white !important;}
.section-espace-pro table.dataTable .action li a.orange:hover{background-color:#fba464; color:white !important;}
.section-espace-pro table.dataTable .action li a.red:hover{background-color:#d24848; color:white !important;}
.section-espace-pro table.dataTable tbody tr:first-child .affichage-transparent-mois-prevention{color: #B97729!important;}
.section-espace-pro .cb-dropdown-wrap {  max-height: 80px; /* At most, around 3/4 visible items. */position: relative;height: 19px;width: calc(100% - 10px);}
.section-espace-pro .cb-dropdown,.section-espace-pro .cb-dropdown li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-espace-pro .cb-dropdown {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #B97729;

}
/* For selected filter. */
.section-espace-pro .active .cb-dropdown {
  }
.section-espace-pro .cb-dropdown-wrap:hover .cb-dropdown {
  height: 80px;
  overflow: auto;
  transition: 0.2s height ease-in-out;
  min-width: 250px;
  z-index: 9;
}

/* For selected items. */
.section-espace-pro .cb-dropdown li.active {
  }
.section-espace-pro .cb-dropdown li.active label > span  {
  color: #B97729;
}
.section-espace-pro .cb-dropdown li label {
  display: block;
  position: relative;
  cursor: pointer;
  line-height: 19px; /* Match height of .cb-dropdown-wrap */
}
.section-espace-pro .cb-dropdown li label > input {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 10px;
}
.section-espace-pro .cb-dropdown li label > span {
  display: block;
  margin-left: 3px;
  margin-right: 20px; /* At least, width of the checkbox. */
  font-family: sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  text-align: left;
  color:#999;
}
.section-espace-pro .cb-dropdown li:hover label > span {color:#B97729;}

/* This fixes the vertical aligning of the sorting icon. */
.section-espace-pro table.dataTable thead .sorting,
.section-espace-pro table.dataTable thead .sorting_asc,
.section-espace-pro table.dataTable thead .sorting_desc,
.section-espace-pro table.dataTable thead .sorting_asc_disabled,
.section-espace-pro table.dataTable thead .sorting_desc_disabled {
  background-position: 100% 10px;
}
.section-espace-pro .select-tri-tableau{display: block;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
outline: none;
box-shadow: none;
background-color: #fff;
color: #B97729;
outline: none;
font-size: 0.75rem;
font-weight: 500;
box-sizing: border-box;
transition: all 0.5s ease;}
.section-espace-pro table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, .section-espace-pro table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
  top: 50%;
  left: 0px;
  height: 25px;
  width: 25px;
  margin-top: -12px;
  display: block;
  position: absolute;
  color: white;
  border: none;
  border-radius: 0;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: unset;
  line-height: 1;
  content: "+";
  background-color: #B97729;
  font-size: 1.4rem;
  margin-right: 5px;
  box-shadow: none;
}
.section-espace-pro table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before {

    content: "-";
    background-color: #B97729;

}
.section-espace-pro .dt-button{display:inline-block; text-decoration:none; cursor:pointer; padding:10px 15px; margin:0 0 0 0; border-radius:0;  border:solid 1px #5b5b5b; background-color:#5b5b5b; color:#fff; outline:none; font-size:0.7rem; text-transform: uppercase;font-weight:600; box-sizing:border-box; transition:all 0.3s ease;}
.section-espace-pro .dt-button:hover{border-color:#000;background-color:#000; }
.section-espace-pro .dataTables_wrapper { padding-bottom: 40px;}
.section-espace-pro .dt-buttons{  display: block;  position: absolute;  bottom: 0;  left: 0;}






.newh1entete{display: block; padding:20px 0 0 0; margin: 0 auto; box-sizing: border-box; font-family: 'adorn_serif'; font-weight: 400; font-size: 1.4rem; text-align: center; color: #B97729;}
.newh2entete{display: block; padding:5px 0 0 0; margin: 0; box-sizing: border-box;  font-weight: 400; font-size: 1.2rem; text-align: center;  color: #EFE4B0;}
.titreh1{font-size: 3.7rem;}




.wrapper{display: block; padding: 0 20px; margin: 0 auto; box-sizing: border-box; width:100%; max-width:1440px; position:relative; }
.clear{clear: both;}
.animation, .animation-footer, .animation-interne{opacity:0;transition:opacity 1s ease 0s;}
.apparition{opacity:1 !important;transition:opacity 1s ease 0s;}

.titre{display: block; padding: 0; margin: 0; box-sizing: border-box; font-family: 'adorn_serif'; font-weight: 400;  color: #163029;}
.titre .little{text-transform: uppercase; font-size: 2.7rem;}
.titre .enveloppe{overflow: hidden; display: block; padding: 0; margin: 0; box-sizing: border-box;}
.titre .enveloppe .ligne{transition:all 0.5s ease 0s; display: block; padding: 0; margin: 0; box-sizing: border-box; font-size: 3.2rem; line-height: 2.8rem; transform: translate3d(0px, 100%, 0px);}
.titre .enveloppe.apparition .ligne{transform: translate3d(0px, 0%, 0px);}

.descriptif{display: block; padding:30px 0 0 0; margin: 0; box-sizing: border-box; font-size: 1rem; line-height: 1.4rem; }

.titre-2{display: block; padding: 0; margin: 0; box-sizing: border-box; font-weight: 600; font-size: 2rem; line-height: 2.6rem;  color: #B97729; position: relative;}
.titre-3{display: block; padding: 0; margin:5px 0 0 0; box-sizing: border-box; font-weight: 500; font-size: 1.2rem; font-style: italic;line-height: 1.6rem;  color: #B97729; position: relative;}
.titre-2.titre-2-seo{line-height: 2.2rem; padding-top: 10px;}

.lien{display: block; padding: 0; margin: 0; box-sizing: border-box; font-size: 1rem; line-height: 1.2rem; color:#B97729; text-decoration: none; transition: all 0.5s ease;}
.lien .icone{display: inline-block; vertical-align:middle; width: 40px; padding: 0; margin: 0 5px 0 0;}
.lien:hover{padding-left: 20px;}

.lien-2{transition:all 0.5s ease 0s;display: inline-block; padding:10px 15px; text-decoration: none; margin: 0; box-sizing: border-box; font-size: 1rem; line-height: 1.2rem; color:#B97729; transition: all 0.5s ease; border: solid 2px #B97729; border-radius: 20px;}
.lien-2:hover{color: #EFE4B0; background-color:#B97729; }

.lien-3{display: inline-block; padding: 0; margin: 0; box-sizing: border-box; font-size: 1rem; line-height: 1.2rem; color:#B97729; text-decoration: none; transition: all 0.5s ease;}
.lien-3:hover{text-decoration: underline;}

.liste{display: block; padding:0; margin:0; box-sizing: border-box;}
.liste li{display: block; padding:10px 0 0 20px; margin:0; box-sizing: border-box; font-size: 1rem; line-height: 1.4rem; background-image: url(../img/puce.svg); background-repeat: no-repeat; background-size: 10px; background-position:0 16px;}


@media screen and (max-width: 1440px) {
    .titre .little{font-size: 2.2rem;}
    .titre .enveloppe .ligne{font-size: 2.7rem; line-height: 2.3rem;}
    .titre-2{font-size: 1.6rem; line-height: 2rem;}
}

@media screen and (max-width: 760px) {
    .titre .little{font-size: 1.7rem;}
    .titre .enveloppe .ligne{font-size: 2rem; line-height: 2rem;}
    .titre-2{font-size: 1.6rem; line-height: 2rem;}
    .descriptif{padding:20px 0 0 0; font-size: 0.9rem; line-height: 1.3rem; }
}

header{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; z-index: 99;}
header .logo{transition: all 0.5s ease;display:block; width:170px; margin:0; padding: 0; position: absolute; top: 40px; left: 0; cursor: pointer;}
header .logo:hover{opacity:0.5;}
header .icone-menu{display:block; width:40px; margin:0; padding: 0; position: absolute; top: 70px; right: 0; cursor: pointer;}
header .bandeau-menu{display: none; padding:0; margin:0; box-sizing: border-box; position: fixed; z-index: 99999; height: 60px; width: 100%; left: 0; background-color: #FBF8EB;}
header .bandeau-menu .bandeau-logo{transition: all 0.5s ease;display: inline-block; width: 125px; margin: 0px 0 0 0; padding: 0; position: absolute; top: 10px; left: 0;}
header .bandeau-menu .bandeau-logo:hover{opacity:0.5;}
header .bandeau-menu .icone-menu{display: inline-block; width: 40px; margin: 0; padding: 0; position: absolute; top: 17px; right: 0; cursor: pointer;}

@media screen and (max-width:1480px) {
    header .logo{width:170px;top: 40px; left: 40px; }
    header .icone-menu{width:40px; top: 70px; right: 40px; cursor: pointer;}
    header .bandeau-menu{height: 60px; left: 0;}
    header .bandeau-menu .bandeau-logo{width: 125px;top: 10px; left: 40px;}
    header .bandeau-menu .icone-menu{width: 40px; top: 17px; right: 40px;}
}

@media screen and (max-width:1200px) {
    header .icone-menu{top: 40px;}
}

@media screen and (max-width:760px) {
    header .logo{width:150px;top: 20px; left: 20px; }
    header .icone-menu{top: 20px; right: 20px; }
    header .bandeau-menu{height: 40px;}
    header .bandeau-menu .bandeau-logo{width: 100px;top: 4px; left: 20px;}
    header .bandeau-menu .icone-menu{width: 35px; top: 9px; right: 20px;}
}


header .menu{-webkit-overflow-scrolling: touch; display: none; background-color:rgba(22, 48, 41, 1); overflow: hidden; overflow-y: auto; padding:0; margin:0; box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999999;}
header .menu .background-menu{transition:all 1s ease; z-index: 2; display: block; opacity: 0; z-index: 1; position: absolute; top: 0; left: -5%; width: 110%; height: 100%; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; background-position: center;}
header .menu .background-menu.hover{opacity: 1; z-index:3; left:0%; }
header .menu .background-menu.active{opacity: 1; z-index:1; left:0%; }
header .menu .filigrane{z-index: 9; background-color:rgba(22, 48, 41, 0); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box;}
header .menu .menu-logo{transition: all 0.5s ease;z-index: 10; display: block; position: absolute; top: 70px; left:100px; width:260px; box-sizing: border-box;}
header .menu .menu-logo:hover{opacity:0.5;}
header .menu .menu-close{z-index: 10; cursor: pointer; display: block; position: absolute; top: 70px; right:180px; width:40px; box-sizing: border-box;}
header .menu .social{z-index: 11; display: block; position: absolute; top: 50%; right: 20px; width:40px; padding: 0; margin: -60px 0 0 0; box-sizing: border-box;}
header .menu .social li{display: block; padding: 0; margin: 0; box-sizing: border-box;}
header .menu .social li a{transition:all 0.5s ease; display: block; padding: 0; margin: 0; box-sizing: border-box; text-align: center; text-decoration: none; color: #B97729; font-size: 1.4rem; height:40px; line-height:40px; }
header .menu .social li a:hover{color:#F3EBC4; }
header .menu .menu-principal{display: block; padding:0; margin:200px 180px 80px 0; box-sizing: border-box; position: relative; z-index: 10;}
header .menu .menu-principal li{display: block; text-align: right; padding: 0; margin: 0; box-sizing: border-box;}
header .menu .menu-principal li a{transition:all 0.5s ease; position: relative; text-decoration: none; display: inline-block; padding:20px 0; font-size: 2rem; color: #B97729; font-family: 'adorn_serif'; font-weight: 400; margin: 0; box-sizing: border-box;}
header .menu .menu-principal li a .ligne{transition:all 0.7s ease; display: inline-block; vertical-align: middle; width: 0px; padding: 0; margin: 0; box-sizing: border-box;}
header .menu .menu-principal li a .chiffre-romain{transition:all 0.7s ease;z-index: -1; display: block; position: absolute; height: 200px; width: auto; top: 50%; right: -400px; margin: -130px 0 0 0; opacity: 0;}
header .menu .menu-principal li a:hover{color:#F3EBC4;}
header .menu .menu-principal li a:hover .ligne{width: 100px; padding-left: 30px;}
header .menu .menu-principal li a:hover .chiffre-romain{right: -100px;opacity: 0.2;}
header .menu .menu-principal li.active a{color:#F3EBC4;}

header .menu .menu-secondaire{display: block; position: relative; z-index: 11; text-align: right; padding: 0 180px 0 0; margin: 0; box-sizing: border-box;}
header .menu .menu-secondaire li{display: inline-block; padding: 0; margin: 0 0 0 40px; box-sizing: border-box;}
header .menu .menu-secondaire li a{transition:all 0.5s ease;display: block; padding: 0; text-decoration: none; color:#F3EBC4; font-size: 1rem; margin: 0; box-sizing: border-box;}
header .menu .menu-secondaire li a:hover{color: #B97729;}


@media screen and (max-width:1120px) {
    header .menu .menu-principal{margin:260px 180px 60px 0;}
}

@media screen and (max-width:945px) {
    header .menu{padding:40px 40px;}
    header .menu .menu-logo{position: relative; top: auto; left: auto; width:260px; margin:0 auto;}
    header .menu .menu-close{top: 40px; right:40px; width:40px;}
    header .menu .menu-principal{margin:30px 0;}
    header .menu .menu-principal li a{display:block; padding:20px 0; font-size: 1.6rem; text-align: center;}
    header .menu .menu-principal li a .ligne{display: none;}
    header .menu .menu-principal li a .chiffre-romain{display: none;}
    header .menu .social{display: block; position: relative; top:auto; right: auto; width:100%; padding: 0; margin:70px 0px 0px 0;; text-align: center;}
    header .menu .social li{display: inline-block; padding: 0; vertical-align: middle;}
    header .menu .social li a{padding: 0 20px; font-size: 2rem; height:auto; line-height:1; }
    header .menu .menu-secondaire{text-align: center; padding: 20px 0 0 0; }
    header .menu .menu-secondaire li{display: inline-block; padding: 0 20px; margin: 0 0 20px 0; }

}


@media screen and (max-width:760px) {
    header .menu .background-menu{display: none;}
    header .menu{padding:40px 20px; overflow-x: hidden;}
    header .menu .menu-logo{position: relative; top: auto; left: auto; width:260px; margin:60px auto 0 auto;}
    header .menu .menu-close{top: 20px; right:20px; width:40px;}
    header .menu .menu-principal{margin:30px 0;}
    header .menu .menu-principal li a{padding:10px 0; font-size: 1.2rem; }
    header .menu .social{ margin:40px 0px 0px 0;}
    header .menu .menu-secondaire{text-align: center; padding: 20px 0 0 0; }
    header .menu .menu-secondaire li{display: inline-block; padding: 0 20px; margin: 0 0 20px 0; }

}


.accueil{display:block; position:relative; width: 100%; height: 100%; padding:0; margin:0; box-sizing:border-box;  background-position:center; background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}
.accueil .filigrane{background-color:rgba(22, 48, 41, 0); display: block; z-index: 1; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.accueil .conteneur{ z-index: 2;display:table; table-layout:fixed; position:absolute; width: 100%; height: 100%; padding:0; margin:0; box-sizing:border-box;}
.accueil .texte{display: table-cell; vertical-align:middle; padding: 0; margin: 0; text-align: center;}
.accueil .texte .titre-interne{display: block; padding: 0; margin: 0; box-sizing: border-box; font-family: 'adorn_serif'; font-weight: 400;  color: #B97729;}
.accueil .texte .titre-interne .little{text-transform: uppercase; font-size: 2.7rem;}
.accueil .texte .titre-interne .enveloppe{overflow: hidden; display: block; padding: 0; margin: 0; box-sizing: border-box;}
.accueil .texte .titre-interne .enveloppe .ligne{transition:all 1s ease 1.5s; display: block; padding: 0; margin: 0; box-sizing: border-box; font-size: 3.2rem; line-height: 2.8rem; transform: translate3d(0px, 100%, 0px);}
.accueil .texte .titre-interne .enveloppe.apparition .ligne{transform: translate3d(0px, 0%, 0px);}
.accueil .texte .chiffre-romain{transition:all 1s ease 1s; width: auto; height: 120px; margin: 0 auto 15px auto; padding: 0; box-sizing: border-box; }
.accueil .texte .chiffre-romain img{width: auto; height: 100%; margin: 0 auto;}
.accueil .texte .chiffre-romain.apparition{ opacity: 0.4 !important;}
.accueil .texte .ligne-separation{transition:all 1s ease 1.5s; width: 500px; height: auto; margin: 20px auto; padding: 0; box-sizing: border-box;}
.accueil .texte .descriptif{transition:all 1s ease 2s;color: #EFE4B0; width: 90%; max-width: 950px; margin: 0 auto; font-weight: 300; padding: 0;}


@media screen and (max-width: 1300px) {
    .accueil .texte .titre-interne .little{font-size: 2.2rem;}
    .accueil .texte .titre-interne .enveloppe .ligne{font-size: 2.7rem; line-height: 2.3rem;}
}

@media screen and (max-width: 1200px) {
    .accueil{height: auto !important; padding:200px 0 150px 0; }
    .accueil .conteneur{display:block;position:relative; top:auto; left:auto; }
    .accueil .texte{display:block; padding: 0 40px; box-sizing: border-box;}
    .accueil .texte .chiffre-romain{height: 100px;}
    
}

@media screen and (max-width:800px) {
    .accueil{height: auto !important; padding:170px 0 100px 0; background-attachment:scroll;}
    .accueil .conteneur{display:block;position:relative; top:auto; left:auto; }
    .accueil .texte .descriptif{font-size: 0.9rem; width: 100%; line-height: 1.3rem; font-weight: 300; }

    .accueil .texte .titre-interne .little{font-size: 1.7rem;}
    .accueil .texte .titre-interne .ligne{font-size: 2rem; line-height: 2rem;}
    .accueil .texte .ligne-separation{width: 100%;}

}


.bloc-video-arriere-plan{display:block; position:relative; width: 100%; height: 100%; padding:0; margin:0; box-sizing:border-box; }
.bloc-video-arriere-plan .background-video {background-color: #000;background-position: top center;background-repeat: no-repeat;bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0; z-index: 9;}
.bloc-video-arriere-plan video,.bloc-video-arriere-plan source {position: absolute;object-fit: cover;  height: 100%;  width: 100%;  position: absolute;  top: 0;  left: 0;}
.bloc-video-arriere-plan .background-video .ytplayer-player-inline{position: absolute;}
.bloc-video-arriere-plan .loaded .ytplayer-container {display: block;}
.bloc-video-arriere-plan .loaded .placeholder-image { opacity: 0;}
.bloc-video-arriere-plan .ytplayer-container {bottom: 0;height: 100%;left: 0;min-width: 100%;overflow: hidden;position: absolute;right: 0;top: 0; z-index: 3;}
.bloc-video-arriere-plan .placeholder-image {height: 100%;left: 0;min-height: 100%;min-width: 100%;position: fixed;top: 0;z-index: 1;}
.bloc-video-arriere-plan .ytplayer-shield {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 2;}
.bloc-video-arriere-plan .ytplayer-player {position: absolute;}
.bloc-video-arriere-plan .container {border-radius: 6px;background: rgba(255, 255, 255, .9);padding: 0 30px 0 30px;margin: 30px auto;}
.bloc-video-arriere-plan .filigrane{display: block; padding: 0; margin: 0; box-sizing: border-box; z-index: 9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #163029; opacity:1; }
.bloc-video-arriere-plan .filigrane.hello{opacity: 0.3; transition: opacity 5s ease 1.6s;}
.bloc-video-arriere-plan .logo{display: block; padding: 0; margin: -80px 0 0 -150px; box-sizing: border-box; z-index: 9; position: absolute; top: 50%; left: 50%; width:300px; height: 160px; opacity:0; }
.bloc-video-arriere-plan .logo.hello{opacity:1; transition: opacity 28s ease 4s;}

.section-1{display: block; padding:200px 0 300px 0; margin: 0; box-sizing: border-box; position: relative; background-color:#F7F1D7; }
.section-1 .background{ transition: all 1s ease;  display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; right:0px; width: 100%; height: 100%;background-image: url(../img/ligne-topo-sancerre.svg); background-position: center right; background-repeat: no-repeat;}
.section-1 .titre{text-align: center;}
.section-1 .ligne-separation{ transition: all 0.5s ease; display: block; padding: 0; margin: 30px auto; width:360px; max-width: 100%; box-sizing: border-box; }
.section-1 .ligne-separation img{height: 6px;}
.section-1 .descriptif{color: #B97729; width: 790px; max-width: 100%; text-align: center; margin: 0 auto; font-size: 1.2rem; line-height: 1.7rem;}

@media screen and (max-width: 760px) {
    .section-1{display: block; padding:100px 0 100px 0; margin: 0; box-sizing: border-box; position: relative; background-color:#F7F1D7; }
    .section-1 .background{opacity: 0.3 !important;}
    .section-1 .descriptif{width: 100%; }
    .section-1 .ligne-separation{margin: 30px auto 10px auto;}

}

.section-2{display: block; padding:0px 0 90px 0; margin: 0 0 0px 0; box-sizing: border-box; position: relative; text-align: center; background-color:#FBF8EB;}
.section-2 .colonne{display: inline-block; width: 49%; padding:0; margin:100px 0 0 0; box-sizing: border-box; text-align: left; position: relative; vertical-align: top; }
.section-2 .colonne-1{padding-right: 100px;}
.section-2 .colonne-2{padding-left: 100px;}
.section-2 .colonne .chiffre-romain{transition: all 1s ease;display: block; padding: 0; margin: 0; box-sizing: border-box; width: 80px; position: absolute; top: -40px; left: -40px; }
.section-2 .colonne-2 .chiffre-romain{ width: 170px; top: -40px; left: 60px;}
.section-2 .colonne .titre{}
.section-2 .colonne .titre-2{margin: 30px 0 60px 0;}
.section-2 .colonne .descriptif{color: #163029;}
.section-2 .colonne .lien{margin: 30px 0;}
.section-2 .colonne .visuel{display: block; padding:10px; margin: 0; box-sizing: border-box; position: relative; border-radius: 10px; border-right: solid 2px #B97729;  border-bottom: solid 2px #B97729;}
.section-2 .colonne .visuel img{transition: all 1s ease;  }
.section-2 .colonne .visuel .cache-1{display: block; padding:0px; margin: 0; width: 5px; height: 60px; background-color:#FBF8EB; position:absolute; top:0; right:-2px; }
.section-2 .colonne .visuel .cache-2{display: block; padding:0px; margin: 0; width: 60px; height: 5px; background-color:#FBF8EB; position:absolute; bottom:-2px; left:0; }
.section-2 .colonne .ligne-separation{transform: rotate(90deg); display: block; width: 1180px; position: absolute; top: 278px; right: -596px; }

@media screen and (max-width: 1470px) {
    .section-2 .colonne-1{padding-right: 50px;}
    .section-2 .colonne-2{padding-left: 50px;}
    .section-2 .colonne .chiffre-romain{ width: 80px; position: absolute; top: -40px; left: -20px; }
    .section-2 .colonne-2 .chiffre-romain{width: 170px;top: -40px; left: 20px;}
    .section-2 .colonne .titre{}
    .section-2 .colonne .titre-2{margin: 30px 0 40px 0;}

}

@media screen and (max-width: 900px) {
    .section-2 .colonne{display:block; width: 100%; margin:150px 0 0 0; text-align: center;}
    .section-2 .colonne-1{padding-right: 0px;}
    .section-2 .colonne-2{padding-left: 0px;}
    .section-2 .colonne .ligne-separation{display: none;}
    .section-2 .colonne .chiffre-romain{width: 80px; position: absolute; top: -60px; left:50%; margin-left: -40px;}
    .section-2 .colonne-2 .chiffre-romain{ width: 170px; top: -60px; left:50%; margin-left: -85px;}

}

.section-3{display: block; padding:260px 0 110px 0; margin:0; box-sizing: border-box; position: relative; text-align: center; background-color:#FBF8EB;}
.section-3 .background{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%; background-image: url(../img/vignoble-sancerre-3.jpg); background-position:center; background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}
.section-3 .filigrane{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.section-3 .filigrane .barre{display: block; padding: 0; margin: 0; border: none; background-color:#B97729; position: absolute;}
.section-3 .filigrane .barre-1{width:0px; height: 2px; top: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-3 .filigrane .barre-2{width:2px; height:0px; top: 20px; right: 20px; transition: all 0s ease 0s;}
.section-3 .filigrane .barre-3{width:0px; height: 2px; bottom: 20px; right: 20px; transition: all 0s ease 0s;}
.section-3 .filigrane .barre-4{width:2px; height:0px; bottom: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-3 .filigrane.apparition .barre-1{width: calc(100% - 40px);  transition: all 1s ease 0s;}
.section-3 .filigrane.apparition .barre-2{height: calc(100% - 40px);  transition: all 0.5s ease 1s; }
.section-3 .filigrane.apparition .barre-3{width: calc(100% - 40px); transition: all 1s ease 1.5s;  }
.section-3 .filigrane.apparition .barre-4{height: calc(100% - 40px); transition: all 0.5s ease 2.5s; }
.section-3 .titre .chiffre-romain{transition: all 1s ease;display: block; padding: 0; margin: 0 0 0 -125px; box-sizing: border-box; width: 250px; position: absolute; top:-120px; left:50%; }
.section-3 .titre .chiffre-romain.apparition{opacity:0.2 !important;}
.section-3 .titre{position: relative; color: #EFE4B0}
.section-3 .titre-2{margin: 30px 0 60px 0;}
.section-3 .descriptif{color:#EFE4B0; width: 660px; text-align: center; margin: 0 auto;}
.section-3 .lien-2{margin-top: 30px;}

@media screen and (max-width: 760px) {
    .section-3 .titre .chiffre-romain{top: -140px;}
    .section-3 .descriptif{width: 100%; padding: 10px 0px 0 0px;}
    .section-3 .titre-2{margin: 30px 0 10px 0;}
    .section-3 .titre-2 br{display: none;}
    .section-3 .filigrane .barre{display: none;}

} 


.section-4{display: block; padding:300px 0 300px 0; margin: 0; box-sizing: border-box; position: relative; background-color:#F7F1D7; }
.section-4 .background{ transition: all 1s ease;  display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; right:0px; width: 100%; height: 100%;background-image: url(../img/carte-terroirs-vignoble-sancerre.jpg); background-position: center right; background-size:auto 100%; background-repeat: no-repeat;}
.section-4 .colonne{display: inline-block; width: 600px; padding:0; margin:0 0 0 100px; box-sizing: border-box; text-align: left; position: relative; vertical-align: top; }
.section-4 .colonne .chiffre-romain{transition: all 1s ease;display: block; padding: 0; margin: 0; box-sizing: border-box; width: 330px; position: absolute; top: -40px; left: -120px; }
.section-4 .colonne .titre{}
.section-4 .colonne .titre-2{margin: 30px 0 60px 0;}
.section-4 .colonne .descriptif{color: #163029;}
.section-4 .colonne .lien{margin: 30px 0;}
.section-4 .lien-3{position: absolute; bottom: 30px; right: 30px;}

@media screen and (max-width: 1470px) {
    .section-4{padding:200px 0 200px 0;  }
    .section-4 .colonne{width: 600px;  margin:0px;  }
    .section-4 .colonne .chiffre-romain{ top: -40px; left: -5px; }

}

@media screen and (max-width: 1200px) {
    .section-4{padding:100px 0 370px 0;  }
    .section-4 .colonne{width:50%;  margin:0px;  }
    .section-4 .background{background-position: bottom right; background-size: auto 80%;}

}

@media screen and (max-width: 900px) {
    .section-4 .colonne .titre-2{margin: 30px 0 10px 0;}
    .section-4 .background{ background-size: auto 70%;}

}

@media screen and (max-width: 760px) {
    .section-4{padding:200px 0 540px 0;  }
    .section-4 .colonne{display:block; width: 100%; padding:0; margin:0; text-align: center; }
    .section-4 .colonne .chiffre-romain{margin: 0 0 0 -165px; width: 330px;top: -120px; left:50%; }
    .section-4 .background{background-position: bottom right; background-size: auto 540px;}
    .section-4 .lien-3{width: 220px; bottom: 10px; right: 10px; text-align: right;}
}


.section-5{display: block; padding:50px 0; margin: 0; box-sizing: border-box; position: relative; background-color:#fff; }
.section-5 .colonne-1{display: block; padding:0; margin: 0; box-sizing: border-box; position: relative; float: left; width: 50%;background-image: url(../img/maison-des-sancerre.jpg); background-position: center center; background-size:cover; background-repeat: no-repeat;}
.section-5 .colonne-1 .conteneur{transition: all 0.5s ease 0s;display: block; padding:0; margin:0; box-sizing: border-box; position: absolute; top: 30px; left: 30px; width: calc(100% - 60px); height: calc(100% - 60px);background-color:rgba(22, 48, 41, 0.8);}
.section-5 .colonne-1 .contenu{display: block; padding:0; margin: 300px auto 250px auto; width: 550px; box-sizing: border-box; position: relative;}
.section-5 .colonne-1 .titre .chiffre-romain{transition: all 1s ease;display: block; padding: 0; margin: 0; box-sizing: border-box; width: 210px; position: absolute; top:-60px; left:-90px; }
.section-5 .colonne-1 .titre .chiffre-romain.apparition{opacity:0.5 !important;left:-90px;}
.section-5 .colonne-1 .titre{position: relative; color: #EFE4B0}
.section-5 .colonne-1 .titre-2{margin:40px 0;}
.section-5 .colonne-1 .descriptif{color:#EFE4B0; }
.section-5 .colonne-1 .lien-2{margin-top: 30px; background-color:#B97729; color: #EFE4B0;}
.section-5 .colonne-1 .lien-2:hover{background-color:#163029; }

.section-5 .colonne-2{display: block; padding:70px 150px; margin:40px 0; box-sizing: border-box; position: relative; float: left; width: calc(50% - 40px); }
.section-5 .colonne-2 .barre{display: block; padding: 0; margin: 0; border: none; background-color:#B97729; position: absolute;}
.section-5 .colonne-2 .barre-1{width:0px; height: 2px; top: 0px; left: 0px;  transition: all 0s ease 0s;}
.section-5 .colonne-2 .barre-2{width:2px; height:0px; top: 0px; right: 40px; transition: all 0s ease 0s;}
.section-5 .colonne-2 .barre-3{width:0px; height: 2px; bottom: 0px; right: 40px; transition: all 0s ease 0s;}
.section-5 .colonne-2.apparition .barre-1{width: calc(100% - 40px);  transition: all 0.7s ease 0s;}
.section-5 .colonne-2.apparition .barre-2{height:100%;  transition: all 1s ease 0.7s; }
.section-5 .colonne-2.apparition .barre-3{width: calc(100% - 40px); transition: all 0.7s ease 1.7s;  }
.section-5 .colonne-2 .titre{}
.section-5 .colonne-2 .navigation{display: block; width: 170px; padding:0 50px; text-align: center; margin:0; box-sizing: border-box; position: absolute; top: 70px; right: 20%;}
.section-5 .colonne-2 .navigation .fleche{display: block; padding:0; margin:0; box-sizing: border-box; width: 20px; position: absolute; top: 0px; }
.section-5 .colonne-2 .navigation .fleche-gauche{left: 0;}
.section-5 .colonne-2 .navigation .fleche-droite{right: 0;}
.section-5 .colonne-2 .texte{display: block; padding:6px 0 0 0; margin: 0; box-sizing: border-box; font-size: 1.1rem; font-weight: 600; color: #163029; }
.section-5 .colonne-2 .texte .slasch{display: inline-block; vertical-align: middle; width: 10px;}
.section-5 .colonne-2 .listing-article{display: block; padding: 0; margin: 0; box-sizing: border-box;}
.section-5 .colonne-2 .listing-article li{transition: all 0.5s ease;display: block; padding:40px 0; margin: 0; box-sizing: border-box; position: relative;  }
.section-5 .colonne-2 .listing-article li .titre-article{display: block; padding: 0; margin: 0; box-sizing: border-box; color: #163029; font-size: 1rem; line-height: 1.3rem; font-weight: 300;}
.section-5 .colonne-2 .listing-article li .titre-article b{display: inline-block; vertical-align: baseline; font-size: 1.2rem; color: #B97729; font-weight: 500;}
.section-5 .colonne-2 .listing-article li .titre-2{font-size: 1.2rem; line-height: 1.5rem; padding-top: 10px;}
.section-5 .colonne-2 .listing-article li .descriptif-article{display: block; padding:10px 0; margin: 0; box-sizing: border-box; color: #163029; font-size: 0.9rem; line-height: 1.2rem; font-weight: 600;}
.section-5 .colonne-2 .listing-article li .lien{}
.section-5 .colonne-2 .listing-article li .ligne-separation{display: block; padding: 0; margin: 0; box-sizing: border-box; width: 100%; position: absolute; bottom: 0; left: 0;}
.section-5 .colonne-2 .listing-article li:last-child .ligne-separation{display: none !important;}
.section-5 .colonne-2 .lien-2{margin-top: 30px;}

@media screen and (max-width:1600px) {
    .section-5 .colonne-2{padding:70px 50px; margin:40px 0; width:50%; }
    .section-5 .colonne-2 .barre-2{right: 10px;}
    .section-5 .colonne-2 .barre-3{right: 10px;}
    .section-5 .colonne-2.apparition .barre-1{width: calc(100% - 10px); }
    .section-5 .colonne-2.apparition .barre-3{width: calc(100% - 10px); }
    .section-5 .colonne-1 .titre .chiffre-romain{left: -50px; top:-90px; }
    .section-5 .colonne-1 .titre .chiffre-romain.apparition{left: -50px;}
    .section-5 .colonne-1 .contenu{width: 60%;}

}

@media screen and (max-width:1150px) {
    .section-5{ padding:0 0 50px 0; }
    .section-5 .colonne-1{ width: 100%;}
    .section-5 .colonne-1 .contenu{margin:0; width: 100%; padding:200px 50px 100px 50px; text-align: center;}
    .section-5 .colonne-1 .titre .chiffre-romain{margin: 0 0 0 -105px; top:-110px; left:50%; }
    .section-5 .colonne-1 .titre .chiffre-romain.apparition{ left:50%;}
    .section-5 .colonne-1 .titre{position: relative; color: #EFE4B0}
    .section-5 .colonne-1 .titre-2{margin:30px 0 10px 0;}

    .section-5 .colonne-2{display: block; padding:70px 50px; margin:0;width:100%; }
    .section-5 .colonne-2 .barre-1{width:2px; height: 0px; top: 0px; right: 20px; left: auto;}
    .section-5 .colonne-2 .barre-2{width:0px; height:2px; top:auto; bottom: 0px; right: 20px;}
    .section-5 .colonne-2 .barre-3{width:2px; height: 0px; bottom: 0px; right: auto; left: 20px;}
    .section-5 .colonne-2.apparition .barre-1{height: 100%;width:2px;}
    .section-5 .colonne-2.apparition .barre-2{width: calc(100% - 40px); height:2px;}
    .section-5 .colonne-2.apparition .barre-3{height: 100%;width:2px;}
    
    .section-5 .colonne-2 .listing-article{padding: 40px 0px 0 0;}
    .section-5 .colonne-2 .listing-article li{display: inline-block; padding:40px 40px 40px 0; width: 49%; vertical-align: top;}
    .section-5 .colonne-2 .listing-article li .ligne-separation{display: none;}

}

@media screen and (max-width:760px) {
    .section-5 .colonne-1 .conteneur{ top: 0px; left: 0px; width:100%; height:100%;}
    .section-5 .colonne-2{text-align: center; padding:70px 20px 50px 20px;}
    .section-5 .colonne-2 .barre{display: none;}
    .section-5 .colonne-2 .titre{text-align: center;}
    .section-5 .colonne-1 .titre .chiffre-romain{top:-130px; }
    .section-5 .colonne-2 .navigation{width: 170px; margin:60px auto 0 auto;position: relative; top: auto; right: auto;}
    .section-5 .colonne-2 .listing-article{padding: 20px 0px 0 0;}
    .section-5 .colonne-2 .listing-article li{display: block; padding:40px 0 20px 0; width: 100%;}


}




.section-6{display: block; padding:300px 0 300px 0; margin:0; box-sizing: border-box; position: relative; background-color:#163029;}
.section-6 .filigrane{transition: all 2s;display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top:0px; left:0px; width: 100%; height: 100%;background-position-x: right !important;background-image: url(../img/experience-sancerre.png); background-position: center right; background-size:auto 100%; background-repeat: no-repeat;}
.section-6 .contenu{display: block; padding:0 0 0 170px; margin: 0;  width: 730px; box-sizing: border-box;}
.section-6 .titre .chiffre-romain{transition: all 1s ease;display: block; padding: 0; margin: 0; box-sizing: border-box; width: 340px; position: absolute; top:-50px; left:-200px; }
.section-6 .titre .chiffre-romain.apparition{opacity:0.3 !important; }
.section-6 .titre{position: relative; color: #EFE4B0}
.section-6 .titre-2{margin: 30px 0 60px 0;}
.section-6 .descriptif{color:#EFE4B0; margin: 0 auto;}
.section-6 .lien-2{margin-top: 40px;margin-bottom: 40px;}
.section-6 .lien{display: inline-block; vertical-align: :middle; padding: 0 60px 0 0px;}
.section-6 .lien:hover{padding: 0 40px 0 20px;}

@media screen and (max-width:1470px) {
    .section-6 .contenu{padding:0;}
    .section-6 .titre .chiffre-romain{left: -5px;}

}

@media screen and (max-width:1000px) {
    .section-6 .filigrane{background-position-x: -20% !important;}

}

@media screen and (max-width:760px) {
    .section-6{ padding:210px 0 100px 0;}
    .section-6 .contenu{padding:0; margin: 0;  width: 100%; text-align: center;}
    .section-6 .titre .chiffre-romain{ padding: 0; margin: 0 0 0 -170px; width: 340px; top:-160px; left:50%; }
    .section-6 .titre-2{margin: 30px 0 10px 0;}
    .section-6 .lien-2{margin-top: 30px;margin-bottom: 0px;}
    .section-6 .lien{display:block;margin-top: 30px; padding: 0 0px 0 0px;}
    .section-6 .lien:hover{padding: 0 0px 0 20px;}

}

.section-instagram{display: none; padding:0; margin:0; box-sizing: border-box; position: relative; z-index: 1;}
.section-instagram .bloc-instagram{display: block; padding:0; margin:-150px 0 0 0; box-sizing: border-box; position: relative; height: 340px; background-color: black;}

@media screen and (max-width:1440px) {
    .section-instagram{display: none;}
}


.section-7{display: block; padding:180px 0 100px 0; margin:0px 0 0px 0; box-sizing: border-box; position: relative; background-color:#F7F1D7;}
.section-7 .correctif{position: absolute; top: 15px; left: 420px;}
.listing-actualites{display: block; padding:50px 0; margin:0; box-sizing: border-box;}
.listing-actualites li{display: inline-block; vertical-align:top; width: 45%; margin: 0;padding:0 0 50px 0; box-sizing: border-box; background-color: white; overflow: hidden; border-radius: 20px 20px 0 0;}
.listing-actualites li:nth-child(odd) {margin-right: 4%;}
.listing-actualites li:nth-child(even) {margin-left: 5%;}
.listing-actualites li .visuel{display:block; position: relative; margin: 0; height: 440px; padding:0; box-sizing: border-box;background-position: center; background-repeat: no-repeat; background-size: cover;}
.listing-actualites li .visuel .date{z-index: 2; display: inline-block; position: absolute; bottom: -15px; left: 0; margin: 0; height: 50px; line-height: 50px; color: white; font-size: 0.95rem; font-weight: 500; padding:0 20px; box-sizing: border-box;background-image:url(../img/date-sancerre.svg); background-position: center left; background-repeat: no-repeat; background-size: cover;}
.listing-actualites li .visuel .separation{z-index: 1; display:block; position: absolute; bottom:-2px; left: 0; width: 110%; margin: 0; padding:0; box-sizing: border-box;}
.listing-actualites li .categorie{display: block; padding:20px 0; margin:0 auto; width: 90%; max-width: 430px; box-sizing: border-box; position: relative;}
.listing-actualites li .categorie div{display:inline-block; padding: 5px 15px 0 0; margin: 0; vertical-align: middle; font-size: 1rem; color: #B97729; box-sizing: border-box;}
.listing-actualites li .separation-2{margin: 0 auto 20px auto; width: 90%; max-width: 430px;}
.listing-actualites li .description{ margin: 0 auto; width: 90%; max-width: 430px; font-size: 0.9rem;}
.listing-actualites li .lien{margin:30px auto 0 auto; width: 90%; max-width: 430px;}
.listing-actualites li .titre-2{font-size: 1.2rem; line-height: 1.5rem; padding-bottom: 10px;margin: 0 auto; width: 90%; max-width: 430px;}

.listing-actualites.actu-maison-sancerre li .categorie{display: block; padding:20px 40px; margin:0 auto; width: 100%; max-width: 100%;  box-sizing: border-box; position: relative;}
.listing-actualites.actu-maison-sancerre li .separation-2{margin: 0 auto 20px auto; padding: 0 40px; width: 100%; max-width: 100%; box-sizing: border-box;}
.listing-actualites.actu-maison-sancerre li .description{ margin: 0 auto; font-weight: 400; width: 100%;  padding: 0 40px;max-width: 100%; font-size: 0.9rem; box-sizing: border-box;}
.listing-actualites.actu-maison-sancerre li .lien{margin:30px 0 0 40px; width: auto; max-width:auto; box-sizing: border-box;}



@media screen and (max-width:1440px) {
    .section-7{display: block; padding:150px 0 100px 0; margin:0;}
    .listing-actualites li:nth-child(odd) {margin:0 2%;}
    .listing-actualites li:nth-child(even) {margin:0 2%;}
}

@media screen and (max-width:790px) {
    .section-7 .titre{text-align: center;}
    .section-7 .correctif{position: static; text-align: center; margin-top: 40px;}
    .section-7{display: block; padding:70px 0 20px 0; margin:0;}
    .listing-actualites li{display:block;  width: 100%; margin: 0;padding:0 0 50px 0; }
    .listing-actualites li:nth-child(odd) {margin:0 0 40px 0;}
    .listing-actualites li:nth-child(even) {margin:0 0 40px 0;}
}


.section-valeur-1{display: block; padding:0 50% 0 0; margin:0; box-sizing: border-box; position:relative;}
.section-valeur-1 .colonne-1{display: block; padding:0; margin:0; box-sizing: border-box;}
.section-valeur-1 .colonne-1 .masque{display: block; padding:0; margin:-20px 0 0 0; box-sizing: border-box;}
.section-valeur-1 .colonne-1 .contenu{display: block; float: right; padding:130px 150px 200px 0; margin:0; box-sizing: border-box; width: 700px;}
.section-valeur-1 .colonne-1 .contenu .descriptif{padding-top:50px;}
.section-valeur-1 .colonne-2{display: block; padding:0; margin:0; box-sizing: border-box; width: 50%; height: 100%; z-index: 1; position: absolute; top: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.section-valeur-1 .masque-general{display: block; padding:0; margin:0; box-sizing: border-box; width: 110%; z-index: 2; position: absolute; bottom: -1px; left: 0; }


@media screen and (max-width:1470px) {
    .section-valeur-1 .colonne-1 .contenu{float: none; padding:130px 100px 200px 20px;max-width: 100%;}

}

@media screen and (max-width:1200px) {
    .section-valeur-1 .colonne-1 .contenu{padding:100px 50px 100px 20px;}

}

@media screen and (max-width:1050px) {
    .section-valeur-1{padding:0 40% 0 0; }
    .section-valeur-1 .colonne-2{width: 40%; }

}

@media screen and (max-width:760px) {
    .section-valeur-1{padding:100px 20px; }
    .section-valeur-1 .colonne-2{display: none;}
    .section-valeur-1 .colonne-1 .contenu{padding:50px 0 0 0;}

}

.section-valeur-2{transition: all 1s ease;display: block; padding:200px 0; margin:0; box-sizing: border-box; position:relative; background-color: #F7F1D7; background-size: cover; background-position: center; background-repeat: no-repeat;}
.section-valeur-2 .slider{display: block; padding:0; margin:150px 0 250px 0; position: relative;box-sizing: border-box; }
.section-valeur-2 .slider .ligne{display: block; padding: 0; margin: 0; box-sizing: border-box; position: relative; width: 100%; height: 2px; background-color: #B97729;}
.section-valeur-2 .slider .ligne .zone{z-index: 1;display: block;padding: 0; margin: 0; box-sizing: border-box; position: absolute; width:550px; top:1px; }
.section-valeur-2 .slider .ligne .zone .cercle{transition: all 0.5s ease; display: block; border-radius: 50%; padding: 0; margin:0 0 0 0; cursor:pointer; background-color: transparent; border: solid 2px transparent; box-sizing: border-box; position: absolute; width:50px; height: 50px; top:-25px; left:-25px; }
.section-valeur-2 .slider .ligne .zone .cercle .rond{transition: all 0.3s ease; display: block; border-radius: 50%; padding: 0; margin:-10px 0 0 -10px; background-color: #B97729; box-sizing:border-box; position: absolute; width:20px; height: 20px; top:50%; left:50%; }
.section-valeur-2 .slider .ligne .zone .contenu{transition: all 0.5s ease; opacity: 0; display: block; padding:0; margin:0; position: relative;box-sizing: border-box; }
.section-valeur-2 .slider .ligne .zone .contenu .haut{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; padding:0; margin:0; position: absolute; width: 100%; left: 0; bottom: 70px;box-sizing: border-box; font-size: 7rem; line-height: 1; color: #F7F1D7;}
.section-valeur-2 .slider .ligne .zone .contenu .haut .little{font-size: 1.6rem;}
.section-valeur-2 .slider .ligne .zone .contenu .bas{display: block; padding:0; margin:0; position: absolute; width: 100%; left: 0; top: 70px;box-sizing: border-box; }
.section-valeur-2 .slider .fleche-gauche{display: block; padding:0; margin:0; position: absolute; width: 70px; left: -120px; top: -35px; cursor: pointer; box-sizing: border-box; }
.section-valeur-2 .slider .fleche-droite{display: block; padding:0; margin:0; position: absolute; width: 70px; right: -120px; top: -35px; cursor: pointer; box-sizing: border-box;}

.section-valeur-2 .slider .ligne .zone .cercle:hover .rond{width: 30px; height: 30px; margin: -15px 0 0 -15px;}
.section-valeur-2 .slider .ligne .zone.active{z-index: 2;}
.section-valeur-2 .slider .ligne .zone.active .cercle:hover .rond{width: 20px; height: 20px; margin: -10px 0 0 -10px;}
.section-valeur-2 .slider .ligne .zone.active .contenu{opacity: 1; transition: all 1s ease 0.3s;}
.section-valeur-2 .slider .ligne .zone.active .cercle{border-color:#163029; background-color: #F7F1D7; }
.section-valeur-2 .slider .ligne .zone.active .cercle .rond{background-color: #163029;}
.section-valeur-2 .slider .ligne .zone.anti_depasse .contenu .haut{left: auto; right: 100%; text-align: right;}
.section-valeur-2 .slider .ligne .zone.anti_depasse .contenu .bas{left: auto; right: 100%; text-align: right;}


@media screen and (max-width:1675px) {
    .section-valeur-2 .slider{padding:0 120px; }
    .section-valeur-2 .slider .fleche-gauche{width: 70px; left: 0px; top: -35px; }
    .section-valeur-2 .slider .fleche-droite{width: 70px; right: 0px; top: -35px;}


}

@media screen and (max-width:1200px) {
    .section-valeur-2{padding:150px 0;}
    .section-valeur-2 .slider{}
    .section-valeur-2 .slider .ligne .zone .contenu .bas .descriptif{font-size: 0.9rem; line-height: 1.3rem;}

}

@media screen and (max-width:850px) {
    .section-valeur-2{padding:100px 0;}
    .section-valeur-2 .contenu{padding:0 20px; width: 100%; }
    .section-valeur-2 .slider{ padding:0 70px;}
    .section-valeur-2 .slider .fleche-gauche{width: 50px; left: 0px; top: -25px; }
    .section-valeur-2 .slider .fleche-droite{width: 50px; right: 0px; top: -25px;}
    .section-valeur-2 .slider .ligne .zone .cercle{ width:30px; height:30px; top:-15px; left:-15px; }
    .section-valeur-2 .slider .ligne .zone .cercle .rond{ margin:-5px 0 0 -5px; width:10px; height: 10px; }


}

@media screen and (max-width:760px) {
    .section-valeur-2 .slider{padding:0;}
    .section-valeur-2 .slider .fleche-gauche{position: static; width:49%; padding: 0 15px; display:inline-block; text-align:center; vertical-align:middle; margin-top:30px; text-align: right;}
    .section-valeur-2 .slider .fleche-gauche img{width: 40px; display: inline-block;}
    .section-valeur-2 .slider .fleche-droite{position: static; width:49%; padding: 0 15px; display:inline-block; text-align:center; vertical-align:middle; margin-top:30px; text-align:left; }
    .section-valeur-2 .slider .fleche-droite img{width: 40px; display: inline-block;}
    .section-valeur-2 .slider .ligne .zone .contenu .bas{top:  90px;}


}

.section-valeur-3{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; height: 1000px;background-color: #F7F1D7;}
.section-valeur-3 .background{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%; background-position:center; background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}
.section-valeur-3 .filigrane{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.section-valeur-3 .filigrane .barre{display: block; padding: 0; margin: 0; border: none; background-color:#B97729; position: absolute;}
.section-valeur-3 .filigrane .barre-1{width:0px; height: 2px; top: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-valeur-3 .filigrane .barre-2{width:2px; height:0px; top: 20px; right: 20px; transition: all 0s ease 0s;}
.section-valeur-3 .filigrane .barre-3{width:0px; height: 2px; bottom: 20px; right: 20px; transition: all 0s ease 0s;}
.section-valeur-3 .filigrane .barre-4{width:2px; height:0px; bottom: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-valeur-3 .filigrane.apparition .barre-1{width: calc(100% - 40px);  transition: all 1s ease 0s;}
.section-valeur-3 .filigrane.apparition .barre-2{height: calc(100% - 40px);  transition: all 0.5s ease 1s; }
.section-valeur-3 .filigrane.apparition .barre-3{width: calc(100% - 40px); transition: all 1s ease 1.5s;  }
.section-valeur-3 .filigrane.apparition .barre-4{height: calc(100% - 40px); transition: all 0.5s ease 2.5s; }

@media screen and (max-width:800px) {
    .section-valeur-3 .background{background-attachment:scroll;}


}

.section-valeur-4{display: block; padding:180px 0 130px 0; margin:0; box-sizing: border-box; position:relative; background-color: #fff;}
.section-valeur-4 .colonne-1{display: block; padding:0; margin:0; box-sizing: border-box; width: 50%; float: left;}
.section-valeur-4 .colonne-1 .descriptif{padding: 70px 100px 0px 0px;}
.section-valeur-4 .colonne-2{display: block; padding:0; margin:0; box-sizing: border-box; width: 50%; float: left; position: relative;}
.section-valeur-4 .colonne-2 .cadre{display: block; padding:0; margin:0; box-sizing: border-box; position:absolute; z-index: 1; bottom:-60px; right:30px; width:300px; height:425px; border:solid 4px #B97729; border-radius:20px; }
.section-valeur-4 .colonne-2 .descriptif{padding: 150px 0 100px 100px;}

@media screen and (max-width:1350px) {
    .section-valeur-4 .colonne-1{margin:0 0 50px 0; ;}
    .section-valeur-4 .colonne-1 .descriptif{padding: 70px 50px 0px 0px;}
    .section-valeur-4 .colonne-2{margin:0 0 50px 0; ;}
    .section-valeur-4 .colonne-2 .descriptif{padding: 150px 0 100px 50px;}


}

@media screen and (max-width:1050px) {
    .section-valeur-4{ padding:100px 0 100px 0; }


}


@media screen and (max-width:900px) {
    .section-valeur-4{ padding:100px 0 50px 0; }
    .section-valeur-4 .colonne-1{width: 100%; float: none;}
    .section-valeur-4 .colonne-1 .descriptif{padding: 30px 0px 0px 0px;}
    .section-valeur-4 .colonne-2{width: 100%; float: none;}
    .section-valeur-4 .colonne-2 .descriptif{padding: 30px 0 80px 0px;}
    .section-valeur-4 .colonne-2 .cadre{bottom: -30px; width: 30%; height: 60%;}

}


.section-valeur-5{display: block; padding:250px 0 200px 0; margin:0; box-sizing: border-box; position: relative; background-color:#163029;}
.section-valeur-5 .masque{display: block; z-index: 2; padding:0; margin: 0; box-sizing: border-box; position: absolute; top:-2px; left:0px; width: 110%;}
.section-valeur-5 .filigrane{transition: all 2s; z-index: 1; display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top:0px; left:0px; width: 100%; height: 100%;background-position-x: right !important; background-position: center right; background-size:auto 100%; background-repeat: no-repeat;}
.section-valeur-5 .contenu{display: block; padding:0; margin: 0;  width: 730px; max-width: 100%; box-sizing: border-box;}
.section-valeur-5 .titre{color: #B97729;}
.section-valeur-5 .descriptif{color: #EFE4B0; padding-top: 70px;}
.section-valeur-5 .wrapper{z-index: 3;}

@media screen and (max-width: 1280px) {
    .section-valeur-5 .filigrane{background-position-x: 30% !important; }
    .section-valeur-5{display: block; padding:150px 0 150px 0;}


}

@media screen and (max-width: 800px) {
    .section-valeur-5 .filigrane{background-position-x: 10% !important; }
    .section-valeur-5{display: block; padding:100px 0;}
    .section-valeur-5 .descriptif{padding-top: 30px;}

}

.section-valeur-6{display: block; padding:180px 0 200px 0; margin:0; box-sizing: border-box; position:relative; background-color: #FBF8EB;}
.section-valeur-6 .colonne-1{display: block; padding:0; margin:0; box-sizing: border-box; width: 50%; float: left; position: relative;}
.section-valeur-6 .colonne-1 iframe{display: block; width: 95%; height: 500px; padding: 0; margin:130px 0 0 5%; }
.section-valeur-6 .colonne-2{display: block; padding:0 0 0 100px; margin:0; box-sizing: border-box; width:700px; float: left; position: relative;}
.section-valeur-6 .colonne-2 .descriptif:first-of-type{padding: 50px 0 10px 0;}
.section-valeur-6 .colonne-2 .lien{margin-top: 30px;}

@media screen and (max-width: 1430px) {
    .section-valeur-6 .colonne-2{padding:0 20px 0 20px; width:50%; }

}

@media screen and (max-width: 1200px) {
    .section-valeur-6{padding:100px 0 250px 0;}

}

@media screen and (max-width: 1050px) {
    .section-valeur-6 .colonne-1{width: 40%;}
    .section-valeur-6 .colonne-2{width: 60%;}

}

@media screen and (max-width: 900px) {
    .section-valeur-6 .colonne-1{width: 100%;}
    .section-valeur-6 .colonne-2{width: 100%;}
    .section-valeur-6 .colonne-1 iframe{height: 400px; padding: 0; margin:0 0 70px 0; width:100%; }
    .section-valeur-6{padding:0px 0 100px 0;}

}

.section-valeur-7{display: block; padding:0 0 200px 0; margin:0; box-sizing: border-box; position:relative; background-color: #F7F1D7;}
.section-valeur-7 .colonne-1{display: block; padding:150px 70px 0 0; margin:0; box-sizing: border-box; width: 40%; float: left; position: relative;}
.section-valeur-7 .colonne-2{display: block; padding:0; margin:-100px 0 0 0; box-sizing: border-box; width:60%; float: left; position: relative;}
.section-valeur-7 .colonne-1 .descriptif:first-of-type{padding: 50px 0 10px 0;}
.section-valeur-7 .colonne-2 .cadre{display: block; padding:0; margin:0; box-sizing: border-box; width: 440px; height: 120px; bottom: -60px; left: 40px; position:absolute; border: solid 4px #B97729; border-radius: 20px;}
.section-valeur-7 .colonne-3{display: block; padding:150px 0 0 0; margin:0; box-sizing: border-box; width: 60%; float: left; position: relative;}
.section-valeur-7 .colonne-4{display: block; padding:150px 0 0 100px; margin:0; box-sizing: border-box; width: 40%; float: left; position: relative;}
.section-valeur-7 .colonne-5{display: block; padding:50px 0 0 0; margin:0; box-sizing: border-box; width: 60%; float: left; position: relative;}
.section-valeur-7 .colonne-6{display: block; padding:20px 0 0 100px; margin:0; box-sizing: border-box; width: 40%; float: left; position: relative;}
.section-valeur-7 .colonne-6 .cadre{display: block; padding:0; margin:0; box-sizing: border-box; width: 270px; height: 300px; bottom: -40px; right: 40px; position:absolute; border: solid 4px #B97729; border-radius: 20px;}
.section-valeur-7 .colonne-5 .descriptif:first-of-type{padding-bottom: 20px;}
.section-valeur-7 .colonne-5 .lien{margin-top: 20px;}
.section-valeur-7 .colonne-5 .ligne-separation{margin:60px 0 30px 0;}
.section-valeur-7 .visuel{border-radius: 20px; overflow: hidden;}

@media screen and (max-width: 1380px) {
    .section-valeur-7 .colonne-1{margin-bottom: 50px; padding:150px 50px 0 0;}
    .section-valeur-7 .colonne-2{margin-bottom: 50px; padding:0px 0 0 0;}
    .section-valeur-7 .colonne-3{margin-bottom: 50px; padding:0px 0 0 0;}
    .section-valeur-7 .colonne-4{margin-bottom: 0px; padding:0px 0 0 50px;}
    .section-valeur-7 .colonne-5{margin-bottom: 50px; padding:0px 0 0 0;}
    .section-valeur-7 .colonne-6{margin-bottom: 50px; padding:0px 0 0 50px;}
    .section-valeur-7{display: block; padding:0 0 50px 0;}

}

@media screen and (max-width: 900px) {
    .section-valeur-7 .colonne-1{margin-bottom: 50px; padding:0; width: 100%; float: none;}
    .section-valeur-7 .colonne-2{ margin: 0; margin-bottom: 50px; padding:0px 0 0 0;width: 100%; float: none;}
    .section-valeur-7 .colonne-3{margin-bottom: 20px; padding:0px 0 0 0;width: 100%; float: none;}
    .section-valeur-7 .colonne-4{margin-bottom: 50px; padding:0px 0 0 0px;width: 100%; float: none;}
    .section-valeur-7 .colonne-5{margin-bottom: 50px; padding:0px 0 0 0;width: 100%; float: none;}
    .section-valeur-7 .colonne-6{margin-bottom: 50px; padding:0px 0 0 0px;width: 100%; float: none;}
    .section-valeur-7{display: block; padding:100px 0 50px 0;}
    .section-valeur-7 .colonne-6 .cadre{width: 30%; height: 60%; bottom: -20px; right: 40px; }
    .section-valeur-7 .colonne-2 .cadre{width: 30%; height: 60%; bottom: -20px; left: 40px; }



}






.section-geodiversite-1{transition: all 1s ease; display: block; padding:200px 0 0 0; margin:0; box-sizing: border-box; position:relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.section-geodiversite-1 .contenu{display: block; padding:0; margin:0 auto; width: 90%; max-width: 730px; box-sizing: border-box;}
.section-geodiversite-1 .visuel{display: block; padding:0; margin:0; box-sizing: border-box; width: 110%; z-index: 2; position: absolute; bottom: 0px; left: 0; }



.section-geodiversite-1 .frise{display: block; padding:100px 0 0 0; margin:0; box-sizing: border-box; position:relative;}
.section-geodiversite-1 .frise .colonne-1{display: inline-block; width: 49%; vertical-align: top; padding:0 150px 0px 0px; min-height: 300px; border-right: solid 3px #B97729;  margin:0; box-sizing: border-box; position:relative;}
.section-geodiversite-1 .frise .colonne-1 .haut{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; padding:0; margin:0; box-sizing: border-box; font-size: 3rem; line-height: 1; color: #F7F1D7;}
.section-geodiversite-1 .frise .colonne-1 .haut .little{font-size: 1.2rem;}
.section-geodiversite-1 .frise .colonne-1 .descriptif{color: #163029;}

.section-geodiversite-1 .frise .colonne-2{display: inline-block; width: 49%; vertical-align: top; padding:0 0 0px 150px;margin:0; box-sizing: border-box; position:relative;}
.section-geodiversite-1 .frise .colonne-2 .rond{display: block; padding:0; margin:0; box-sizing: border-box; width:15px; height:15px; border-radius:50%; background-color: #B97729; position: absolute; top: 0; left: -13px;}
.section-geodiversite-1 .frise .colonne-2 .haut{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; padding:0; margin:0;font-size: 3rem; line-height: 1; color: #F7F1D7;}
.section-geodiversite-1 .frise .colonne-2 .haut .little{font-size: 1.2rem;}
.section-geodiversite-1 .frise .colonne-2 .descriptif{color: #163029;}



@media screen and (max-width:1450px) {
    .section-geodiversite-1 .frise .colonne-1{padding:0 100px 0px 0px;}
    .section-geodiversite-1 .frise .colonne-2{padding:0 0px 0px 100px;}
    

}


@media screen and (max-width:1290px) {
    .section-geodiversite-1 .frise .colonne-1{padding:0 50px 0px 0px;}
    .section-geodiversite-1 .frise .colonne-2{padding:0 0px 0px 50px;}
    

}



@media screen and (max-width:1200px) {
    .section-geodiversite-1{padding:150px 0 0 0;}
    .section-geodiversite-1 .frise .haut{font-size: 2rem !important;}
    

}

@media screen and (max-width:850px) {
    .section-geodiversite-1{padding:100px 0 0px 0;}
    .section-geodiversite-1 .contenu{padding:0 20px; width: 100%; }
    .section-geodiversite-1 .frise .colonne-1{display: block; text-align: center; width: 100%;padding:0 0px 0px 0px; min-height: auto; border-right: none;}
    .section-geodiversite-1 .frise .colonne-2{position: static;display: block; text-align: center; width: 100%;padding:0 0px 0px 0px; min-height: auto;}
    .section-geodiversite-1 .cacheiphone{display: none;}
    .section-geodiversite-1 .ligne-globale{position: relative; margin: 0; padding: 40px 0 70px 0}
    .section-geodiversite-1 .ligne-globale .rond.rond{margin:0 0 0-10px; top: 0; left:50%;}

}

@media screen and (max-width:760px) {
   


}

.section-geodiversite-2{display: block; padding:200px 0; margin:0; box-sizing: border-box; position:relative; background-color: #163029; background-size: 100% auto; background-position:top center; background-repeat: no-repeat; background-attachment: fixed;}
.section-geodiversite-2 .contenu{display: block; padding:0 20px 70px 20px; margin:0 auto; width: 100%; max-width: 550px; text-align: center; box-sizing: border-box;}
.section-geodiversite-2 .titre{color: #B97729;}
.section-geodiversite-2 .descriptif{color: #EFE4B0;}
.section-geodiversite-2 .frise{display: block; padding:0; margin:0; box-sizing: border-box; position:relative;}
.section-geodiversite-2 .frise .colonne-1{display: inline-block; width: 49%; vertical-align: top; padding:0 240px 180px 0px; border-right: solid 3px #B97729;  margin:0; box-sizing: border-box; position:relative;}
.section-geodiversite-2 .frise .colonne-1.bis{padding:0 120px 180px 120px;}
.section-geodiversite-2 .frise .colonne-1 .titre{color: #B97729;}
.section-geodiversite-2 .frise .colonne-1 .titre .little{font-size: 1.7rem;}
.section-geodiversite-2 .frise .colonne-1 .titre .enveloppe .ligne{font-size: 1.9rem; line-height: 2rem;}
.section-geodiversite-2 .frise .colonne-1 .titre-2{color: #EFE4B0; font-size: 1.2rem; line-height: 1.4rem; margin-top: 30px;}
.section-geodiversite-2 .frise .colonne-1 .descriptif{color: #EFE4B0;}

.section-geodiversite-2 .frise .colonne-2{display: inline-block; width: 49%; vertical-align: top; padding:0 0 0 40px;margin:0; box-sizing: border-box; position:relative;}
.section-geodiversite-2 .frise .colonne-2 .rond{display: block; padding:0; margin:0; box-sizing: border-box; width:15px; height:15px; border-radius:50%; background-color: #B97729; position: absolute; top: 0; left: -13px;}
.section-geodiversite-2 .frise .colonne-2 .titre{color: #EFE4B0;margin-top: -11px;}
.section-geodiversite-2 .frise .colonne-2 .titre .little{font-size: 1.2rem; }
.section-geodiversite-2 .frise .colonne-2 .titre .enveloppe .ligne{line-height: 1.2rem; }
.section-geodiversite-2 .frise .colonne-2 .visuel{position: absolute; width: 200px; right: 0; top: 0; mix-blend-mode: lighten;}
.section-geodiversite-2 .frise .colonne-2 .visuel img{ mix-blend-mode: lighten;}
.section-geodiversite-2 .frise .colonne-2 .visuel.apparition{opacity: 0.3 !important;}
.section-geodiversite-2 .frise .colonne-2 .visuel.visuel1{right: -70px; top: 80px; width: 370px;}
.section-geodiversite-2 .frise .colonne-2 .visuel.visuel2{right: auto; top: 450px; left: 70px; width: 330px;}
.section-geodiversite-2 .frise .colonne-2 .visuel.visuel3{right: -70px; top: 660px; width:360px;}
.section-geodiversite-2 .frise .colonne-2 .visuel.visuel4{right: 140px; top: 920px; width: 370px;}
.section-geodiversite-2 .frise .colonne-2 .visuel.visuel5{top: 850px; right: -70px; width: 630px;}
.section-geodiversite-2 .frise .colonne-2 .visuel.visuel6{width: 860px; top: 250px; right: -340px;}
.section-geodiversite-2 .frise .colonne-2 .visuel.visuel7{top: 300px; right: auto; left: 200px; width: 250px;}

.section-geodiversite-2 .frise .conclusion{display: block; padding:40px 100px 70px 100px; margin:-15px auto 0 auto; width: 90%; max-width: 900px; box-sizing: border-box; border: solid 4px #B97729;}
.section-geodiversite-2 .frise .conclusion .descriptif{color: #EFE4B0; text-align: center;}


@media screen and (max-width:1300px) {
    .section-geodiversite-2 .frise .colonne-1{display: inline-block; width: 49%; padding:0 170px 180px 0px; border-right: solid 4px #B97729; }
    .section-geodiversite-2 .frise .colonne-1.bis{padding:0 100px 180px 70px;}

}

@media screen and (max-width:1050px) {
    .section-geodiversite-2 .frise .colonne-1{display: inline-block; width: 49%; padding:0 50px 180px 0px; border-right: solid 4px #B97729; }
    .section-geodiversite-2 .frise .colonne-1.bis{padding:0 50px 180px 0px;}
    .section-geodiversite-2 .frise .colonne-2 .visuel.visuel3{top: 830px; width: 250px;}
    .section-geodiversite-2 .frise .colonne-2 .visuel.visuel4 {  right: 10px;  top: 910px; }
    .section-geodiversite-2 .frise .colonne-2 .visuel.visuel5 { width: 440px; top: 800px;}
    .section-geodiversite-2 .frise .colonne-2 .visuel.visuel6 {  right: -450px; top:150px }

}


@media screen and (max-width:850px) {
    .section-geodiversite-2{display: block; padding:100px 0;}
    .section-geodiversite-2 .frise .ligne-globale.cacheiphone{display: none;}
    .section-geodiversite-2 .frise .ligne-globale{display: block; padding:110px 0 0 0; margin: 0 0 80px 0; position: relative;}
    .section-geodiversite-2 .frise .colonne-1{display:block; width:100%; padding:0px; border-right:none; position:relative; text-align: center;}
    .section-geodiversite-2 .frise .colonne-1.bis{padding:0;}

    .section-geodiversite-2 .frise .colonne-2{display:block; width:100%;padding:0;position:static;}
    .section-geodiversite-2 .frise .colonne-2 .rond{position: absolute; top: 0; left:50%; margin: 0 0 0 -10px;}
    .section-geodiversite-2 .frise .colonne-2 .titre{margin-top:0; position: absolute; width: 100%; top: 30px; left: 0px; text-align: center;}
    .section-geodiversite-2 .frise .colonne-2 .visuel{display:none; }

    .section-geodiversite-2 .frise .conclusion{display: block; padding:20px 20px 50px 20px; margin:-130px auto 0 auto; width: 100%; border: solid 2px #B97729;}


}
  

.section-geodiversite-3{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; height: 1000px;background-color: #163029;}
.section-geodiversite-3 .background{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%; background-position:center; background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}
.section-geodiversite-3 .filigrane{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.section-geodiversite-3 .filigrane .barre{display: block; padding: 0; margin: 0; border: none; background-color:#B97729; position: absolute;}
.section-geodiversite-3 .filigrane .barre-1{width:0px; height: 2px; top: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-geodiversite-3 .filigrane .barre-2{width:2px; height:0px; top: 20px; right: 20px; transition: all 0s ease 0s;}
.section-geodiversite-3 .filigrane .barre-3{width:0px; height: 2px; bottom: 20px; right: 20px; transition: all 0s ease 0s;}
.section-geodiversite-3 .filigrane .barre-4{width:2px; height:0px; bottom: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-geodiversite-3 .filigrane.apparition .barre-1{width: calc(100% - 40px);  transition: all 1s ease 0s;}
.section-geodiversite-3 .filigrane.apparition .barre-2{height: calc(100% - 40px);  transition: all 0.5s ease 1s; }
.section-geodiversite-3 .filigrane.apparition .barre-3{width: calc(100% - 40px); transition: all 1s ease 1.5s;  }
.section-geodiversite-3 .filigrane.apparition .barre-4{height: calc(100% - 40px); transition: all 0.5s ease 2.5s; }

@media screen and (max-width:800px) {
    .section-geodiversite-3 .background{background-attachment: scroll;}


}
  

.section-geodiversite-4{display: block; padding:200px 0 0 0; z-index: 2; margin:0; box-sizing: border-box; position:relative; background-color: #F7F1D7; background-size: 1400px auto; background-position:top center; background-repeat: no-repeat; }
.section-geodiversite-4 .contenu{display: block; padding:0 0 0px 0; margin:0; text-align: center; box-sizing: border-box;}
.section-geodiversite-4 .contenu .titre{color:#B97729;}
.section-geodiversite-4 .contenu .descriptif{color:#163029; margin: 0 auto; width: 100%; max-width: 590px; padding-left: 20px; padding-right: 20px;}
.section-geodiversite-4 .contenu .lien-centre{display: block; padding:0; margin:781px 0 13px 0; text-align: center; box-sizing: border-box;}
.section-geodiversite-4 .contenu .lien{display: inline-block; color: #EFE4B0;}
.section-geodiversite-4 .contenu .lien img{display: block;}
.section-geodiversite-4 .contenu .lien .onresponsive{display: none;}
.section-geodiversite-4 .contenu-colonne{display: block; padding:70px 0 100px 0; margin:0; box-sizing: border-box; text-align: center; background-color: #EFE4B0;}
.section-geodiversite-4 .colonne{display: inline-block; width: 24%; vertical-align: top;  padding:0; margin:0; box-sizing: border-box;}
.section-geodiversite-4 .colonne .sous-descriptif{display: block; color: #163029; font-size: 1rem; padding:20px 0 0 0; margin:0; box-sizing: border-box; font-family: 'adorn_serif'; font-weight: 400; }
.section-geodiversite-4 .colonne .descriptif{text-align: left; color: #163029;padding: 80px 40px 0 30px;}

@media screen and (max-width:1445px) {
    .section-geodiversite-4{background-size: 100% auto; background-position:center 18%; }
    .section-geodiversite-4 .contenu .lien-centre{margin:50px 0 63% 0; }
    .section-geodiversite-4 .contenu .lien{color: #B97729;}
    .section-geodiversite-4 .contenu-colonne{padding:0px 0 100px 0;  background-color: #F7F1D7;}
    .section-geodiversite-4 .colonne .descriptif{padding: 0px 0px 0 30px;}
    .section-geodiversite-4 .contenu .lien img{display: none;}
    .section-geodiversite-4 .contenu .lien .onresponsive{display: block;}

}

@media screen and (max-width:1200px) {
    .section-geodiversite-4{display: block; padding:150px 0 0 0;}
    .section-geodiversite-4{background-position:center 20%; }

}

@media screen and (max-width:1123px) {
    .section-geodiversite-4 .colonne{display: inline-block; width: 32%;}
    .section-geodiversite-4 .colonne:last-of-type{display:block; width:100%; padding: 30px 0;}
    .section-geodiversite-4 .colonne .descriptif{padding:0 30px;}

}

@media screen and (max-width:800px) {
    .section-geodiversite-4{display: block; padding:100px 0 10px 0;}
    .section-geodiversite-4{background-position:center 20%; }
    .section-geodiversite-4 .contenu-colonne{padding:0px 0 0px 0; background-color: #F7F1D7;}

}

@media screen and (max-width:670px) {
    .section-geodiversite-4 .colonne{display:block; width: 100%; max-width: 300px; margin: 0 auto; margin-bottom: 30px;}
    .section-geodiversite-4 .colonne:last-of-type{padding:0; max-width: 100%;}
    .section-geodiversite-4 .colonne .descriptif{padding:0; text-align: center;}
    .section-geodiversite-4 .contenu .lien-centre{margin:50px 0 82% 0; }

}

.section-geodiversite-5{display: block; padding:0px 0 200px 0; Z-index: 1; margin:-300px 0 0 0; box-sizing: border-box; position:relative; background-color: #F7F1D7; background-size: 100% auto, 40% auto; background-position:top center, bottom right; background-repeat: no-repeat; }
.section-geodiversite-5 .frise-2{display: block; padding:590px 0 0 0; margin:0; box-sizing: border-box; text-align: center;}
.section-geodiversite-5 .frise-2 .bloc-colonne{display:block; position:relative; padding:0 0 300px 0; margin:0; box-sizing:border-box;}
.section-geodiversite-5 .frise-2 .bloc-colonne .colonne-1{ display: inline-block; vertical-align: top; text-align: left; position: relative; width: 49%;  padding:0 180px 0 0px; margin:0; box-sizing: border-box;}
.section-geodiversite-5 .frise-2 .bloc-colonne .colonne-2{display: inline-block; vertical-align: top; text-align: left; position: relative; width: 49%;  padding:0; margin:0; box-sizing: border-box;}
.section-geodiversite-5 .frise-2 .bloc-colonne .titre{color: #B97729;font-family: 'Poppins', sans-serif; font-weight:600; text-transform:none; margin-top: 100px;}
.section-geodiversite-5 .frise-2 .bloc-colonne .titre .enveloppe .ligne{font-size: 1.7rem; line-height: 2.1rem;}
.section-geodiversite-5 .descriptif{ color: #163029;}
.section-geodiversite-5 .frise-2 .bloc-colonne .visuel{display: block; height: 600px; width: 130%; padding:0; margin:0 0 0 -15%; box-sizing: border-box; background-size:cover; background-position: center; background-repeat:no-repeat; }
.section-geodiversite-5 .frise-2 .bloc-colonne .carte{transform: rotate(10deg);display: block; z-index: 3; padding:0; margin:0; box-sizing: border-box; width:550px; position:absolute; bottom:-220px; left:-380px; }
.section-geodiversite-5 .frise-2 .bloc-colonne.bis .colonne-1{  padding:0; }
.section-geodiversite-5 .frise-2 .bloc-colonne.bis .colonne-2{padding:0 0px 0 180px; }
.section-geodiversite-5 .frise-2 .bloc-colonne.bis .carte{right:-450px; bottom: -180px; left: auto;transform: rotate(-10deg);}
.section-geodiversite-5 .frise-2 .conclusion{display: block; position: relative; z-index: 4;background-color: #F7F1D7; text-align: center; padding:40px 70px 40px 70px; margin:-11px auto 0 auto; width: 90%; max-width: 700px; box-sizing: border-box; border: solid 4px #B97729;}
.section-geodiversite-5 .frise-2 .conclusion .descriptif{color: #163029; padding: 0 0 20px 0;}
.section-geodiversite-5 .frise-2 .barre{display: block; width: 4px; height: calc(100% - 100px); z-index: 2; padding: 0; margin: 0 0 0 -2px; border: none; background-color: #B97729; position: absolute; top: -140px; left: 50%; }
.section-geodiversite-5 .rond1{display: block; top: -160px; padding:0; margin:0 auto; box-sizing: border-box; width: 50px; height: 50px; position: relative; border: solid 2px #B97729; border-radius: 50%;}
.section-geodiversite-5 .rond1 .centre{display: block; padding:0; margin:-10px 0 0 -10px; box-sizing: border-box; width: 20px; height: 20px; position: absolute; border-radius: 50%; top: 50%; left: 50%; background-color:#B97729;}
.section-geodiversite-5 .rond2{display: block; padding:0; margin:0 auto; box-sizing: border-box; width: 20px; height: 20px;border-radius: 50%; background-color:#B97729; position: relative; z-index: 5;}
.section-geodiversite-5 .lien-3{position: absolute; bottom: 30px; right: 30px;}


@media screen and (max-width:1350px) {
    .section-geodiversite-5{padding:0px 0 200px 0;margin:0; }
    .section-geodiversite-5 .frise-2{padding:200px 0 0 0; margin:0;}
    .section-geodiversite-5 .frise-2 .bloc-colonne .carte{bottom: -210px; width: 400px;}
    .section-geodiversite-5 .frise-2 .bloc-colonne .colonne-1{padding:0 100px 0 0px;}
    .section-geodiversite-5 .frise-2 .bloc-colonne.bis .colonne-2{padding:0 0px 0 100px; }
    .section-geodiversite-5 .frise-2 .bloc-colonne .visuel{height: 600px; width: 115%; margin:0 0 0 -7%; }
    .section-geodiversite-5 .frise-2 .bloc-colonne.bis .carte{right:-330px; left: auto;}


}


@media screen and (max-width:1000px) {
    .section-geodiversite-5{padding:100px 0; margin:0; background-size: 100% auto, 0% 0%; background-position:top center, bottom right; background-repeat: no-repeat; }
    .section-geodiversite-5 .frise-2{padding:0; margin:0; }
    .section-geodiversite-5 .frise-2 .bloc-colonne{padding:440px 0 100px 0; position: relative;}
    .section-geodiversite-5 .frise-2 .bloc-colonne .colonne-1{ display:block; text-align: center; position: relative; width: 100%;  padding:0; margin:0;}
    .section-geodiversite-5 .frise-2 .bloc-colonne .colonne-2{ display:block;position: absolute; width: 100%; height: 400px; top: 0; left: 0; padding:0; margin:0;}
    .section-geodiversite-5 .frise-2 .bloc-colonne .colonne-2 .visuel{ display:block;position: absolute; width: 100%; height: 400px; top: 0; left: 0; padding:0; margin:0;}
    .section-geodiversite-5 .frise-2 .bloc-colonne .colonne-2 .carte{ display:block;position: absolute; width: 400px; top:-50px; left: -40px; right: auto; padding:0; margin:0;}

    .section-geodiversite-5 .frise-2 .bloc-colonne.bis .colonne-1{display:block;position: absolute; width: 100%; height: 400px; top: 0; left: 0; padding:0; margin:0; }
    .section-geodiversite-5 .frise-2 .bloc-colonne.bis .colonne-2{display:block; text-align: center; position: relative; width: 100%; height: auto; padding:0; margin:0; }
    .section-geodiversite-5 .frise-2 .bloc-colonne.bis .colonne-1 .visuel{ display:block;position: absolute; width: 100%; height: 400px; top: 0; left: 0; padding:0; margin:0;}
    .section-geodiversite-5 .frise-2 .bloc-colonne.bis .colonne-1 .carte{ display:block;position: absolute; width: 400px; top:-50px; left: -40px; right: auto; padding:0; margin:0;}

    .section-geodiversite-5 .frise-2 .bloc-colonne .titre{margin-top: 0px;}

    
    .section-geodiversite-5 .frise-2 .conclusion{text-align: center; padding:40px 40px 40px 40px; margin:0 auto 0 auto; width: 100%;border: solid 2px #B97729;}
    .section-geodiversite-5 .frise-2 .conclusion .descriptif{padding: 0 0 20px 0;}
    .section-geodiversite-5 .frise-2 .barre{display: none;}
    .section-geodiversite-5 .rond1{display: none; }
    .section-geodiversite-5 .rond1 .centre{display: none;}
    .section-geodiversite-5 .rond2{display: none;}

    .section-geodiversite-5 .lien-3{display: none;}


}


@media screen and (max-width:700px) {
    .section-geodiversite-5 .frise-2 .bloc-colonne .colonne-2 .carte{width: 250px;}
    .section-geodiversite-5 .frise-2 .bloc-colonne.bis .colonne-1 .carte{width: 250px;}


}




.section-vignoble-1{display: block; padding:150px 0 0 0; margin:0; box-sizing: border-box; position: relative; text-align: center; background-color: #F7F1D7;}
.section-vignoble-1 .colonne-1{display: inline-block; vertical-align:top; text-align: left; width: 49%; padding:0 200px 0 0; margin:0; box-sizing: border-box; }
.section-vignoble-1 .colonne-1 .titre-2{margin-top: 30px;}
.section-vignoble-1 .colonne-2{display: inline-block; vertical-align:top; width: 49%;  padding:0; margin:0; box-sizing: border-box; }
.section-vignoble-1 .colonne-2 .visuel{display:block; padding:0; margin:0; box-sizing: border-box;}

@media screen and (max-width:1280px) {
    .section-vignoble-1{ padding:100px 0 0 0;}
    .section-vignoble-1 .colonne-1{padding: 0 100px 0 0; width: 54%;}
    .section-vignoble-1 .colonne-2{width: 45%;}

}

@media screen and (max-width:900px) {
    .section-vignoble-1 .colonne-1{padding: 0 50px 0 0;}

}

@media screen and (max-width:767px) {
    .section-vignoble-1 .colonne-1{padding: 0 0 40px 0; display: block; width: 100%;}
    .section-vignoble-1 .colonne-2{padding: 0 0 0px 0; display: block; width: 100%;}

}

.section-vignoble-2{display: block; padding:400px 0 300px 0; margin:0; box-sizing: border-box; text-align: right;position: relative; background-color: #F7F1D7; background-position: top left; background-size: auto 110%; background-repeat: no-repeat;}
.section-vignoble-2 .colonne-1{display: inline-block; vertical-align:top; text-align: left; width: 470px; padding:0; margin:0 100px 0 0; box-sizing: border-box; }
.section-vignoble-2 .colonne-1 .lien-2{margin-top: 30px;}
@media screen and (max-width:1390px) {
    .section-vignoble-2{padding:250px 0 250px 0;background-size: auto 90%;}
    .section-vignoble-2 .colonne-1{margin: 0;}

}

@media screen and (max-width:1050px) {
    .section-vignoble-2{background-size: auto 80%;padding:50px 0 400px 0;}
    .section-vignoble-2 .colonne-1{width: 350px;}

}

@media screen and (max-width:830px) {
    .section-vignoble-2{background-size: auto 90%;padding:50px 0 250px 0;}
    .section-vignoble-2 .colonne-1{width: 300px;}

}

@media screen and (max-width:767px) {
    .section-vignoble-2 .colonne-1{padding:0; width: 100%; text-align: center;}
    .section-vignoble-2{padding: 90px 0 120% 0; display: block; width: 100%; background-size: 100% auto; background-position: bottom left;}

}



.section-vignoble-3{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; height: 800px;background-color: #F7F1D7;}
.section-vignoble-3 .background{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%; background-position:center; background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}
.section-vignoble-3 .filigrane{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.section-vignoble-3 .filigrane .barre{display: block; padding: 0; margin: 0; border: none; background-color:#B97729; position: absolute;}
.section-vignoble-3 .filigrane .barre-1{width:0px; height: 2px; top: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-vignoble-3 .filigrane .barre-2{width:2px; height:0px; top: 20px; right: 20px; transition: all 0s ease 0s;}
.section-vignoble-3 .filigrane .barre-3{width:0px; height: 2px; bottom: 20px; right: 20px; transition: all 0s ease 0s;}
.section-vignoble-3 .filigrane .barre-4{width:2px; height:0px; bottom: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-vignoble-3 .filigrane.apparition .barre-1{width: calc(100% - 40px);  transition: all 1s ease 0s;}
.section-vignoble-3 .filigrane.apparition .barre-2{height: calc(100% - 40px);  transition: all 0.5s ease 1s; }
.section-vignoble-3 .filigrane.apparition .barre-3{width: calc(100% - 40px); transition: all 1s ease 1.5s;  }
.section-vignoble-3 .filigrane.apparition .barre-4{height: calc(100% - 40px); transition: all 0.5s ease 2.5s; }

@media screen and (max-width:800px) {
    .section-vignoble-3 .background{background-attachment:scroll;}

}


.section-vignoble-4{display: block; padding:300px 0 300px 0; margin:0; box-sizing: border-box; position: relative; background-color: #F7F1D7; background-position: top right; background-size: auto 100%; background-repeat: no-repeat;}
.section-vignoble-4 .colonne-1{display: inline-block; vertical-align:top; text-align: left; width: 470px; padding:0; margin:0 0px 0 200px; box-sizing: border-box; }
.section-vignoble-4 .lien-3{position: absolute; bottom: 30px; right: 30px;}

@media screen and (max-width:1390px) {
    .section-vignoble-4{padding:250px 0; background-position: top right; background-size: auto 100%; }
    .section-vignoble-4 .colonne-1{display:block; width: 470px;  margin:0 0px 0 100px;}


}

@media screen and (max-width:1050px) {
    .section-vignoble-4{padding:100px 0 100px 0;  }
    .section-vignoble-4 .colonne-1{display:block; width: 350px;  margin:0 0px 0 0px;}

}

@media screen and (max-width:830px) {
   .section-vignoble-4{background-position: bottom right; background-size: auto 80%; }

}

@media screen and (max-width:767px) {
    .section-vignoble-4 .colonne-1{padding:0 0px; width: 100%; text-align: left; margin: 0;}
    .section-vignoble-4{padding: 90px 0 130% 0; display: block; width: 100%; margin: 0; background-size: 100% auto; background-position: bottom left;}
    .section-vignoble-4 .lien-3{width: 220px; bottom: 10px; right: 10px; text-align: right;}
}




.section-vignoble-5{transition: all 1s ease; display: block; padding:250px 0 270px 0; margin:0; box-sizing: border-box; position: relative; background-color:#163029; background-position:bottom center; background-size:100% auto; background-repeat:no-repeat;}
.section-vignoble-5 .filigrane{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%; background-position:top center; background-size:90% auto; background-repeat: no-repeat;}
.section-vignoble-5 .filigrane.apparition{opacity: 0.1 !important;}
.section-vignoble-5 .visuel{position: relative; overflow: hidden; border-radius: 20px 20px 0 0; margin: 0;}
.section-vignoble-5 .visuel .masque{position: absolute; bottom: 0; left: -2%; width: 110%;}
.section-vignoble-5 .colonne-1{display: inline-block; position: relative; vertical-align:top; width: 55%;  padding:0; margin:100px 0 0 0; box-sizing: border-box; }
.section-vignoble-5 .colonne-1 .cadre{display: block; padding:0; margin:0; box-sizing: border-box; width: 300px; height: 120%; top:-10%; right: 40px; position:absolute; border: solid 4px #B97729; border-radius: 20px;}
.section-vignoble-5 .colonne-2{display: inline-block; vertical-align:top; width: 44%;  padding:0 0 0 100px; margin:100px 0 0 0; box-sizing: border-box; }
.section-vignoble-5 .ligne-separation{width: 500px; margin: 40px 0 40px 0;}
.section-vignoble-5 .titre{color: #B97729;}
.section-vignoble-5 .descriptif{color: #EFE4B0;}
.section-vignoble-5 .colonne-3{display: inline-block; vertical-align:top; width: 480px;  padding:0; margin:0; box-sizing: border-box; }
.section-vignoble-5 .colonne-4{display: inline-block; vertical-align:top; width: 480px;  padding:0; margin:0 0 0 100px; box-sizing: border-box; }

@media screen and (max-width:1390px) {
    .section-vignoble-5{padding:20% 0 270px 0;}

}

@media screen and (max-width:1200px) {
    .section-vignoble-5 .colonne-1{width: 55%; margin:60px 0 0 0; }
    .section-vignoble-5 .colonne-1 .cadre{ width: 50%; height: 120%; top:-10%; right: 5%; }
    .section-vignoble-5 .colonne-2{ width: 44%;  padding:0 0 0 20px; margin:30px 0 0 0; }

    .section-vignoble-5 .colonne-3{display:block;  width: 100%;  padding:0; margin:0; box-sizing: border-box; }
    .section-vignoble-5 .colonne-4{display:block;  width: 100%;  padding:0px 0 0 0; margin:0; box-sizing: border-box; }

}

@media screen and (max-width:760px) {
    .section-vignoble-5 .colonne-1{margin:30px 0 0 0; }
    .section-vignoble-5 .colonne-2{ width: 43%; margin: 0px 0 0 0;}
    .section-vignoble-5 .titre{margin-top: 50px;}
    .section-vignoble-5 .ligne-separation{display: none;}
    .section-vignoble-5 .colonne-3{display:block;  width: 100%;  padding:10px 0 0 0; margin:0; box-sizing: border-box; }
    .section-vignoble-5 .colonne-4{display:block;  width: 100%;  padding:0px 0 0 0; margin:0; box-sizing: border-box; }

}

.section-vignoble-5 .slider{display: block; padding:0; margin:350px 0 450px 0; position: relative;box-sizing: border-box; }
.section-vignoble-5 .slider .ligne{display: block; padding: 0; margin: 0; box-sizing: border-box; position: relative; width: 100%; height: 2px; background-color: #EFE4B0;}
.section-vignoble-5 .slider .ligne .zone{z-index: 1; display: block;padding: 0; margin: 0; box-sizing: border-box; position: absolute; width:580px; top:1px; }
.section-vignoble-5 .slider .ligne .zone .cercle{transition: all 0.5s ease; display: block; border-radius: 50%; padding: 0; margin:0 0 0 0; cursor:pointer; background-color: transparent; border: solid 2px transparent; box-sizing: border-box; position: absolute; width:50px; height: 50px; top:-25px; left:-25px; }
.section-vignoble-5 .slider .ligne .zone .cercle .rond{transition: all 0.3s ease; display: block; border-radius: 50%; padding: 0; margin:-10px 0 0 -10px; background-color: #EFE4B0; box-sizing:border-box; position: absolute; width:20px; height: 20px; top:50%; left:50%; }
.section-vignoble-5 .slider .ligne .zone .contenu{transition: all 0.5s ease; opacity: 0; display: block; padding:0; margin:0; position: relative;box-sizing: border-box; }
.section-vignoble-5 .slider .ligne .zone .contenu .haut{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; padding:0; margin:0; position: absolute; width: 100%; left: 0; bottom: 70px;box-sizing: border-box; font-size: 7rem; line-height: 1; color: #163029;}
.section-vignoble-5 .slider .ligne .zone .contenu .haut sup{font-size: 0.7rem;display: inline-block;vertical-align: top;margin-top: 25px;color: #b97729;text-shadow: none;}
.section-vignoble-5 .slider .ligne .zone .contenu .haut sub{font-size: 0.7rem;display: inline-block;vertical-align: baseline;margin-top: 0;color: #b97729;text-shadow: none;}
.section-vignoble-5 .slider .ligne .zone .contenu .bas{display: block; padding:0; margin:0; position: absolute; width: 100%; left: 0; top: 70px;box-sizing: border-box; color:#EFE4B0; }
.section-vignoble-5 .slider .ligne .zone .contenu .bas .lien{margin-top: 30px; display: inline-block; }
.section-vignoble-5 .slider .ligne .zone .contenu .bas .descriptif{padding-top: 0px;}
.section-vignoble-5 .slider .fleche-gauche{display: block; padding:0; margin:0; position: absolute; width: 70px; left: -120px; top: -35px; cursor: pointer; box-sizing: border-box; }
.section-vignoble-5 .slider .fleche-droite{display: block; padding:0; margin:0; position: absolute; width: 70px; right: -120px; top: -35px; cursor: pointer; box-sizing: border-box;}

.section-vignoble-5 .slider .ligne .zone .cercle:hover .rond{width: 30px; height: 30px; margin: -15px 0 0 -15px;}
.section-vignoble-5 .slider .ligne .zone.active{z-index: 2;}
.section-vignoble-5 .slider .ligne .zone.active .cercle:hover .rond{width: 20px; height: 20px; margin: -10px 0 0 -10px;}
.section-vignoble-5 .slider .ligne .zone.active .contenu{opacity: 1; transition: all 1s ease 0.3s;}
.section-vignoble-5 .slider .ligne .zone.active .cercle{border-color:#B97729; background-color: #163029; }
.section-vignoble-5 .slider .ligne .zone.active .cercle .rond{background-color: #B97729;}
.section-vignoble-5 .slider .ligne .zone.anti_depasse .contenu .haut{left: auto; right: 100%; text-align: right;}
.section-vignoble-5 .slider .ligne .zone.anti_depasse .contenu .bas{left: auto; right: 100%; text-align: right;}

.fleche-gauche .hover{ transition: all 0.5s ease; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.fleche-droite .hover{ transition: all 0.5s ease; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.box-close .hover{ transition: all 0.5s ease; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.icone-menu .hover{ transition: all 0.5s ease; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.menu-close .hover{ transition: all 0.5s ease; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.fleche-gauche:hover .hover{opacity: 1;}
.fleche-droite:hover .hover{opacity: 1;}
.box-close:hover .hover{opacity: 1;}
.icone-menu:hover .hover{opacity: 1;}
.menu-close:hover .hover{opacity: 1;}

@media screen and (max-width:1675px) {
    .section-vignoble-5 .slider{padding:0 120px; margin:350px 0 450px 0;}
    .section-vignoble-5 .slider .fleche-gauche{width: 70px; left: 0px; top: -35px; }
    .section-vignoble-5 .slider .fleche-droite{width: 70px; right: 0px; top: -35px;}


}

@media screen and (max-width:1200px) {
    .section-vignoble-5 .slider{margin:250px 0 450px 0;}
    .section-vignoble-5 .slider .ligne .zone .contenu .bas .descriptif{font-size: 0.9rem; line-height: 1.3rem;}

}

@media screen and (max-width:850px) {
    .section-vignoble-5 .slider{margin:250px 0 350px 0; padding:0 70px;}
    .section-vignoble-5 .slider .fleche-gauche{width: 50px; left: 0px; top: -25px; }
    .section-vignoble-5 .slider .fleche-droite{width: 50px; right: 0px; top: -25px;}
    .section-vignoble-5 .slider .ligne .zone .cercle{ width:30px; height:30px; top:-15px; left:-15px; }
    .section-vignoble-5 .slider .ligne .zone .cercle .rond{ margin:-5px 0 0 -5px; width:10px; height: 10px; }


}

@media screen and (max-width:760px) {
    .section-vignoble-5 .slider{margin:250px 0 350px 0; padding:0;}
    .section-vignoble-5 .slider .fleche-gauche{position: static; width:49%; padding: 0 15px; display:inline-block; text-align:center; vertical-align:middle; margin-top:30px; text-align: right;}
    .section-vignoble-5 .slider .fleche-gauche img{width: 40px; display: inline-block;}
    .section-vignoble-5 .slider .fleche-droite{position: static; width:49%; padding: 0 15px; display:inline-block; text-align:center; vertical-align:middle; margin-top:30px; text-align:left; }
    .section-vignoble-5 .slider .fleche-droite img{width: 40px; display: inline-block;}
    .section-vignoble-5 .slider .ligne .zone .contenu .bas{top:  90px;}


}


.section-vignoble-6{display: block; padding:0; margin:-170px 0 0 0; box-sizing: border-box; position: relative; border-radius:100%/310px 310px 0 0; overflow: hidden; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-6 .courbe-vins{display:block; z-index: 1; padding:0; margin:0; box-sizing: border-box; width: 95%; position: absolute; top: 40px; left: 2.5%;}
.section-vignoble-6 .colonne-1{display:block; padding:170px 100px 120px 100px; margin:0 0 700px 44%; box-sizing: border-box; width: 650px; background-color: #F7F1D7;}
.section-vignoble-6 .colonne-1 .descriptif{color: #163029;}
.section-vignoble-6 .barre-1{display: block; width: 3px; height: 100%; border: none; padding: 0; margin: 0; background-color: #B97729; position: absolute; top: 22%; left: 2.5%;}
.section-vignoble-6 .barre-2{display: block; width: 3px; height: 100%; border: none; padding: 0; margin: 0; background-color: #B97729; position: absolute; top: 22%; right: 2.5%;}


@media screen and (max-width:2300px) {
.section-vignoble-6 .barre-1{top: 21%; left: 2.5%;}
.section-vignoble-6 .barre-2{top: 21%; right: 2.5%;}
}

@media screen and (max-width:2180px) {
.section-vignoble-6 .barre-1{top: 19%; left: 2.5%;}
.section-vignoble-6 .barre-2{top: 19%; right: 2.5%;}
}

@media screen and (max-width:1925px) {
.section-vignoble-6 .barre-1{top: 18%; left: 2.5%;}
.section-vignoble-6 .barre-2{top: 18%; right: 2.5%;}
}

@media screen and (max-width:1810px) {
.section-vignoble-6 .barre-1{top: 17%; left: 2.5%;}
.section-vignoble-6 .barre-2{top: 17%; right: 2.5%;}
}

@media screen and (max-width:1700px) {
.section-vignoble-6 .barre-1{top: 16%; left: 2.5%;}
.section-vignoble-6 .barre-2{top: 16%; right: 2.5%;}
}

@media screen and (max-width:1570px) {
.section-vignoble-6 .barre-1{top: 15%; left: 2.5%;}
.section-vignoble-6 .barre-2{top: 15%; right: 2.5%;}
}

@media screen and (max-width:1420px) {
.section-vignoble-6 .barre-1{top: 14%; left: 2.5%; width: 2px;}
.section-vignoble-6 .barre-2{top: 14%; right: 2.5%; width: 2px;}
}

@media screen and (max-width:1300px) {
.section-vignoble-6 .barre-1{top: 13%; left: 2.5%; width: 2px;}
.section-vignoble-6 .barre-2{top: 13%; right: 2.5%; width: 2px;}
}

@media screen and (max-width:1170px) {
.section-vignoble-6 .barre-1{top: 12%; left: 2.5%; width: 2px;}
.section-vignoble-6 .barre-2{top: 12%; right: 2.5%; width: 2px;}
}




@media screen and (max-width:1280px) {
    .section-vignoble-6 .colonne-1{padding:170px 100px 120px 100px; margin:0 0 700px 30%;}


}

@media screen and (max-width:1080px) {
    .section-vignoble-6{ margin:0; border-radius:0; }
    .section-vignoble-6 .courbe-vins{display:none; }
    .section-vignoble-6 .colonne-1{display:block; padding:100px 70px 100px 70px; margin:0 0 500px 25%; width: 650px;}
    .section-vignoble-6 .barre-1{display: none; }
    .section-vignoble-6 .barre-2{display: none; }

}

@media screen and (max-width:910px) {
    .section-vignoble-6 .colonne-1{display:block; padding:80px 50px; margin:0 auto 500px auto; width: 650px; max-width: 85%;}

}

@media screen and (max-width:700px) {
    .section-vignoble-6{background-position: 73% 0;}
    .section-vignoble-6 .colonne-1{display:block; padding:80px 30px; margin:0 auto 400px auto; max-width: 90%;}

}



.section-vignoble-7{display: block; padding:200px 0 900px 0; margin:0; box-sizing: border-box; position: relative; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-7 .descriptif{color: #163029; width: 470px;}
.section-vignoble-7 .barre-1{display: block; width: 3px; height: 100%; border: none; padding: 0; margin: 0; background-color: #B97729; position: absolute; top: 0px; left: 2.6%;}
.section-vignoble-7 .barre-2{display: block; width: 3px; height: 100%; border: none; padding: 0; margin: 0; background-color: #B97729; position: absolute; top: 0px; right: 2.6%;}
.section-vignoble-7 .big-titre-gauche{display: inline-block; font-family: 'adorn_serif'; font-weight: 600; padding: 0; margin: 0; font-size: 4.8rem; color: #B97729; position: absolute; top: -465px; left: -350px; transform: rotate(-90deg);}
.section-vignoble-7 .big-titre-droite{display: inline-block; font-family: 'adorn_serif'; font-weight: 600; padding: 0; margin: 0; font-size: 4.8rem; color: #B97729; position: absolute; top: -279px; right: -170px; transform: rotate(-90deg);}

@media screen and (max-width:1550px) {
    .section-vignoble-7 .descriptif{margin-left: 100px;}

}

@media screen and (max-width:1080px) {
    .section-vignoble-7 .barre-1{display: none; }
    .section-vignoble-7 .barre-2{display: none; }
    .section-vignoble-7 .big-titre-gauche{display: none; }
    .section-vignoble-7 .big-titre-droite{display: none; }
    .section-vignoble-7{display: block; padding:50px 0 700px 0; }

}

@media screen and (max-width:910px) {
    .section-vignoble-7 .descriptif{margin-left: 0px; max-width: 100%;}

}



.section-vignoble-8{display: block; padding:80px 0; margin:0; box-sizing: border-box; position: relative; background-color: #FBF8EB;}
.section-vignoble-8 .colonne-1{display: inline-block; vertical-align:top; width:49%;  padding:0; margin:0; box-sizing: border-box;}
.section-vignoble-8 .colonne-1 .visuel{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; }
.section-vignoble-8 .colonne-1 .visuel img{position: relative; width: 101%;margin-left: -0.5px;}
.section-vignoble-8 .colonne-1 .visuel .background-a{display: block; padding:0; margin:0; box-sizing: border-box; position: absolute; width:50%; height:100%; top:0; left:0; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-8 .colonne-1 .visuel .background-b{display: block; padding:0; margin:0; box-sizing: border-box; position: absolute; width:50%; height:100%; top:0; right:0; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-8 .colonne-2{display: inline-block; vertical-align:top; width:49%;  padding:50px 100px 0 100px; margin:0; box-sizing: border-box;}

@media screen and (max-width:1200px) {
    .section-vignoble-8 .colonne-2{padding:0px 0px 0 50px;}

}

@media screen and (max-width:950px) {
    .section-vignoble-8 .colonne-1{display:block; width:100%; }
    .section-vignoble-8 .colonne-2{display:block; width:100%; padding:20px 0px 0 0px; text-align: center}

}


.section-vignoble-9{display: block; padding:80px 0; margin:0; box-sizing: border-box; position: relative; background-color: #EFE4B0;}
.section-vignoble-9 .colonne-2{display: inline-block; vertical-align:top; width:49%;  padding:0; margin:0; box-sizing: border-box;}
.section-vignoble-9 .colonne-2 .visuel{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; }
.section-vignoble-9 .colonne-2 .visuel img{position: relative; width: 101%;margin-left: -0.5px;}
.section-vignoble-9 .colonne-2 .visuel .background-a{display: block; padding:0; margin:0; box-sizing: border-box; position: absolute; width:50%; height:100%; top:0; left:0; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-9 .colonne-2 .visuel .background-b{display: block; padding:0; margin:0; box-sizing: border-box; position: absolute; width:50%; height:100%; top:0; right:0; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-9 .colonne-1{display: inline-block; vertical-align:top; width:49%;  padding:50px 100px 0 100px; margin:0; box-sizing: border-box;}

@media screen and (max-width:1200px) {
    .section-vignoble-9 .colonne-1{padding:0px 50px 0 0px;}

}

@media screen and (max-width:950px) {
    .section-vignoble-9 .colonne-2{display:block; width:100%; }
    .section-vignoble-9 .colonne-1{display:block; width:100%; padding:0px 0px 20px 0px; text-align: center}

}

.section-vignoble-10{display: block; padding:80px 0; margin:0; box-sizing: border-box; position: relative; background-color: #FBF8EB;}
.section-vignoble-10 .colonne-1{display: inline-block; vertical-align:top; width:49%;  padding:0; margin:0; box-sizing: border-box;}
.section-vignoble-10 .colonne-1 .visuel{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; }
.section-vignoble-10 .colonne-1 .visuel img{position: relative; width: 101%;margin-left: -0.5px;}
.section-vignoble-10 .colonne-1 .visuel .background-a{display: block; padding:0; margin:0; box-sizing: border-box; position: absolute; width:50%; height:100%; top:0; left:0; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-10 .colonne-1 .visuel .background-b{display: block; padding:0; margin:0; box-sizing: border-box; position: absolute; width:50%; height:100%; top:0; right:0; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-10 .colonne-2{display: inline-block; vertical-align:top; width:49%;  padding:50px 100px 0 100px; margin:0; box-sizing: border-box;}

@media screen and (max-width:1200px) {
    .section-vignoble-10 .colonne-2{padding:0px 0px 0 50px;}

}

@media screen and (max-width:950px) {
    .section-vignoble-10 .colonne-1{display:block; width:100%; }
    .section-vignoble-10 .colonne-2{display:block; width:100%; padding:20px 0px 0 0px; text-align: center}

}


.section-vignoble-11{display: block; padding:150px 0 150px 0; margin:0; box-sizing: border-box; position: relative; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-11 .contenu{text-align: center; display: block; padding:0 20px; margin:0 auto; width: 560px; max-width: 100%; box-sizing: border-box;}
.section-vignoble-11 .contenu .titre{color: #163029;}
.section-vignoble-11 .contenu .descriptif{color: #163029;}
.section-vignoble-11 .contenu .lien-2{margin-top: 40px;}
.section-vignoble-11 .mosaique-vins{text-align: center; display: block; padding:70px 50px 0 50px; margin:0; box-sizing: border-box;}
.section-vignoble-11 .mosaique-vins li{display: inline-block; vertical-align:top; text-align: left; width: 32.5%; padding:0 80px; margin:0; box-sizing: border-box; position: relative;}
.section-vignoble-11 .mosaique-vins li .visuel{display: block; width: 100%; border-radius: 20px; padding:0; margin:0 0 0 -20px; height: 550px; position: relative; box-sizing: border-box; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-vignoble-11 .mosaique-vins li .visuel .cadre{display: block; padding:0; margin:0; box-sizing: border-box; width: 100%; height: 100%; top:20px; right: -20px; position:absolute; border: solid 4px #B97729; border-radius: 20px;}
.section-vignoble-11 .mosaique-vins li .titre-mosaique{transform-origin : 0 0; display: inline-block; padding:0; margin:0; box-sizing: border-box; font-size: 3rem; font-weight: 600; color: #F3EBC4; top: 620px; left: -20px; position: absolute; transform: rotate(-90deg); text-shadow: rgb(22, 48, 41) 3px 0px 0px, rgb(22, 48, 41) 2.83487px 0.981584px 0px, rgb(22, 48, 41) 2.35766px 1.85511px 0px, rgb(22, 48, 41) 1.62091px 2.52441px 0px, rgb(22, 48, 41) 0.705713px 2.91581px 0px, rgb(22, 48, 41) -0.287171px 2.98622px 0px, rgb(22, 48, 41) -1.24844px 2.72789px 0px, rgb(22, 48, 41) -2.07227px 2.16926px 0px, rgb(22, 48, 41) -2.66798px 1.37182px 0px, rgb(22, 48, 41) -2.96998px 0.42336px 0px, rgb(22, 48, 41) -2.94502px -0.571704px 0px, rgb(22, 48, 41) -2.59586px -1.50383px 0px, rgb(22, 48, 41) -1.96093px -2.27041px 0px, rgb(22, 48, 41) -1.11013px -2.78704px 0px, rgb(22, 48, 41) -0.137119px -2.99686px 0px, rgb(22, 48, 41) 0.850987px -2.87677px 0px, rgb(22, 48, 41) 1.74541px -2.43999px 0px, rgb(22, 48, 41) 2.44769px -1.73459px 0px, rgb(22, 48, 41) 2.88051px -0.838247px 0px;}
.section-vignoble-11 .mosaique-vins li .descriptif{color: #163029;padding-top: 60px;}
.section-vignoble-11 .mosaique-vins li .lien{margin-top: 30px;}
.section-vignoble-11 .masque{position: absolute; bottom: -1px; left: -2%; width: 110%;}

@media screen and (max-width:1300px) {
    .section-vignoble-11 .mosaique-vins{padding:70px 0px 0 0px;}
    .section-vignoble-11 .mosaique-vins li{ padding:0 40px; }
    .section-vignoble-11 .mosaique-vins li .descriptif{padding-top: 10px;}
    .section-vignoble-11 .mosaique-vins li .titre-mosaique{display: block; position: static; margin-top: 30px;transform: rotate(0deg);}
}

@media screen and (max-width:930px) {
    .section-vignoble-11 .mosaique-vins{padding:70px 0px 0 0px;}
    .section-vignoble-11 .mosaique-vins li{ padding:0 40px; display:block; width:100%; margin: 0 0 50px 0;}
}

@media screen and (max-width:800px) {
    .section-vignoble-11{padding:100px 0 50px 0;}
}



.section-vignoble-12{transition: all 1s ease;display: block; padding:250px 0 200px 0; margin:0; box-sizing: border-box; position: relative; background-color:#163029; background-position: center bottom; background-size:100% auto; background-repeat: no-repeat;}
.section-vignoble-12 .conteneur{display: block; padding:0; margin: 0;  width: 730px; max-width: 100%; box-sizing: border-box;}
.section-vignoble-12 .titre{color: #B97729;}
.section-vignoble-12 .descriptif{color: #EFE4B0; padding-top: 70px;}
.section-vignoble-12 .wrapper{z-index: 3;}

@media screen and (max-width:1200px) {
    .section-vignoble-12{padding:150px 0 100px 0;}
    .section-vignoble-12 .descriptif{padding-top: 40px;}
}

@media screen and (max-width:800px) {
    .section-vignoble-12{padding:100px 0;}
    .section-vignoble-12 .descriptif{padding-top: 10px;}
}


.section-vignoble-12 .slider{display: block; padding:0; margin:350px 0 250px 0; position: relative;box-sizing: border-box; }
.section-vignoble-12 .slider .ligne{display: block; padding: 0; margin: 0; box-sizing: border-box; position: relative; width: 100%; height: 2px; background-color: #B97729;}
.section-vignoble-12 .slider .ligne .zone{z-index: 1; display: block;padding: 0; margin: 0; box-sizing: border-box; position: absolute; width:400px; top:1px; }
.section-vignoble-12 .slider .ligne .zone .cercle{transition: all 0.5s ease; display: block; border-radius: 50%; padding: 0; margin:0 0 0 0; cursor:pointer; background-color: transparent; border: solid 2px transparent; box-sizing: border-box; position: absolute; width:50px; height: 50px; top:-25px; left:-25px; }
.section-vignoble-12 .slider .ligne .zone .cercle .rond{transition: all 0.3s ease; display: block; border-radius: 50%; padding: 0; margin:-10px 0 0 -10px; background-color: #B97729; box-sizing:border-box; position: absolute; width:20px; height: 20px; top:50%; left:50%; }
.section-vignoble-12 .slider .ligne .zone .contenu{transition: all 0.5s ease; opacity: 0; display: block; padding:0; margin:0; position: relative;box-sizing: border-box; }
.section-vignoble-12 .slider .ligne .zone .contenu .haut{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; padding:0; margin:0; position: absolute; width: 100%; left: 0; bottom: 70px;box-sizing: border-box; font-size: 7rem; line-height: 1; color: #163029;}
.section-vignoble-12 .slider .ligne .zone .contenu .bas{display: block; padding:0; margin:0; position: absolute; width: 100%; left: 0; top: 70px;box-sizing: border-box; color:#EFE4B0; }
.section-vignoble-12 .slider .ligne .zone .contenu .bas .lien{margin-top: 30px; display: inline-block; }
.section-vignoble-12 .slider .ligne .zone .contenu .bas .descriptif{padding-top: 0px;}
.section-vignoble-12 .slider .fleche-gauche{display: block; padding:0; margin:0; position: absolute; width: 70px; left: -120px; top: -35px; cursor: pointer; box-sizing: border-box; }
.section-vignoble-12 .slider .fleche-droite{display: block; padding:0; margin:0; position: absolute; width: 70px; right: -120px; top: -35px; cursor: pointer; box-sizing: border-box;}

.section-vignoble-12 .slider .ligne .zone .cercle:hover .rond{width: 30px; height: 30px; margin: -15px 0 0 -15px;}
.section-vignoble-12 .slider .ligne .zone.active{z-index: 2;}
.section-vignoble-12 .slider .ligne .zone.active .cercle:hover .rond{width: 20px; height: 20px; margin: -10px 0 0 -10px;}
.section-vignoble-12 .slider .ligne .zone.active .contenu{opacity: 1; transition: all 1s ease 0.3s;}
.section-vignoble-12 .slider .ligne .zone.active .cercle{border-color:#B97729; background-color: #163029; }
.section-vignoble-12 .slider .ligne .zone.active .cercle .rond{background-color: #B97729;}
.section-vignoble-12 .slider .ligne .zone.anti_depasse .contenu .haut{left: auto; right: 100%; text-align: right;}
.section-vignoble-12 .slider .ligne .zone.anti_depasse .contenu .bas{left: auto; right: 100%; text-align: right;}

.section-vignoble-12 .slider .ligne{display: block; padding: 0; margin: 0; box-sizing: border-box; position: relative; width: 100%; height: 2px; background-color: #B97729;}
.section-vignoble-12 .slider .petitpoint{display: none; height: 2px; width: 80px; padding: 0; margin: 0; position: absolute; top: 0; right: -11px; box-sizing: border-box; border-bottom: dashed 2px #B97729;;}

@media screen and (max-width:1675px) {
    .section-vignoble-12 .slider{padding:0 120px; margin:350px 0 450px 0;}
    .section-vignoble-12 .slider .fleche-gauche{width: 70px; left: 0px; top: -35px; }
    .section-vignoble-12 .slider .fleche-droite{width: 70px; right: 0px; top: -35px;}


}

@media screen and (max-width:1200px) {
    .section-vignoble-12 .slider{margin:250px 0 450px 0;}
    .section-vignoble-12 .slider .ligne .zone .contenu .bas .descriptif{font-size: 0.9rem; line-height: 1.3rem;}

}

@media screen and (max-width:850px) {
    .section-vignoble-12 .slider{margin:250px 0 350px 0; padding:0 70px;}
    .section-vignoble-12 .slider .fleche-gauche{width: 50px; left: 0px; top: -25px; }
    .section-vignoble-12 .slider .fleche-droite{width: 50px; right: 0px; top: -25px;}
    .section-vignoble-12 .slider .ligne .zone .cercle{ width:30px; height:30px; top:-15px; left:-15px; }
    .section-vignoble-12 .slider .ligne .zone .cercle .rond{ margin:-5px 0 0 -5px; width:10px; height: 10px; }


}

@media screen and (max-width:760px) {
    .section-vignoble-12 .slider{margin:250px 0 350px 0; padding:0;}
    .section-vignoble-12 .slider .fleche-gauche{position: static; width:49%; padding: 0 15px; display:inline-block; text-align:center; vertical-align:middle; margin-top:30px; text-align: right;}
    .section-vignoble-12 .slider .fleche-gauche img{width: 40px; display: inline-block;}
    .section-vignoble-12 .slider .fleche-droite{position: static; width:49%; padding: 0 15px; display:inline-block; text-align:center; vertical-align:middle; margin-top:30px; text-align:left; }
    .section-vignoble-12 .slider .fleche-droite img{width: 40px; display: inline-block;}
    .section-vignoble-12 .slider .ligne .zone .contenu .bas{top:  90px;}


}


.section-vignoble-13{display: block; padding:200px 0 150px 0; margin:0; box-sizing: border-box; position: relative; background-position:center; background-size:cover; background-attachment:fixed; background-repeat: no-repeat; }
.section-vignoble-13 .filigrane{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.section-vignoble-13 .filigrane .barre{display: block; padding: 0; margin: 0; border: none; background-color:#B97729; position: absolute;}
.section-vignoble-13 .filigrane .barre-1{width:0px; height: 2px; top: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-vignoble-13 .filigrane .barre-2{width:2px; height:0px; top: 20px; right: 20px; transition: all 0s ease 0s;}
.section-vignoble-13 .filigrane .barre-3{width:0px; height: 2px; bottom: 20px; right: 20px; transition: all 0s ease 0s;}
.section-vignoble-13 .filigrane .barre-4{width:2px; height:0px; bottom: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-vignoble-13 .filigrane.apparition .barre-1{width: calc(100% - 40px);  transition: all 1s ease 0s;}
.section-vignoble-13 .filigrane.apparition .barre-2{height: calc(100% - 40px);  transition: all 0.5s ease 1s; }
.section-vignoble-13 .filigrane.apparition .barre-3{width: calc(100% - 40px); transition: all 1s ease 1.5s;  }
.section-vignoble-13 .filigrane.apparition .barre-4{height: calc(100% - 40px); transition: all 0.5s ease 2.5s; }
.section-vignoble-13 .mosaique-vins{text-align: center; display: block; padding:180px 50px 0 50px; margin:0; box-sizing: border-box;}
.section-vignoble-13 .mosaique-vins li{display: inline-block; vertical-align:top; text-align: left; width: 26.5%; padding:0 25px; margin:0 3.25%; box-sizing: border-box; position: relative;}
.section-vignoble-13 .mosaique-vins li .ligne-1{top: 0; left: -40px; display: block; padding:0; margin:0; height: 1px; width: calc(100% + 40px); position: absolute; box-sizing: border-box; background-color:#B97729; border:none; }
.section-vignoble-13 .mosaique-vins li .ligne-2{top: -40px; left: 0; display: block;  padding:0; margin:0; height: calc(100% + 40px); width: 1px; position: absolute; box-sizing: border-box; background-color:#B97729; border:none; }
.section-vignoble-13 .mosaique-vins li .titre-mosaique{transform-origin: 0 0;transform: rotate(-90deg);display: inline-block;padding: 0;margin: 0;box-sizing: border-box;font-size: 1.7rem;font-family: 'adorn_serif';font-weight: 600;color: #B97729;top: 310px;left: -45px;position: absolute;width: 290px;text-align: right;}
.section-vignoble-13 .mosaique-vins li .descriptif{color: #EFE4B0;padding-top: 15px;}
.section-vignoble-13 .mosaique-vins li .lien{margin-top: 30px;}
.section-vignoble-13 .contenu{text-align: center; display: block; padding:0; margin:0 auto; width: 700px; max-width: 80%; box-sizing: border-box;}
.section-vignoble-13 .contenu .titre{color: #B97729;}
.section-vignoble-13 .contenu .descriptif{color: #EFE4B0;}

@media screen and (max-width:1300px) {
    .section-vignoble-13{padding:150px 0 100px 0;}
    .section-vignoble-13 .mosaique-vins{ padding:100px 50px 0 50px;}
}

@media screen and (max-width:1050px) {
    .section-vignoble-13{padding:100px 0;}
    .section-vignoble-13 .mosaique-vins{ padding:50px 20px 0 20px;}
    .section-vignoble-13 .mosaique-vins li{display: inline-block;  width: 29%; padding:0 0; margin:0 1.75%; }
    .section-vignoble-13 .mosaique-vins li .ligne-1{display: none;}
    .section-vignoble-13 .mosaique-vins li .ligne-2{display: none;}
    .section-vignoble-13 .mosaique-vins li .titre-mosaique{transform: rotate(0deg);display:block;padding: 0;margin: 0;position: static;width: 100%;text-align: left;}
    
}

@media screen and (max-width:850px) {
    .section-vignoble-13{padding:100px 0 50px 0;}
    .section-vignoble-13 .mosaique-vins li{display:block;  width: 100%; padding:0 0; margin:0 0 50px 0; }
    
}

@media screen and (max-width:650px) {
    .section-vignoble-13 .filigrane{display: none; }
    .section-vignoble-13 .contenu{max-width: 100%; padding: 0 20px;}
    
}


.section-vignoble-14{display: block; padding:150px 0 150px 0; margin:0; box-sizing: border-box; position: relative; background-color:#F7F1D7; }
.section-vignoble-14 .colonne-1{display: block; padding:100px 5px 0px 5px; margin:0; float: left; width: 50%; box-sizing: border-box;}
.section-vignoble-14 .telechargement{display: block; padding:70px 0 0px 0; margin:0; text-align: center; box-sizing: border-box; }
.section-vignoble-14 .telechargement .lien{display: inline-block; width: auto;}


@media screen and (max-width:850px) {
    .section-vignoble-14{display: block; padding:100px 0;}
    .section-vignoble-14 .colonne-1{padding:100px 0 0px 0; width: 100%; }

}



.section-intropasseurs-1{display: block; padding:0; margin:0; box-sizing: border-box; position: fixed; background-color:#000; z-index: 9999999999999999999999999; top:0; left:0; width:100%; height:100%; }
.section-intropasseurs-1 .liste-passeurs-intro{z-index: 2; display: block; padding:0; margin:0; box-sizing: border-box; position: absolute; top:0; left:0; width:100%; height:100%; overflow-y: auto;}
.section-intropasseurs-1 .liste-passeurs-intro li{transition: opacity 0s ease; overflow: hidden;display: block; opacity: 0;border: solid 1px #b97729; width: 6.25%; float: left; height: 14.285%; padding:0; margin:0; box-sizing: border-box; position: relative; }
.section-intropasseurs-1 .liste-passeurs-intro li .background{transition: all 0.5s; display: block; padding:0; margin:0; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-position: center center; background-size:cover; background-repeat: no-repeat;}

.section-intropasseurs-1 .liste-passeurs-intro li.opacity{transition: opacity 1s ease; opacity: 1;}
.section-intropasseurs-1 .liste-passeurs-intro li .filtre{transition: all 0.5s; opacity: 0; display: block; padding:0; margin:0; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color:#163029; }

.section-intropasseurs-1 .intro{z-index: 3; display: block; padding:0; margin:0; box-sizing: border-box; position: absolute; top:0;background-color:#000; cursor: pointer; left:0; width:100%; height:100%; background-image: url(../img/logo-sancerre.svg); background-repeat: no-repeat; background-position: center; background-size: 40% auto;}



.section-passeurs-1{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; background-color:#000;}
.section-passeurs-1 .liste-passeurs{z-index: 2; display: block; padding:0; margin:0; box-sizing: border-box; position: relative; }
.section-passeurs-1 .liste-passeurs li{transition: opacity 0s ease; cursor: pointer; overflow: hidden;display: block; opacity: 0;border: solid 1px #b97729; width: 10%; float: left; height: 200px; padding:0; margin:0; box-sizing: border-box; position: relative; }
.section-passeurs-1 .liste-passeurs li .background{transition: all 0.5s; display: block; padding:0; margin:0; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-position: center center; background-size:cover; background-repeat: no-repeat;}
.section-passeurs-1 .liste-passeurs li:hover .background{width: 110%; top:-1%; height:110%; left:-5%;   }
.section-passeurs-1 .liste-passeurs li.opacity{transition: opacity 1s ease; opacity: 1;}
.section-passeurs-1 .liste-passeurs li .filtre{transition: all 0.5s; opacity: 0; display: block; padding:0; margin:0; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color:#163029; }
.section-passeurs-1 .liste-passeurs li:hover .filtre{opacity: 0.6;}
.box{display: none; overflow-y: auto; padding:0; margin:0px; height: 100%; z-index: 99999999999999999; top: 0%; left: 0%; box-sizing: border-box; position: fixed; width:100%; background-color:rgba(0, 0, 0, 0.7);}
.box-passeur{display: block; border-radius: 10px; padding:0; margin:-320px 0 0 -250px; top: 50%; left: 50%; box-sizing: border-box; position: fixed; width: 500px; border: solid 4px white; background-color:#fff;}
.box-passeur .close-box-passeur{display: block; width: 50px; height: 50px; padding: 10px; margin: 0; box-sizing: border-box; position: absolute; top: -46px; right: -4px; border-radius: 10px 10px 0 0; background-color: white; cursor: pointer;}
.box-passeur .visuel-box-passeur{display: block; border-radius: 10px; overflow: hidden; padding:0; margin:0; position: relative; box-sizing: border-box;}
.box-passeur .visuel-box-passeur .masque-box-passeur{display: block; padding:0; margin:0; position: absolute; bottom: -1px; left: -5%; width: 110%; box-sizing: border-box;}
.box-passeur .titre-box-passeur{color: #B97729; text-align: center;font-family: 'adorn_serif'; font-size: 1.3rem;display: block; padding: 0 0 0px 0; margin: 0;}
.box-passeur .separation-box-passeur{display: block; width: 200px; padding: 0; margin: 10px auto; box-sizing: border-box;}
.box-passeur .logo-box-passeur{display: block; width: 200px; padding: 0; margin: 20px auto; box-sizing: border-box;}
.box-passeur .separation-box-passeur img{height: 8px;}
.box-passeur .descriptif-box-passeur{color: #163029; text-align: center; font-size: 1.1rem; display: block; padding: 0 0 20px 0; margin: 0;}



.box-passeur .close-box-passeur .hover{ transition: all 0.5s ease; display: block; position: absolute; top: 10px; left: 10px; width: 30px; height:auto; z-index: 2; opacity: 0;}
.box-passeur .close-box-passeur:hover .hover{opacity: 1;}


@media screen and (max-width:1300px) {
    .section-passeurs-1 .liste-passeurs li{ width: 10%; float: left; height: 150px; }

    
}

@media screen and (max-width:550px) {
    .box{overflow-y: auto;}
   .box-passeur{margin:70px 2.5% 50px 2.5%;  position: relative; top: auto; left: auto; width: 95%;}


    
}



@media screen and (max-width:1050px) {
    .section-passeurs-1 .liste-passeurs li{ width:20%; float: left; height: 200px; }

    
}

@media screen and (max-width:800px) {
    .section-passeurs-1 .liste-passeurs li{ width:25%; float: left; height: 200px; }

    
}

@media screen and (max-width:660px) {
    .section-passeurs-1 .liste-passeurs li{ width:50%; float: left; height: 200px; }

    
}

.section-contact{display: block; padding:250px 0 100px 0; margin:0; box-sizing: border-box; position: relative; background-color: #FBF8EB;}
.section-contact .colonne-1{display: inline-block; vertical-align: top; padding: 0; margin: 0; width: 49%; box-sizing: border-box; position: relative;}
.section-contact .colonne-2{display: inline-block; vertical-align: top; padding: 70px 0 0 100px; margin: 0; width: 49%; box-sizing: border-box; position: relative;}
.section-contact .colonne-2 .visuel{display: block; padding:10px; margin: 0; box-sizing: border-box; position: relative; border-radius: 10px; border-right: solid 2px #B97729;  border-bottom: solid 2px #B97729;}
.section-contact .colonne-2 .visuel img{transition: all 1s ease; position:relative; z-index:3; }
.section-contact .colonne-2 .visuel .cache-1{display: block; z-index:1 ; padding:0px; margin: 0; width: 5px; height: 280px; background-color:#FBF8EB; position:absolute; top:0; right:-2px; }
.section-contact .colonne-2 .visuel .cache-2{display: block; z-index:1 ; padding:0px; margin: 0; width: 260px; height: 5px; background-color:#FBF8EB; position:absolute; bottom:-2px; left:0; }
.section-contact .colonne-2 .visuel-empreinte{display: block; z-index:2; position: absolute; width: 610px; padding: 0; margin: 0; top: -90px; left: 50%; box-sizing: border-box;}
.section-contact .colonne-1 .formulaire{display: block; padding: 0; margin:0; box-sizing: border-box;}
.section-contact .colonne-1 .formulaire .colonne{display: inline-block; vertical-align: top; padding:10px 10px 0 0; margin: 0; width: 49%; box-sizing: border-box; position: relative;}
.section-contact .colonne-1 .formulaire .colonne-large{display: inline-block; vertical-align: top; padding:10px 10px 0 0; margin: 0; width: 98%; box-sizing: border-box; position: relative;}
.section-contact .colonne-1 .formulaire p{display: block; color:#163029; font-size: 1rem; padding: 0 0 5px 0; margin: 0; box-sizing: border-box;}
.section-contact .colonne-1 .formulaire p .etoile{color: #B97729;}
.section-contact .colonne-1 .formulaire .inputtext{transition: all 0.5s ease; display: block; width: 100%; padding: 10px 10px; margin: 0; background-color: #FBF8EB; color: #B97729; border: solid 1px #B97729; border-radius: 5px; outline: none; box-sizing: border-box;}
.section-contact .colonne-1 .formulaire .areatext{transition: all 0.5s ease; display: block; width: 100%; padding: 10px 10px; margin: 0; background-color: #FBF8EB; color: #B97729; height: 200px; border: solid 1px #B97729; border-radius: 5px; outline: none; box-sizing: border-box;}
.section-contact .colonne-1 .formulaire .inputtext:focus{ background-color: #B97729; color: white;}
.section-contact .colonne-1 .formulaire .areatext:focus{ background-color: #B97729; color: white;}
.section-contact .colonne-1 .formulaire .lien-2{margin-top: 20px; cursor: pointer;}
.section-contact .titre{color:#163029;}
.section-contact .descriptif{font-weight: 400;color:#163029; padding: 30px 0;}

@media screen and (max-width:1300px) {
    .section-contact .colonne-2{ padding: 70px 0 0 50px;}
    
}

@media screen and (max-width:950px) {
    .section-contact{display: block; padding:200px 0 100px 0; }
    .section-contact .colonne-2{ display: none;}
    .section-contact .colonne-1{display:block; padding: 0; margin: 0; width: 100%;}
    
}

@media screen and (max-width:760px) {
    .section-contact{display: block; padding:170px 0 100px 0; }
    .section-contact .titre{text-align: center;}
    .section-contact .descriptif{text-align: center; padding: 20px 0;}
    
}

@media screen and (max-width:650px) {
    .section-contact .colonne-1 .formulaire .colonne{display:block; padding:10px 0px 0 0; width: 100%; }
    .section-contact .colonne-1 .formulaire .colonne-large{display: block; padding:10px 0px 0 0; width: 100%; }


    
}

.accueil-mosaique-actu{display:block; position:relative; width: 100%; padding:300px 0 100px 0; margin:0; box-sizing:border-box;  background-position:center; background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}
.accueil-mosaique-actu .filigrane{background-color:rgba(22, 48, 41, 0); display: block; z-index: 1; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.accueil-mosaique-actu .texte{display:block; padding: 0; margin: 0; box-sizing: border-box; position: relative; z-index: 2;}
.accueil-mosaique-actu .texte .titre-interne{display: block; padding: 0; margin: 0; box-sizing: border-box; font-family: 'adorn_serif'; font-weight: 400;  color: #EFE4B0;}
.accueil-mosaique-actu .texte .titre-interne .little{text-transform: uppercase; font-size: 2.7rem;}
.accueil-mosaique-actu .texte .titre-interne .enveloppe{overflow: hidden; display: block; padding: 0; margin: 0; box-sizing: border-box;}
.accueil-mosaique-actu .texte .titre-interne .enveloppe .ligne{transition:all 1s ease 1.5s; display: block; padding: 0; margin: 0; box-sizing: border-box; font-size: 3.2rem; line-height: 2.9rem; transform: translate3d(0px, 100%, 0px);}
.accueil-mosaique-actu .texte .titre-interne .enveloppe.apparition .ligne{transform: translate3d(0px, 0%, 0px);}
.accueil-mosaique-actu .listing-categories{display: block; font-size: 1rem; padding: 150px 0 0px 0; margin: 0; box-sizing: border-box; position: relative; z-index: 2;}
.accueil-mosaique-actu .listing-categories li{display: inline-block; padding: 0; margin: 0 20px 10px 0;}
.accueil-mosaique-actu .listing-categories li a{transition: all 0.5s ease; display: block; color:#B97729; font-size: 1rem; text-decoration: none; padding: 10px 20px; margin: 0; box-sizing: border-box; border-radius: 20px;}
.accueil-mosaique-actu .listing-categories li a:hover, .accueil-mosaique-actu .listing-categories li.current-cat a{background-color:#B97729; color:#EFE4B0; }
.accueil-mosaique-actu .masque{display: block; z-index: 2; position: absolute; bottom: -1px; left: -5%; width: 110%; padding: 0; margin: 0; box-sizing: border-box;}


.section-liste-actualites{display: block; padding:50px 0 50px 0; margin:0; box-sizing: border-box; position: relative; background-color: #F7F1D7;}
.section-liste-actualites .listing-actualites li{ margin-bottom:40px;border-radius: 20px;}

@media screen and (max-width: 1440px) {
    .accueil-mosaique-actu .texte .titre-interne .little{font-size: 2.2rem;}
    .accueil-mosaique-actu .texte .titre-interne.enveloppe .ligne{font-size: 2.7rem; line-height: 2.3rem;}
}

@media screen and (max-width: 1200px) {
    .accueil-mosaique-actu{padding:200px 0 100px 0; }
    .accueil-mosaique-actu .listing-categories li{ margin: 0 10px 10px 0;}
    .accueil-mosaique-actu .listing-categories{padding: 50px 0 0px 0; }
    .accueil-mosaique-actu .listing-categories li a{font-size: 0.9rem;}
}

@media screen and (max-width: 760px) {
    .accueil-mosaique-actu{padding:170px 0 50px 0; }
    .accueil-mosaique-actu .texte .titre-interne .little{font-size: 1.7rem;}
    .accueil-mosaique-actu .texte .titre-interne .enveloppe .ligne{font-size: 2rem; line-height: 2rem;}

}


.section-actu-single{display: block; padding:250px 0 50px 0; margin:0; box-sizing: border-box; position: relative; background-color: #FBF8EB;}
.section-actu-single .liste-categories{display: inline-block; vertical-align: middle; padding:30px 0 30px 0; margin:0; box-sizing: border-box;}
.section-actu-single .liste-categories li{display: inline-block; vertical-align: middle; color:#B97729; font-size: 1rem; text-decoration: none; padding:0; margin: 0 20px 0 0; box-sizing: border-box;}
.section-actu-single .ligne-separation{display: inline-block; position: relative; vertical-align: middle; padding:30px 35px 30px 0; margin:0; box-sizing: border-box;}
.section-actu-single .ligne-separation .icone-partage{disply: block; position: absolute; top: 20px; right: 0; width: 20px; cursor: pointer;}
.bloc-contenu-single{display: block; padding:20px 0 50px 0; margin:0; box-sizing: border-box; position: relative; }
.bloc-contenu-single .visuel-single{display:block; position: relative; margin: 0 0 40px 0; height: 550px; overflow: hidden; padding:0; border-radius: 20px 20px 0 0; box-sizing: border-box;background-position: center; background-repeat: no-repeat; background-size: cover;}
.bloc-contenu-single .visuel-single .date{z-index: 2; display: inline-block; position: absolute; top: 15px; left: -2px; margin: 0; height: 50px; line-height: 50px; color: white; font-size: 0.95rem; font-weight: 500; padding:0 20px; box-sizing: border-box;background-image:url(../img/date-sancerre.svg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.bloc-contenu-single .visuel-single .separation{z-index: 1; display:block; position: absolute; bottom:-2px; left: -5%; width: 110%; margin: 0; padding:0; box-sizing: border-box;}
.bloc-contenu-single .titre-single{display: block; font-family: 'adorn_serif'; font-weight: 400; padding: 0; margin: 0 0 40px 0; box-sizing: border-box; font-size: 2.8rem; line-height: 3rem; color: #163029;}
.bloc-contenu-single .wrapper{max-width: 900px; padding: 0;}
.bloc-contenu-single .sous-titre-single{display: block; padding: 0; margin: 0 0 40px 0; box-sizing: border-box; font-weight: 600; font-size: 1.4rem; line-height: 1.8rem;  color: #B97729; position: relative;}
.bloc-contenu-single .descriptif-single{display: block; padding:0px 0 0 0; margin: 0 0 40px 0; box-sizing: border-box; font-weight: 400; color: #163029; font-size: 1rem; line-height: 1.4rem; }
.bloc-contenu-single .lien{margin-bottom: 40px;}
.bloc-contenu-single .lien-2{margin-bottom: 40px;}

.section-actu-single .titre .little{font-size: 1.7rem;}
.section-actu-single .titre .enveloppe .ligne{line-height: 2rem; }


@media screen and (max-width:1430px) {
    .section-actu-single .liste-categories{display:block; padding:30px 0 20px 0;}
    .section-actu-single .liste-categories li{font-size: 1rem; margin: 0 20px 10px 0;}
    .section-actu-single .ligne-separation{display:block; padding:0px 35px 30px 0;}
    .section-actu-single .ligne-separation .icone-partage{top: -10px;}

}

@media screen and (max-width:1000px) {
    .section-actu-single .liste-categories li{font-size: 0.9rem; }


}

@media screen and (max-width:760px) {
    .section-actu-single{display: block; padding:150px 0 50px 0;}
    .bloc-contenu-single .titre-single{font-size: 2rem; line-height: 2.4rem;}



}


.section-autre-actu{display: block; padding:150px 0 110px 0; margin:0; box-sizing: border-box; position: relative; background-color: #F7F1D7;}
.section-autre-actu .titre{margin-bottom: 30px;}
.section-autre-actu .listing-actualites li{ margin-bottom:40px;border-radius: 20px;}

@media screen and (max-width:800px) {
    .section-autre-actu{padding:100px 0 20px 0;}

}















/*EXPERINCE CARTE INTERACTIVE---------------------------------------------------------------------------*/
.section-experience-1{display: block; padding:0 calc(100% - 700px) 0 0; margin:0; box-sizing: border-box; position: relative; background-color: #FDFCF7;}
.section-experience-1 .recherche{display: block; padding: 80px 50px 50px 70px; margin: 0; width: 700px; box-sizing: border-box; background-color: #FDFCF7;}
.section-experience-1 .googlemapexperience{display: block; position: absolute; top: 0; right: 0; height: 100%; padding:0; margin: 0; width: calc(100% - 700px); box-sizing: border-box;}
.section-experience-1 .googlemapexperience iframe{ background-color: #efe4b0 !important;}
.section-experience-1 .googlemapexperience .loader-jcg{display: none; position: absolute; z-index: 9999; top: 0; right: 0; height: 100%; padding:0; margin: 0; width: 100%; box-sizing: border-box;background-color: #efe4b0 !important;}
.section-experience-1 .googlemapexperience #mapexperience{display: block; position: absolute; z-index: 9; top: 0; right: 0; height: 100%; padding:0; margin: 0; width: 100%; box-sizing: border-box;background-color: #efe4b0 !important;}
.loader {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px;
      animation: rotate 1s linear infinite
    }
    .loader::before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      inset: 0px;
      border-radius: 50%;
      border: 5px solid #163029;
      animation: prixClipFix 2s linear infinite ;
    }

    @keyframes rotate {
      100%   {transform: rotate(360deg)}
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }
.section-experience-1 .titre-2{margin-top: 40px;}
.section-experience-1 .titre-2.titre-2-seo{line-height: 2.2rem; padding-top: 10px; margin-top: 0;}
.section-experience-1 .recherche-colonne{display: inline-block; position:relative; vertical-align:middle; padding: 0; margin: 0; width: 45%;}
.section-experience-1 .recherche-inter-colonne{display: inline-block; position:relative; vertical-align:middle; padding: 0; margin: 0; width: 8%;}
.section-experience-1 .recherche-inter-colonne .descriptif{padding-top: 60px; text-align: center;color: #163029;}
.section-experience-1 .recherche-colonne .descriptif{padding-bottom: 10px;color: #163029;}
.section-experience-1 .lien-2{margin-top: 50px; cursor: pointer}
.section-experience-1 .reset-filtre{transition: all 0.5s ease; display: block; margin-top: 30px; color: #B97729; cursor: pointer;}
.section-experience-1 .reset-filtre img{display: inline-block; vertical-align: middle; width: 20px; margin: 0 5px 0 0;}
.section-experience-1 .reset-filtre:hover{color: #163029;}

@media only screen and (max-width: 1600px) {
    .section-experience-1{padding:0 calc(100% - 400px) 0 0;}
    .section-experience-1 .recherche{padding: 70px 30px 50px 30px; width: 400px; }
    .section-experience-1 .googlemapexperience{width: calc(100% - 400px); }

    .section-experience-1 .recherche-colonne{display:block;  padding: 0; width: 100%;}
    .section-experience-1 .recherche-inter-colonne{display:block;  padding: 0; width: 100%;}
    .section-experience-1 .recherche-inter-colonne .descriptif{padding-top: 20px; text-align: left;}
    .section-experience-1 .recherche-colonne .descriptif{padding-top: 10px;}

}

@media only screen and (max-width: 1050px) {
    .section-experience-1{padding:0 calc(100% - 300px) 0 0;}
    .section-experience-1 .recherche{padding: 60px 20px 40px 20px; width: 300px; }
    .section-experience-1 .googlemapexperience{width: calc(100% - 300px); }


}

@media only screen and (max-width: 760px) {
    .section-experience-1{padding:0 20px;}
    .section-experience-1 .recherche{padding: 50px 0px 40px 0px; width: 100%; }
    .section-experience-1 .googlemapexperience{position:relative; width:100%; height:600px; margin-bottom: 50px;}
    .section-experience-1 .reset-filtre{ margin-top: 20px;}


}



.lightbox-message{display:none; z-index:999999999999999999; opacity:0.7; background-color:black; position:fixed; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.lightbox-message-wrapper{display:none; z-index:999999999999999999; position:fixed; top:50%; left:50%; width:420px; max-height:500px; padding:20px 10px 20px 10px; border-top:solid 10px #B97729; margin:-250px 0 0 -210px; text-align:center; background-color:white; box-sizing:border-box;}
.lightbox-message-wrapper .lightbox-message-contenu{display:block; max-height:390px; overflow-y:auto; padding:0 20px; margin:0 0 10px 0; font-size:1rem; font-weight:500; text-align:center; line-height:1.3rem; color:#163029; box-sizing:border-box; }
.lightbox-message-wrapper .lightbox-message-contenu a{text-decoration:none; color:#163029;}
.lightbox-message-wrapper .lightbox-message-contenu a:hover{text-decoration:underline; }
.lightbox-message-wrapper .retour-lightbox-simple{display:inline-block; cursor:pointer; height:40px; text-decoration:none; text-align:center; font-size:0.8rem; font-weight:600; text-transform:uppercase; line-height:40px; background-color:#B97729; color:white; padding:0 20px; margin:5px 5px 5px 5px;  box-sizing:border-box; transition:all 0.5s ease;}
.lightbox-message-wrapper .retour-lightbox-simple:hover{background-color:#163029;}

@media only screen and (max-width: 650px) {
    .lightbox-message-wrapper{top:0; left:2.5%; width:95%; max-height:auto; margin:0px;}
    .lightbox-message-wrapper .lightbox-message-contenu{display:block; max-height:auto; overflow-y:hidden; }
}
.ui-helper-hidden-accessible,.ui-tooltip{display:none; opacity:0; visibility:hidden; width:0; height:0;}
.custom-combobox {position:relative; background:none;display: block; }
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0; right:0; outline:none;margin:0; border-radius:0;  background:none; border:solid 4px #B97729; background-color:#fff; padding: 0; width:40px;}
.custom-combobox-toggle: hover; { border-radius:0;  background:none; border:solid 4px #B97729; background-color:#B97729; padding: 0; }
.custom-combobox-input{margin:0;padding: 10px 15px;  outline:none;  background:white; border-radius:0px; font-size:0.9rem; width:100%; color:#000; border:solid 1px #B97729; box-sizing:border-box; transition:all 0.3s ease;}
.custom-combobox-input:focus{border-color:#B97729;background-color:#B97729;color:black; }
.ui-autocomplete{z-index:9999999; border-radius:0; margin: 0; padding:0; background:none; border:solid 1px #20B2F5; background-color:white; max-height:250px; overflow:hidden; overflow-y:auto; box-sizing:border-box;}
.ui-menu .ui-menu-item {margin: 0; padding:0; width: 100%; list-style-image:none; box-sizing:border-box;}
.ui-menu .ui-menu-item a{border-radius:0; background:none; border:none; cursor:pointer; font-size:0.8em; color:#777;  padding:10px 15px; margin:0; box-sizing:border-box; transition:all 0.3s ease;}
.ui-menu .ui-menu-item a:hover{border-radius:0; background:#ececec; border:none; cursor:pointer; font-size:0.8em; color:#777;  padding:10px 15px; margin:0;}
.ui-widget{font-family: 'Poppins', sans-serif !important; font-weight:500;}
.ui-state-active, .ui-widget-content .ui-state-active{border: 1px solid #B97729;background: #B97729;color: black;}
a.ui-button:hover,a.ui-button:active, .ui-button:active{border: 1px solid #b97729;background: #b97729;}
.section-experience-1 .case-a-cocher{display:inline-block; position:relative; padding:0px 20px 0 30px; margin:10px 0 0px 0; font-size:0.9rem; font-weight:400; color:#163029; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease;}
.section-experience-1 .case-a-cocher:hover{color:#163029;}
.section-experience-1 .case-a-cocher input { display: none; }
.section-experience-1 .case-a-cocher i{display:none; position:absolute; top:-3px; left:0; padding:0; margin:0; font-size:1.6rem; vertical-align:middle; color: #B97729; box-sizing:border-box;}
.section-experience-1 .case-a-cocher i.active{display:block;}


/*FIN EXPERINCE CARTE INTERACTIVE---------------------------------------------------------------------------*/













.section-experience-2{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; height: 800px;background-color: #FDFCF7;}
.section-experience-2 .background{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%; background-position:center; background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}
.section-experience-2 .filigrane{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.section-experience-2 .filigrane .barre{display: block; padding: 0; margin: 0; border: none; background-color:#B97729; position: absolute;}
.section-experience-2 .filigrane .barre-1{width:0px; height: 2px; top: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-experience-2 .filigrane .barre-2{width:2px; height:0px; top: 20px; right: 20px; transition: all 0s ease 0s;}
.section-experience-2 .filigrane .barre-3{width:0px; height: 2px; bottom: 20px; right: 20px; transition: all 0s ease 0s;}
.section-experience-2 .filigrane .barre-4{width:2px; height:0px; bottom: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-experience-2 .filigrane.apparition .barre-1{width: calc(100% - 40px);  transition: all 1s ease 0s;}
.section-experience-2 .filigrane.apparition .barre-2{height: calc(100% - 40px);  transition: all 0.5s ease 1s; }
.section-experience-2 .filigrane.apparition .barre-3{width: calc(100% - 40px); transition: all 1s ease 1.5s;  }
.section-experience-2 .filigrane.apparition .barre-4{height: calc(100% - 40px); transition: all 0.5s ease 2.5s; }

@media screen and (max-width: 1030px) {

    .section-experience-2 .background{ background-attachment:scroll; background-position: top right;}

}

.section-experience-3{display: block; padding:150px 0; margin:0; box-sizing: border-box; position: relative; text-align: right; background-color: #FDFCF7;}
.section-experience-3 .colonne-1{display: inline-block; vertical-align:top; text-align: left; width: 49%; padding:0 100px 0 0; margin:0; box-sizing: border-box; }
.section-experience-3 .colonne-1 .lien{margin-top: 30px;}
.section-experience-3 .colonne-2{display: inline-block; vertical-align:top; width: 49%;  padding:0; margin:0; box-sizing: border-box; }
.section-experience-3 .colonne-2 .visuel{display:block; padding:0; margin:0; box-sizing: border-box; position: relative; border-radius: 20px;}
.section-experience-3 .colonne-2 .visuel .cadre{display: block; padding:0; margin:0; box-sizing: border-box; width: 300px; height: 425px; bottom:-40px; left: 40px; position:absolute; border: solid 4px #B97729; border-radius: 20px;}

@media screen and (max-width: 1200px) {
    .section-experience-3 .colonne-1{width: 54%; padding:0 50px 0 0; }
    .section-experience-3 .colonne-2{width: 45%; padding:0; }
    .section-experience-3 .colonne-2 .visuel .cadre{ width:40%; height: 300px; bottom:-40px; left: 40px; }

}

@media screen and (max-width: 800px) {
    .section-experience-3{display: block; padding:100px 0;}

}

@media screen and (max-width: 760px) {

    .section-experience-3 .colonne-1{width: 100%; padding:0 0px 40px 0; }
    .section-experience-3 .colonne-2{width: 100%; padding:0; }

}


.section-experience-4{display: block; padding:0 30% 0 0; margin:0; box-sizing: border-box; position:relative; background-color: #F7F1D7;}
.section-experience-4 .colonne-1{display: block; padding:0; margin:0; box-sizing: border-box;}
.section-experience-4 .colonne-1 .contenu{display: block; float: right; padding:130px 100px 200px 0; margin:0; box-sizing: border-box; width: 1050px;}
.section-experience-4 .colonne-1 .contenu .descriptif{padding-top:20px; padding-right: 200px;}
.section-experience-4 .colonne-2{display: block; padding:0; margin:0; box-sizing: border-box; width: 30%; height: 100%; z-index: 1; position: absolute; top: 0; right: 0; background-size: auto 100%; background-position: top right; background-repeat: no-repeat; background-attachment: fixed;}
.section-experience-4 .colonne-1 .restaurants{display: block; width: 50%; margin: 0; padding: 50px 40px 20px 0; float: left; box-sizing: border-box;}
.section-experience-4 .colonne-1 .restaurants .titre-2{color: #B97729;}
.section-experience-4 .colonne-1 .restaurants .descriptif{color: #163029; padding: 30px 20px 0 0;}
.section-experience-4 .colonne-1 .restaurants .descriptif a{color: #B97729; text-decoration:none;}
.section-experience-4 .colonne-1 .restaurants .descriptif a:hover{text-decoration: underline;}
.section-experience-4 .colonne-1 .lien{margin-top: 10px;}


@media screen and (max-width: 1490px) { .section-experience-4 .colonne-2{ background-position: 120% 0;} }

@media screen and (max-width: 1550px) {
    .section-experience-4 .colonne-1 .contenu{float: none; padding:130px 100px 200px 40px; width: 100%;}

}

@media screen and (max-width: 1250px) {
    .section-experience-4 .colonne-1 .contenu{padding:100px 0px 100px 40px; }

}

@media screen and (max-width: 1100px) {
    .section-experience-4{padding:0 20% 0 0;}
    .section-experience-4 .colonne-2{width: 20%; background-position: 173% 0;}

}

@media screen and (max-width: 900px) {
    .section-experience-4{padding:0;}
    .section-experience-4 .colonne-2{display: none;}
    .section-experience-4 .colonne-1 .contenu{padding:100px 20px; }
    .section-experience-4 .colonne-1 .contenu .descriptif{padding-top:40px; padding-right: 0px;}

}

@media screen and (max-width: 760px) {
    .section-experience-4 .colonne-1 .restaurants{width: 100%; margin: 0; padding: 50px 0px 0px 0; }


}



.section-experience-5{display: block; padding:250px 0 200px 0; margin:0; box-sizing: border-box; position: relative; background-color:#163029;}
.section-experience-5 .masque{display: block; z-index: 2; padding:0; margin: 0; box-sizing: border-box; position: absolute; bottom:-2px; left:-2%; width: 110%;}
.section-experience-5 .filigrane{transition: all 2s; z-index: 1; display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top:0px; left:0px; width: 100%; height: 100%;background-position-x: right !important; background-position: center right; background-size:auto 100%; background-repeat: no-repeat;}
.section-experience-5 .contenu{display: block; padding:0; margin: 0;  width: 650px; max-width: 100%; box-sizing: border-box;}
.section-experience-5 .titre{color: #B97729;}
.section-experience-5 .descriptif{color: #EFE4B0; padding-top: 30px;}
.section-experience-5 .wrapper{z-index: 3;}
.section-experience-5 .lien{margin-top: 10px;}

@media screen and (max-width: 1280px) {
    .section-experience-5 .filigrane{background-position-x: 30% !important; }
    .section-experience-5{display: block; padding:150px 0 150px 0;}


}

@media screen and (max-width: 800px) {
    .section-experience-5 .filigrane{background-position-x: 10% !important; }
    .section-experience-5{display: block; padding:100px 0;}
    .section-experience-5 .descriptif{padding-top: 30px;}


}

.section-experience-6{display: block; padding:150px 0 200px 0; margin:0; box-sizing: border-box; position: relative; background-color:#F7F1D7;}
.section-experience-6 .bloc-image{display: block; padding:0; margin:0; box-sizing: border-box; position: relative;}
.section-experience-6 .bloc-image .titre{position: absolute; color: #F7F1D7; display: inline-block;}
.section-experience-6 .bloc-image .titre .ligne{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;}
.section-experience-6 .bloc-image .colonne{transition: all 0.5s ease; display: inline-block; cursor: pointer; border: solid 4px #F7F1D7; padding: 0; margin: 10px 0.5%; box-sizing: border-box; background-position: center; background-size: cover; background-repeat: no-repeat;}
.section-experience-6 .bloc-image .colonne:hover{border: solid 4px #B97729;}

.section-experience-6 .bloc-image-1 .titre{top: 50px; right: 2%;}
.section-experience-6 .bloc-image-1 .colonne-1{width: 48%; height: 600px; vertical-align: bottom;}
.section-experience-6 .bloc-image-1 .colonne-2{width: 48%; height: 450px; vertical-align: bottom;}
.section-experience-6 .bloc-image-1 .colonne-3{width: 23%; height: 600px; vertical-align: bottom;}
.section-experience-6 .bloc-image-1 .colonne-4{width: 73%; height: 600px; vertical-align: bottom;}

.section-experience-6 .bloc-image-2 .titre{top: 50px; left: 0;}
.section-experience-6 .bloc-image-2 .colonne-1{width: 48%; height: 450px; vertical-align: bottom;}
.section-experience-6 .bloc-image-2 .colonne-2{width: 48%; height: 600px; vertical-align: bottom;}
.section-experience-6 .bloc-image-2 .colonne-3{width: 73%; height: 600px; vertical-align: top;}
.section-experience-6 .bloc-image-2 .colonne-4{width: 23%; height: 320px; vertical-align: top;}

.section-experience-6 .bloc-image-3 .titre{top: -150px; right: 2%;}
.section-experience-6 .bloc-image-3 .colonne-1{width: 48%; height: 500px; vertical-align: bottom;}
.section-experience-6 .bloc-image-3 .colonne-2{width: 48%; height: 500px; vertical-align: bottom;}
.section-experience-6 .bloc-image-3 .colonne-3{width: 23%; height: 320px; vertical-align: top;}
.section-experience-6 .bloc-image-3 .colonne-4{width: 73%; height: 600px; vertical-align: top;}

.section-experience-6 .bloc-image-4 .titre{top: -150px; left: 0;}
.section-experience-6 .bloc-image-4 .colonne-1{width: 48%; height: 500px; vertical-align: bottom;}
.section-experience-6 .bloc-image-4 .colonne-2{width: 48%; height: 500px; vertical-align: bottom;}
.section-experience-6 .bloc-image-4 .colonne-3{width: 73%; height: 600px; vertical-align: top;}
.section-experience-6 .bloc-image-4 .colonne-4{width: 23%; height: 400px; vertical-align: top;}

.section-experience-6 .bloc-image-5 .titre{top: -120px; right: 2%;}
.section-experience-6 .bloc-image-5 .colonne-1{width: 48%; height: 500px; vertical-align: bottom;}
.section-experience-6 .bloc-image-5 .colonne-2{width: 48%; height: 500px; vertical-align: bottom;}
.section-experience-6 .bloc-image-5 .colonne-3{width: 23%; height: 600px; vertical-align: top;}
.section-experience-6 .bloc-image-5 .colonne-4{width: 73%; height: 600px; vertical-align: top;}

.section-experience-6 .bloc-image-6 .titre{top: 70px; left: 0;}
.section-experience-6 .bloc-image-6 .colonne-1{width: 48%; height: 500px; vertical-align: bottom;}
.section-experience-6 .bloc-image-6 .colonne-2{width: 48%; height: 700px; vertical-align: bottom;}
.section-experience-6 .bloc-image-6 .colonne-3{width: 73%; height: 600px; vertical-align: top;}
.section-experience-6 .bloc-image-6 .colonne-4{width: 23%; height: 320px; vertical-align: top;}

@media screen and (max-width: 1010px) {
    .section-experience-6{padding:40px 0 100px 0;}
    .section-experience-6 .bloc-image{margin-top: 60px; text-align: center;}
    .section-experience-6 .bloc-image .titre{position: static; display:block; margin-bottom: 30px; text-align: center;}
    .section-experience-6 .bloc-image .colonne{display:inline-block !important; padding: 0; margin:0 0.5% 15px 0.5%; width: 48% !important; height: 400px !important;}



}

@media screen and (max-width: 760px) {
    .section-experience-6 .bloc-image .colonne{display:inline-block !important; padding: 0; margin:0 0.5% 10px 0.5%; width: 48% !important; height: 300px !important;}



}




.box-images{display: none; background-color: #163029; padding: 0; margin: 0; box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999999999999999;}
.box-images .box-close{display: block; z-index: 4; cursor: pointer; padding: 0; margin: 0; box-sizing: border-box; position: absolute; top: 40px; right: 40px; width:40px; }
.box-images .fleche-gauche{display: block; cursor: pointer; padding: 0; margin:-40px 0 0 0; box-sizing: border-box; position: absolute; top: 50%; left: 20px; width:80px; }
.box-images .fleche-droite{display: block; cursor: pointer; padding: 0; margin:-40px 0 0 0; box-sizing: border-box; position: absolute; top: 50%; right: 20px; width:80px; }
.box-images .box-conteneur{background-image:url(../img/bck.png);background-position: center; background-size: contain; background-repeat: no-repeat;display: block; z-index: 2; padding: 0; margin:0; box-sizing: border-box; position: absolute; top: 75px; left: 120px; width:calc(100% - 240px); height:calc(100% - 150px); }
.box-images .box-conteneur-venir{background-position: center; background-size: contain; background-repeat: no-repeat;display: none; z-index: 3; padding: 0; margin:0; box-sizing: border-box; position: absolute; top: 75px; left: 120px; width:calc(100% - 240px); height:calc(100% - 150px); }
.box-images .box-credit{display: block;padding: 0 120px; margin:0; box-sizing: border-box; position: absolute; bottom:0;  left: 0px; width:100%; height:60px; color: #EFE4B0; text-align: right; line-height:60px; font-size:1rem; font-weight:600px; }


@media screen and (max-width: 760px) {
    .box-images .box-close{top: 10px; right: 10px; width:30px; z-index: 4;}
    .box-images .fleche-gauche{margin:-30px 0 0 0;top: 50%; left: 10px; width:60px; }
    .box-images .fleche-droite{margin:-30px 0 0 0; top: 50%; right: 10px; width:60px; }
    .box-images .box-conteneur{top: 50px; left: 80px; width:calc(100% - 160px); height:calc(100% - 100px); }
    .box-images .box-conteneur-venir{top: 50px; left: 80px; width:calc(100% - 160px); height:calc(100% - 100px); }
    .box-images .box-credit{padding: 0 80px;height:40px; line-height:40px; font-size:0.9rem; text-align: center;}



}



.box-interactive-open{display: none; background-color: #FBF8EB; border: solid 2px #B97729; padding:30px 70px 30px 40px; margin:-300px 0 0 -400px; box-sizing: border-box; position: fixed; top:50%; left:50%; width: 800px; height:auto; z-index: 99999999999999999999;}
.box-interactive-open .box-close{display: block; z-index: 4; cursor: pointer; padding: 0; margin: 0; box-sizing: border-box; position: absolute; top: 20px; right: 20px; width:30px; }
.box-interactive-open .box-conteneur{display: block; padding:0px; margin:0; box-sizing: border-box; position: relative;}
.box-interactive-open .box-conteneur .colonne-1{display: block; float: left; padding: 0 10px 0 0; margin: 0; box-sizing:border-box; float: left; width: 50%;}
.box-interactive-open .box-conteneur .colonne-2{display: block; float: left; padding: 0 0px 0 10px; margin: 0; box-sizing:border-box; float: left; width: 50%;}
.box-interactive-open .box-conteneur .certification{ color: #163029; font-size: 1rem; display: inline-block; vertical-align: middle; margin: 0; padding: 5px 10px 0px 0;}
.box-interactive-open .box-conteneur .certification img{display: inline-block; vertical-align: middle; padding: 0 5px 0 0; margin: 0; width:20px;}
.box-interactive-open .box-conteneur .ligne-separation{margin: 20px auto 0 auto;}
.box-interactive-open .box-conteneur .ligne-separation img{height: 5px;}
.box-interactive-open .box-conteneur .titre-2{padding-bottom: 20px;}
.box-interactive-open .box-conteneur .descriptif{padding-top: 20px;}
.box-interactive-open .box-conteneur .descriptif strong{display: block; padding: 10px 0 2px 0; margin: 0;}
.box-interactive-open .box-conteneur .descriptif a{color: #B97729;; text-decoration: none;}
.box-interactive-open .box-conteneur .descriptif a:hover{text-decoration: underline;}

@media screen and (max-width: 900px) {
   .box-interactive-open{ padding:30px 70px 30px 40px; margin:0 0 0 0; top:100px; left:5%; width:90%; }


}

@media screen and (max-width: 650px) {
   .box-interactive-open{border: none; padding:50px 20px 50px 20px; margin:0; top:0%; left:0%; width: 100%; height:100%;}
    .box-interactive-open .box-close{top: 10px; right: 10px; width:30px; }
    .box-interactive-open .box-conteneur .colonne-1{display: block; float: none; padding: 0; margin: 0;width: 100%;}
    .box-interactive-open .box-conteneur .colonne-2{display: block; float: none; padding: 0; margin: 0;width: 100%;}


}

.box-slider{display: none; background-color: #163029; padding: 0; overflow-y: auto; margin: 0; box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999999999999999;}
.box-slider .filigrane{display: block; padding: 0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/sancerre-creme-haut-vert.svg"); background-repeat: no-repeat; background-size: 1440px auto; background-position: center; opacity: 0.05;}
.box-slider .box-close{display: block; z-index: 4; cursor: pointer; padding: 0; margin: 0; box-sizing: border-box; position: absolute; top: 40px; right: 0px; width:40px; }
.box-slider .fleche-gauche{z-index: 3; display: block; cursor: pointer; padding: 0; margin:0; box-sizing: border-box; position: absolute; top: 250px; left: 0px; width:80px; }
.box-slider .fleche-droite{z-index: 3; display: block; cursor: pointer; padding: 0; margin:0; box-sizing: border-box; position: absolute; top: 250px; right: 0px; width:80px; }
.box-slider .box-conteneur{display: block; z-index: 2; padding: 150px 0px; margin:0 auto; box-sizing: border-box; position: relative; width:100%; max-width:780px;  }
.box-slider .colonne-1{display: block; float: left; padding: 0 30px 0 0; margin: 0; box-sizing:border-box; float: left; width: 50%;}
.box-slider .colonne-2{display: block; float: left; padding: 0 0px 0 30px; margin: 0; box-sizing:border-box; float: left; width: 50%;}
.box-slider .colonne-2 strong, .box-slider .colonne-1 strong{display: block; font-weight: bold; color: #B97729; padding: 0 0 20px 0; margin: 0;}

.slider-vignoble-historique{}
.slider-vignoble-historique .haut{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; padding:0; margin:0 0 30px 0; width: 100%; box-sizing: border-box; font-size: 7rem; line-height: 1; color: #163029;}
.slider-vignoble-historique .haut sup{font-size: 0.7rem;display: inline-block;vertical-align: top;margin-top: 25px;color: #b97729;text-shadow: none;}
.slider-vignoble-historique .haut sub{font-size: 0.7rem;display: inline-block;vertical-align: baseline;margin-top: 0;color: #b97729;text-shadow: none;}
.slider-vignoble-historique .ligne-separation{width: 100%;display: block !important;}
.slider-vignoble-historique .descriptif{padding-top: 0;}

.slider-vignoble-millesime{background-color: #F7F1D7;}
.slider-vignoble-millesime .filigrane{opacity: 0.2;}
.slider-vignoble-millesime .haut{transform: rotate(-90deg);text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; top: 300px;left: -40%;padding:0; margin:0 0 30px 0; width: 400px; text-align: right; box-sizing: border-box; font-size: 7rem; line-height: 1; color: #F7F1D7;position: absolute;}
.slider-vignoble-millesime .ligne-separation{display: block !important;width: 100%;  display: block;  margin: 40px auto;}
.slider-vignoble-millesime .descriptif{padding-top: 0; color: #163029;}

.slider-geodiversite{background-color: #F7F1D7;}
.slider-geodiversite .filigrane{opacity: 0.2;}
.slider-geodiversite .box-conteneur{max-width: 1000px;}
.slider-geodiversite .haut{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; padding:0; margin:0 0 30px 0; box-sizing: border-box; font-size: 3rem; line-height: 1; color: #F7F1D7;transform: none;position: static;width: 100%;text-align: left;}
.slider-geodiversite .ligne-separation{display: block !important;width: 100%;  display: block;  margin: 40px auto 0 auto;}
.slider-geodiversite .descriptif{padding-top:30px; color: #163029;}

.slider-degustation{background-color: #F7F1D7;}
.slider-degustation .filigrane{opacity: 0.2;}
.slider-degustation .box-conteneur{max-width: 1000px;}
.slider-degustation .haut{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; padding:0; margin:0 0 0px 0; box-sizing: border-box; font-size: 3rem; line-height: 1; color: #F7F1D7;}
.slider-degustation .ligne-separation{display: block !important;width: 100%;  display: block;  margin: 40px auto 0 auto;}
.slider-degustation .descriptif{padding-top:30px; color: #163029;}
.slider-degustation strong{display: block; font-weight: bold; color: #B97729; padding: 0 0 20px 0; margin: 0;}

@media screen and (max-width: 1470px) {
    .box-slider .box-close{top: 40px; right: 10px; width:40px; }
    .box-slider .fleche-gauche{top: 250px; left: 10px; width:80px; }
    .box-slider .fleche-droite{top: 250px; right: 10px; width:80px; }

}


@media screen and (max-width: 1250px) {
    .box-slider .box-conteneur{padding: 100px 90px;  }
    .box-slider .box-close{top: 40px; right: 10px; width:40px; }
    .box-slider .fleche-gauche{top: 150px; left: 10px; width:60px; }
    .box-slider .fleche-droite{top: 150px; right: 10px; width:60px; }

    .slider-vignoble-millesime .haut{left: 0px; margin-left: -30%; top: 240px;}

}


@media screen and (max-width: 980px) {
    
    .box-slider .box-close{top: 10px; right: 10px; width:30px; }

    .slider-vignoble-millesime .haut{position: static; margin-left: 0%; text-align: left; transform: rotate(0deg);}
    .slider-vignoble-millesime .fleche-gauche{top: 250px; width:60px; }
    .slider-vignoble-millesime .fleche-droite{top: 250px; width:60px; }

}

@media screen and (max-width: 760px) {
    
    .slider-vignoble-millesime .haut{font-size: 4.8rem; text-align: left;}

}

@media screen and (max-width: 650px) {
    
    .box-slider .box-conteneur{padding: 100px 0px;  }
    .box-slider .box-close{top: 10px; right: 10px; width:40px; position:fixed; }
    .box-slider .fleche-gauche{top: 10px; left: 10px; width:30px; position:fixed; }
    .box-slider .fleche-droite{top: 10px; right: auto; left: 70px; width:30px; position:fixed;  }
    .box-slider .colonne-1{ padding: 0 0 30px 0;  float: none; width: 100%;}
    .box-slider .colonne-2{padding: 0 0px 0 0px;float: none; width: 100%;}

}







.section-maison-1{display: block; padding:0 50% 0 0; margin:0; box-sizing: border-box; position:relative; background-color: #FBF8EB;}
.section-maison-1 .colonne-1{display: block; padding:0; margin:0; box-sizing: border-box;}
.section-maison-1 .colonne-1 .contenu{display: block; float: right; padding:130px 150px 200px 0; margin:0; box-sizing: border-box; width: 700px;}
.section-maison-1 .colonne-1 .contenu .descriptif{padding-top:50px;}
.section-maison-1 .colonne-1 .lien-2{margin-top: 50px;margin-bottom: 30px;}
.section-maison-1 .colonne-1 .lien{display: inline-block; vertical-align:middle; padding-right: 40px; margin-bottom: 20px;}
.section-maison-1 .colonne-1 .lien:hover{padding-right: 20px;}
.section-maison-1 .colonne-2{display: block; padding:0; margin:0; box-sizing: border-box; width: 50%; height: 100%; z-index: 1; position: absolute; top: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.section-maison-1 .masque-general{display: block; padding:0; margin:0; box-sizing: border-box; width: 110%; z-index: 2; position: absolute; bottom: -1px; left: 0; }

@media screen and (max-width:1440px) {
    .section-maison-1 .colonne-1 .contenu{float: none; padding:130px 100px 200px 20px; width: 100%;}
    
}

@media screen and (max-width:1150px) {
    .section-maison-1{padding:0 30% 0 0;}
    .section-maison-1 .colonne-1 .contenu{padding:100px 50px 100px 20px; }
    .section-maison-1 .colonne-2{width: 30%; }
 
}

@media screen and (max-width:760px) {
    .section-maison-1{padding:0;}
    .section-maison-1 .colonne-1 .contenu{padding:100px 20px 100px 20px; }
    .section-maison-1 .colonne-2{display: none;}
 
}

.section-maison-2{display: block; padding:180px 0 150px 0; margin:0; box-sizing: border-box; position:relative; background-color: #F7F1D7;}
.section-maison-2 .colonne-1{display: block; padding:0; margin:0; box-sizing: border-box; width: 50%; float: left;}
.section-maison-2 .colonne-1 .descriptif{padding: 150px 100px 0px 0px;}
.section-maison-2 .colonne-2 .titre{padding: 90px 0 30px 100px; color: #163029;}
.section-maison-2 .colonne-2 .titre-2{padding: 0px 0 0px 100px;}
.section-maison-2 .colonne-2{display: block; padding:0; margin:0; box-sizing: border-box; width: 50%; float: left; position: relative;}
.section-maison-2 .colonne-2 .cadre{display: block; padding:0; margin:0; box-sizing: border-box; position:absolute; z-index: 1; bottom:-60px; right:30px; width:300px; height:425px; border:solid 4px #B97729; border-radius:20px; }
.section-maison-2 .colonne-2 .descriptif{padding: 70px 0 0px 100px;}
.section-maison-2 .colonne-2 .visuel-bis{padding: 70px 0 0px 100px; }


@media screen and (max-width:1300px) {
    .section-maison-2 .colonne-1 .descriptif{padding: 50px 50px 0px 0px;}
    .section-maison-2 .colonne-2 .titre{padding: 50px 0 30px 50px; }
    .section-maison-2 .colonne-2 .titre-2{padding: 0px 0 0px 50px;}
    .section-maison-2 .colonne-2 .descriptif{padding: 50px 0 0px 50px;}
    .section-maison-2 .colonne-2 .visuel-bis{padding: 50px 0 0px 50px; }
    
}

@media screen and (max-width:1200px) {
    .section-maison-2{display: block; padding:100px 0 100px 0;}
    .section-maison-2 .colonne-1{margin-bottom: 50px;}
    .section-maison-2 .colonne-2{margin-bottom: 50px;}
    
}

@media screen and (max-width:950px) {
    .section-maison-2 .visuel{margin-top: 30px;}
    .section-maison-2 .visuel-bis{margin-top:0px;}
    .section-maison-2{display: block; padding:50px 0 0px 0;}
    .section-maison-2 .colonne-1{display: block; width: 100%;}
    .section-maison-2 .colonne-2{display: block; width: 100%;}
    .section-maison-2 .colonne-1 .descriptif{padding: 40px 0px 0px 0px;}
    .section-maison-2 .colonne-2 .titre{padding: 40px 0 30px 0px; }
    .section-maison-2 .colonne-2 .titre-2{padding: 0px 0 0px 0px;}
    .section-maison-2 .colonne-2 .descriptif{padding: 40px 0 0px 0px;}
    .section-maison-2 .colonne-2 .visuel-bis{padding: 40px 0 0px 0px; }
    .section-maison-2 .colonne-1{margin-bottom: 0px;}
    .section-maison-2 .colonne-2{margin-bottom: 0px;}
    
}


.section-maison-3{transition: all 1s ease; display: block; padding:300px 0 130px 0; margin:0; box-sizing: border-box; position:relative; background-color: #F7F1D7; background-position:left top; background-size: 130% auto; background-repeat: no-repeat;}
.section-maison-3 .slider{display: block; padding:0; margin:150px 0; position: relative;box-sizing: border-box; }
.section-maison-3 .slider .ligne{display: block; padding: 0; margin: 0; box-sizing: border-box; position: relative; width: 100%; height: 2px; background-color: #B97729;}
.section-maison-3 .slider .ligne .zone{z-index: 1;display: block;padding: 0; margin: 0; box-sizing: border-box; position: absolute; width:300px; top:1px; }
.section-maison-3 .slider .ligne .zone .cercle{transition: all 0.5s ease; display: block; border-radius: 50%; padding: 0; margin:0 0 0 0; cursor:pointer; background-color: transparent; border: solid 2px transparent; box-sizing: border-box; position: absolute; width:50px; height: 50px; top:-25px; left:-25px; }
.section-maison-3 .slider .ligne .zone .cercle .rond{transition: all 0.3s ease; display: block; border-radius: 50%; padding: 0; margin:-10px 0 0 -10px; background-color: #B97729; box-sizing:border-box; position: absolute; width:20px; height: 20px; top:50%; left:50%; }
.section-maison-3 .slider .ligne .zone .contenu{transition: all 0.5s ease; opacity: 0; display: block; padding:0; margin:0; position: relative;box-sizing: border-box; }
.section-maison-3 .slider .ligne .zone .contenu .haut{text-shadow: rgb(185, 119, 41) 2px 0px 0px, rgb(185, 119, 41) 1.75517px 0.958851px 0px, rgb(185, 119, 41) 1.0806px 1.68294px 0px, rgb(185, 119, 41) 0.141474px 1.99499px 0px, rgb(185, 119, 41) -0.832294px 1.81859px 0px, rgb(185, 119, 41) -1.60229px 1.19694px 0px, rgb(185, 119, 41) -1.97999px 0.28224px 0px, rgb(185, 119, 41) -1.87291px -0.701566px 0px, rgb(185, 119, 41) -1.30729px -1.51361px 0px, rgb(185, 119, 41) -0.421592px -1.95506px 0px, rgb(185, 119, 41) 0.567324px -1.91785px 0px, rgb(185, 119, 41) 1.41734px -1.41108px 0px, rgb(185, 119, 41) 1.92034px -0.558831px 0px;
display: block; padding:0; margin:0; position: absolute; width: 100%; left: 0; bottom: 70px;box-sizing: border-box; font-size: 7rem; line-height: 1; color: #F7F1D7;}
.section-maison-3 .slider .ligne .zone .contenu .bas{display: block; padding:0; margin:0; position: absolute; width: 100%; left: 0; top: 70px;box-sizing: border-box; }
.section-maison-3 .slider .fleche-gauche{display: block; padding:0; margin:0; position: absolute; width: 70px; left: -120px; top: -35px; cursor: pointer; box-sizing: border-box; }
.section-maison-3 .slider .fleche-droite{display: block; padding:0; margin:0; position: absolute; width: 70px; right: -120px; top: -35px; cursor: pointer; box-sizing: border-box;}

.section-maison-3 .slider .ligne .zone .cercle:hover .rond{width: 30px; height: 30px; margin: -15px 0 0 -15px;}
.section-maison-3 .slider .ligne .zone.active{z-index: 2;}
.section-maison-3 .slider .ligne .zone.active .cercle:hover .rond{width: 20px; height: 20px; margin: -10px 0 0 -10px;}
.section-maison-3 .slider .ligne .zone.active .contenu{opacity: 1; transition: all 1s ease 0.3s;}
.section-maison-3 .slider .ligne .zone.active .cercle{border-color:#163029; background-color: #F7F1D7; }
.section-maison-3 .slider .ligne .zone.active .cercle .rond{background-color: #163029;}
.section-maison-3 .slider .ligne .zone.anti_depasse .contenu .haut{left: auto; right: 100%; text-align: right;}
.section-maison-3 .slider .ligne .zone.anti_depasse .contenu .bas{left: auto; right: 100%; text-align: right;}

.section-maison-3 .masque{position: absolute; bottom: -2px; left: -5%; width: 110%;}

@media screen and (max-width:1675px) {
    .section-maison-3 .slider{padding:0 120px;}
    .section-maison-3 .slider .fleche-gauche{width: 70px; left: 0px; top: -35px; }
    .section-maison-3 .slider .fleche-droite{width: 70px; right: 0px; top: -35px;}


}


@media screen and (max-width:1440px) {
    .section-maison-3{padding:100px 0 100px 0; }


}

@media screen and (max-width:1200px) {
    .section-maison-3 .slider{}
    .section-maison-3 .slider .ligne .zone .contenu .bas .descriptif{font-size: 0.9rem; line-height: 1.3rem;}

}

@media screen and (max-width:850px) {
    .section-maison-3 .slider{ padding:0 70px;}
    .section-maison-3 .slider .fleche-gauche{width: 50px; left: 0px; top: -25px; }
    .section-maison-3 .slider .fleche-droite{width: 50px; right: 0px; top: -25px;}
    .section-maison-3 .slider .ligne .zone .cercle{ width:30px; height:30px; top:-15px; left:-15px; }
    .section-maison-3 .slider .ligne .zone .cercle .rond{ margin:-5px 0 0 -5px; width:10px; height: 10px; }


}

@media screen and (max-width:760px) {
    .section-maison-3 .slider{ padding:0;}
    .section-maison-3 .slider .fleche-gauche{position: static; width:49%; padding: 0 15px; display:inline-block; text-align:center; vertical-align:middle; margin-top:30px; text-align: right;}
    .section-maison-3 .slider .fleche-gauche img{width: 40px; display: inline-block;}
    .section-maison-3 .slider .fleche-droite{position: static; width:49%; padding: 0 15px; display:inline-block; text-align:center; vertical-align:middle; margin-top:30px; text-align:left; }
    .section-maison-3 .slider .fleche-droite img{width: 40px; display: inline-block;}
    .section-maison-3 .slider .ligne .zone .contenu .bas{top:  90px;}


}


.section-maison-4{display: block; padding:250px 0; margin:0; box-sizing: border-box; position: relative; background-color: #163029; background-position:center; background-size:cover; background-repeat: no-repeat;}
.section-maison-4 .contenu{text-align: center; display: block; padding:0 20px; margin:0 auto; width: 700px; max-width: 100%; box-sizing: border-box;}
.section-maison-4 .contenu .titre{color: #EFE4B0;}
.section-maison-4 .contenu .descriptif{color: #EFE4B0;}
.section-maison-4 .contenu .lien-2{margin-top: 60px; margin-bottom: 80px;}

.section-maison-4 .colonne{display: inline-block; vertical-align: top; margin: 200px 0 0 0; width: 49%; padding: 0; position: relative; box-sizing: border-box;}
.section-maison-4 .colonne .titre-2{}
.section-maison-4 .colonne .descriptif{color: #EFE4B0;}
.section-maison-4 .colonne-1{padding-right: 200px;}
.section-maison-4 .colonne-4{padding-left: 200px;}
.section-maison-4 .visuel-empreinte{display: block; z-index:1; position: absolute; width: 910px; padding: 0; margin: 0; top: -220px; left: 60%; box-sizing: border-box;}
.section-maison-4 .visuel{position: relative; z-index: 2; border-radius: 20px; overflow: hidden;}



.section-maison-4 .slideronglet-menu{display: block;  width: 60px; padding: 0; margin: 0; position: absolute; top:140px; z-index: 1;left: -40px; box-sizing:border-box; }
.section-maison-4 .slideronglet-menu a{display: block; cursor: pointer; transition: all 0.4s ease; padding:10px 0; margin: 0 0 10px 0; width: 90px; box-sizing:border-box; }
.section-maison-4 .slideronglet-menu a img.actif{display: none;}
.section-maison-4 .slideronglet-menu a img.inactif{display: block;}
.section-maison-4 .slideronglet-menu a.active img.actif{display: block;}
.section-maison-4 .slideronglet-menu a.active img.inactif{display: none;}
.section-maison-4 .slideronglet-menu a:hover{margin-left: -30px;}

.section-maison-4 .slideronglet{display:block; padding:0; margin:0; position: relative; z-index: 2; border-radius: 20px; background-color: #163029; box-sizing:border-box;}
.section-maison-4 .slideronglet .bx-controls{display: none;}
.section-maison-4 .slideronglet .slideronglet-wrapper{display:block; padding:0; margin:0; box-sizing:border-box;}
.section-maison-4 .slideronglet .slideronglet-wrapper li{display:block; border-radius: 20px; padding:0px; margin:0; box-sizing:border-box; width: 100%; height: 500px; background-position: center; background-size: cover; background-repeat: no-repeat;}

.section-maison-4 .colonne-3 .slideronglet-menu{right: -40px; left: auto;transform: rotate(180deg);}
.section-maison-4 .colonne-3 .slideronglet-menu a:hover{margin-left: -30px;}

@media screen and (max-width:1300px) {
    .section-maison-4{padding:200px 0; }
    .section-maison-4 .colonne-1{padding-right: 80px;}
    .section-maison-4 .colonne-4{padding-left:80px;}
    .section-maison-4 .colonne{margin: 100px 0 0 0; }

}


@media screen and (max-width:1200px) {
    .section-maison-4{padding:150px 0; }
    .section-maison-4 .colonne-1{padding-right: 70px;}
    .section-maison-4 .colonne-4{padding-left:70px;}
    .section-maison-4 .colonne{margin: 80px 0 0 0; }

}

@media screen and (max-width:1000px) {
    .section-maison-4{padding:100px 0 50px 0; }
    .section-maison-4 .masque{position: absolute; top: -15px; left: -2%; width: 110%;}
    .bloc-colonne{display: block; padding: 00px 0 600px 0; margin: 40px 0; position: relative; text-align: center;}
    .section-maison-4 .colonne{display:block; margin:0; width: 100%; padding: 0; box-sizing: border-box;}
    .section-maison-4 .colonne .visuel{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
    .section-maison-4 .colonne-1{margin:50px 0 0 0;}
    .section-maison-4 .colonne-2{display:block; position: absolute; margin:0; height: 400px; bottom: 110px; right: 0; width:100%; padding: 0; box-sizing: border-box;}
    .section-maison-4 .colonne-3{display:block; position: absolute; margin:0; height: 400px; bottom: 110px; left: 0; width:100%; padding: 0; box-sizing: border-box;}
    .section-maison-4 .colonne-4{margin:50px 0 0 0;}

    .section-maison-4 .colonne .slideronglet-menu{transform: rotate(90deg);top: -100px;left: 50%;margin-left: -28.5px;}

}




.section-maison-5{display: block; padding:0; margin:0; box-sizing: border-box; position: relative; height: 800px; background-color: #163029;}
.section-maison-5 .background{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%; background-position:center; background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}
.section-maison-5 .filigrane{display: block; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.section-maison-5 .filigrane .barre{display: block; padding: 0; margin: 0; border: none; background-color:#B97729; position: absolute;}
.section-maison-5 .filigrane .barre-1{width:0px; height: 2px; top: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-maison-5 .filigrane .barre-2{width:2px; height:0px; top: 20px; right: 20px; transition: all 0s ease 0s;}
.section-maison-5 .filigrane .barre-3{width:0px; height: 2px; bottom: 20px; right: 20px; transition: all 0s ease 0s;}
.section-maison-5 .filigrane .barre-4{width:2px; height:0px; bottom: 20px; left: 20px;  transition: all 0s ease 0s;}
.section-maison-5 .filigrane.apparition .barre-1{width: calc(100% - 40px);  transition: all 1s ease 0s;}
.section-maison-5 .filigrane.apparition .barre-2{height: calc(100% - 40px);  transition: all 0.5s ease 1s; }
.section-maison-5 .filigrane.apparition .barre-3{width: calc(100% - 40px); transition: all 1s ease 1.5s;  }
.section-maison-5 .filigrane.apparition .barre-4{height: calc(100% - 40px); transition: all 0.5s ease 2.5s; }


@media screen and (max-width:800px) {
    .section-maison-5 .background{background-attachment: scroll;}

}


.section-maison-6{display: block; padding:0 55% 0 0; margin:0; box-sizing: border-box; position:relative; background-color: #F7F1D7;}
.section-maison-6 .colonne-1{display: block; padding:0; margin:0; box-sizing: border-box;}
.section-maison-6 .colonne-1 .contenu{display: block; float: right; padding:130px 150px 200px 0; margin:0; box-sizing: border-box; width: 600px;}
.section-maison-6 .colonne-1 .contenu .descriptif{padding-top:50px;}
.section-maison-6 .colonne-1 .lien-2{margin-top: 50px;margin-bottom: 30px;}
.section-maison-6 .colonne-1 .lien{display: inline-block; vertical-align:middle; padding-right: 40px;}
.section-maison-6 .colonne-1 .lien:hover{padding-right: 20px;}
.section-maison-6 .colonne-2{display: block; padding:0; margin:0; box-sizing: border-box; width: 55%; height: 100%; z-index: 1; position: absolute; top: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}

@media screen and (max-width:1440px) {
    .section-maison-6 .colonne-1 .contenu{float: none; padding:130px 100px 200px 20px; width: 100%;}
    
}

@media screen and (max-width:1150px) {
    .section-maison-6{padding:0 30% 0 0;}
    .section-maison-6 .colonne-1 .contenu{padding:100px 50px 100px 20px; }
    .section-maison-6 .colonne-2{width: 30%; }
 
}

@media screen and (max-width:760px) {
    .section-maison-6{padding:0;}
    .section-maison-6 .colonne-1 .contenu{padding:100px 20px 100px 20px; }
    .section-maison-6 .colonne-2{display: none;}
 
}

.section-maison-7{display: block; padding:0 0 0 45%; margin:0; box-sizing: border-box; position:relative; background-color: #F7F1D7;}
.section-maison-7 .colonne-2{display: block; padding:0; margin:0; box-sizing: border-box;}
.section-maison-7 .colonne-2 .contenu{display: block; padding:130px 0px 200px 100px; margin:0; box-sizing: border-box; width: 800px; max-width: 100%;}
.section-maison-7 .colonne-2 .contenu h3.descriptif{padding-top:0px;}
.section-maison-7 .colonne-2 .bloc{display: block; margin: 70px 0; padding: 0 0 0 100px; position: relative; box-sizing: border-box;}
.section-maison-7 .colonne-2 .bloc .icone{display: block; width: 60px; margin: 0; padding: 0; position: absolute; left: 0; top: 30px; box-sizing: border-box;}

.section-maison-7 .colonne-1{display: block; padding:0; margin:0; box-sizing: border-box; width: 45%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.section-maison-7 .masque{display: block; padding:0; margin:0; box-sizing: border-box; width: 110%; z-index: 2; position: absolute; bottom: -1px; left: 0; }

@media screen and (max-width:1440px) {
    .section-maison-7 .colonne-2 .contenu{float: none; padding:130px 20px 200px 100px; width: 100%;}
    
}

@media screen and (max-width:1150px) {
    .section-maison-7{padding:0 0% 0 30%;}
    .section-maison-7 .colonne-2 .contenu{padding:100px 20px 100px 50px; }
    .section-maison-7 .colonne-1{width: 30%; }
 
}

@media screen and (max-width:760px) {
    .section-maison-7{padding:0;}
    .section-maison-7 .colonne-2 .contenu{padding:0px 20px 100px 20px; }
    .section-maison-7 .colonne-1{display: none;}

    .section-maison-7 .colonne-2 .bloc{margin: 50px 0; padding: 0 0 0 80px;}
    .section-maison-7 .colonne-2 .bloc .icone{width: 50px; left: 0; top: 0px;}

 
}


.section-maison-8{display: block; padding:100px 0; margin:0;text-align: center; box-sizing: border-box; position: relative; background-color:#B97729;transition: all 2s;background-position-x: right !important;background-image: url(../img/experience-sancerre.png); background-position: center right; background-size:auto 100%; background-repeat: no-repeat;}
.section-maison-8 .titre-2{text-align: center; color:#EFE4B0; }
.section-maison-8 .descriptif{text-align: center; color:#EFE4B0; width:470px; max-width: 100%; margin:0 auto 60px auto; }
.section-maison-8 .colonne{display: inline-block; width: 49%; padding: 0; margin: 20px 0; box-sizing: border-box; vertical-align: top; position: relative;}
.section-maison-8 .colonne .bloc{display: block; margin:0; padding: 0 0 0 200px; position: relative; box-sizing: border-box;}
.section-maison-8 .colonne .bloc .icone{display: block; width: 150px; margin: 0; padding: 0; position: absolute; left: 0; top: 0px; box-sizing: border-box;}
.section-maison-8 .colonne .bloc .descriptif{text-align: left; color:#EFE4B0; width:auto; margin:0 0 30px 0; padding: 0;}
.section-maison-8 .colonne .ligne1{display: block; padding: 0; margin: 0; right: -110px; bottom: 0; background-color:#EFE4B0; width:220px; height:1px; border:none; position:absolute; }
.section-maison-8 .colonne .ligne2{display: block; padding: 0; margin: 0; right: 0; bottom: -110px; background-color:#EFE4B0; height:220px; width:1px; border:none; position:absolute; }
.section-maison-8 .colonne-1{padding: 0 150px 0 0;}
.section-maison-8 .colonne-2{padding: 0 0px 0 150px;}
.section-maison-8 .colonne-3{padding: 30px 150px 0 0;}
.section-maison-8 .colonne-4{padding: 30px 0px 0 150px;}


@media screen and (max-width:1250px) {
    .section-maison-8 .colonne-1{padding: 0 50px 0 0;}
    .section-maison-8 .colonne-2{padding: 0 0px 0 50px;}
    .section-maison-8 .colonne-3{padding: 30px 50px 0 0;}
    .section-maison-8 .colonne-4{padding: 30px 0px 0 50px;}
 
}


@media screen and (max-width:1080px) {
    .section-maison-8{background-image: none !important;}
    .section-maison-8 .colonne .bloc{padding: 0; text-align: center;}
    .section-maison-8 .colonne .bloc .icone{width: 150px; margin: 0 auto 30px auto; position: static;}
    .section-maison-8 .colonne .bloc .descriptif{text-align: center;  margin:0 0 30px 0; padding: 0;}
    .section-maison-8 .colonne .ligne1{display: none; }
    .section-maison-8 .colonne .ligne2{display: none; }
    .section-maison-8 .colonne-1{padding: 0 30px;}
    .section-maison-8 .colonne-2{padding: 0 30px;}
    .section-maison-8 .colonne-3{padding: 0 30px;}
    .section-maison-8 .colonne-4{padding: 0 30px;}

}

@media screen and (max-width:650px) {
    .section-maison-8 .colonne{display:block; width: 100%; padding: 0; margin: 0px 0;}

}

.section-maison-9{display: block; padding:0 0 200px 0; margin:0; box-sizing: border-box; position:relative; background-color: #FDFCF7;}
.section-maison-9 .wrapper{padding: 100px 50px 50px 50px;}
.section-maison-9 .titre{color:#163029; padding-left: 20px;}
.section-maison-9 .barre{display: block; padding: 0; margin: 0; border: none; background-color:#B97729; position: absolute;}
.section-maison-9 .barre-1{width:2px; height: 0px; top: 0px; right: 0px;  transition: all 0s ease 0s;}
.section-maison-9 .barre-2{width:0px; height:2px; bottom: 0px; right: 0px; transition: all 0s ease 0s;}
.section-maison-9 .barre-3{width:2px; height: 0px; bottom: 0px; left: 0px; transition: all 0s ease 0s;}
.section-maison-9 .apparition .barre-1{height: 100%;  transition: all 0.7s ease 0s;}
.section-maison-9 .apparition .barre-2{width:100%;  transition: all 1s ease 0.7s; }
.section-maison-9 .apparition .barre-3{height: 100%; transition: all 0.7s ease 1.7s;  }
.section-maison-9 .listing-article{display: block; padding:40px 0; margin: 0; box-sizing: border-box;}
.section-maison-9 .listing-article li{transition: all 0.5s ease;display: inline-block; width: 43%; vertical-align: top; padding:40px 100px 40px 0px; margin: 0; box-sizing: border-box; position: relative;  }
.section-maison-9 .listing-article li .titre-article{display: block; padding: 0; margin: 0; box-sizing: border-box; color: #163029; font-size: 1rem; line-height: 1.3rem; font-weight: 300;}
.section-maison-9 .listing-article li .titre-article b{display: inline-block; vertical-align: baseline; font-size: 1.2rem; color: #B97729; font-weight: 500}
.section-maison-9 .listing-article li .descriptif-article{display: block; padding:10px 0; margin: 0; box-sizing: border-box; color: #163029; font-size: 0.9rem; line-height: 1.2rem; font-weight: 600;}
.section-maison-9 .listing-article li .titre-2{font-size: 1.2rem; line-height: 1.5rem; padding-top: 10px;}
.section-maison-9 .listing-article li .lien{}
.section-maison-9 .lien-2{}

@media screen and (max-width:1500px) {
    .section-maison-9{display: block; padding:0 20px 150px 20px;}

}

@media screen and (max-width:1280px) {
    .section-maison-9{display: block; padding:0 20px 100px 20px;}
    .section-maison-9 .listing-article li{display: inline-block; width: 49%; padding:40px 40px 40px 0px;}

}

@media screen and (max-width:800px) {
    .section-maison-9 .barre{display: none; }
    .section-maison-9{display: block; padding:0 0px 50px 0px;}
    .section-maison-9 .listing-article li{display: inline-block; width: 49%; padding:40px 20px 40px 0px;}

}


@media screen and (max-width:700px) {
    .section-maison-9 .wrapper{padding:0 20px;}
    .section-maison-9 .barre{display: none; }
    .section-maison-9{display: block; padding:100px 0px;}
    .section-maison-9 .listing-article li{display:block; width:100%; padding:30px 0px;}
    .section-maison-9 .titre{padding-left: 0px;}

}


.section-maison-10{display: block; padding:200px 0; margin:0; box-sizing: border-box; position:relative; background-color: #163029;}
.section-maison-10 .filigrane{display: block; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; padding:0; margin: 0; box-sizing: border-box; position: absolute; top: 0; left:0px; width: 100%; height: 100%;}
.section-maison-10 .filigrane.apparition{ opacity: 0.1 !important;}
.section-maison-10 .colonne-1{display: inline-block; position: relative; padding: 0; margin: 0; width: 55%; vertical-align:middle; box-sizing: border-box;}
.section-maison-10 .colonne-1 .cadre{display: block; padding:0; margin:0; box-sizing: border-box; position:absolute; z-index: 1; bottom:-60px; right:30px; width:300px; height:425px; border:solid 4px #B97729; border-radius:20px; }
.section-maison-10 .colonne-2{display: inline-block; padding: 0 0 0 150px; margin: 0; width: 44%; vertical-align:middle; box-sizing: border-box;}
.section-maison-10 .colonne-2 .titre{color:#EFE4B0; margin-bottom: 30px;}
.section-maison-10 .colonne-2 .descriptif{color:#EFE4B0; }
.section-maison-10 .colonne-2 .lien-2{margin-top:40px; }

@media screen and (max-width:1350px) {
    .section-maison-10 .colonne-2{padding: 0 0 0 50px; }

}

@media screen and (max-width:1200px) {
    .section-maison-10 .filigrane{background-size:auto 100%; }
    .section-maison-10 .colonne-2{padding: 0 0 0 50px; width: 60%;}
    .section-maison-10 .colonne-1{width: 39%;}
    .section-maison-10{display: block; padding:100px 0;}
    .section-maison-10 .colonne-1 .cadre{bottom:-60px; right:30px; width:150px; height:200px; }

}

@media screen and (max-width:950px) {
    .section-maison-10 .colonne-2{padding:70px 0 0 0; width: 100%; display: block;}
    .section-maison-10 .colonne-1{padding: 0; width: 100%; display: block;}
    .section-maison-10 .colonne-1 .cadre{bottom:-10%; right:30px; width:30%; height:70%; }

}


.section-maison-11{display: block; padding:150px 40% 150px 0; margin:0; box-sizing: border-box; position:relative; background-color: #F7F1D7;}
.section-maison-11 .colonne-1{display: block; padding:0; margin:0; box-sizing: border-box; position:relative;}
.section-maison-11 .colonne-1 .titre{color: #163029; margin-bottom: 60px;}
.section-maison-11 .colonne-1 .descriptif{color: #163029;}
.section-maison-11 .colonne-1 .contenu{display: block;padding:0px 150px 0px 200px; float: right; margin:0; box-sizing: border-box; width: 1080px;}
.section-maison-11 .colonne-1 .contenu .bloc{display: block; padding:0; margin:0; box-sizing: border-box; position:relative;}
.section-maison-11 .colonne-1 .contenu .bloc .titre-cote{display: block; top: 0px; left: -220px; width: 200px; text-align: right; color: #B97729; padding:0; margin:0; box-sizing: border-box; position:absolute;}
.section-maison-11 .colonne-1 .contenu .descriptif{padding:0 0 30px 0;}
.section-maison-11 .colonne-1 .lien-2{margin-top: 40px;margin-bottom: 30px;}
.section-maison-11 .colonne-2{display: block; padding:0; margin:0; box-sizing: border-box; width: 40%; height: 100%; z-index: 1; position: absolute; top: 0; right: 0; background-color: #163029;}

.section-maison-11 .colonne-1 .visuel{position: absolute; width: 350px; top: 0px; right: -200px; z-index: 9;}
.section-maison-11 .colonne-2 .googlemap{position: absolute; width: 100%; top: 0px; right: 0; height: 100%; z-index:3;}

@media screen and (max-width:1850px) {
    .section-maison-11{padding:150px 30% 150px 0;}
    .section-maison-11 .colonne-2{width: 30%;}
}


@media screen and (max-width:1550px) {
    .section-maison-11{padding:150px 40% 150px 0;}
    .section-maison-11 .colonne-2{width: 40%;}
    .section-maison-11 .colonne-1 .contenu .bloc .titre-cote{width: 100%; text-align: left; padding:0 0 10px 0; position:static;}
    .section-maison-11 .colonne-1 .contenu{padding:0px 150px 0px 20px; float: none; width: 100%;}

}

@media screen and (max-width:1020px) {
    .section-maison-11{padding:100px 0 600px 0;}
    .section-maison-11 .colonne-2{width: 100%; height: 600px; top: auto; bottom: 0;}
    .section-maison-11 .colonne-1 .contenu .bloc .titre-cote{width: 100%; text-align: left; padding:0 0 10px 0; position:static;}
    .section-maison-11 .colonne-1 .contenu{padding:0px 20px 200px 20px; float: none; width: 100%;}
    .section-maison-11 .colonne-1 .visuel{position: absolute; width: 350px; top: auto; bottom: -150px; right:auto; left: 50%; margin: 0 0 0 -175px;}

}

@media screen and (max-width:760px) {
    .section-maison-11 .colonne-2{height: 500px; }
    .section-maison-11 .colonne-1 .visuel{width: 250px; bottom: -220px; right:auto; left: 50%; margin: 0 0 0 -125px;}
    .section-maison-11 .colonne-1 .contenu{padding:0px 20px 120px 20px; }

}






footer{display:block; position:relative; padding:0; margin:0; box-sizing:border-box;}
footer .newsletters{display:block; position:relative; z-index: 9; padding:50px 0; margin:0; box-sizing:border-box; background-color:#B97729; }
footer .newsletters .separation-footer-haut{display:block; position:absolute; padding:0; margin:0; box-sizing:border-box; top:-20px; left: -5%; width: 110%;}
footer .newsletters .separation-footer-bas{display:block; position:absolute; padding:0; margin:0; box-sizing:border-box; bottom:-20px; left: -5%; width: 110%;}
footer .newsletters .colonne-1{display: inline-block; width: 20%; padding: 0; margin: 0; box-sizing:border-box; vertical-align:middle; }
footer .newsletters .colonne-1 .titre{color: #EFE4B0;}
footer .newsletters .colonne-1 .titre .little{font-size: 2rem;}
footer .newsletters .colonne-1 .titre .ligne{font-size: 2.5rem; line-height: 2.1rem;}
footer .newsletters .colonne-2{display: inline-block; width: 29%; padding: 0 60px 0 0px; margin: 0; box-sizing:border-box; vertical-align:middle; }
footer .newsletters .colonne-2 .descriptif{font-size: 0.9rem; line-height: 1.2rem; color: #EFE4B0; font-weight: 400; padding: 0;}
footer .newsletters .colonne-3{display: inline-block; width: 50%; padding: 0; margin: 0; box-sizing:border-box; vertical-align:middle; }
footer .newsletters .colonne-3 .formulaire{display: block; position: relative; margin: 0 0 10px 0; padding: 0; box-sizing:border-box;}
footer .newsletters .colonne-3 .formulaire .inputtext{transition: all 0.5s ease; position: relative; z-index: 2; display: block; width: calc(100% - 90px); margin: 0; padding:0px 15px; height: 40px; line-height: 40px; background-color: #B97729; border: solid 2px #EFE4B0; outline:none; color: #EFE4B0; font-size: 0.9rem; border-radius: 20px; box-sizing:border-box;}
footer .newsletters .colonne-3 .formulaire .inputtext:focus{border-color:#163029; color:#163029;background-color:#EFE4B0;}
footer .newsletters .colonne-3 .formulaire .bouton{transition: all 0.5s ease;display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 130px; cursor: pointer; background-color: #EFE4B0; height: 40px; line-height: 40px; border-radius: 20px; padding: 0 10px 0 40px; box-sizing:border-box;color:#163029; text-align: center; font-size: 1rem;}
footer .newsletters .colonne-3 .formulaire .bouton:hover{background-color:#163029; color: #EFE4B0;}

footer .end{display:block; position:relative; z-index: 1; padding:50px 0 50px 0; margin:0; box-sizing:border-box; background-color:#fff; }
footer .end .colonne-1{display: inline-block; padding: 0; margin: 0 100px 0 0; box-sizing:border-box; vertical-align:top; }
footer .end .colonne-2{display: inline-block; padding: 0 15px; margin: 0; box-sizing:border-box; vertical-align:top; }
footer .end .colonne-3{display: inline-block; padding: 0 15px; margin: 0; box-sizing:border-box; vertical-align:top; }
footer .end .colonne-4{display: inline-block; padding: 0 15px; margin: 0; box-sizing:border-box; vertical-align:top; }

footer .end .colonne-1 .logo{width: 230px;}
footer .titre-mini{display: block; padding:0; margin: 0; box-sizing:border-box; font-size: 0.8rem; text-transform: uppercase; color: #B97729; font-weight: 600;}
footer .liste-lien{display: block; padding:10px 0 0 0; margin: 0; box-sizing:border-box;}
footer .liste-lien li{display: block; padding:0; margin: 0; box-sizing:border-box;}
footer .liste-lien li a{display: block; padding:2px 0; margin: 0; box-sizing:border-box; font-size: 0.9rem; color: #163029; text-decoration: none; transition: all 0.5s ease;}
footer .liste-lien li a hr{display: inline-block; vertical-align: middle; width:15px; height:1px; border:none; background-color:#B97729; padding:0; margin:0 5px 0 0; }
footer .liste-lien li a:hover{color:#B97729; }
footer .logo-partenaire{display: inline-block; vertical-align: middle; width:60px; padding:0; margin:10px 0px 0px 0; }
footer .info-partenaire{display: inline-block; vertical-align: middle; padding:0; margin:10px 0px 0px 0; font-size: 0.9rem; color: #163029; }
footer .info-partenaire a{display:block; text-decoration: none; padding:0; margin:0; font-size: 0.9rem; color: #163029; transition: all 0.5s ease; }
footer .info-partenaire a:hover{color:#B97729; }
footer .social{display: block; padding:10px 0 0 0; margin: 0; box-sizing:border-box;}
footer .social li{display: inline-block; padding:0; margin: 0 7px 0 0; box-sizing:border-box;}
footer .social li a{ transition: all 0.5s ease;display: block; padding:0; margin: 0; box-sizing:border-box; font-size:1.2rem; color: #B97729; text-decoration: none; transition: all 0.5s ease;}
footer .social li a:hover{color: #163029; }

footer .end .creditphoto{font-size: 0.8rem; font-weight: 500; color: #B97729; display: block; padding:50px 0 0 0; margin: 0; text-align: center;}
footer .end .creditphoto a{text-decoration: none;color: #B97729;}
footer .end .creditphoto a:hover{text-decoration: underline; }

footer .case-a-cocher{display:block; position:relative; padding:0px 10px 0 20px; margin:0 0 0px 0; font-size:0.85rem; font-weight:400; color:#EFE4B0; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease;}
footer .case-a-cocher a{color:#EFE4B0; text-decoration:none;}
footer .case-a-cocher:hover{color:#163029;}
footer .case-a-cocher a:hover{color: #163029; text-decoration:underline;}
footer .case-a-cocher input { display: none; }
footer .case-a-cocher i{display:none; position:absolute; top:5px; left:0; padding:0; margin:0; font-size:1rem; vertical-align:middle;  box-sizing:border-box;}
footer .case-a-cocher i.active{display:block;}


@media screen and (max-width:1350px) {
    footer .end{text-align:center; padding:50px 0 20px 0;}
    footer .end .colonne-1{display: block; width: 100%; padding: 0; margin:30px 0 50px 0;  }
    footer .end .colonne-1 .logo{margin: 0 auto;}
    footer .end .colonne-2{display: inline-block; padding: 0 30px; margin: 0 0 30px 0; }
    footer .end .colonne-3{display: inline-block; padding: 0 30px; margin: 0 0 30px 0;}
    footer .end .colonne-4{display: inline-block; padding: 0 30px; margin: 0 0 30px 0; }
    footer .logo-partenaire{display:block;  width:60px; padding:0; margin:0 auto 10px auto; }
    footer .info-partenaire{display:block;  padding:0; margin:0;  }
    footer .liste-lien li a hr{display: none;}

}

@media screen and (max-width:1290px) {
    footer .newsletters .colonne-1{width: 30%; }
    footer .newsletters .colonne-2{ width: 29%; padding: 0 40px 0 0px;  }
    footer .newsletters .colonne-3{ width: 40%;  }
    footer .newsletters .separation-footer-haut{top:-5px; }
    footer .newsletters .separation-footer-bas{bottom:-5px; }

 

}

@media screen and (max-width:900px) {
    footer .newsletters .colonne-1{width: 100%; display:block; text-align:center; }
    footer .newsletters .colonne-2{width: 100%; display:block; text-align:center;  padding:20px 0px;  }
    footer .newsletters .colonne-3{width: 100%; max-width: 500px; margin: 0 auto; display:block;  }
    footer .newsletters .colonne-3 .formulaire .inputtext{width: calc(100% - 60px);}
    footer .newsletters .colonne-3 .formulaire .bouton{width: 100px;padding: 0 10px 0 40px; font-size: 0.9rem;}
}

@media screen and (max-width:760px) {
    footer .end .colonne-2{display:block; width: 100%; padding: 0 0px;}
    footer .end .colonne-3{display:block; width: 100%; padding: 0 0px; }
    footer .end .colonne-4{display:block; width: 100%; padding: 0 0px; margin: 0 0 50px 0; }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #222 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}