/*
============================================
FONTS
============================================
*/


@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Bold.eot');
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
        url('../fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Bold.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-BlackItalic.eot');
    src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
        url('../fonts/montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-BlackItalic.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-BlackItalic.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-BlackItalic.svg#Montserrat-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Black.eot');
    src: local('Montserrat Black'), local('Montserrat-Black'),
        url('../fonts/montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Black.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Black.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-SemiBold.eot');
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
        url('../fonts/montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Italic.eot');
    src: local('Montserrat Italic'), local('Montserrat-Italic'),
        url('../fonts/montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Italic.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Italic.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-SemiBoldItalic.eot');
    src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
        url('../fonts/montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-SemiBoldItalic.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-LightItalic.eot');
    src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
        url('../fonts/montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-LightItalic.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-LightItalic.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-LightItalic.svg#Montserrat-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Thin.eot');
    src: local('Montserrat Thin'), local('Montserrat-Thin'),
        url('../fonts/montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Thin.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Thin.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraBoldItalic.eot');
    src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
        url('../fonts/montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-BoldItalic.eot');
    src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
        url('../fonts/montserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-BoldItalic.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-BoldItalic.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Medium.eot');
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
        url('../fonts/montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Medium.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraBold.eot');
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
        url('../fonts/montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraLight.eot');
    src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
        url('../fonts/montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('../fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraLightItalic.eot');
    src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
        url('../fonts/montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-ExtraLightItalic.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Light.eot');
    src: local('Montserrat Light'), local('Montserrat-Light'),
        url('../fonts/montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-Light.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-MediumItalic.eot');
    src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
        url('../fonts/montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-MediumItalic.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-MediumItalic.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-MediumItalic.svg#Montserrat-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ThinItalic.eot');
    src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
        url('../fonts/montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../fonts/montserrat/Montserrat-ThinItalic.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-ThinItalic.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-ThinItalic.svg#Montserrat-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}


.ce_pricelist .label {
	float: left;
	padding-right: 10px;
	font-size: 1.1em;
}

/*
==================================
POP-UP
==================================
*/

.ce_popup_start .ce_popup_content {

padding-left:15px;
padding-right:15px;
padding-top:15px;
}


/*
==================================
MARGIN / PADDING
==================================
*/
.ce_linkbox .ce_linkbox_banner{

    background-color:#bc7522;
}
.ce_linkbox .ce_linkbox_banner {
font-size: 1.2rem;

}

.ce_linkbox h4.headline {

background-color:#bc7522;
color:#fff;
padding:10px;
font-size:1.25rem;

}
.ce_linkbox a i {

    background: rgba(188,117,34,0.9);

}

.mb-xxl {
    margin-bottom: 240px!important;
}
.mt-xxl {
    margin-top: 255px!important;
}
.autogrid_row, .autogrid_wrapper {
    margin-left: 0;
    margin-right: 0;
}
.txt-color-accent {
    color: var(--primary-green-color);
}
.txt-color-second {
    color: var(--primary-orange-color);
}

.ce_hyperlink.btn-accent a, .ce_revolutionslider_hyperlink.btn-accent {
    background: var(--primary-orange-color);
    color: var(--white-color);
    font-size: 0.938rem;
    border: 2px solid var(--primary-orange-color);
    border-radius: 5px;
    min-width: initial;
    padding: 8px 27px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 20px;
}
.ce_hyperlink a, .ce_revolutionslider_hyperlink {
    background: var(--primary-green-color);
    color: var(--white-color);
    /*font-size: 15px;*/
    font-size: 0.938rem;
    border: 2px solid var(--primary-green-color);
    border-radius: 5px;
    min-width: initial;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 20px;
}

.ce_hyperlink.btn-accent a:hover {
    opacity: 1;
    background: transparent;
    transition: 0.25s;
    color: var(--primary-orange-color);
}
.ce_hyperlink a:hover {
    opacity: 1;
    background: transparent;
    transition: 0.25s;
    color: var(--primary-green-color);
}

/*
==================================
GLOBAL
==================================
*/
.ce_tabs .tabs.vertical ul li span {
color: #324f3c;
font-size: 1.2rem;
}

::selection {
    background: #97dbaf;
}
.autogrid, .autogrid_row>.column {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
ol {
    list-style: none!important;
}
body {
    font-family: "all-round-gothic", sans-serif;
}
:root {
    --primary-green-color: #324f3c;
    --primary-orange-color: #bc7522;
    --white-color: #ffffff;
    --black-color: #000000;
}
.mod_socials {
    display: block!important;
}
h1 {
    line-height: initial;
    font-weight: 500;
    font-size: 4.625rem;
    font-family: "all-round-gothic", sans-serif;
}
h2 {
    font-size: 4.625rem;
    color: var(--primary-green-color)!important;
    font-weight: 600;
}
h2 span.color-accent{
    color: var(--primary-orange-color);
}
h3, .h3, .h3 p {
    font-size: 2.5rem;
    color: var(--primary-green-color);
}
.mod_article .container .ce_headline_extended h1 {
    margin: auto;
    line-height: 1.1;
    font-weight: 500;
}
.mod_article.article-pt-xl>.container {
    padding-top: 230px;
}
.section-vert h1  {
    color: var(--white-color)!important;
    font-weight: 100;
    font-size: 4.525rem;
    margin: 5% 4%;
}
.section-blanc h1 {
    color: var(--primary-green-color)!important;
    font-weight: 600;
    font-size: 4.625rem;
    margin: 5% 4%;
}
.section-blanc h2 {
    color: var(--primary-orange-color);
}
.section-vert p {
    font-family: 'Montserrat';
    font-size: 1.188rem;
    line-height: 2rem;
    margin-bottom: 30px;
}
.section-blanc p {
    color: var(--primary-green-color);
    font-family: 'Montserrat';
    /*font-size: 19px;*/
    font-size: 1.188rem;
    line-height: 2rem;
    margin-bottom: 30px;
}
.section-vert h1 span.color-accent, .section-blanc h1 span.color-accent {
    color: var(--primary-orange-color);
}
.section-vert:after {
    content: "";
    background: url(/files/cto_layout/img/vague-verte.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    /* top: 0; */
    bottom: -130px;
    width: 100%;
    height: 135px;
    z-index: 0;
    background-size: cover;
    visibility: visible;
    overflow: initial;
}
.section-vert .container {
    z-index: 1;
}
/*
==================================
HEADER
==================================
*/
.header {
    background: #324f3c;
    line-height: 1rem;
    height: 60px;
}
.header .inside {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: none;
}
.header ul li a {
    color: var(--white-color);
    font-size: 1.188rem;
}
.header .inside .socials, .footer .socials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header .socials a, .footer .socials a {
    width: 40px;
    margin: 0px 6px;
    height: 40px;
    color: #fff;
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 100%;
}
.header .socials a:hover, .footer .socials a:hover{
    border: 1px solid var(--primary-orange-color);
} 
.header .mod_socials a  {
    color: var(--white-color);
}
.mainmenu {
    float: none; 
    line-height: initial;
}
.mainmenu ul li {
    margin-left: 30px;
    margin-right: 30px;
}
.mainmenu ul li a::after {
    content: "";
    display: block;
    margin-top: 2px;
    height: 2px;
    width: 0px;
    background: var(--primary-orange-color);
    transition: all .2s;
}
.mainmenu ul li a {
    line-height: 1rem;
}
.mainmenu ul li a.trail, .mainmenu ul li a.active,.mod_changelanguage .active, .mod_changelanguage a:hover  {
    color: var(--primary-orange-color);
}

.mainmenu ul li a:hover::after {
    width: 100%;
}
.mainmenu ul li a:hover {
    opacity: 1;
}
/*
==================================
FOOTER
==================================
*/
#footer {
    background: var(--primary-green-color);
    position: relative;
    overflow: hidden;
}
#footer:before {
    content: "";
    background: url(/files/cto_layout/img/before-footer.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100px;
    z-index: 0;
    visibility: visible;
}
#footer .autogrid_row {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

#footer .inside {
    margin: 0 auto;
    padding: 25px 35px;
    max-width: 1450px;
}
#footer .container {
    max-width: 100%;
    padding: 0;
}
#footer ul li a  {
    font-size: 1.125rem;
    color: var(--white-color);
}
#footer ul li a.active, #footer ul li a:hover{
    color: var(--primary-green-color);
}
#footer ul {
    display: flex;
    justify-content: center;
}
#footer li:before, #footer li:after {
    display: none;
}
#footer .information-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 2rem;
    flex-direction: column;
    align-content: center;
}
#footer, #footer a {
    color: #fff;
}
#footer .logo-cdla{
    margin-top:2rem;
}
#footer .information-footer h2 {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 400;

    font-size: 1.125rem;
    margin-bottom: 0px;
}
#footer .information-footer p {
    font-size: 1.125rem;
    font-weight: 200;
    color: var(--white-color);
    font-family: 'Montserrat';
}
#footer .information-footer p strong {
    text-transform: uppercase;
}
#footer:after {
    content: url(/files/cto_layout/img/feuille-orange-blanc.svg);
    position: absolute;
    right: 2%;
    bottom: -15px;
    width: 215px;
}
#footer .feuille-footer {
    overflow: visible;
}
.footer .container .autogrid_row > div:last-child img {
    float: right;
}


