/* be-vietnam-pro-300 - latin */
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/be-vietnam-pro-v8-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/be-vietnam-pro-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/be-vietnam-pro-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/be-vietnam-pro-v8-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/be-vietnam-pro-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/be-vietnam-pro-v8-latin-300.svg#BeVietnamPro') format('svg'); /* Legacy iOS */
  }
  /* be-vietnam-pro-regular - latin */
  @font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/be-vietnam-pro-v8-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/be-vietnam-pro-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/be-vietnam-pro-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/be-vietnam-pro-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/be-vietnam-pro-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/be-vietnam-pro-v8-latin-regular.svg#BeVietnamPro') format('svg'); /* Legacy iOS */
  }
  /* be-vietnam-pro-600 - latin */
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/be-vietnam-pro-v8-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/be-vietnam-pro-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/be-vietnam-pro-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/be-vietnam-pro-v8-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/be-vietnam-pro-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/be-vietnam-pro-v8-latin-600.svg#BeVietnamPro') format('svg'); /* Legacy iOS */
  }
/* be-vietnam-pro-800 - latin */
@font-face {
    font-family: 'Be Vietnam Pro';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/be-vietnam-pro-v8-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/be-vietnam-pro-v8-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/be-vietnam-pro-v8-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/be-vietnam-pro-v8-latin-800.woff') format('woff'), /* Modern Browsers */
         url('../fonts/be-vietnam-pro-v8-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/be-vietnam-pro-v8-latin-800.svg#BeVietnamPro') format('svg'); /* Legacy iOS */
  }
/* dancing-script-regular - latin */
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/dancing-script-v22-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/dancing-script-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/dancing-script-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/dancing-script-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/dancing-script-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/dancing-script-v22-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
  }
  /* dancing-script-600 - latin */
  @font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/dancing-script-v22-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/dancing-script-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/dancing-script-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/dancing-script-v22-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/dancing-script-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/dancing-script-v22-latin-600.svg#DancingScript') format('svg'); /* Legacy iOS */
  }


* {
	margin: 0;
}

html {
	font-size: 1em;
}
picture {
    height: 100%;
}
img, picture {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
}

h1, h2, h3, h4, h5, h6,
p, blockquote {
	max-width: 80ch;
}
body {
    color: #464f4b;
    font-family: 'Be Vietnam Pro';
    line-height: 1.5rem;
    font-weight: 300;
    font-size: 1rem;
}
.ce_headline_extended h2 {
    display: flex;
    flex-direction: column;
}
.ce_headline_extended span {
    color: #be9746;
    font-family: "Dancing Script";
    font-weight: 600;
    font-size: 2.5rem;
}
h1 {
    color: #464f4b;
    font-family: "Be Vietnam Pro";
    font-weight: 800;
    font-size: 2.2rem;
}
h2 {
    color: #464f4b;
    font-family: "Be Vietnam Pro";
    font-weight: 800;
    font-size: 2.2rem;
}
.header {
    height: 130px;
    line-height: initial;
    background: #eee6da;
}
.header .inside {
    position: static;
}
.header .logos {
    background: #5c6863;
    position: absolute;
    left: 0;
    width: 25%;
    height: 165px;
}
.header .logos img {
    width: 260px;
    margin-left: auto;
    margin-top: 2.5rem;
    margin-right: 2rem;
}
.header .top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 1rem;
    font-weight: 400;
}
.header .top .top-num {
    margin-right: 1.5rem;
    font-size: 0.94rem;
}
.header .mainmenu {
    display: flex;
    justify-content: flex-end;
    float: none;
    margin-top: 1.5rem;
}
.header .mainmenu ul {
    display: flex;
}
.header .mainmenu ul li:nth-child(8), .header .mainmenu ul li:nth-child(9) {
    display: none;
}
.header .mainmenu ul li a {
    font-weight: 300;
    color: #464f4b;
    font-size: 1rem;
    white-space: nowrap;
}

