body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/bethoul/fonts/open-sans-v23-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(''), url("../../files/bethoul/fonts/open-sans-v23-latin-regular.eot?#iefix") format('embedded-opentype'), url("../../files/bethoul/fonts/open-sans-v23-latin-regular.woff2") format('woff2'), url("../../files/bethoul/fonts/open-sans-v23-latin-regular.woff") format('woff'), url("../../files/bethoul/fonts/open-sans-v23-latin-regular.ttf") format('truetype'), url("../../files/bethoul/fonts/open-sans-v23-latin-regular.svg#OpenSans") format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../../files/bethoul/fonts/open-sans-v23-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(''), url("../../files/bethoul/fonts/open-sans-v23-latin-italic.eot?#iefix") format('embedded-opentype'), url("../../files/bethoul/fonts/open-sans-v23-latin-italic.woff2") format('woff2'), url("../../files/bethoul/fonts/open-sans-v23-latin-italic.woff") format('woff'), url("../../files/bethoul/fonts/open-sans-v23-latin-italic.ttf") format('truetype'), url("../../files/bethoul/fonts/open-sans-v23-latin-italic.svg#OpenSans") format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../../files/bethoul/fonts/open-sans-v23-latin-600.eot"); /* IE9 Compat Modes */
  src: local(''), url("../../files/bethoul/fonts/open-sans-v23-latin-600.eot?#iefix") format('embedded-opentype'), url("../../files/bethoul/fonts/open-sans-v23-latin-600.woff2") format('woff2'), url("../../files/bethoul/fonts/open-sans-v23-latin-600.woff") format('woff'), url("../../files/bethoul/fonts/open-sans-v23-latin-600.ttf") format('truetype'), url("../../files/bethoul/fonts/open-sans-v23-latin-600.svg#OpenSans") format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../../files/bethoul/fonts/open-sans-v23-latin-700.eot"); /* IE9 Compat Modes */
  src: local(''), url("../../files/bethoul/fonts/open-sans-v23-latin-700.eot?#iefix") format('embedded-opentype'), url("../../files/bethoul/fonts/open-sans-v23-latin-700.woff2") format('woff2'), url("../../files/bethoul/fonts/open-sans-v23-latin-700.woff") format('woff'), url("../../files/bethoul/fonts/open-sans-v23-latin-700.ttf") format('truetype'), url("../../files/bethoul/fonts/open-sans-v23-latin-700.svg#OpenSans") format('svg'); /* Legacy iOS */
}
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/bethoul/fonts/pt-sans-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(''), url("../../files/bethoul/fonts/pt-sans-v12-latin-regular.eot?#iefix") format('embedded-opentype'), url("../../files/bethoul/fonts/pt-sans-v12-latin-regular.woff2") format('woff2'), url("../../files/bethoul/fonts/pt-sans-v12-latin-regular.woff") format('woff'), url("../../files/bethoul/fonts/pt-sans-v12-latin-regular.ttf") format('truetype'), url("../../files/bethoul/fonts/pt-sans-v12-latin-regular.svg#PTSans") format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../../files/bethoul/fonts/pt-sans-v12-latin-700.eot"); /* IE9 Compat Modes */
  src: local(''), url("../../files/bethoul/fonts/pt-sans-v12-latin-700.eot?#iefix") format('embedded-opentype'), url("../../files/bethoul/fonts/pt-sans-v12-latin-700.woff2") format('woff2'), url("../../files/bethoul/fonts/pt-sans-v12-latin-700.woff") format('woff'), url("../../files/bethoul/fonts/pt-sans-v12-latin-700.ttf") format('truetype'), url("../../files/bethoul/fonts/pt-sans-v12-latin-700.svg#PTSans") format('svg'); /* Legacy iOS */
}
/*
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../../files/bethoul/fonts/webfonts/fa-brands-400.eot");
  src: url("../../files/bethoul/fonts/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../files/bethoul/fonts/webfonts/fa-brands-400.woff2") format("woff2"), url("../../files/bethoul/fonts/webfonts/fa-brands-400.woff") format("woff"), url("../../files/bethoul/fonts/webfonts/fa-brands-400.ttf") format("truetype"), url("../../files/bethoul/fonts/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: 'Font Awesome 5 Regular';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../../files/bethoul/fonts/webfonts/fa-regular-400.eot");
  src: url("../../files/bethoul/fonts/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../files/bethoul/fonts/webfonts/fa-regular-400.woff2") format("woff2"), url("../../files/bethoul/fonts/webfonts/fa-regular-400.woff") format("woff"), url("../../files/bethoul/fonts/webfonts/fa-regular-400.ttf") format("truetype"), url("../../files/bethoul/fonts/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../../files/bethoul/fonts/webfonts/fa-solid-900.eot");
  src: url("../../files/bethoul/fonts/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../files/bethoul/fonts/webfonts/fa-solid-900.woff2") format("woff2"), url("../../files/bethoul/fonts/webfonts/fa-solid-900.woff") format("woff"), url("../../files/bethoul/fonts/webfonts/fa-solid-900.ttf") format("truetype"), url("../../files/bethoul/fonts/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

html {
  margin: 0;
  padding: 0;
  font-size: 100%;
  height: 100.1%;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  width: 100%;
  min-width: 320px;
  background-color: #ececec;
}
#wrapper {
  position: relative;
  min-height: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
}
#header {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 10;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #e3dbd3;
  border-bottom: 4px solid #fff;
}
#header .inside {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.5rem 2rem 0;
  min-height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.custom {
  max-width: 1920px;
  margin: 0 auto;
}
.custom #projet {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.custom #projet .inside {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 100;
}
.custom #bandeau {
  background-color: #311a19;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.custom #bandeau .inside {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.custom #zonepartenaires {
  background-color: #fff;
}
#container {
  position: relative;
}
#container #main {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
#container #main .inside {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#container #main .inside .mod_article {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 4rem 0;
  margin: 0 auto;
}
#footer {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #311a19;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#footer .inside {
  position: relative;
  margin: 0 auto;
  padding: 4rem 0 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.flex {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.flex > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem 1rem;
  margin: 1rem 1rem;
}
.flex > div.ce_image {
  padding: 1rem 0;
  margin: 1rem 0;
}
@media screen and (min-width: 1051px) {
  .xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(10% - 2rem);
            flex: 0 1 calc(10% - 2rem);
  }
  .xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(25% - 2rem);
            flex: 0 1 calc(25% - 2rem);
  }
  .xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.333333% - 2rem);
            flex: 0 1 calc(33.333333% - 2rem);
  }
  .xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(41.666666% - 2rem);
            flex: 0 1 calc(41.666666% - 2rem);
  }
  .xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 2rem);
            flex: 0 1 calc(50% - 2rem);
  }
  .xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(58.333333% - 2rem);
            flex: 0 1 calc(58.333333% - 2rem);
  }
  .xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(66.666666% - 2rem);
            flex: 0 1 calc(66.666666% - 2rem);
  }
  .xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(75% - 2rem);
            flex: 0 1 calc(75% - 2rem);
  }
  .xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}
@media screen and (min-width: 771px) and (max-width: 1050px) {
  .l-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(25% - 2rem);
            flex: 0 1 calc(25% - 2rem);
  }
  .l-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.333333% - 2rem);
            flex: 0 1 calc(33.333333% - 2rem);
  }
  .l-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(41.666666% - 2rem);
            flex: 0 1 calc(41.666666% - 2rem);
  }
  .l-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 2rem);
            flex: 0 1 calc(50% - 2rem);
  }
  .l-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(58.333333% - 2rem);
            flex: 0 1 calc(58.333333% - 2rem);
  }
  .l-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(66.666666% - 2rem);
            flex: 0 1 calc(66.666666% - 2rem);
  }
  .l-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(75% - 2rem);
            flex: 0 1 calc(75% - 2rem);
  }
  .l-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}
@media screen and (max-width: 770px) {
  .s-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.333333% - 2rem);
            flex: 0 1 calc(33.333333% - 2rem);
  }
  .s-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 2rem);
            flex: 0 1 calc(50% - 2rem);
  }
  .s-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(66.666666% - 2rem);
            flex: 0 1 calc(66.666666% - 2rem);
  }
  .s-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}
.ce_image figure {
  line-height: 0;
  display: inline-block;
}
p,
li,
th,
td,
label,
a {
  margin: 0.4rem 0;
  color: #161616;
  font-size: 1rem;
  padding: 0;
}
p {
  line-height: 1.3rem;
  margin: 0 0 0.8em;
}
a {
  text-decoration: none;
  color: #161616;
}
a:hover {
  text-decoration: none;
}
strong,
b {
  font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "PT Sans", Arial, sans-serif;
  font-style: normal;
  color: #161616;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 4rem;
  line-height: 4.2rem;
  font-weight: 700;
  color: #e3dbd3;
  padding: 0.2rem 0 0.8rem;
  width: 100%;
}
h2 {
  font-size: 3rem;
  line-height: 3.1rem;
  font-weight: 700;
  margin: 2rem 0 1.2rem;
}
h2:first-child {
  margin-top: 0rem;
}
h6 + h2 {
  margin-top: 0rem;
}
h3 {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
h4 {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
h5 {
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  margin: 0 4rem 0.5rem 0.5rem;
  background-color: #161616;
  border-radius: 0.7rem;
  padding: 0 1rem;
  text-align: center;
}
h6 {
  margin: 0;
  padding: 0;
}
ul {
  list-style: square;
  margin: 1rem 0;
  padding-left: 1.5rem;
}
li {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.5rem;
  padding: 0.4rem 0;
}
.caption,
.caption p,
.label p {
  font-size: 0.91rem;
  font-style: italic;
  color: #161616;
  line-height: 1.2rem;
  padding: 8px 0;
  margin-top: 0;
}
#coordonnees h2 {
  font-size: 1.7rem;
}
.tel {
  font-size: 1.8rem;
  font-family: "PT Sans", Arial, sans-serif;
  font-weight: 600;
  line-height: 3rem;
}
.error {
  font-size: 1.2rem;
  color: #a95e14;
}
p.intro {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 1.2rem;
}
.logo {
  display: inline-block;
}
.logo p:first-child {
  font-size: 2rem;
  line-height: 2.1rem;
  font-weight: 900;
  color: #491a19;
  margin: 0;
}
.logo p:first-child span {
  display: inline-block;
  padding: 0 0.2rem;
}
.logo p:nth-child(2) {
  font-size: 0.8rem;
  color: #fff;
  line-height: 0.9rem;
  text-align: center;
  margin: 4px 0;
  padding: 0.4rem 0.8rem;
  background-color: #c6b7a6;
}
.logopied {
  text-align: center;
  padding-bottom: 2rem;
}
.logopied img {
  -webkit-filter: contrast(0.4);
          filter: contrast(0.4);
}
.custom #bandeau .inside .mod_article .cal {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.custom #bandeau .inside .mod_article .cal .ce_text {
  margin: 0 auto;
  padding: 7rem 1rem 3rem;
  width: 100%;
  max-width: 1200px;
}
.custom #bandeau .inside .mod_article .cal .ce_text h6 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 3rem;
  line-height: 3rem;
  font-family: "PT Sans", Arial, sans-serif;
  font-weight: 700;
  color: rgba(255,255,255,0.1);
  text-transform: uppercase;
}
.custom #bandeau .inside .mod_article .cal .ce_text h6 em {
  font-style: normal;
  font-size: 7rem;
  line-height: 5.5rem;
}
.custom #bandeau .inside .mod_article .cal .ce_text h1 {
  position: relative;
  z-index: 10;
  margin: 0;
}
.custom #bandeau .inside .mod_article .cal .ce_text p {
  position: relative;
  z-index: 10;
  margin: 0;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #e3dbd3;
}
.custom #bandeau .inside .mod_article.home .ce_text::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  height: 80%;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1.5rem;
  opacity: 0.1;
  background-image: url("../../files/bethoul/pict/bonhomme.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#container main .inside .mod_article .cal .ce_text h6 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 3rem;
  line-height: 3rem;
  font-family: "PT Sans", Arial, sans-serif;
  font-weight: 700;
  color: rgba(255,255,255,0.1);
  text-transform: uppercase;
}
#container main .inside .mod_article .cal .ce_text h6 em {
  font-style: normal;
  font-size: 7rem;
  line-height: 5.5rem;
}
.encadre {
  border: 1px solid #3b3b3b;
}
.cadre.grisclair {
  background-color: #ececec;
}
.fondbeige h3 {
  background-color: #d8cbbe;
}
.projets {
  background-color: #fff;
}
.projets .ce_accordion {
  max-width: 1200px;
  margin: 0 auto;
}
.projets .ce_accordion .toggler {
  position: absolute;
  display: inline-block;
  top: -3.1rem;
  right: calc((100% - 1200px) / 2);
  margin: 0;
  font-family: "PT Sans", Arial, sans-serif;
  line-height: 1.6rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  padding: 0.5rem 1rem 1rem 1rem;
  background-color: #fff;
  color: #fff;
  color: #d03916;
  border-radius: 0.8rem 0.8rem 0 0;
  width: 230px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .projets .ce_accordion .toggler {
    right: 10px;
  }
}
.projets .ce_accordion .toggler::after {
  font-family: "Font Awesome 5 Solid";
  content: "\f103";
  color: rouge;
  display: block;
  position: absolute;
  width: calc(100% - 2rem);
  bottom: -3px;
}
.projets .ce_accordion .accordion {
  padding: 2rem;
}
#container #main .inside .mod_article.marron {
  background-color: #311a19;
}
#container #main .inside .mod_article.bleu {
  background-color: #0a253b;
}
#container #main .inside .mod_article.orange {
  background-color: #a95e14;
}
#container #main .inside .mod_article.beige {
  background-color: #c6b7a6;
}
#container #main .inside .mod_article.clair {
  background-color: #e3dbd3;
}
#container #main .inside .mod_article.expert {
  background-color: #3f84bd;
}
#container #main .inside .mod_article > .cal {
  max-width: 1200px;
  margin: 0 auto;
}
#container #main .inside .mod_article > .cal .chapo {
  padding: 0;
}
#container #main .inside .mod_article > .cal .chapo p {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
#container #main .inside .mod_article > .cal .line {
  border-left: 1px solid #311a19;
  padding-left: 2.5rem;
}
@media screen and (max-width: 770px) {
  #container #main .inside .mod_article > .cal .line {
    border-left: none;
    padding-left: 0;
  }
}
#container #main .inside .mod_article.marron h2,
#container #main .inside .mod_article.bleu h2,
#container #main .inside .mod_article.marron p,
#container #main .inside .mod_article.bleu p,
#container #main .inside .mod_article.marron li,
#container #main .inside .mod_article.bleu li,
#container #main .inside .mod_article.marron h3,
#container #main .inside .mod_article.bleu h3 {
  color: #e3dbd3;
  color: #fff;
}
#container #main .inside .mod_article.marron .line,
#container #main .inside .mod_article.bleu .line {
  border-color: #c6b7a6;
  border-color: #fff;
}
#container #main .inside .mod_article.marron .listing h3::before,
#container #main .inside .mod_article.bleu .listing h3::before {
  color: #fff;
}
#container #main .inside .mod_article.expert .listing h3::before,
#container #main .inside .mod_article.orange .listing h3::before {
  color: #161616;
}
body.alterner #container #main .inside .mod_article {
  background-color: #e3dbd3;
}
body.alterner #container #main .inside .mod_article:nth-child(2n+1) {
  background-color: #c6b7a6;
}
body.alterner #container #main .inside .mod_article.bleu {
  background-color: #0a253b;
}
.listing h3 {
  margin: 1.5rem 0 0.5rem 2rem;
  padding: 0;
}
.listing h3:first-child {
  margin-top: 0;
}
.listing h3::before {
  content: "\f058";
  font-family: "Font Awesome 5 Solid";
  font-size: 1.4rem;
  width: 2rem;
  margin-left: -2rem;
  display: inline-block;
  color: #a95e14;
}
.listing p {
  margin: 0 0 0.6rem 2.1rem;
}
.listing li {
  margin: 0 0 0.6rem 2.1rem;
}
.listing li::marker {
  font-size: 1.4rem;
  width: 2rem;
  display: inline-block;
  color: #a95e14;
}
.mod_article figure {
  line-height: 0;
}
.mod_article figure img {
  margin-top: 0.5rem;
  border: 5px rgba(255,255,255,0.2) solid;
}
.mod_article .nobord figure img {
  border: none;
  margin: 0;
}
/*.expert
	h2
		margin-top 0.4rem
	figure
		&.float_right
			margin 1.5rem 0 0 1.5rem
	.ce_text + .ce_text
		margin-top 0
		padding-top 0
*/
.ce_text figure.float_right {
  margin: 1.5rem 0 0 1.5rem;
}
.connexe h2 {
  text-align: center;
}
.connexe h3 {
  font-size: 2rem;
  line-height: 2.2rem;
  padding: 1rem 0 2rem;
}
.connexe .ce_text {
  text-align: center;
  margin-top: 0;
}
.connexe .ce_text h4 a {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 2rem;
  margin: 0;
  padding: 0.5rem;
}
.connexe .ce_text h4 a::before {
  display: block;
  -webkit-filter: brightness(0);
          filter: brightness(0);
  content: url("../../files/bethoul/pict/pt-temp.png");
}
.connexe .ce_text h4 strong,
.connexe .ce_text h4 a:hover {
  color: #a95e14;
}
.connexe .ce_text h4 strong::before,
.connexe .ce_text h4 a:hover::before {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.connexe .ce_text.fenetre h4 a::before {
  content: url("../../files/bethoul/pict/pn-fenetre.png");
}
.connexe .ce_text.porte h4 a::before {
  content: url("../../files/bethoul/pict/pn-porte.png");
}
.connexe .ce_text.volet h4 a::before {
  content: url("../../files/bethoul/pict/pn-volet.png");
}
.connexe .ce_text.garage h4 a::before {
  content: url("../../files/bethoul/pict/pn-garage.png");
}
.connexe .ce_text.dressing h4 a::before {
  content: url("../../files/bethoul/pict/pn-dressing.png");
}
.connexe .ce_text.bain h4 a::before {
  content: url("../../files/bethoul/pict/pn-bain.png");
}
.connexe .ce_text.banne h4 a::before {
  content: url("../../files/bethoul/pict/pn-banne.png");
}
.connexe .ce_text.moustiquaire h4 a::before {
  content: url("../../files/bethoul/pict/pn-moustiquaire.png");
}
.connexe .ce_text.store h4 a::before {
  content: url("../../files/bethoul/pict/pn-store.png");
}
.connexe .ce_text.portail h4 a::before {
  content: url("../../files/bethoul/pict/pn-portail2.png");
}
.connexe .ce_text.pergolas h4 a::before {
  content: url("../../files/bethoul/pict/pn-pergolas.png");
}
.connexe .ce_text.carport h4 a::before {
  content: url("../../files/bethoul/pict/pn-carport.png");
}
.connexe .ce_text.escalier h4 a::before {
  content: url("../../files/bethoul/pict/pn-escalier.png");
}
.connexe .ce_text.cuisine h4 a::before {
  content: url("../../files/bethoul/pict/pn-cuisine.png");
}
.connexe .ce_text.parquet h4 a::before {
  content: url("../../files/bethoul/pict/pn-parquet.png");
}
.connexe .ce_text.garde h4 a::before {
  content: url("../../files/bethoul/pict/pn-gardecorps.png");
}
.connexe .ce_text.placard h4 a::before {
  content: url("../../files/bethoul/pict/pn-placard.png");
}
.connexe .ce_text.meuble h4 a::before {
  content: url("../../files/bethoul/pict/pn-meuble.png");
}
.calltoaction {
  text-align: center;
}
.calltoaction .ce_text::before {
  display: block;
  font-family: "Font Awesome 5 Solid";
  font-size: 3rem;
  color: #008000;
  line-height: 4rem;
  padding-bottom: 1rem;
}
.calltoaction .ce_text.map::before {
  content: "\f3c5";
}
.calltoaction .ce_text.form::before {
  content: "\f14d";
}
.calltoaction .ce_text.phone::before {
  content: "\f2a0";
}
.calltoaction .ce_text.showroom::before {
  content: "\f500";
}
.calltoaction .ce_text strong {
  font-size: 1.2rem;
}
.calltoaction .ce_text a[href^="mailto:"]:hover,
.calltoaction .ce_text a.underline:hover {
  text-decoration: underline;
}
.news {
  padding-top: 0 !important;
}
.news.fd-expert {
  background-image: url("../../files/bethoul/news/fd-communication-2024.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.news .accroche {
  background-color: #d03916;
  background-color: rgba(208,57,22,0.8);
  padding: 3rem 1rem !important;
  border-radius: 3rem;
}
.news .accroche p {
  color: #d03916;
  color: #fff;
  font-size: 2rem !important;
  line-height: 2.2rem !important;
  text-transform: uppercase;
  margin: 0;
}
.news .accroche h2 {
  color: #fff;
  text-shadow: none;
}
.news h2 {
  color: #d03916;
  text-shadow: #fff 2px 2px 1px;
}
.news h2 + p {
  color: #d03916;
}
.news .nuage {
  text-align: center;
}
.news .nuage p {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0.4rem 1rem;
  background-color: #311a19;
  border-radius: 0.4rem;
  color: #fff;
  font-weight: bold;
  -webkit-box-shadow: #fff 1px 1px 4px;
  -ms-box-shadow: #fff 1px 1px 4px;
  -o-box-shadow: #fff 1px 1px 4px;
  box-shadow: #fff 1px 1px 4px;
}
.news .bulle {
  position: relative;
  text-align: right;
}
.news .bulle figure {
  padding-right: 4rem;
}
.news .bulle figure .caption {
  text-align: right;
}
.news .bulle p {
  display: inline-block;
  top: 0;
  right: 0;
  height: 7.5rem;
  width: 7.5rem;
  background-color: #d03916;
  color: #fff;
  text-align: center;
  padding: 2rem;
  margin: 0;
  border-radius: 50%;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 460px) {
  .news .bulle p {
    font-size: 0.8rem;
    line-height: 1rem;
    height: 5rem;
    width: 5rem;
    padding: 1.5rem;
  }
}
.news .ce_accordion {
  text-align: center;
}
.news .ce_accordion .toggler {
  display: inline-block;
  background-color: #008000;
  color: #fff;
  font-size: 1.1rem;
  padding: 0.6rem 1.4rem 0.6rem 0.8rem;
  margin: 0.8rem 0.8rem;
  border-radius: 0.4rem;
}
.news .ce_accordion .toggler::after {
  font-family: "Font Awesome 5 Solid";
  content: "\f103";
  color: #fff;
  padding-left: 0.6rem;
}
.news .ce_accordion .toggler:hover {
  color: #fff;
  background-color: #009e00;
}
.news .ce_accordion .accordion {
  padding: 1rem;
  background-color: rgba(255,255,255,0.7);
}
.news .ce_accordion .accordion a {
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-decoration: underline;
}
.news .addbouton.ce_accordion .accordion a {
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
}
.news .fixe {
  position: absolute;
  background-color: rgba(255,255,255,0.7);
  padding: 0.4rem 0.8rem 0.4rem 0.6rem;
  margin: 0;
  display: inline-block;
}
.news .fixe.droite {
  right: 0;
}
.news .fixe.bas {
  bottom: 0;
}
.news .fixe p {
  margin: 0;
}
.news .ce_image figure img {
  border: 0;
}
.news .ce_image.tad {
  text-align: right;
}
.news .ce_image.tac {
  text-align: center;
}
.popup {
  width: 100%;
}
.lien a,
a.lien {
  font-size: inherit;
  text-decoration: underline;
}
.link a,
a.link {
  display: inline-block;
  background-color: #008000;
  color: #fff;
  font-size: 1.1rem;
  padding: 0.6rem 1.4rem 0.6rem 0.8rem;
  margin: 0.8rem 0.8rem;
  border-radius: 0.4rem;
}
.link a::before,
a.link::before {
  font-family: "Font Awesome 5 Solid";
  content: "\f101";
  color: #fff;
  padding-right: 0.6rem;
}
.link a:hover,
a.link:hover {
  color: #fff;
  background-color: #009e00;
}
.textlink a,
a.textlink {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-weight: 700;
  padding: 0.15rem 0.4rem 0.15rem 0.5rem;
  border-radius: 0.6rem;
  background-color: rgba(255,255,255,0.4);
}
.textlink a::after,
a.textlink::after {
  font-family: "Font Awesome 5 Solid";
  content: "\f101";
  color: noir;
  padding-left: 0.3rem;
}
.textlink a:hover,
a.textlink:hover {
  color: #a95e14;
  color: #e3dbd3;
  background-color: #a95e14;
}
.textlink a:hover::after,
a.textlink:hover::after {
  color: #a95e14;
  color: #e3dbd3;
  background-color: #a95e14;
}
#container #main .inside .mod_article.all >.cal .chapo p a {
  font-size: inherit;
  color: inherit;
}
#container #main .inside .mod_article.all {
  padding: 0;
}
#container #main .inside .mod_article.all > .cal {
  max-width: none;
}
#container #main .inside .mod_article.all > .cal > .ce_text h2,
#container #main .inside .mod_article.all > .cal > .ce_text p {
  color: #fff;
}
#container #main .inside .mod_article.all > .cal > .ce_text h2 a,
#container #main .inside .mod_article.all > .cal > .ce_text p a {
  text-decoration: underline;
}
#container #main .inside .mod_article.all > .cal > .ce_text.chapo {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  padding: 3rem 4rem 1rem 1rem;
  background-color: #a95e14;
  height: 100%;
  margin: 0;
  text-align: left;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery {
  padding: 0;
  margin: 0;
  margin-left: 25%;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding-right: 1px;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul li {
  float: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1px 0 0 1px;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul li figure.image_container {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul li figure.image_container a img {
  margin: 0;
  border: 0;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul li figure.image_container figcaption.caption {
  display: none;
  position: absolute;
  background-color: rgba(255,255,255,0.6);
  width: 100%;
  padding: 0.7rem;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #311a19;
  font-weight: 700;
  font-style: normal;
  top: 100%;
  bottom: -100%;
  -webkit-transition: bottom 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul li figure.image_container figcaption.caption::before {
  position: absolute;
  font-family: "Font Awesome 5 Solid";
  content: "\f139";
  line-height: 2.2rem;
  top: -2.4rem;
  width: 2.2rem;
  font-size: 2rem;
  height: 2.2rem;
  color: rgba(255,255,255,0.7);
  border-radius: 1rem;
  left: calc(50% - 1rem);
  display: block;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul li figure.image_container:hover figcaption.caption {
  bottom: 0;
  top: inherit;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul li figure.image_container:hover figcaption.caption::before {
  visibility: hidden;
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul.cols_4 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  padding: 1px 0 0 1px;
}
@media screen and (max-width: 770px) {
  #container #main .inside .mod_article.all > .cal > .ce_gallery ul.cols_4 li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul.cols_5 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  padding: 1px 0 0 1px;
}
@media screen and (max-width: 770px) {
  #container #main .inside .mod_article.all > .cal > .ce_gallery ul.cols_5 li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333333%;
            flex: 0 1 33.333333%;
  }
}
#container #main .inside .mod_article.all > .cal > .ce_gallery ul.cols_6 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 16.666666%;
          flex: 0 1 16.666666%;
  padding: 1px 0 0 1px;
}
@media screen and (max-width: 770px) {
  #container #main .inside .mod_article.all > .cal > .ce_gallery ul.cols_6 li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333333%;
            flex: 0 1 33.333333%;
  }
}
#container #main .inside .mod_article.all > .cal > .ce_gallery.last ul {
  padding-bottom: 1px;
}
@media screen and (max-width: 1099px) {
  #container #main .inside .mod_article.all > .cal > .ce_text.chapo {
    position: relative;
    width: 100%;
    padding: 4rem 1rem 1rem;
    background-color: #a95e14;
    height: 100%;
    margin: 0;
    text-align: left;
  }
  #container #main .inside .mod_article.all > .cal > .ce_gallery {
    margin-left: 0;
  }
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery {
  padding: 0;
  margin: 0;
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding-right: 1px;
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul li {
  float: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1px 0 0 1px;
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul li figure.image_container {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul li figure.image_container a img {
  margin: 0;
  border: 0;
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul li figure.image_container figcaption.caption {
  display: none;
  position: absolute;
  background-color: rgba(255,255,255,0.6);
  width: 100%;
  padding: 0.7rem;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #311a19;
  font-weight: 700;
  font-style: normal;
  top: 100%;
  bottom: -100%;
  -webkit-transition: bottom 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out;
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul li figure.image_container figcaption.caption::before {
  position: absolute;
  font-family: "Font Awesome 5 Solid";
  content: "\f139";
  line-height: 2.2rem;
  top: -2.4rem;
  width: 2.2rem;
  font-size: 2rem;
  height: 2.2rem;
  color: rgba(255,255,255,0.7);
  border-radius: 1rem;
  left: calc(50% - 1rem);
  display: block;
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul li figure.image_container:hover figcaption.caption {
  bottom: 0;
  top: inherit;
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul li figure.image_container:hover figcaption.caption::before {
  visibility: hidden;
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul.cols_2 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  padding: 1px 0 0 1px;
}
@media screen and (max-width: 770px) {
  #container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery ul.cols_2 li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}
#container #main .inside .mod_article > .cal > .ce_text.chapo > .ce_gallery.last ul {
  padding-bottom: 1px;
}
/*
.formulaire
	max-width 800px
	margin 0 auto
	.col_0
		width 40%
		text-align right
		label
			display inline-block
			line-height 1.6rem
			font-size 1.1rem
			margin 0.4rem 0.6rem 0.4rem 0
			span.mandatory
				padding-left 0.2rem
	.col_1
		width 60%
		text-align left
		.checkbox_container
			margin-top 0.5rem
			input
				margin 0.4rem 0.3rem 0 0
			label
				font-size 1.1rem
				a
					text-decoration underline
		input
			padding 0 0.3rem
			font-size 1.1rem
			margin 0.4rem 0
			line-height 0.6rem
			&.submit
				margin-top 1.4rem

.widget-explanation
		//padding 1.5em 0 0.5em 0
		//font-size 140%
*/
#formulaire {
  padding-bottom: 2rem;
}
#formulaire .ce_form {
  max-width: 450px;
  padding-top: 0;
}
#formulaire .ce_form .widget label {
  font-size: 1rem;
  font-weight: normal;
  margin: 20px 0 4px;
}
#formulaire .ce_form .widget label span.mandatory {
  padding-left: 0.2rem;
}
#formulaire .ce_form .widget label[for="ctrl_1"] {
  margin-top: 0;
}
#formulaire .ce_form .widget input,
#formulaire .ce_form .widget textarea {
  font-family: "Open Sans", Arial, sans-serif;
  padding: 0.3rem;
  font-size: 1.1rem;
}
#formulaire .ce_form .widget button {
  padding: 0.5rem 1rem;
  font-size: 1.1rem;
  margin-top: 1rem;
  font-family: "Open Sans", Arial, sans-serif;
}
#formulaire .ce_form .widget.projet > fieldset {
  border: none;
  padding: 0;
}
#formulaire .ce_form .widget.projet > fieldset > fieldset {
  margin-bottom: 1.3rem;
  padding-bottom: 0.8rem;
  border: none;
  background-color: #bcad9c;
}
#formulaire .ce_form .widget.projet > fieldset > fieldset legend {
  font-size: 0.9rem;
  font-weight: 600;
  display: inline-block;
  padding: 0.25rem 0.5rem;
  width: auto;
  background-color: #e3dbd3;
}
#formulaire .ce_form .widget.projet > fieldset > fieldset span {
  display: block;
}
#formulaire .ce_form .widget.consent > fieldset {
  border: none;
  padding: 0;
  margin: 2rem 0 1rem;
}
#formulaire .ce_form .widget.consent > fieldset span label {
  font-size: 0.95rem;
}
.mentions {
  max-width: 900px;
}
.mentions h4 {
  padding: 3.5rem 0 0.5rem;
  margin: 0 auto;
  font-weight: 400;
  font-size: 1.4rem;
  font-style: normal;
  text-transform: uppercase;
  color: #161616;
}
.mentions p {
  margin: 0 0 1rem;
  font-size: 1.1rem;
  max-width: 900px;
  display: block;
}
.mentions p strong {
  display: inline-block;
}
.mentions a {
  font-size: 1.1rem;
  text-decoration: underline;
}
.mentions ul {
  list-style-type: none;
}
.mentions ul li {
  font-size: 1.1rem;
}
.matomo {
  border: 1px solid #808080;
  background-color: #e9e4e0;
  padding: 1rem;
  max-width: 700px;
  margin: 0 auto;
}
.matomo iframe html body {
  text-align: justify;
}
.cookiebar {
  z-index: 100;
  padding: 2rem 3rem;
  background-color: rgba(0,0,0,0.86);
}
.cookiebar .cookiebar__text {
  width: 100%;
  margin-right: 0;
}
.cookiebar .cookiebar__text span,
.cookiebar .cookiebar__text a {
  display: block;
  font-size: 1rem;
  line-height: 1.2rem;
}
.cookiebar .cookiebar__text span.cookiebar__message {
  max-width: 1200px;
  margin: 0 auto;
}
.cookiebar .cookiebar__button {
  margin: 1rem 1rem 0 1rem;
  padding: 0.3rem 1.1rem 0.4rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: normal;
}
.all .flex > div.map-rwd {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.all .flex > div.map-rwd .iframe {
  width: 100%;
}
.all .flex > div.ce_image.noform {
  padding: 0;
  margin: 0;
  line-height: 0;
}
.all .flex > div.ce_image.noform img {
  margin: 0;
  border: none;
}
#zonepartenaires .partenaires {
  position: relative;
  text-align: center;
}
#zonepartenaires .partenaires .central {
  display: inline-block;
}
#zonepartenaires .partenaires .central .ce_image {
  position: relative;
  display: inline-block;
  clear: none;
  padding: 1rem 1.5rem 1rem;
}
@media screen and (max-width: 1100px) {
  #zonepartenaires .partenaires .central .ce_image img {
    width: 80%;
  }
  #zonepartenaires .partenaires .central .ce_image.line {
    padding-right: calc(1rem + 3px);
  }
}
#zonepartenaires .partenaires .central .ce_image.line {
  padding-right: calc(1.5rem + 3px);
}
#zonepartenaires .partenaires .central .ce_image.line:after {
  content: " ";
  border-left: 1px #adadad dashed;
  position: absolute;
  height: 60%;
  top: 15%;
  right: 0;
  margin-top: 0.5rem;
}
nav.menu #menuToggle {
  position: relative;
  padding: 20px 0 0 0;
  z-index: 10;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