#bottom {
    background: var(--white-color);
}
#bottom .inside {
    padding: 5px 40px;
}
#bottom div, #bottom span, #bottom sup, #bottom a {
    color: var(--primary-green-color)!important;
    font-size: 0.875rem;
    padding: 0 8px;
}

#bottom a:hover {
    border-bottom: none!important;
}
#bottom .bandeau-bottom .insid>* {
    padding: 0 10px;
}

/*
==================================
HOME
==================================
*/


.menu-icone {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 99;
    width: auto;
}
.menu-icone a {
    background: white;
    margin: 5px 0px;
    min-width: 202px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 7px 7px 7px 14px;
    border-radius: 0px 0px 0px 25px;
    transition: all 0.5s;
    flex-direction: row!important;
    right: -148px;
    position: relative;
    font-size: 17px;
    font-weight: 600;
}
.menu-icone a:hover {
    transition: all 0.5s;
    right: 0px;
    min-width: 130px !important;
}
.menu-icone a img {
    width: 30px;
    margin-right: 15px;
}



.home .grid-image > .ce_image:last-child {
    position: absolute;
    top: 65%;
    left: 40%;
    box-shadow: 0px 0px 40px 1px #0000005e;
}
.grid-texte {
    max-width: 800px!important;
    padding: 0px 95px!important;
}