.header .mainmenu ul li a:hover {
    color: #be9746;
}
.header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active {
    color: #be9746;
    font-weight: 400;
}
.stickyheader .header.cloned {
    line-height: initial;
}
.stickyheader .logos {
    height: 130px;
}
.stickyheader .logos img {
    margin-top: 1.5rem;
}
#mmenu #mmenu_top {
    padding: 35px;
}
#mmenu_middle ul li {
    margin-bottom: 10px;
}
#mmenu_middle ul li a {
    font-size: 1.2rem;
    color: #fff;
}
#mmenu {
    background: rgba(92, 104, 99, 0.8);
    transform: translateY(0);
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    position: fixed;
    width: 100%;
    right: 0;
    left: inherit;
    transform: translateX(100%)!important;
}
#mmenu #mmenu_top, #mmenu #mmenu_middle, #mmenu #mmenu_bottom {
    background: transparent;
}
.ce_hyperlink a {
    background-color: #be9746;
    border: 1px solid #fff;
    padding: 8px 45px 8px 20px;
    font-weight: 300;
    margin: 0;
    border-radius: 40px;
    font-size: 0.94rem;
}
.ce_hyperlink a:hover {
    background: #ece2d1;
    color: #be9746;
    border: 1px solid #be9746;
}
#wrapper .ce_hyperlink a:hover::after {
    background: url('/files/cto_layout/img/svg/right-arrows-hover.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.ce_hyperlink.btn-resa a {
    padding: 5px 24px 5px 43px;
    line-height: 30px;
}
.ce_hyperlink.btn-resa a::before {
    content: "";
    background: url(/files/cto_layout/img/svg/calendar-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: 14px;
    width: 1.2rem;
    display: block;
    height: 1.2rem;
}
.ce_hyperlink.btn-resa:hover a::before {
    background: url(/files/cto_layout/img/svg/calendar-hover.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
#wrapper .ce_hyperlink a::after {
    content: "";
    background: url('/files/cto_layout/img/svg/right-arrows-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    right: 14px;
    width: 1.2rem;
    display: block;
    height: 1.2rem;
}
/*----- Home -----*/
#slider .swiper-slide:hover {
    cursor: default;
}
#slider h2 {
    color: #fff;
    font-family: "Be Vietnam Pro";
    font-weight: 800;
    font-size: 3.625rem;
}
#slider .ce_headline_extended {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
#slider .ce_headline_extended span {
    color: #fff;
    font-size: 3rem;
}
#slider .swiper-slide figure img {
    width: 100%;
    height: calc(100vh - 130px);
    object-fit: cover;
    object-position: center;
}
#slider .ce_hyperlink {
    position: absolute;
    top: 62%;
    width: 100%;
    text-align: center;
}
#slider .ce_hyperlink a {
    background: transparent;
}
#slider .ce_hyperlink a:hover {
    border:  1px solid #fff;
    color: #fff;
}
#slider .ce_hyperlink.btn-resa a::before {
    background: url(/files/cto_layout/img/svg/calendar-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.container-scroll {
    width: 106px;
    min-width: 106px;
    height: calc(100% + 50px);
    background-color: #5c6863;
    position: absolute;
    top: -50px;
    right: 0;
    color: #fff;
    z-index:1;
}
.container-scroll span {
    display: flex;
    transform: rotate(270deg);
    text-transform: uppercase;
    position: absolute;
    top: -80px;
    left: -2px;
    animation: bounce 1s 2s ease infinite;
    animation-iteration-count: 5;
    height: 106px;
    align-items: center;
    z-index: 999;
}
.container-scroll span::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background: #5c6863;
    transition: all .5s;
    z-index: -1;
}
.container-scroll span:hover {
    cursor: pointer;
    color: #fff;
}
.container-scroll span:hover::after {
    width: 8rem;
}
.container-scroll span i {
    margin-right: 25px;
}
.container-scroll span i svg {
    fill: #fff;
    width: 1.2rem;
    transform: rotate(180deg);
}
.a-propos::before, .article_13::before, quadrillage::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    visibility: visible;
    top: 0;
    background: rgb(236 226 209);
    background: -moz-linear-gradient(0deg, rgba(236,226,209,1) 0%, rgba(250,248,248,1) 100%);
    background: -webkit-linear-gradient(0deg, rgb(236 226 209) 0%, rgba(250,248,248,1) 100%);
    background: linear-gradient(0deg, rgb(236 226 209) 0%, rgba(250,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1e8d7",endColorstr="#faf8f8",GradientType=1);
}
.quadrillage::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    visibility: visible;
    top: 0;
    background: url(/files/cto_layout/img/figure-background.svg);
    background-size: 125%;
    opacity: 0.13;
}
.quadrillage .container .autogrid_row{
	z-index: 1;
    position: relative;
}
.a-propos .container {
    position: static;
}
.a-propos .image_container {
    position: absolute;
    top: -20rem;
    z-index: 0;
    opacity: 0;
    transition: all 1s;
}
.a-propos .image_container.js-show {
    opacity: 1;
    top: -12rem;
}
.a-propos .image_container img {
    height: 36rem;
}
.a-propos .image_container::before, .a-propos .image_container::after {
    content: "";
    position: absolute;
    width: 12rem;
    height: 12rem;
    z-index: -1;
}
.a-propos .image_container::before {
    background: #fff;
    top: -15px;
    left: -15px;
}
.a-propos .image_container::after {
    background: #5c6863;
    bottom: -15px;
    right: -15px;
}
.tout-devient-simple .container {
    position: static;
}
.tout-devient-simple .container-image {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0;
    height: 100%;
}
.tout-devient-simple .container-image .ce_image, .tout-devient-simple .container-image figure {
    height: 100%;
}
.tout-devient-simple .container-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.tout-devient-simple .container .autogrid_row > .column:first-child {
    margin: 3rem 0;
}

