/*
#page::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;min-height:2500px;
    background-image:url('../images/1_home.jpg');background-size:1800px auto;opacity:.5;background-position:center top;background-repeat:no-repeat;
    pointer-events:none;z-index:100}

#page {max-width:1800px;margin:0 auto;}

/**************************************************************************************************/
/********* MISC ***********************************************************************************/
/**************************************************************************************************/
body {font-family: 'Yalta Sans Pro Light', sans-serif;font-weight:400;font-size:18px;color:#000;background:#fff;}
img, svg, video{display:block;max-width:100%;height:auto;}


h1, h2, h3, h4, h5 {line-height:1.1em;font-weight:400;margin:.5em 0;font-family:'Yalta Sans Pro Bold', sans-serif;}
h1 {font-size:3em;}
h2 {font-size:3em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}

strong, .bold {font-family:'Yalta Sans Pro Bold', sans-serif;font-weight:400;}
.blackFont, .valoGrid h2 {font-family:'Yalta Sans Pro Black', sans-serif;font-weight:400;}
.lightFont {font-family:'Yalta Sans Pro Light', sans-serif;font-weight:400;}
em {font-style:italic;}
.upper {text-transform:uppercase;}
a {text-decoration:none;color:inherit;}
a:focus {outline:none;}

.imgCover {position:relative;overflow:hidden;}
    .imgCover::before {content:'';display:block;padding-bottom:56.25%;}
    .imgCover img {position:absolute;top:0;width:100%;height:100%;object-fit:cover;object-position:center;}


#system-message-container {margin:0 5%;}
    #system-message {width:33.33%;background:#f4f4f4;min-width:300px;padding:20px;}

/********* TEXT CONTENT ***************************************************************************/
.text {line-height:1.35em;}
.text p {margin:.5em 0;text-align:justify;}
.text ul {line-height:1.2em;margin:.5em 0;text-align:justify;list-style: initial;padding-left:1em;}
    .text *:first-child{margin-top:0;}
    .text *:last-child{margin-bottom:0;}
    .text a {text-decoration:underline;}

/********* COLORS ***************************************************************************/
.bleu {color:#232a43;}
.orange {color:#D2711C;}
.orangeBg {background:#ed7302;}
.blanc {color:#fff;}
/********* BUTTONS ***************************************************************************/
.btn {display:flex;align-items:center;font-size:1.5em;}
/********* GRIDS ***************************************************************************/
.grid {padding:0 5%;position:relative;z-index:1;}
.grid > div[class^="grid-gutter"] {position:absolute;top:0;height:100%;width:5%;}
    .grid > .grid-gutter-L {left:0;border-right:1px solid #e8eaee;position:relative;overflow:hidden;}
        .grid-gutter-L svg {position:absolute;top:50%;width:600%;max-width:1000%;fill:#e8eaee;
            transform:translateY(-50%) translatex(-37%) rotate(-90deg);}
    .grid > .grid-gutter-R {right:0;border-left:1px solid #e8eaee;}
/**************************************************************************************************/
/********* MENU ***********************************************************************************/
/**************************************************************************************************/
#menuWrap {position:relative;overflow:hidden;padding-bottom:33px;z-index:5;}
    #menuWrap::before, #menuWrap::after {content:'';position:absolute;height:200%;bottom:0;background:#fff;;border-bottom:1px solid #e8eaee;z-index:1;}
    #menuWrap::before {width:50%;right:65%;transform:rotate(6.5deg);transform-origin:100% 100%;}
    #menuWrap::after {width:80%;left:35%;transform:rotate(-6.5deg);transform-origin: 0 100%;}
#menu {display:flex;align-items:center;position:relative;padding:1% 0;z-index:2;}
/** Logo **/
#logo {display:flex;align-items:inherit;padding:20px 20px 20px 5%;}
    .logoPicto {margin:0 15px 0 0;width: 65px;height:78px;}
    .logoFont {display:none;margin-left:18px;width:255px;height:53px;fill:#232a43;}
    #page.homePage .logoFont {display:block;}

/** Menu links **/
#menuWrap ul.mod-menu {position:relative;width:54%;display:flex;align-items:inherit;justify-content:space-between;padding-left:2%;font-size:21px;}
    #menuWrap ul.mod-menu li {text-align:center;}
    #menuWrap ul.mod-menu li a {padding:20px;transition:transform .2s;}
    #menuWrap ul.mod-menu li a:hover {transform:scale(1.2);}
    #menuWrap ul.mod-menu li:last-child a {font-family:'Yalta Sans Pro Light', sans-serif;}
/** Active link **/
#menuWrap .active {font-size:2.5em;color:#D2711C;}


/**************************************************************************************************/
/********* HOME PAGE ******************************************************************************/
/**************************************************************************************************/
#page.homePage {position:relative;}
#page.homePage #menuWrap {position:absolute;width:100%;top:0;left:0;}

    #homeHeader {position:relative;height:40vw;overflow:hidden;margin-bottom:-5%;z-index:2;background:#888;
        clip-path: polygon(0% 0%, 100% 0%, 100% 93.1%, 65% 84.4%, 0% 100%);}
        .homeHeaderVideo {position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);padding-bottom:56.25%;overflow:hidden;z-index:1;}
            .homeHeaderVideo .imgCover {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
            .homeHeaderVideo::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:rgba(0,0,0,.4);}
        .homeHeaderText {position:absolute;bottom:0;left:0;margin:5% 5% 5.8% 5%;max-width:45%;
            line-height:1.39em;font-size:35px;letter-spacing:0.018em;z-index:3;}
        
/** Home grid **************************************/
.homegrid {position:relative;z-index:1;padding-bottom:2%;}
    .homegrid::before {content:'';position:absolute;left:5%;width:30%;bottom:0;height:15%;z-index:1;border-right:1px solid #e8eaee;}
    .homegrid::after {content:'';background:#ed7302;width:30%;z-index:1;
        position:absolute;bottom:80px;right:5%;padding-top:20%;transform:skewY(6.5deg);transform-origin: 100% 100%;}
    .homeGridRow1 {position:relative;display:flex;align-items:stretch;z-index:3;}
        .homeGImg1Wrap {position:relative;width:33.33%;}
            .homeGImg1Wrap::before {content:'';display:block;padding-bottom:95%;}
            .homeGImg1 {position:absolute;bottom:0;left:0;height:112%;width:100%;
                transform:skewY(6.5deg);transform-origin:0 0;overflow:hidden;}
                .homeGImg1 img{transform:skewY(-6.5deg);transform-origin:100% 0;}
            .homeGParaWrap {width:66.66%;display:flex;}
                .homeGPara {width:50%;padding:9% 3.5% 12%;}
    .homeGridRow2 {position:relative;display:flex;align-items:stretch;overflow:hidden;z-index:2;
        transform:skewY(-6.5deg);transform-origin:0 0;}
        .homeGridRow2 > div {transform:skewY(6.5deg);transform-origin:inherit;}
        .homeGImg2Wrap {position:relative;width:33.33%;}
            .homeGImg2Wrap::before {content:'';display:block;padding-bottom:56.25%;}
            .homeGImg2 {position:absolute;top:-25%;height:150%;width:100%;}
        .homeGEquipeWrap {width:66.66%;}
            .homeGEquipeWrap::before {content:'';display:block;padding-bottom:55%;}
            .homeGEquipeWrap h2 {position:absolute;top:0;left:3.5%;z-index:2;}
            .homeGEquipe {position:absolute;top:-25%;height:150%;width:100%;z-index:1;}


/**************************************************************************************************/
/********* VALORISER ******************************************************************************/
/**************************************************************************************************/

#valoriser .grid::after {content:'';position:absolute;bottom:0;right:5%;width:30%;border-left:1px solid #e8eaee;padding-bottom:15%;z-index:1;}

.valoGrid {position:relative;display:flex;align-items:stretch;flex-wrap:wrap;padding-bottom: 14%;z-index:2;
    transform:skewY(-6.5deg);transform-origin:33.33% 0;}
    .valoGrid > div {width:33.33%;min-height:300px;overflow:hidden;}
        .valoGrid > div > div {transform:skewY(6.5deg);transform-origin: 100% 0;}
        .valoGrid > div > div:not(.imgCover) {height:122%;padding:18% 5% 5% 11%;}

/** Titles **/
.valoGrid h1 {margin:0;}
.valoGrid h2 {margin:0 0 .5em 0;font-size:2em;}

/** Image blocks **/
.valoGrid .imgCover {height:120%;}

/** Bloc 1 Main title **/
.valoGrid > div.valoBlc1 {overflow:initial;position:relative;}
    .valoGrid > div.valoBlc1::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#001f44;
        transform:skewY(13deg);transform-origin:100% 0;}
    .valoGrid > div.valoBlc1 > div {height:auto;padding:9% 5% 11% 11%;}
/** Bloc 3 **/
.valoGrid > div.valoBlc3 {overflow:initial;position:relative;}
    .valoGrid > div.valoBlc3::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#ed7302;
        transform:skewY(13deg);transform-origin:0 0;}
    .valoGrid > div.valoBlc3 > div {padding-top:28%;}    
/** Bloc 6 **/
.valoGrid > div.valoBlc6 > div {padding-top:28%;}
/** Bloc 7 **/
.valoGrid > div.valoBlc7 {overflow:initial;position:relative;}
    .valoGrid > div.valoBlc7::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:2;}
    .valoGrid > div.valoBlc7::after {content:'';position:absolute;bottom:-60%;left:0;height:70%;width:100%;background:#ed7302;z-index:1;
        transform:skewY(13deg);transform-origin:100% 0;}
    .valoGrid > div.valoBlc7 > div {position:relative;z-index:3;}
/** Bloc 8 **/
  .valoGrid > div.valoBlc8 {padding:0;overflow:initial;position:relative;}
    #valoriser .valoGrid > div.valoBlc8 > .valoBlc8In {padding:0;transform:none;position:absolute;top:0;left:0;width:200%;height:160%;overflow:hidden;}
        #valoriser .valoGrid > div.valoBlc8 > .valoBlc8In .imgCover {height:120%;width:100%;
            transform:skewY(6.5deg);}


/**************************************************************************************************/
/********* CONCASSER RECYCLER *********************************************************************/
/**************************************************************************************************/
.concItem {display:flex;align-items:stretch;width:100%;}
    .concLeft {display:flex;flex-direction:column;width:33.33%;position:relative;z-index:2;margin-top:4.5%;}
        .concTitle {display:flex;margin-right:25px;}
            .concCounter {font-size:10.3em;line-height:0.85em;margin:0 .05em 0 20px;}
            .concTitle h2 {margin:0;line-height:.9em;}
        .concText {margin:25px 25px 45px 35px;}
        .concImage {position:relative;overflow:hidden;flex:1;}
            .concImage .imgCover {z-index:1;min-height:100%;}
                .concImage .imgCover::before {padding-bottom:75%;}
            .concImage::before, .concImage::after {content:'';position:absolute;left:0;width:100%;height:50%;z-index:2;background:#fff;}
            .concImage::before {bottom:100%;transform:skewy(-6.5deg);transform-origin:100% 0;}
            .concImage::after {top:100%;transform:skewy(6.5deg);transform-origin:100% 0;}
    .concRight {width:66.66%;padding-top:4.5%;position:relative;}
        .concVid {position:relative;padding-bottom:56.25%;overflow:hidden;z-index:3;background:#eee;}
            .concVid iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
        .concFile {position:relative;display:flex;justify-content:flex-end;padding:28px 15px 0;z-index:4;}
            .concDlLink {display:flex;align-items:center;font-size:.8em;padding:10px 10px 0;}
                .concDlLink span {max-width:9em;margin-right:.5em;}
                .concDlLink svg {fill:#d3731f;width:45px;height:59px;}

/* Lines and color block */            
.concItem .concRight::before {content:'';position:absolute;top:0;left:0;width:50%;height:15%;background:#001f44;z-index:2;
    transform:skewY(6.5deg);transform-origin:0 0;}
    .concItem:nth-child(2n-1) .concRight::before {background:#ed7302;}
    .concItem:first-child .concRight::before {left:auto;right:0;transform:skewY(-6.5deg);transform-origin:100% 0;}

.concGrid {position:relative;padding-bottom:50px;}
    .concGrid::after {content:'';position:absolute;top:-10%;left:33.33%;width:33.33%;height:110%;border-left:1px solid #e8eaee;border-right:1px solid #e8eaee;z-index:1;}
/**************************************************************************************************/
/********* CONTACT PAGE ***************************************************************************/
/**************************************************************************************************/
#contactPage .concItem {display:flex;align-items:stretch;}
#contactPage .concLeft {padding:0 2.5%;}
    #contactPage h1 {margin:0 0 .2em;line-height:1em;}
    #contactPage .text p {margin:0 0 1.4em;}
        #contactPage:not(.contactTY) .text a {text-decoration:none;}    

    #contact-form > fieldset > legend,
    #contact-form > fieldset > .field-spacer:nth-child(2) {display:none;}
    #contact-form {margin:0;}
        #contact-form  label {display:block;font-size:1.2em;margin:1.6em 0 .5em;}
        #contact-form input[type="text"],
        #contact-form input[type="email"] {width:100%;font-size:1.2em;line-height:1.2em;padding:.2em .5em;}
        #contact-form textarea {width:100%;height:210px;padding:.5em;}
        #contact-form > .control-group .controls {display:flex;justify-content: flex-end;margin:1.4em 0;}
            #contact-form > .control-group .controls .btn {background:#000; color:#fff;font-size:20px;padding:.4em;line-height:1em;cursor:pointer;
                transition:transform .15s;}
                #contact-form > .control-group .controls .btn:hover {transform:scale(1.1);}

    #contact-form .control-label label {display:flex; justify-content:space-between;}
        #contact-form .form-control-feedback {color: red;font-size:14px;}
        #contact-form .star {display:none;}

#contactPage .concRight {padding-bottom:4.5%;}
    #contactPage .concItem .concRight::after {content:'';position:absolute;bottom:0;left:0;width:50%;height:15%;background:#001f44;z-index:2;
        transform:skewY(-6.5deg);transform-origin:0 0;}            
    #contactPage .concVid {padding-bottom:0;height:100%;}
        #contactPage .concVid .imgCover {height:100%;}
            #contactPage .concVid .imgCover::before {padding-bottom:75%;}

.contactTYMessage {padding:30px 50px;}
    .diversContent {max-width:750px;padding:50px;}

/**************************************************************************************************/
/********* DIVERS *********************************************************************************/
/**************************************************************************************************/


/**************************************************************************************************/
/********* FOOTER *********************************************************************************/
/**************************************************************************************************/
#footer {display:flex;align-items:center;padding:10px 5%;font-size:15px;border-top:1px solid #e8eaee;}
    #footerLogo {width:48px;height:57px;margin-right:30px;}
        #footerLogo svg {width:48px;height:57px;}
    #footer ul {display:inherit;align-items:inherit;}
   
    #footer .mod-menu {text-transform: uppercase;min-width:calc(33.33% - 78px);padding-right:2%;justify-content:space-around;}
        #footer .mod-menu a {padding:0 15px;}
        #footer .mod-menu .item-105 {display:none;}

        #footer .secondaryLinks {font-size:.9em;justify-content:space-between;min-width:33.33%;}
            #footer .secondaryLinks a {display:block;padding: 0 20px 0 0;}
            #footer .secondaryLinks a svg {width:1.8em;height:1.8em;}