.ce_gallery ul.flex-gallery.cols_1 li {
    background: var(--primary-green-color);
    opacity: 0;
}
.ce_gallery ul.flex-gallery.cols_1 li.active {
    transition: 0.5s;
    opacity: 1;
    z-index: 99;
}
.ce_gallery ul.flex-gallery.cols_1 li.prev-active {
    z-index: 98;
    opacity: 1;
}
.col-services_list_item, .col-services_images_item {
    padding: 0px!important;
    height: 100%;
    display: flex;
    align-items: center;
}
.services_list_item ol {
    position: relative;
}
.services_list_item ol li {
    font-family: 'Montserrat';
    font-weight: 200;
    /*font-size: 22px;*/
    font-size: 1.375rem;
    color: var(--white-color);
    cursor: pointer;
    line-height: 3.25rem;
    position: relative;
}
.services_list_item ol li.active {
    font-weight: 400;
    margin-left: 30px;
    transition: 0.25s;
}
.services_list_item ol li::before {
    content: '\f178';
    font-family: "FontAwesome";
    color: var(--primary-orange-color);
    margin-right: 10px;
    opacity: 0;
    position: absolute;
    left: -40px;
}
.services_list_item ol li.active::before {
    content: '\f178';
    font-family: "FontAwesome";
    color: var(--primary-orange-color);
    /*margin-right: 10px;*/
    left: -25px;
    opacity: 1;
    transition: 0.25s;
}
.home .services .container, .decouverte .container{
    overflow: hidden;
}


.services_images_item li {
    opacity: 0;
}
.services_images_item li.active {
    opacity: 1;
}
.services_list_item {
    width: 100%;
    padding-left: 15%;
    background-size: cover;
}
.col-services_list_item::before {
    content: "";
    background: url(/files/cto_layout/img/taches-marrons-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    left: 5px;
    top: 14px;
    width: 151px;
    height: 177px;
    z-index: 9;
}
.col-services_list_item::after {
    content: "";
    background: url(/files/cto_layout/img/taches-marrons-2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 211px;
    height: 215px;
    z-index: 9;
}
.ce_gallery ul.flex-gallery {
    position: relative;
    width: 100%;
    height: 100%;
}
.ce_gallery ul.flex-gallery li {
    position: absolute;
    height: 100%;
    width: 100%;
}
.article_14501 .autogrid_row, .article_14686 .autogrid_row{
    height: 600px;
    width: calc(100%);
    position: relative;
    margin-left: 210px;
    background-color: var(--primary-green-color);
}
.ce_gallery, .ce_gallery ul.flex-gallery li figure, .ce_gallery ul.flex-gallery li figure img {
    height: 100%;
    width: 100%;
}
.ce_gallery ul.flex-gallery li figure img {
    object-fit: cover;
}


.article-lieu h1 {
    padding-bottom: 20px!important;
    padding-left: 0px!important;
    text-align: left!important;
}
.article-lieu h2 {
    font-size: 4.625rem;
    font-weight: 600;
}
.article-lieu h2 span.color-accent{
    display: flex;
    color: var(--primary-orange-color);
    font-size: 3.125rem;
}
.article-lieu p {
    width: 70%;
    margin-left: 10%;
}
.article-lieu a {
    margin-left: 10%;
}
.carte-gironde img {
    margin: auto;
}

#slider {
    z-index: 11;
}
#slider .swiper-container, #slider .ce_player video {
    height: calc(100vh - 60px);
}
#slider .ce_player video {
    object-fit: inherit;
    width: auto!important;
    max-width: initial;
    margin-bottom: -9px;
    object-position: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#slider .logo-home{
    margin-top: 5rem;
}
#slider .logo-home img {
    width: 356px;
    height: 147px;
}

/*
SWIPER
*/

.swiper-presentation.ce_swiper-slider-start {
    width: 50%;
    margin: auto;
    overflow: visible;
    position: relative;
    height: 60vh;
}

.swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active) img {
    height: 527px!important;
    width: 605px!important;
    overflow: hidden;
}
.swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active) .ce_image_text_box_content_outside p, .swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active) .hyperlink_txt{
    display: none;
}
.swiper-presentation.ce_swiper-slider-start .swiper-slide-active {
    margin-top: -17%;
    transition: 1s;
}
.swiper-presentation.ce_swiper-slider-start .swiper-container {
    overflow: visible;
}
.swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .image_container {
    text-align: center;
}
.swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .image_container img {
    width: 80%;
    object-fit: cover;
}

.swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.5;
    display: flex;
}
.swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active).swiper-slide-prev {
    justify-content: flex-end;
}
.swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active).swiper-slide-next {
    justify-content: flex-start;
}
.swiper-presentation.ce_swiper-slider-start .ce_image_text_box.version1.block {
    overflow: visible;
}

.swiper-presentation.ce_swiper-slider-start .swiper-button-next, .swiper-presentation.ce_swiper-slider-start .swiper-button-prev {
    position: absolute;
    top: -150px;
    opacity: 1!important;
}
.swiper-presentation.ce_swiper-slider-start .swiper-button-next {
    right: 45%;
}
.swiper-presentation.ce_swiper-slider-start .swiper-button-prev {
    left: 45%;
}
.swiper-presentation.ce_swiper-slider-start .swiper-button-next:after, .swiper-button-prev:after {
    color: var(--primary-green-color);
    border: 3px solid var(--primary-green-color);
    text-shadow: none;
    font-size: 2.5rem;
    padding: 0px 12px;
    border-radius: 50px;
    line-height: initial;
}

.swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .ce_image_text_box_content_outside h2, .swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .ce_image_text_box_content_outside p, .swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .ce_image_text_box_content_outside .ce_hyperlink {
    text-align: center;
}
.swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .ce_image_text_box_content_outside .ce_image_text_box_content {
    width: 75%;
    margin: 2rem auto 0 auto;
}
.swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .ce_image_text_box_content_outside .ce_image_text_box_content > p {
    margin-bottom: 5px;
}
.swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .ce_image_text_box_content_outside h2 {
    /*font-size: 40px;*/
    font-size: 2.5rem;
    font-weight: 500;
}
.ce_image.media-home.block:after, .ce_player:after {
    content: "";
    background: url(/files/cto_layout/img/background-blanc-accueil.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    top: 0;
    left: -15px;
    width: 119px;
    height: calc(100vh - 60px);
    z-index: 1;
    background-size: cover;
}
.grid-home-texte:after {
    content: "";
    background: url(/files/cto_layout/img/flowers.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    right: -80px;
    bottom: 0;
    width: 230px;
    height: 234px;
    z-index: 1;
    background-size: contain;
}
.grid-home-texte:before {
    content: "";
    background: url(/files/cto_layout/img/shapes-tacks.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    left: -14px;
    top: 26%;
    width: 205px;
    height: 209px;
    z-index: 1;
    background-size: contain;
}
.grid-home-media:after {
    content: "";
    background: url(/files/cto_layout/img/point.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    left: 20px;
    bottom: -35px;
    width: 80px;
    height: 70px;
    z-index: 9;
    background-size: contain;
}

.grid-home-texte {
    z-index: 5;
}
.grid-home-texte img {
    margin: auto;
}

.grid-home-texte .ce_headline_extended {
    position: absolute;
    bottom: 25%;
    left: 15%;
    width: 90%;
}
.grid-home-texte .ce_headline_extended div {
    font-size: 3.75rem;
    font-weight: 700!important;
    color: var(--primary-green-color)!important;
    line-height: 1.1;
}
.grid-home-texte .ce_headline_extended div  span.color-accent {
    display: flex;
    font-weight: 500;
    color: var(--primary-orange-color);
}

.grid-home-texte .ce_hyperlink {
    position: absolute;
    bottom: 15%;
    left: 15%;
}
.pointilles:before {
    content: "";
    background: url(/files/cto_layout/img/pointilles-vert.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    left: 20px;
    top: 25%;
    width: 325px;
    height: 286px;
    z-index: 0;
    background-size: contain;
    visibility: visible;
}
.pointilles .container:before {
    content: "";
    background: url(/files/cto_layout/img/pointilles-vert.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 325px;
    height: 286px;
    z-index: 0;
    background-size: contain;
    visibility: visible;
}
.section-vert .grid-image .ce_image:first-child {
    position: absolute;
}
.section-vert .container {
    padding-bottom: 22rem;
    margin-bottom: 9rem;
}
p {
    font-family: 'Montserrat';
    font-size: 1.188rem;
    line-height: 1.4;
    margin-bottom: 20px;
    font-weight: 300;
}
strong {
    font-weight: 600;
}
.section-vert .container:after {
    content: "";
    background: url(/files/cto_layout/img/picto-logo-blanc.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    right: 30px;
    bottom: -80px;
    width: 370px;
    height: 360px;
    z-index: 0;
    background-size: contain;
    visibility: visible;
    opacity: 0.1;
}
.decouverte:before {
    content: "";
    background: url(/files/cto_layout/img/feuille-verte.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    left: 30px;
    top: -110px;
    width: 348px;
    height: 403px;
    z-index: 0;
    background-size: contain;
    visibility: visible;
 
}

/*----- DECOUVREZ ---*/

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -80px!important;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    line-height: 1;
    margin: 0 -0.6rem;
}
.ce_image_text_box a.hyperlink_txt {
    margin: auto;
    display: inline-block;
    background: var(--primary-green-color);
    color: var(--white-color);
    font-size: 15px;
    font-size: 0.938rem;
    border: 2px solid var(--primary-green-color);
    border-radius: 5px;
    min-width: initial;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 20px;
    line-height: initial;
    justify-content: center;
    align-items: center;
    display: table;
}

.ce_image_text_box a.hyperlink_txt:hover {
    opacity: 1;
    background: transparent;
    transition: 0.25s;
    color: var(--primary-green-color);
}
.ce_image_text_box h3 { 
    text-align: center;
}

.ce_image_text_box_image{
    position: relative;
}
.ce_image_text_box_image:after {
    content: "";
    background: url(/files/cto_layout/img/point.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -22px;
    width: 56px;
    height: 49px;
    z-index: 9;
    background-size: contain;
}

.services:after {
    content: "";
    background: url(/files/cto_layout/img/vague-blanc-verte.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    left: 0;
    bottom: -85px;
    width: 100%;
    height: 85px;
    z-index: 9;
    /* background-size: contain; */
    visibility: visible;
}
#bottom img {
    height: 26px;
}


/*---- PAGE INTERNE ---*/ 

.interne #slider {
    max-height: 312px;
}

.interne .ce_image.media-home.block:after{
    content: "";
    background: url(/files/cto_layout/img/background-blanc-accueil.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    top: -5px;
    left: -8px;
    width: 116px;
    height: 100vh;
    z-index: 1;
}
.interne .grid-home-media {
    overflow: hidden;
}

.interne .grid-home-media:after{
    display: none;
}
.interne .grid-home-texte:after {
    content: "";
    background: url(/files/cto_layout/img/point.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    right: -75px;
    bottom: -35px;
    width: 80px;
    height: 70px;
    z-index: 9999;
    background-size: contain;
}
.interne .grid-home-texte:before {
        left: -15px;
        bottom: 0;
        width: 142px;
        height: 190px;
        z-index: 1;
        background-size: contain;
        top: initial;

}
.interne .grid-image > .ce_image.img-absolute {
    position: absolute;
    top: 60%;
    left: 40%;
    box-shadow: 0px 0px 40px 1px #0000005e;
}
.interne .mod_article:not(.fullwidth)>.container{
    max-width: 1440px;
}
.interne .services{
    z-index: 1;
}
.interne .services h2{
    font-size: 2.625rem;
}
.interne .services p {
    margin-bottom: 0;
    
    font-weight: 400;
    font-family: "all-round-gothic", sans-serif;

}

.interne  .ce_gallery .content {
    background: rgb(188 117 34 / 80%)
}
.interne  .swiper-pagination-bullet {
    border: none;
    box-shadow: none;
    background: rgb(50 79 60);
    margin: 2px;
}
.interne  .swiper-pagination-bullet-active {
    background: rgb(188 117 34);
    opacity: 1;
}
.interne  .swiper-container-horizontal .swiper-pagination {
    width: 100%;
    position: relative;
    margin-top: 2rem;
}
nav.mod_changelanguage.block {
    position: absolute;
    line-height: initial;
}
.header .inside .socials {
    margin-right: 4rem;
}
.interne h1 {
    line-height: initial;
    font-weight: 500;
    font-size: 4.625rem;
    font-family: "all-round-gothic", sans-serif;
    color: var(--primary-green-color);
}
.logo{
    display: none;
}
.interne #slider {
    border-bottom: 2px solid var(--primary-green-color);
}
/*------------ RESPONSIVE ---------------*/
@media  screen and (min-width: 1025px){
    #mmenu {
        display: none;
    }
}
@media screen and (max-width:1740px) {
    .interne .grid-home-texte:before {
        width: 104px;
        height: 155px;
    }
}

@media screen and (max-width:1630px) {
    #slider .logo-home {
        margin-top: 4rem;
    }
    .grid-home-texte .ce_headline_extended{
        width: 100%;
        left: 10%;
    }
    .grid-home-texte .ce_hyperlink {
        left: 10%;
    }
    .grid-home-texte:before {
        left: -24px;
        width: 160px;
        height: 170px;
    }
    .decouverte:before {
        height: 256px;
    }
    .mod_article.article-pt-xl>.container {
        padding-top: 130px;
    }
    .article-lieu .ce_headline_extended{
        padding-left: 4rem;
    }
    .article-lieu h2 {
        font-size: 3.625rem;
    }
    .article-lieu h2 span.color-accent {
        font-size: 2.625rem;
    }
    .interne .decouverte:before {
        height: 166px;
        top: 0;
    }
}
@media screen and (max-width:1480px) {
    .col-services_list_item::after {
        width: 124px;
        height: 125px;
    }

}
@media screen and (max-width:1460px) {
    .grid-home-texte .ce_headline_extended div {
        font-size: 3rem;
    }
    .grid-home-texte .ce_headline_extended {
        bottom: 33%;
    }
    .grid-home-texte .ce_hyperlink {
        bottom: 20%;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-button-next {
        right: initial;
        left: 55%;
    }
    .col-services_list_item::after{
        display: none;
    }
    .interne .grid-home-texte:before{
        display: none;
    }
    .interne .grid-home-texte:after {
        right: -108px;
    }
}
@media screen and (max-width:1350px) {
    .mainmenu ul li {
        margin-left: 10px;
        margin-right: 10px;
    }
    .article_14501 .autogrid_row {
        margin-left: 10%;
    }
    .col-services_list_item::before {
        top: 0;
        width: 125px;
        height: 125px;
    }
    .services_list_item ol li {
        font-size: 1.275rem;
    }
    .home .services .container {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .ce_image_text_box h3 {
        text-align: center;
        font-size: 1.9rem;
    }
    .interne .pointilles .container:before, .interne .pointilles:before{
        opacity:0.2;
    }
}
@media screen and (max-width:1250px) {
    .grid-home-texte:after {
        right: -59px;
        bottom: 0;
        width: 179px;
        height: 158px;
    }
    .grid-home-texte:before{
        display: none;
    }
    .mod_article.article-pt-xl>.container {
        padding-top: 140px;
    }
    .section-vert:after {
        bottom: -130px;
    }
    .decouverte:before {
        height: 152px;
        top: -130px;
        width: 145px;
    }
    .article-lieu h2 {
        font-size: 3.025rem;
    }
    .article-lieu p {
        width: 85%;
        margin-left: 10%;
    }
    .interne h1 {
        font-size: 3.625rem;
    }
    .interne .services h2 {
        font-size: 1.625rem;
    }
    .interne .decouverte:before {
        height: 152px;
        top: 0;
    }
}
@media screen and (max-width:1140px) {
    .grid-home-texte .ce_headline_extended div {
        font-size: 2.6rem;
    }
    .grid-home-texte:after {
        right: -150px;
    }
    #slider .logo-home {
        margin-top: 3rem;
        position: relative;
        left: 10%;
    }
    #slider .logo-home img {
        width: 275px;
        height: 147px;
        margin: initial;
    }
    .mainmenu ul li a {
        line-height: initial;
        font-size: 1rem;
    }
}
@media screen and (max-width:1024px) {
    .header {
        background: transparent;
        position: absolute;
    }
    #slider .swiper-container, #slider .ce_player video, .ce_image.media-home.block:after, .ce_player:after {
        height: calc(100vh);
    }
    #slider .logo-home {
        margin-top: 0rem;
        position: relative;
        left: 5%;
    }
    .grid-home-texte .ce_headline_extended {
        bottom: initial;
        top: 50%;
    }
    .grid-home-texte .ce_hyperlink {
        bottom: initial;
        top: 65%;
    }
    .grid-home-media:before {
        content: "";
        background: url(/files/cto_layout/img/flowers.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        display: block;
        position: absolute;
        right: 0px;
        bottom: 0;
        width: 230px;
        height: 234px;
        z-index: 1;
        background-size: contain;
    }
    .grid-home-texte:after{
        display: none;
    }
    #slider .ce_player .video_container:before {
        content: "";
        background: #000000;
        opacity: 0.2;
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
        display: block;
    }
    .menu-icone {
        position: fixed;
        top: 35%;
    }
    .mmenu_trigger {
        display: flex;
    }
    #mmenu #mmenu_top, #mmenu #mmenu_bottom{
        display: none;
    }
    #mmenu {
        left: 0px;
        right: 0px;
        height: 100%!important;
        position: fixed;
        top: 0!important;
        z-index: 1000;
        min-width: 50%;
        transform: translateX(calc(-100% - 70px))!important;
        transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease;
        background: transparent;
        width: 50%;
    }
    .header .inside .socials {
        right: 10rem;
        position: absolute;
    }
    nav.mod_changelanguage.block {
        right: 11rem;
    }
    #mmenu nav.mobile_horizontal {
        display: block;
    }
    .mmenu_overlay {
        content: '';
        background: #bc752247;
        z-index: 11;
    }
    #mmenu .scrollable {
        height: 100%;
        overflow-y: initial;
    }
    #mmenu #mmenu_middle {
        padding: 0 20px 20px 20px;
        background: var(--primary-green-color);
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: visible;
    }
    #mmenu .mod_navigation li a {
        color: #fff;
        font-size: 1.1rem;
    }
    #mmenu #mmenu_middle:after {
        content: "";
        background: url(/files/cto_layout/img/picto-logo-blanc.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        display: block;
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 300px;
        height: 290px;
        z-index: 0;
        background-size: contain;
        visibility: visible;
        opacity: 0.1;
    }
    #mmenu #mmenu_middle:before {
        content: "";
        background: url(/files/cto_layout/img/vague-verte-mobile.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        display: block;
        position: absolute;
        top: 0 bottom: initial;
        width: 62px;
        height: 103vh;
        z-index: 0;
        background-size: cover;
        visibility: visible;
        overflow: initial;
        left: 100%;
    }
    #mmenu .mod_navigation li a.open, #mmenu .mod_navigation li a.active, #mmenu .mod_navigation li a:focus {
        font-weight: bold;
        color: var(--primary-orange-color);
    }

    .section-vert h1 {
        font-size: 3.625rem;
    }
    .mb-xxl {
        margin-bottom: 85px!important;
    }
    .home .grid-image > .ce_image:last-child {
        top: 48%;
        left: 32%;
    }
    .section-vert .container {
        padding-bottom: 0rem;
        margin-bottom: 9rem;
    }
    .section-vert .container:after{
        display: none;
    }
    .section-vert:after {
        bottom: -89px;
        width: 100%;
        left: 0;
        background-size: cover;
        height: 90px;
    }
    .stickyheader .mmenu_trigger:after {
        content: "";
        background: url(/files/cto_layout/img/point.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 80px;
        height: 75px;
        z-index: -1;
        background-size: contain;
        transform: translate(-50%, -50%);
    }
    body.fixed-header .header.cloned {
        box-shadow: none;
    }
    .stickyheader .socials, .stickyheader .mod_changelanguage {
        display: none!important;
    }
    .mmenu_trigger {
        display: flex;
        top: 40px;
    }
    .rellax { transform: translate3d(0,0,0) !important;
    }
    .decouverte .container {
        padding-top: 50px!important;
    }
    .swiper-presentation.ce_swiper-slider-start {
        width: 100%;
        margin: auto;
        overflow: visible;
        position: relative;
        height: auto;
        margin-top: 0!important;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-container {
        overflow: hidden;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active) {
        opacity: 1;
        display: flex;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-slide-active {
        margin-top: 0;
        transition: 0;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active) img {
        height: auto;
        width: 100%;
        overflow: visible;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .image_container img {
        width: 95%!important;
        object-fit: cover;
        height: 320px!important;
        overflow: hidden;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-button-next, .swiper-presentation.ce_swiper-slider-start .swiper-button-prev {
        top: 10px;
    }
    .mod_article.decouverte.article-pb-xl> .container {
        padding-bottom: 50px;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active) .ce_image_text_box_content_outside p, .swiper-presentation.ce_swiper-slider-start .swiper-slide:not(.swiper-slide-active) .hyperlink_txt {
        display: block;
    }
    h2 {
        font-size: 2.625rem;
    }
    h3, .h3, .h3 p {
        font-size: 2.0rem;
    }
    .article_14501 .autogrid_row {
        margin-left: 15px;
        height: 500px;
        margin-right: 15px;
        width: auto;
    }
    .services_list_item ol li {
        font-size: 1rem;
    }
    .article-lieu .autogrid_row {
        align-items: center;
    }
    .article-lieu .container {
        margin-left: 15px;
        margin-right: 15px;
    }
    .article-lieu h2 {
        font-size: 2.225rem;
    }
    .article-lieu h2 span.color-accent {
        font-size: 1.625rem;
    }
    #footer li {
        padding-left: 10px;
    }
    #footer .mod_customnav ul li a {
        font-size: 1rem;
    }
    .interne .grid-home-media:before {
        content: "";
        background: #000000;
        opacity: 0.3;
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
        display: block;
    }
    .grid-texte {
        max-width: 100%;
        padding: 0px 20px!important;
    }
    .interne .ce_image.services_images_item img {
        max-height: 250px;
        object-fit: cover;
        max-width: auto;
        width: 100%;
        object-position: center;
        margin-top: 2rem;
    }
    .interne h1 {
        font-size: 2.625rem;
    }
    .mod_article.article-pb-m > .container {
        padding-bottom: 50px;
    }
    .interne .decouverte .container {
        margin-top: 4rem;
    }
    #mmenu nav.mod_changelanguage.block {
        display: block;
        position: absolute;
        bottom: 2rem;
        z-index: 9;
    }
    #mmenu nav.mod_changelanguage ul {
        display: flex;
    }
    .mod_changelanguage ul li a {
        color: #fff;
        padding: 0.3rem;
    }
}
@media screen and (max-width:820px) {
    .grid-home-texte .ce_headline_extended {
        bottom: initial;
        top: 50%;
        width: 113%;
    }
    .mod_article.article-pt-xl>.container {
        padding-top: 80px;
    }
    .section-vert h1,  .interne h1 {
        font-size: 2.625rem;
    }
    #footer .mod_customnav{
        display: none;
    }
    #footer:before {
        height: 40px;
    }
    #footer:after{
        display: none;
    }
    #footer .autogrid_row {
        margin-top: 3rem;
        margin-bottom: 1rem;
        align-items: center;
    }
}
@media screen and (max-width:767px) {
    .menu-icone {
        top: initial;
        bottom: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        bottom: -20%;
        transition: 1s;
        box-shadow: rgba(149, 157, 165, 0.2) -5px -11px 24px 3px;
    }
    .fixed-header .menu-icone{
        bottom: 0;
    }
    .menu-icone a:first-child{
        border-left: none;
        border-right: 1px solid var(--primary-orange-color);
    }
    .menu-icone a:nth-child(2) {
        display: none;
    }
    .menu-icone a {
        border-radius: 0;
        width: 100%;
        right: 0;
        bottom: 0;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        border-left: 1px solid var(--primary-orange-color);
        padding-bottom: 1rem;
        margin-top: 0;
    }
    .column.grid-home-texte.col_4.col_5_t {
        position: absolute;
        height: 100vh;
    }
    .header:before{
    content: "";
    background: url(/files/cto_layout/img/background-blanc-header.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    top: 0;
    left: initial;
    width: 100vw;
    height: 80px !important;
    z-index: 0;
    background-size: cover;
    left: 0;
    }
    .logo {
        display: flex;
        position: absolute;
        left: 11vw;
        top: -2px;
    }
    .ce_image.media-home.block:after, .ce_player:after{
        display: none;
    }
    nav.mod_changelanguage.block {
        display: none;
    }
    .header .inside .socials{
        display: none;
    }
    .mmenu_trigger {
        right: 25px;
        top: 75%;
    }
    #slider .logo-home{
        display: none;
    }
    #slider .grid-home-texte .ce_headline_extended div {
        color: #fff!important;
    }
    .header {
        height: 80px;
    }
    body.fixed-header .header.cloned {
        box-shadow: none;
    }
    .stickyheader .logo, .stickyheader .header:before {
        display: none;
    }
    .stickyheader .mmenu_trigger {
        right: 15px;
        top: 55%;
    }
    .column.grid-home-media, .column.grid-home-texte {
        margin-bottom: 0;
    }
    .column.grid-image {
        order: 2;
    }
    #main .autogrid_wrapper.article .mod_article, #main .mod_article.fullwidth {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .section-vert .grid-image .ce_image:first-child {
        position: relative;
    }
    .section-vert .grid-image .ce_image:first-child .image_container img {
        width: 100%;
        object-fit: cover;
        object-position: center;
        height: 300px;
    }
    .home .grid-image > .ce_image:last-child{
        display: none;
    }
    p {
        font-size: 1rem!important;
        margin-bottom: 15px!important;
    }
    .pointilles .container:before{
        opacity: 0.4;
    }
    .pointilles:before{
        display: none;
    }
    .section-vert h1 {
        font-size: 2.225rem;
    }
    .mb-xxl {
        margin-bottom: 30px!important;
    }
    .decouverte .ce_headline_extended {
        margin-bottom: 6rem!important;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .ce_image_text_box_content_outside .ce_image_text_box_content {
        width: 100%;
        margin: 3rem auto 0 auto;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-button-prev {
        left: 35%;
    }
    .column.col-services_images_item {
        height: 350px;
        margin-bottom: 0;
    }
    .article_14501 .autogrid_row {
        height: auto;
    }
    .services_list_item {
        width: 100%;
        padding-left: 10%;
        padding-top: 4%;
    }
    .col-services_list_item::before{
        display: none;
    }
    body{
        overflow-x: hidden;
    }
    .column.col-carte.col_5 {
        order: 2;
    }
    .article-lieu .ce_headline_extended {
        padding-left: 0;
        margin-top: 5rem!important;
    }
    .article-lieu p {
        width: 100%;
        margin-left: 0;
    }
    .article-lieu a {
        margin-left: 0;
    }
    #footer .ce_image .image_container img {
        width: auto;
        margin: auto;
    }
    .footer .container .autogrid_row > div:last-child img {
        float: none;
    }
    #bottom .inside {
        padding: 5px 15px;
    }
   
    .interne h1 {
        font-size: 2.625rem;
    }
    .interne .ce_image.media-home.block:after{
        display: none;
    }
    .services .autogrid_row .column.col_6 {
        flex: 0 0 calc((100% / 12) * 6);
        max-width: calc((100% / 12) * 6);
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .services .autogrid_row .column.col_6 .autogrid_row .col_2, .services .autogrid_row .column.col_6 .autogrid_row .col_10 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0px;
    }
    .services .autogrid_row .column.col_6 .autogrid_row {
        margin-bottom: 0!important;
    }

    .decouverte .ce_headline_extended {
        margin-bottom: 6rem!important;
    }
    .interne #slider {
        overflow: hidden!important;
    }
    .interne .decouverte:before {
        height: 110px;
        top: 0;
        left: inherit;
        right: 0;
        top: -57px;
        transform: rotate(70deg);
    }

    .swiper-button-next, .swiper-button-prev {
              margin-top: -60px!important;
    }
    h2 {
        font-size: 2rem;
      }

      .swiper-presentation.ce_swiper-slider-start .swiper-button-next::after, .swiper-button-prev::after {
        padding: 0px 9px;
        font-size: 1.9rem;
      }

}