.liste-services {
    background-color: #5c6863;
}
.liste-services .container {
    padding: 3rem 1rem 2rem 1rem !important;
}
.liste-services .ce_iconbox .ce_iconbox_icon img {
    width: auto;
    height: 45px;
}
.liste-services .ce_iconbox .content {
    color: #fff;
    font-weight: 600;
}
.liste-services .ce_iconbox .content .desc {
    font-family: 'Be Vietnam Pro';
    font-weight: 300;
    font-size: 0.9rem;
}
.liste-services .ce_iconbox .content p {
    margin-bottom: 0;
}

.home .nos-services {
    padding-top: 7.5rem;
}
.home .nos-services h2 {
    align-items: center;
}

.home .nos-services .container-imagebox .ce_text_imagebox {
    max-height: 650px;
}
.home .nos-services .container-imagebox > .column:nth-child(2) .ce_text_imagebox  {
    position: absolute;
    top: -12rem;
    width: 100%;
    right: 0;
}
.home .container-imagebox {
    padding: 10rem;
    max-width: 100%;
}
.ce_text_imagebox .image_container {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
}

.home .nos-services .ce_text_imagebox {
    top: -80px;
    opacity: 0;
    transition: all 2s;
}
.home .nos-services .container-imagebox > .column:nth-child(2) .ce_text_imagebox.js-fadeInDown {
    top: -5rem;
}
.home .nos-services .ce_text_imagebox.js-fadeInDown {
    opacity: 1;
    top: 0;
}

.ce_text_imagebox .image_container img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.ce_text_imagebox .inside {
    bottom: 0;
    right: 0;
    width: 90%;
    border-left: 2px solid #fff;
    font-family: 'Be Vietnam Pro';
    font-weight: 800;
    font-size: 1.3rem;
}
.home .nos-services .container-imagebox > .column:nth-child(1) .image_container::before, .home .nos-services .container-imagebox > .column:nth-child(3) .image_container::before {
    content: "";
    position: absolute;
    width: 12rem;
    height: 12rem;
    z-index: -1;
}
.home .nos-services .container-imagebox > .column:nth-child(1) .image_container::before {
    background: #be9746;
    top: -15px;
    left: -15px;
}
.home .nos-services .container-imagebox > .column:nth-child(3) .image_container::before {
    background: #5c6863;
    top: -15px;
    right: -15px;
}