nav.menu #menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: 16px;
  left: 3px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}
#menuToggle > span {
  display: block;
  clear: left;
  float: left;
  width: 33px;
  height: 4px;
  margin: 0 10px 5px 0;
  position: relative;
  background-color: #491a19;
  border-radius: 3px;
  z-index: 1;
  -webkit-transform-origin: 4px 0px;
      -ms-transform-origin: 4px 0px;
          transform-origin: 4px 0px;
  -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
#menuToggle > span:first-child {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}
#menuToggle > span:nth-last-child {
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  -webkit-transform: rotate(-45deg) translate(-1px, -1px);
      -ms-transform: rotate(-45deg) translate(-1px, -1px);
          transform: rotate(-45deg) translate(-1px, -1px);
  background: #491a19;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
      -ms-transform: rotate(0deg) scale(0.2, 0.2);
          transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(4) {
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(1px, -1px);
      -ms-transform: rotate(45deg) translate(1px, -1px);
          transform: rotate(45deg) translate(1px, -1px);
}
#menu {
  width: 100%;
  padding-bottom: 15px;
  display: none;
  text-align: center;
  list-style-type: none;
}
#menu li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu li a,
#menu li strong,
#menu li span.trail {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  color: #491a19;
  font-size: 1.2rem;
  line-height: 3.4rem;
  font-style: normal;
  text-decoration: none;
  text-align: center;
}
#menu li a:hover,
#menu li strong,
#menu li span.trail {
  color: #a95e14;
}
#menu li.trail a {
  color: #a95e14;
}
#menuToggle input:checked ~ ul {
  display: inline-block;
}
@media screen and (min-width: 771px) {
  nav.menu {
    margin-bottom: -4px;
  }
  nav.menu #menuToggle > input {
    display: none;
  }
  nav.menu #menuToggle > span {
    display: none;
  }
  nav.menu #menu {
    display: inline-block;
    float: right;
    width: inherit;
    background-color: transparent;
    margin: 0 220px 0 0;
    padding: 0;
  }
  nav.menu #menu li {
    float: left;
  }
  nav.menu #menu li a,
  nav.menu #menu li strong,
  nav.menu #menu li span.trail {
    display: block;
    margin: 0 15px;
    padding: 0;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    color: #491a19;
    font-size: 1.05rem;
    line-height: 2.1rem;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    border-bottom: 4px solid transparent;
  }
  nav.menu #menu li a:hover,
  nav.menu #menu li strong,
  nav.menu #menu li span.trail {
    color: #d03916;
    border-bottom: 4px solid #d03916;
  }
  nav.menu #menu li.trail a {
    color: #d03916;
    border-bottom: 4px solid #d03916;
  }
  nav.menu #menu li.last a,
  nav.menu #menu li.last span {
    padding-right: 0;
  }
}
/*
nav.menu
	#menu
		ul
			li
				&.projet
					display none
*/
#projet .projets .ce_accordion .accordion > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
#projet .projets .ce_accordion .accordion > div > nav {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1099px) {
  #projet .projets .ce_accordion .accordion > div > nav h5 {
    display: none;
  }
}
#projet .projets .ce_accordion .accordion > div > nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
#projet .projets .ce_accordion .accordion > div > nav ul li {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
  padding: 0.5rem 1rem 1rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