@media screen and (max-width:650px) {
    .header:before {
        top: -5px;
        width: 100vw;
        height: 90px !important;
    }
}

@media screen and (max-width:600px) {
    .logo {
        display: flex;
        position: absolute;
        left: 15px;
        top: 5px;
    }
    .grid-home-texte .ce_headline_extended {
        bottom: initial;
        top: 50%;
        width: 100%;
        left: 15px;
    }
    .grid-home-texte .ce_hyperlink {
        left: 15px;
    }
    .logo a {
        background-image: url(../img/logo.svg);
        width: 86%;
        height: 96%;
    }
    #slider .grid-home-media .ce_image .image_container img {
        width: 100%;
        min-height: 150px;
        object-fit: cover;
        object-position: center;
    }
    .interne .services p {
        margin-bottom: 0;
        font-size: 0.9rem!important;
        font-weight: 400;
        text-align: center;
        padding: 0 5px;
    }

}

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

    #slider .grid-home-texte .ce_headline_extended div {
        color: var(--primary-green-color) !important;
    }


    .menu-icone a {
        font-size: 0.9rem;
        padding: 1rem 0;
        min-width: auto;
    }
    .decouverte .ce_headline_extended {
        margin-bottom: 3rem!important;
    }
    .menu-icone a img {
        width: 25px;
        margin-right: 10px;
    }
    .header:before {
        height: 100px !important;
    }
    .mmenu_trigger {
        right: 15px;
        top: 90%;
    }
    #mmenu{
        width: 85%;
    }
    .grid-home-texte .ce_headline_extended {
        top: 40%;
        width: auto;
    }
    .grid-home-texte .ce_hyperlink {
        top: 56%;
    }
    .grid-home-media:before {
        width: 155px;
        height: 150px;
    }
    .decouverte h2 span.color-accent {
        color: var(--primary-orange-color);
        display: block;
    }
    .swiper-presentation.ce_swiper-slider-start .swiper-container .ce_image_text_box .ce_image_text_box_content_outside .ce_image_text_box_content > p {
        margin-bottom: 5px;
        line-height: 1.4rem;
    }
    #bottom .bandeau-bottom .insid>* {
        padding: 0px 2px;
    }
    .ce_image_text_box_image:after {
        bottom: -16px;
        width: 38px;
        height: 35px;
    }
    p{
        line-height: 1.4!important
    }
    .logo a {
        width: 80%;
        height: 88%;
    }
    .interne h1 {
        font-size: 1.825rem;
    }
    .interne h2 {
        font-size: 1.625rem;
    }
    #mmenu {
        width: 80%;
        transform: translateX(calc(-100% - 90px))!important;
    }
    #mmenu #mmenu_middle:before {
        width: 85px;
    }
    .decouverte h2 span.color-accent{
        display: inline;
    }
    .interne .decouverte:before {
        height: 95px;
        top: 0;
        left: inherit;
        right: -48px;
        top: 0;
        transform: rotate(70deg);
    }
    .interne .decouverte {
        overflow: hidden;
    }

    #mmenu nav.mobile_horizontal {
        display: block;
        margin-top: -30vh;
    }
    #mmenu nav.mod_changelanguage.block {
        top: 60vh;
        bottom: initial;
    }
    .mod_changelanguage ul li {
        padding: 5px 5px;
        font-size: 1.2rem;
    }
    #mmenu #mmenu_middle:after{
        opacity: 0.05;
    }
}
@media screen and (max-width:345px){
    .grid-home-texte .ce_headline_extended div {
        font-size: 2rem;
    }
}