.qui-sommes-nous > .column:first-child {
    background-color: #be9746;
    color: #fff;
    margin: 2rem 0;
    padding: 7rem 4rem 7rem 10rem;
}
.qui-sommes-nous {
    margin-right: 0;
}
.home .nos-services .qui-sommes-nous h2 {
    color: #fff;
    align-items: flex-start;
}
.qui-sommes-nous .ce_headline_extended span {
    color: #fff;
}
.qui-sommes-nous .ce_image, .qui-sommes-nous .image_container {
    height: 100%;
}
.qui-sommes-nous .ce_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.qui-sommes-nous .column:last-child {
    padding-right: 0;
}

/*----- Footer ------*/
#footer {
    background: #363d3a;
    line-height: 1.5rem;
}
#footer .inside {
    padding: 0 40px;
}
#footer .container {
    padding-top: 12px;
    padding-bottom: 12px
}
#footer p, #footer a, #footer h2 {
    color: #fff;
}
#footer h2 {
    font-size: 1.06rem;
}
#footer .mod_customnav ul li {
    padding: 0;
    margin-bottom: 0;
}
#footer .mod_customnav ul li::before, #footer .mod_customnav ul li::after {
    content: none;
}
#footer .mod_socials a i {
    background: #be9746;
    margin-right: 6px;
}
#footer .container .autogrid_row .column:first-child .ce_image {
    position: absolute;
    top: -14px;
    width: 100%;
    right: 2rem;
}
#footer .logo-cdla {
    margin-top: 2.5rem;
}
#footer .logo-cdla img {
    width: 10.7rem;
}
#footer .container > .autogrid_row > .column {
    padding: 3rem 0 3.5rem 0;
}
#footer .container > .autogrid_row > .column:first-child {
    border-right: 1px solid black;
}
#footer .container .autogrid_row > .column .autogrid_row {
    height: 100%;
}
#footer .container .autogrid_row > .column:last-child .autogrid_row {
    justify-content: flex-end;
}
#footer .tel {
    margin-bottom: 0;
}
#footer .totop {
    display: none;
    opacity: 0;
    left: inherit;
    position: fixed;
    bottom: 3rem;
    z-index: 999;
    right: 2rem;
    top: inherit;
    transition: all .5s;
    background: #324f45;
    border-radius: 5rem;
    width: 2.5rem;
    height: 2.5rem;
}
#footer .totop.js-show {
    display: block;
    opacity: 1;
}
#footer .totop:before {
    content: "";
    background: url(/files/cto_layout/img/svg/right-arrows-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -5px;
    width: 1.3rem;
    transform: rotate(269deg);
}
.degrade {
    background: rgb(241,232,215);
    background: linear-gradient(0deg, rgba(241,232,215,0.7) 0%, rgba(250,248,248,1) 100%);
}
/*----- Bottom ----*/
#bottom {
    background: #eee6da;   
}
#bottom .inside, #bottom .inside a {
    color: #324f45;
    font-size: 0.8rem;
}
#bottom .inside a:hover {
    color: #be9746;
}
#bottom .inside {
    padding: 5px 10px;
    display: flex;
    justify-content: center;

}
#bottom img {
    width: 6rem;
    margin-left: 1rem;
    display: inline-block;
}
.mmenu_trigger .label{
    display: none;
}
.mmenu_trigger .burger {
    height: 34px;
    width: 34px;
}
.mod_breadcrumb {
    border-top: none;
    border-bottom: none;
    color: #be9746;
    font-family: "Dancing Script";
    font-size: 0rem;
    background: #faf7f7;
}
@keyframes bounce {
    10% { top: -80px; }
    50% { top: -65px; }
    100% { top: -80px; }
}