#projet .projets .ce_accordion .accordion > div > nav ul li a,
#projet .projets .ce_accordion .accordion > div > nav ul li strong {
  display: inline-block;
  font-family: "PT Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1rem;
  margin: 0;
  padding: 0.6rem 0.6rem 0.2rem;
}
#projet .projets .ce_accordion .accordion > div > nav ul li a::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong::before {
  display: block;
  -webkit-filter: brightness(0);
          filter: brightness(0);
  height: 60px;
  margin-bottom: 0.2rem;
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.fenetre::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.fenetre::before {
  content: url("../../files/bethoul/pict/pn-fenetre.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.porte::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.porte::before {
  content: url("../../files/bethoul/pict/pn-porte.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.volet::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.volet::before {
  content: url("../../files/bethoul/pict/pn-volet.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.garage::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.garage::before {
  content: url("../../files/bethoul/pict/pn-garage.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.dressing::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.dressing::before {
  content: url("../../files/bethoul/pict/pn-dressing.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.bain::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.bain::before {
  content: url("../../files/bethoul/pict/pn-bain.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.banne::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.banne::before {
  content: url("../../files/bethoul/pict/pn-banne.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.moustiquaire::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.moustiquaire::before {
  content: url("../../files/bethoul/pict/pn-moustiquaire.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.store::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.store::before {
  content: url("../../files/bethoul/pict/pn-store.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.portail::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.portail::before {
  content: url("../../files/bethoul/pict/pn-portail2.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.carport::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.carport::before {
  content: url("../../files/bethoul/pict/pn-carport.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.escalier::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.escalier::before {
  content: url("../../files/bethoul/pict/pn-escalier.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.cuisine::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.cuisine::before {
  content: url("../../files/bethoul/pict/pn-cuisine.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.parquet::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.parquet::before {
  content: url("../../files/bethoul/pict/pn-parquet.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.pergolas::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.pergolas::before {
  content: url("../../files/bethoul/pict/pn-pergolas.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.parquet::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.parquet::before {
  content: url("../../files/bethoul/pict/pn-parquet.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.garde::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.garde::before {
  content: url("../../files/bethoul/pict/pn-gardecorps.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.placard::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.placard::before {
  content: url("../../files/bethoul/pict/pn-placard.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.meuble::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.meuble::before {
  content: url("../../files/bethoul/pict/pn-meuble.png");
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.active,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.active,
#projet .projets .ce_accordion .accordion > div > nav ul li a:hover,
#projet .projets .ce_accordion .accordion > div > nav ul li strong:hover {
  color: #a95e14;
}
#projet .projets .ce_accordion .accordion > div > nav ul li a.active::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong.active::before,
#projet .projets .ce_accordion .accordion > div > nav ul li a:hover::before,
#projet .projets .ce_accordion .accordion > div > nav ul li strong:hover::before {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
#projet .projets .ce_accordion .accordion > div > nav:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
}
#projet .projets .ce_accordion .accordion > div > nav:nth-child(3) ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}
@media screen and (max-width: 990px) {
  #projet .projets .ce_accordion .accordion > div > nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
  }
  #projet .projets .ce_accordion .accordion > div > nav ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    padding: 0.5rem 1rem 1rem 0;
  }
  #projet .projets .ce_accordion .accordion > div > nav:nth-child(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
  #projet .projets .ce_accordion .accordion > div > nav:nth-child(3) ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}
@media screen and (max-width: 770px) {
  #projet .projets .ce_accordion .accordion > div > nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
            flex: 0 1 30%;
  }
  #projet .projets .ce_accordion .accordion > div > nav ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    padding: 0.5rem 1rem 1rem 0;
  }
  #projet .projets .ce_accordion .accordion > div > nav:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%;
  }
  #projet .projets .ce_accordion .accordion > div > nav:nth-child(2) ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  #projet .projets .ce_accordion .accordion > div > nav:nth-child(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
            flex: 0 1 30%;
  }
  #projet .projets .ce_accordion .accordion > div > nav:nth-child(3) ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}
/*
										&.fenetre::before
											content url(../../files/bethoul/pict/pn-fenetre.png)
										&.porte::before
											content url(../../files/bethoul/pict/pn-porte.png)
										&.volet::before
											content url(../../files/bethoul/pict/pn-volet.png)
										&.garage::before
											content url(../../files/bethoul/pict/pn-garage.png)
										&.dressing::before
											content url(../../files/bethoul/pict/pn-dressing.png)
										&.bain::before
											content url(../../files/bethoul/pict/pn-bain.png)
										&.banne::before
											content url(../../files/bethoul/pict/pn-banne.png)
										&.moustiquaire::before
											content url(../../files/bethoul/pict/pn-moustiquaire.png)
										&.store::before
											content url(../../files/bethoul/pict/pn-store.png)
										&.portail::before
											content url(../../files/bethoul/pict/pn-portail2.png)
										&.carport::before
											content url(../../files/bethoul/pict/pn-carport.png)
										&.escalier::before
											content url(../../files/bethoul/pict/pn-escalier.png)
										&.cuisine::before
											content url(../../files/bethoul/pict/pn-cuisine.png)
										&.parquet::before
											content url(../../files/bethoul/pict/pn-parquet.png)
										&.garde::before
											content url(../../files/bethoul/pict/pn-gardecorps.png)
										&.placard::before
											content url(../../files/bethoul/pict/pn-placard.png)
										&.meuble::before
											content url(../../files/bethoul/pict/pn-meuble.png)
*/
#footer .pmenu {
  text-align: center;
}
#footer .pmenu ul {
  display: inline-block;
  list-style-type: none;
}
#footer .pmenu ul li {
  float: left;
  padding: 0 0.8rem;
}
#footer .pmenu ul li a,
#footer .pmenu ul li strong {
  font-size: 1.1rem;
  border-bottom: 1px solid transparent;
  color: #fff;
}
#footer .pmenu ul li a:hover,
#footer .pmenu ul li strong.active {
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1171px) and (max-width: 1600px) {
  html {
    font-size: 100%;
  }
}
@media screen and (min-width: 771px) and (max-width: 1170px) {
  html {
    font-size: 90%;
  }
}
@media screen and (max-width: 770px) {
  html h1 {
    font-size: 3rem;
    line-height: 3.1rem;
  }
  html h2 {
    font-size: 2.5rem;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 460px) {
  #wrapper {
    padding: 0;
  }
  .s-6 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
@media (max-width: 767px) {
  #left,
  #main {
    float: left;
  }
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cl {
  clear: left;
}
.cr {
  clear: right;
}
.tag p,
.tag ul,
.tag h3 {
  text-align: left;
}
.tad p,
.tad ul,
.tad h3 {
  text-align: right;
}
.tac p,
.tac ul,
.tac h2,
.tac h3,
.tac h4 {
  text-align: center;
}
.taj p,
.taj ul,
.taj h3 {
  text-align: justify;
}
.line150 {
  line-height: 150%;
}
.line200 {
  line-height: 200%;
}
.big120 {
  font-size: 120%;
}
.big150 {
  font-size: 150%;
}
.big200 {
  font-size: 200%;
}
.max900 {
  max-width: 900px;
}
.meh0 {
  margin-top: 0rem !important;
}
.med0 {
  margin-right: 0rem !important;
}
.meb0 {
  margin-bottom: 0rem !important;
}
.meg0 {
  margin-left: 0rem !important;
}
.meh1 {
  margin-top: 1rem !important;
}
.med1 {
  margin-right: 1rem !important;
}
.meb1 {
  margin-bottom: 1rem !important;
}
.meg1 {
  margin-left: 1rem !important;
}
.meh2 {
  margin-top: 2rem !important;
}
.med2 {
  margin-right: 2rem !important;
}
.meb2 {
  margin-bottom: 2rem !important;
}
.meg2 {
  margin-left: 2rem !important;
}
.meh3 {
  margin-top: 3rem !important;
}
.med3 {
  margin-right: 3rem !important;
}
.meb3 {
  margin-bottom: 3rem !important;
}
.meg3 {
  margin-left: 3rem !important;
}
.meh4 {
  margin-top: 4rem !important;
}
.med4 {
  margin-right: 4rem !important;
}
.meb4 {
  margin-bottom: 4rem !important;
}
.meg4 {
  margin-left: 4rem !important;
}
.meh5 {
  margin-top: 5rem !important;
}
.med5 {
  margin-right: 5rem !important;
}
.meb5 {
  margin-bottom: 5rem !important;
}
.meg5 {
  margin-left: 5rem !important;
}
.mih0 {
  padding-top: 0rem !important;
}
.mid0 {
  padding-right: 0rem !important;
}
.mib0 {
  padding-bottom: 0rem !important;
}
.mig0 {
  padding-left: 0rem !important;
}
.mih1 {
  padding-top: 1rem !important;
}
.mid1 {
  padding-right: 1rem !important;
}
.mib1 {
  padding-bottom: 1rem !important;
}
.mig1 {
  padding-left: 1rem !important;
}
.mih2 {
  padding-top: 2rem !important;
}
.mid2 {
  padding-right: 2rem !important;
}
.mib2 {
  padding-bottom: 2rem !important;
}
.mig2 {
  padding-left: 2rem !important;
}
.mih3 {
  padding-top: 3rem !important;
}
.mid3 {
  padding-right: 3rem !important;
}
.mib3 {
  padding-bottom: 3rem !important;
}
.mig3 {
  padding-left: 3rem !important;
}
.mih4 {
  padding-top: 4rem !important;
}
.mid4 {
  padding-right: 4rem !important;
}
.mib4 {
  padding-bottom: 4rem !important;
}
.mig4 {
  padding-left: 4rem !important;
}
.mih5 {
  padding-top: 5rem !important;
}
.mid5 {
  padding-right: 5rem !important;
}
.mib5 {
  padding-bottom: 5rem !important;
}
.mig5 {
  padding-left: 5rem !important;
}