/*----- Gallery ----*/
.ce_gallery .gallery-margin .image_container {
    margin: 8px 5px!important;

}
.ce_gallery .content {
	 background: rgba(190, 151, 70, 0.8);
}

/*----- Classe custom-border  ----*/
.custom-border {
	overflow: visible;
}
.custom-border .image_container {
	position: relative;
	z-index: 0;
}
.custom-border .image_container img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.custom-border .image_container::before {
	content: "";
    position: absolute;
    width: 12rem;
    height: 12rem;
    z-index: -1;
	background: #fff;
    top: -15px;
    left: -15px;
}
.custom-border .image_container::after {
	content: "";
    position: absolute;
    width: 12rem;
    height: 12rem;
    z-index: -1;
    background: #5c6863;
    bottom: -15px;
    right: -15px;
} 
@media screen and (max-width:1395px){
    .container-scroll {
        display: none;
    }
    .home .container-imagebox {
        padding: 10rem 5rem;
    }
    .mainmenu ul li {
  margin-left: 0px;}
}
@media screen and (max-width:1380px){
    .header .logos img {
        margin-right: 1rem;
        width: 80%;
    }
}
@media screen and (max-width:1300px){
    .qui-sommes-nous > .column:first-child {
        padding: 7rem 4rem 7rem 4rem;
    }
    .nos-services .ce_text_imagebox_image {
        height: 540px !important;
    }
    .header .mainmenu ul li a {
    font-size: 0.92rem;}
}
@media screen and (max-width:1130px){
    .mainmenu ul li {
        margin-left: 10px;
        margin-right: 10px;
    }
    h2 {
        font-size: 2.2rem;
    }
    .ce_headline_extended span {
        font-size: 2rem;
    }
    .a-propos .image_container {
        left: 10%;
    }
    .a-propos .image_container img {
        height: 25rem;
    }
    .nos-services .ce_text_imagebox .inside {
        font-size: 1rem;
    }
}
@media screen and (max-width: 1090px) {
    #mmenu {
        display: flex;
    }
    .mmenu_trigger {
        display: flex;
        color: #5c6863;
    }
    .mmenu_trigger .burger .burger_lines, .mmenu_trigger .burger .burger_lines:after, .mmenu_trigger .burger .burger_lines:before {
        background-color: #5c6863;
        height: 3px;
    }
    .header .mainmenu {
        display: none;
    }
    .header .top {
        padding-top: 2.6rem;
        margin-right: 4rem;
    }
    .header .mainmenu ul li:nth-child(7), .header .mainmenu ul li:nth-child(8) {
        display: block;
    }
    .nos-services .ce_text_imagebox_image {
        height: 400px !important;
    }
}
@media screen and (max-width: 1024px) {
    .home .nos-services {
        padding-top: 4rem;
    }
    .home .container-imagebox {
        padding: 7rem 5rem;
    }
    
    
}
@media screen and (max-width: 930px) {
    .qui-sommes-nous h2 {
        font-size: 1.9rem;
    }
}
@media screen and (max-width: 850px) {
    .a-propos .image_container {
        left: 5%;
    }
}
@media screen and (max-width: 768px) {
    #slider h2 {
        font-size: 3rem;
    }
    #slider .ce_headline_extended span {
        font-size: 2.2rem;
    }
    .nos-services h2, .nos-services .ce_headline_extended span {
        text-align: center !important;
    }
    .header .logos {
        width: 10rem;
    }
    .stickyheader .logos img {
        margin-top: 2.5rem;
    }
    .header .top {
        margin-right: 5rem;
    }
    .a-propos .ce_image {
        width: max-content;
        overflow: visible;
    }
    .a-propos .image_container {
        position: relative;
        left: 1rem;
        margin-bottom: 3rem;
    }
    .a-propos .image_container img {
        width: 85vw;
        object-fit: cover;
        object-position: center;
    }
    .a-propos .image_container.js-show {
        top: 0;
        margin-top: -8rem;
    }
    .mmenu_trigger .burger .burger_lines:before {
        top: 9px;
    }
    .mmenu_trigger .burger .burger_lines:after {
        top: -9px;
    }
    .ce_hyperlink a {
        display: inline-block;
    }
    .liste-services .autogrid_row .column {
        max-width: 50%;
    }
    .a-propos .image_container {
        top: 1rem;
        opacity: 1;
    }
    .home .nos-services .ce_text_imagebox {
        opacity: 1;
    }
    .home .nos-services .container-imagebox > .column:nth-child(2) .ce_text_imagebox {
        position: relative;
        top: -80px;
    }
    .home .nos-services .container-imagebox > .column:nth-child(3) .image_container::before {
        top: initial;
        bottom: -15px;
    }
    .nos-services .ce_text_imagebox_image {
        height: 300px !important;
    }
    .home .container-imagebox {
        padding: 7rem 5rem 0rem 5rem;
    }
    .qui-sommes-nous .ce_image {
        height: 15rem;
    }
    .qui-sommes-nous > .column:first-child {
        margin: 0;
        padding: 3rem !important;
    }
    #footer .container > .autogrid_row > .column {
        padding-bottom: 0;
    }
    #footer .container > .autogrid_row > .column:first-child {
        border-right: none;
    }
    #footer .container .autogrid_row .column:first-child .ce_image {
        position: relative;
        right: 0;
        width: 90%;
    }
    #footer .container > .autogrid_row > .column:last-child {
        padding-top: 0;
    }
    #footer .container > .autogrid_row .column .autogrid_row .column {
        max-width: 50%;
    }
    #footer .totop.js-show {
        display: none;
    }
    #bottom .inside {
        display: block;
    }
    .tout-devient-simple .container-image {
        position: relative;
    }
    .home .nos-services .container-imagebox > .column:nth-child(2) .ce_text_imagebox.js-fadeInDown {
        top: 0;
    }

}
@media screen and (max-width: 620px) {
    h2 {
        font-size: 2rem;
    }
    .ce_headline_extended span {
        font-size: 1.8rem;
    }
    #slider h2 {
        font-size: 2.5rem;
    }
    #slider .ce_headline_extended span {
        font-size: 1.8rem;
    }
    .qui-sommes-nous {
        margin-bottom: 0;
    }
    #footer .container > .autogrid_row .column:first-child .autogrid_row .column {
        max-width: 100%;
    }
    #footer .container .autogrid_row .column:first-child .ce_image {
        width: 15rem;
    }
}
@media screen and (max-width: 600px) {
    .header .top {
        display: none;
    }
    .home .container-imagebox {
        padding: 7rem 2rem 0rem 2rem;
    }
}
@media screen and (max-width: 500px) { 
    .header {
        height: 70px;
    }
    .header .logos {
        height: 90px;
    }
    .header .logos img {
        margin-top: 1.5rem;
    }
    h2 {
        font-size: 1.6rem;
    }
    .ce_headline_extended span {
        font-size: 1.4rem;
    }
    #slider .swiper-slide figure img {
        height: calc(100vh - 70px);
    }
    #slider h2 {
        font-size: 2rem;
    }
    #slider .ce_headline_extended span {
        font-size: 1.5rem;
    }
    #footer .inside {
        padding: 0;
    }
}
@media screen and (max-width: 450px) {
    .home .liste-services .ce_iconbox .ce_iconbox_icon img {
        height: 35px;
    }
    .home .liste-services .ce_iconbox .content p {
        font-size: 0.9rem;
    }
    #mmenu .mod_navigation li a {
    display: block;
    padding: 10px 40px 4px 0;
    }
    
}
@media screen and (max-width: 390px) {
    #slider h2 {
        font-size: 1.8rem;
    }
    .qui-sommes-nous h2 {
        font-size: 1.5rem;
    }
}