/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept).   → <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em>   → <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go.   → <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css)   → <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,600i,700,800i');

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
     padding-right: 0px; 
     padding-left: 0px; 
}

.h4, .h5, .h6, h4, h5, h6 {
	margin : 0!important;
}

html{
	margin : 0!important;
	height: 100%;
	background: white;
}

body{

	background-position: 100% 0%;
	background-repeat: no-repeat; 
	height: 100%;
    overflow-x: hidden;
    
}

.bg_white{
    background: white;
}

#mega-menu-wrap-max_mega_menu_1{
	z-index: 999;
}

.container_1920{
    max-width: 1920px;
}

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint .gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}

.gm-style .gmnoprint {
       opacity: 1!important;
       border-radius: 10px!important;
       padding: 10px!important;
}

.gm-style .gmnoprint .gm-style-mtc , .gmnoprint .gm-bundled-control , .gmnoprint .gm-style button{
	 display:none!important;
}


.gm-style .gmnoprint img{
    padding: 3px!important;
}

a:visited,a:focus,a:active,a:hover{
	color : #004f9b;
}

a{text-decoration: none!important;}

.container{
	padding-right: 0;
	padding-left: 0; 	
}

.trait{
    background: #134e9f;
    width: 30%;
    margin: auto;
    margin-top : 30px;
    height: 3px;;
}
.row{
     margin-right: 0px; 
     margin-left: 0px; 
}

.flexRow{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient : horizontal;
	-webkit-box-direction : normal;
	    -ms-flex-direction : row;
	        flex-direction : row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.fl-al-top{
	-webkit-box-align: start!important;
	    -ms-flex-align: start!important;
	        align-items: flex-start!important;
}
.fl-al-strch{
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.fl-just-cnt{
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.fl-just-spc{
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.fl-just-spc-btw{
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.dsp_tb{
	display : table;
}
.dsp_tb_cell{
	display : table-cell;
}
.vt_al_ct{
	vertical-align: middle;
}

.hr1{
	border:1px solid #ecd20c;
}
.mg_10{
	margin: 10px;
}
.mg_20{
	margin: 20px;
}
.mg_30{
	margin: 30px;
}

.mgtp_10{
	margin-top: 10px;
}
.mgtp_20{
	margin-top: 20px;
}
.mgtp_30{
	margin-top: 30px;
}
.mgtp_50{
	margin-top: 50px;
}
.mgbt_10{
	margin-bottom: 10px;
}
.mgbt_20{
	margin-bottom: 20px;
}
.mgbt_50{
	margin-bottom: 50px;
}
.pd_50{
	padding : 50px;
}
.pd_10{
	padding: 10px;
}
.pd_5{
	padding : 5px;
}
.pdtp_25{
	padding-top : 25px;
}
.pdtp_50{
	padding-top : 50px;
}

.pdlf_5{
    padding-left : 5px;
}
.pdrg_5{
    padding-right : 5px;
}
.bold{
	font-weight: bold;
}

.yellow{
	color:#ecd20c;
}
.white{
	color:#fff;
}
.blue{
	color:#2b1f68;
}

.bgblue{
	background: #004f9b;
}



.fs_12{
	font-size: 12px;
}
.fs_15{
	font-size: 15px;
}
.fs_18{
	font-size: 18px;
}
.fs_20{
	font-size: 20px;
}
.underline{
	text-decoration : underline;
}

.Alegreya{
	font-family: 'Alegreya Sans', sans-serif;
}


.hr_light{
	color: #004f9b;
    max-width: 40px;
    border: 1px solid #004f9b;
    margin: 0;
    margin-bottom: 20px;
}
.h2_section{
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #004f9b;
	z-index: 99;
    position: relative;	
}

#loader{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    background : white;
    z-index: 9999999;
}
#loader img{
    width: 50%;
    top : 50%;
    left : 50%;
    transform : translateX(-50%) translateY(-50%);
    position : absolute;
}
#loader .progressbar{
    font-family: 'Alegreya Sans', sans-serif;
    position: absolute;
    top: 0%;
    font-weight: bold;
    height: 2px;
    width: 0px; 
    background : #304596;
}

/* NAVIGATION */

/* MENU **************************************************************************/
/* MENU **************************************************************************/
/* MENU **************************************************************************/


    #mxw_navigation_header {
        position: relative;
    }

    #mxw_navigation_header #desktop{
        background: #134e9f;
        position: fixed;
        top: 0;
        left : 0;
        width: 100%;
        height: 80px;
        z-index: 99999;
        color: white;
    }
    #mxw_navigation_header #desktop .background{
        height: 150px;
        background:#eed622;
    }
    #mxw_navigation_header #desktop .background .colone1{
        height: 80px;
        background: #134e9f;
    }
    #mxw_navigation_header #desktop .background .colone2{
        height: 80px;
        background: #134e9f;
    }
    #mxw_navigation_header #desktop #logo {
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        z-index: 999;
    }

    #mxw_navigation_header a,#mxw_navigation_header a:active , #mxw_navigation_header a:hover  , #mxw_navigation_header a:focus{
        padding-left :30px;
        padding-right :30px;
        color :white;
    }

    #mxw_navigation_header #desktop .recap,#desktop .navigation{
        padding-left :40px;
        padding-right :40px;
    }

    #mxw_navigation_header #desktop .navigation {
        height: 100%;
        font-size : 25px; 
    }
    #mxw_navigation_header #desktop .menu-navigation-container ,#mxw_navigation_header #desktop .menu-navigation-container ul  ,#mxw_navigation_header #desktop .menu-navigation-container li {
        height: 100%;
        position: relative; 
    }

    #mxw_navigation_header #desktop .navigation .level1 a{
        color : #9f9f9f!important;
    }

    #mxw_navigation_header #desktop .active{
        color : #134e9f !important;
        font-weight: bold;
    }

    #mxw_navigation_header #desktop .link-relative{
        position:relative;
        z-index: 999; 
        top: 20px;
    }


    #mxw_navigation_header #desktop .mask{
        background : #eed622;
        height: 100%;
        width : 100%;
        top: 0;
        position: absolute;
        -webkit-transform : skew(-45deg,0deg);
            -ms-transform : skew(-45deg,0deg);
                transform : skew(-45deg,0deg);	
    }

    #mxw_navigation_header #desktop .btn_deee_menu{
        font-weight: bold;
        border-radius: 0px 0px 10px 10px;
        background: #72b228; 
        background: -webkit-linear-gradient(top, #72b228 0%,#49741b 100%); 
        background: -webkit-gradient(linear, left top, left bottom, from(#72b228),to(#49741b)); 
        background: -o-linear-gradient(top, #72b228 0%,#49741b 100%); 
        background: linear-gradient(to bottom, #72b228 0%,#49741b 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72b228', endColorstr='#49741b',GradientType=0 ); 
        color: white;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-top: 0px;
        
    }


    #mxw_navigation_header #desktop .btn_contact_menu{
        border: 3px solid white;
        border-radius: 0px 0px 10px 10px;
        background: transparent;
        color: white;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-top: 0px;
        cursor: pointer;
    }

    #mxw_navigation_header #desktop .fa-facebook-f{
        color: white;
        border-radius: 50%;
        border: 3px solid white;
        padding: 10px;
        width: 36px;
        height: 36px;
        position: relative;
        margin-top : 10px;
    }

    #mxw_navigation_header #desktop  .fa-facebook-f:before {
        content: "\f39e";
        top: 8px;
        left: 10px;
        position: absolute;
    }


    #mxw_navigation_header #desktop .navigation .level1 li:hover{
        color : white;
        font-weight: bold;
        -webkit-transition : 0.5s all;
        -o-transition : 0.5s all;
        transition : 0.5s all;
        
    }


    #mxw_navigation_header #desktop ul{  
        position: relative;
        padding: 0;
        margin: 0;
        list-style: none;
        color : white;
    }

    #mxw_navigation_header #desktop li{
        float: left;  
        padding-left : 5px;
        padding-right : 5px;
    }



    #mxw_navigation_header #desktop .sub-menu{  
        position: relative;
        padding: 0;
        margin: 0;
        list-style: none;
        color : white;
    }

    #mxw_navigation_header #desktop .sub-menu li{
        float: none;
    }  

    #mxw_navigation_header #mobile{
        background: #134e9f;
        height: 70px;
        width: 100%;
        display: none;
        position: fixed;
        z-index: 999999;
        color : white;
        top: 0;
    }

    #mxw_navigation_header #mobile .head-menu-mobile{
        z-index: 100;
        position: absolute;
        width: 100%;
        height: 50px;
    }
    #mxw_navigation_header #mobile .body-menu-mobile{
        background: black;
        height: 100%;
        position: fixed;
        width: 100%;
        background: #134e9f; /* Old browsers */ /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #134e9f 0%,#05234f 100%); /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#134e9f),to(#05234f));
        background: -o-linear-gradient(top, #134e9f 0%,#05234f 100%);
        background: linear-gradient(to bottom, #134e9f 0%,#05234f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134e9f', endColorstr='#05234f',GradientType=0 ); /* IE6-9 */
    display : none;
    }
    #mxw_navigation_header #mobile  .menu-menu-1-container{
    padding-top : 100px;  
    }
    #mxw_navigation_header #mobile .navigation .level1 a{
        color : #9f9f9f!important;
    }

    #mxw_navigation_header #mobile .navigation .level1 li:hover{
        color : white;
        font-weight: bold;
        -webkit-transition : 0.5s all;
        -o-transition : 0.5s all;
        transition : 0.5s all;
        
    }
    #mxw_navigation_header #mobile #logo{
        width : 100%;
        margin-left: -5px;
    }

    #mxw_navigation .body-menu-mobile .MaxiAuto-Contact-fond-gauche{
        position: absolute;
        left : 0;top : 0;
    } 

    #mxw_navigation_header #mobile .fa-caret-square-down{
        color : white;
    }

    #mxw_navigation_header #mobile ul{
        position: relative;
        padding: 0;
        margin: 0;
        list-style: none;
        color: white;
        height: 100%;
        width: 320px;
        margin: auto;
        font-size: 25px;
        font-weight: bold;
        text-align: left;
        padding-top: 60px;
    }


    #mxw_navigation_header #mobile ul li{
        padding: 30px;
        cursor : pointer;
    }

    #mxw_navigation_header #header-menu{
        display:table;
        width:100%;    
        height: 100%; 
        z-index: 9999999;
        background: #134e9f;
        position: relative;
    }
    #mxw_navigation_header #header-menu #bloc1,#mxw_navigation_header #header-menu #bloc2{
        display:table-cell;
        vertical-align: middle;
        width: 50%;
        text-align:center
    }   
    #mxw_navigation_header #header-menu #bloc2{
        text-align: right!important;
        padding-right: 20px!important;
        color : #fded01;
        z-index: 99999;
        position : relative;
    }

    Poppin{
        display : none;
        z-index: 90;
        height: 100%;
        width: 100%;
        background: rgb(0, 79, 155);
        position: fixed;
        top: 0;
        left: 0;
        padding-top: 100px;
    }


    #mxw_navigation_header #mobile .menu_header{
        position: relative;
        z-index: 100;
    }


@media screen and (max-width: 1880px) {
    #mxw_navigation_header #desktop .navigation{
        font-size: 20px;
        /* margin-top: 10px;  */
        font-size: 15px;
    }
    #mxw_navigation_header #desktop .link-relative {
        top: 30px;
    }  
}
@media screen and (max-width: 1680px) {
    #mxw_navigation_header {
        height: 95px;
    }
    #mxw_navigation_header #desktop .background{
        height: 80px;    
    }

    #mxw_navigation_header a,#mxw_navigation_header a:active , #mxw_navigation_header a:hover  , #mxw_navigation_header a:focus{
        padding-left :20px;
        padding-right :20px;
    }
    #mxw_navigation_header #desktop .navigation{
        font-size: 1.5vmin;   
    }
    #mxw_navigation_header #desktop .background {
        height: 100px;
        background: #eed622;
    }



}

@media screen and (max-width: 1200px) {
    #mxw_navigation_header a,#mxw_navigation_header a:active , #mxw_navigation_header a:hover  , #mxw_navigation_header a:focus{
        padding-left :10px;
        padding-right :10px;
    }
    #mxw_navigation_header #desktop .background .colone1,#mxw_navigation_header #desktop .background .colone2{
        height: 60px;
    }
    #mxw_navigation_header,#mxw_navigation_header #desktop .background{
        height: 85px;  
    }
    #mxw_navigation_header #desktop .link-relative {
        top: 20px;
    }


}

@media screen and (max-width: 1024px) {
    #mxw_navigation_header a,#mxw_navigation_header a:active , #mxw_navigation_header a:hover  , #mxw_navigation_header a:focus{
        padding-left :10px;
        padding-right :10px;
    }
    #mxw_navigation_header #desktop .background .colone1,#mxw_navigation_header #desktop .background .colone2{
        height: 60px;
    }
    #mxw_navigation_header #desktop .background{
        height: 80px;  
    }
    #mxw_navigation_header {
        height: 80px;
    }
}


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

    #mxw_navigation_header {
        height: 76px;
    }

    #mxw_navigation_header #desktop .navigation{
        font-size: 15px;
    }    

    #mxw_navigation_header #desktop #logo{
        width: 130%;    
    }

    #mxw_navigation_header #desktop{
        display : none
     }

     #mxw_navigation_header #mobile{
        display : block;

     } 
     #mxw_navigation_header #mobile #logo {
        margin-left: -15px;
    }
    #mxw_navigation_header #mobile ul{
        padding-top: 0;
    }

}

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

    #mxw_navigation_header #desktop .navigation{
        font-size: 13px;
    }    


}


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

    #mxw_navigation_header #mobile .menu_header{
        margin-top: 5px;
        padding-left: 10px;
    }


}



/* SLIDER ACCUEIL*/

#slider_accueil{
    position: relative;
    z-index: 2;
    margin-top: 150px;
}

/* PRESENTATION*/

    #presentation{
        position: relative;
        background: white;
        min-height : 1300px;
        z-index: 3;
        top: -122px;
    }
    #presentation .main{
        display: block;
    }
    #presentation .mobile{
        display: none;
    }

    #presentation .MaxiAuto-Accueil-fond-gauche{
    position: absolute;
    top: 100px;
    left :0; 
    z-index: 2;
    }
    #presentation .MaxiAuto-Accueil-fond-droite{
        position: absolute;
        top: 0px;
        right :0; 
        z-index: 3;

    }
    #presentation .line{
        z-index: 10;
        position: relative;
        font-family: 'Alegreya Sans', sans-serif;
    }
    #presentation .number{
        font-size: 360px;
        color : white;
        text-shadow: 0px 0px 20px #00000033;
        font-weight: bold;
    }
    #presentation .title{
        font-size: 35px;
        color : #1e417b;
        font-weight: bold;
    }
    #presentation .subtitle{
        font-size: 22px;
        color : black;
    }

    /*      DIV  1            */

        #presentation .main div:nth-child(1) .number span{
            top: -80px;
            left: 205px;
            position: absolute;
        }
        #presentation .main div:nth-child(1) .title span:nth-child(1){
            top: 120px;
            left: 355px;
            position: absolute;
        }
        #presentation .main div:nth-child(1) .title span:nth-child(2){
            top: 160px;
            left: 400px;
            position: absolute;
        }

        #presentation .main div:nth-child(1) .subtitle span:nth-child(1){
            top: 210px;
            left: 440px;
            position: absolute;
        }
        #presentation .main div:nth-child(1) .subtitle span:nth-child(2){
            top: 235px;
            left: 480px;
            position: absolute;
        }
        /*      DIV  2            */

        #presentation .main div:nth-child(2) .number span{
            top: 170px;
            right: 205px;
            position: absolute;
        }
        #presentation .main div:nth-child(2) .title span:nth-child(1){
            top: 320px;
            right: 350px;
            position: absolute;
            color : #265db9;
        }
        #presentation .main div:nth-child(2) .title span:nth-child(2){
            top: 370px;
            right: 400px;
            position: absolute;
            color : #265db9;
        }

        #presentation .main div:nth-child(2) .subtitle span:nth-child(1){
            top: 420px;
            right: 440px;
            position: absolute;
        }
        #presentation .main div:nth-child(2) .subtitle span:nth-child(2){
            top: 445px;
            right: 480px;
            position: absolute;
        }

        /*      DIV  3            */

        #presentation .main div:nth-child(3) .number span{
            top: 520px;
            left: 390px;
            position: absolute;
        }
        #presentation .main div:nth-child(3) .title span:nth-child(1){
            top: 620px;
            left: 450px;
            position: absolute;
        }
        #presentation .main div:nth-child(3) .title span:nth-child(2){
            top: 660px;
            left: 490px;
            position: absolute;
        }

        #presentation .main div:nth-child(3) .subtitle span:nth-child(1){
            top: 710px;
            left: 550px;
            position: absolute;
        }
        #presentation .main div:nth-child(3) .subtitle span:nth-child(2){
            top: 735px;
            left: 590px;
            position: absolute;
        }
        #presentation .main div:nth-child(3) .subtitle span:nth-child(3){
            top: 760px;
            left: 630px;
            position: absolute;
        }

        /*      DIV  4            */

        #presentation .main div:nth-child(4) .number span{
            top: 860px;
            right: 390px;
            position: absolute;
        }
        #presentation .main div:nth-child(4) .title span:nth-child(1){
            top: 950px;
            right: 425px;
            position: absolute;
            color : #265db9;
        }
        #presentation .main div:nth-child(4) .title span:nth-child(2){
            top: 990px;
            right: 475px;
            position: absolute;
            color : #265db9;
        }

        #presentation .main div:nth-child(4) .subtitle span:nth-child(1){
            top: 1050px;
            right: 525px;
            position: absolute;
        }
        #presentation .main div:nth-child(4) .subtitle span:nth-child(2){
            top: 1075px;
            right: 575px;
            position: absolute;
        }

@media screen and (max-width: 1680px) {
    #slider_accueil{
        margin-top: 0px;
    }
}

@media screen and (max-width: 1350px) {
    #presentation .MaxiAuto-Accueil-fond-gauche{
        width: 500px;
    }
    #presentation .MaxiAuto-Accueil-fond-droit{
        width: 500px;
    }
    #presentation .title{
        font-size: 28px;    
    }
    #presentation .subtitle{
        font-size: 20px;    
    }
}

@media screen and (max-width: 1200px) {
    #presentation{
        min-height: 970px;
        top: -90px;
    }
    #presentation .MaxiAuto-Accueil-fond-gauche,#presentation .MaxiAuto-Accueil-fond-droite{
        width: 500px;
    }

    #presentation .title{
        font-size: 28px;    
    }
    #presentation .subtitle{
        font-size: 20px;    
    }

    #presentation .main div:nth-child(1) .number span{
        top: -80px;
        left: 205px;
    }
    #presentation .main div:nth-child(2) .number span{
        top: 60px;
        right: 105px;
    }
    #presentation .main div:nth-child(3) .number span{
        top: 300px;
        left: 260px;
    }
    #presentation .main div:nth-child(3) .title span:nth-child(1){
        top: 500px;
        left: 400px;        
    }
    #presentation .main div:nth-child(3) .title span:nth-child(2){
        top: 540px;
        left: 430px;        
    }
    #presentation .main div:nth-child(3) .subtitle span:nth-child(1){
        top: 580px;
        left: 495px;       
    }
    #presentation .main div:nth-child(3) .subtitle span:nth-child(2){
        top: 600px;
        left: 515px;       
    }
    #presentation .main div:nth-child(3) .subtitle span:nth-child(3){
        top: 620px;
        left: 535px;       
    }

    #presentation .main div:nth-child(4) .number span{
        top: 500px;
        right: 200px;     
    }
    #presentation .main div:nth-child(4) .title span:nth-child(1){
        top: 730px;
        right: 340px;
    }
    #presentation .main div:nth-child(4) .title span:nth-child(2){
        top: 770px;
        right: 370px;    
    }
    #presentation .main div:nth-child(4) .subtitle span:nth-child(1){
        top: 840px;
        right: 425px;
    }
    #presentation .main div:nth-child(4) .subtitle span:nth-child(2){
        top: 860px;
        right: 455px;        
    }

}

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

    #presentation{
        min-height: 750px;
    }

    #presentation .MaxiAuto-Accueil-fond-gauche{
        width: 340px;
    }
    #presentation .MaxiAuto-Accueil-fond-droite{
        width: 340px;
    }
    #presentation .title{
        font-size: 28px;    
    }
    #presentation .subtitle{
        font-size: 18px;    
    }


    #presentation .number{
            font-size: 240px;   
    }

    /*      DIV  1            */

    #presentation .main div:nth-child(1) .number span{
        top: -20px;
        left: 170px;
    }
    #presentation .main div:nth-child(1) .title span:nth-child(1){
        top: 120px;
        left: 270px;
    }
    #presentation .main div:nth-child(1) .title span:nth-child(2){
        top: 160px;
        left: 300px;
    }

    #presentation .main div:nth-child(1) .subtitle span:nth-child(1){
        top: 210px;
        left: 340px;
    }
    #presentation .main div:nth-child(1) .subtitle span:nth-child(2){
        top: 230px;
        left: 355px;
    }
    /*      DIV  2            */

    #presentation .main div:nth-child(2) .number span{
        top: 110px;
        right: 150px;
    }
    #presentation .main div:nth-child(2) .title span:nth-child(1){
        top: 300px;
        right: 280px;
    }
    #presentation .main div:nth-child(2) .title span:nth-child(2){
        top: 340px;
        right: 300px;
    }

    #presentation .main div:nth-child(2) .subtitle span:nth-child(1){
        top: 390px;
        right: 320px;
    }
    #presentation .main div:nth-child(2) .subtitle span:nth-child(2){
        top: 410px;
        right: 340px;
    }

    /*      DIV  3            */

    #presentation .main div:nth-child(3) .number span{
        top: 350px;
        left: 220px;
    }
    #presentation .main div:nth-child(3) .title span:nth-child(1){
        top: 470px;
        left: 340px;
    }
    #presentation .main div:nth-child(3) .title span:nth-child(2){
        top: 510px;
        left: 370px;
    }

    #presentation .main div:nth-child(3) .subtitle span:nth-child(1){
        top: 560px;
        left: 400px;
    }
    #presentation .main div:nth-child(3) .subtitle span:nth-child(2){
        top: 580px;
        left: 420px;
    }
    #presentation .main div:nth-child(3) .subtitle span:nth-child(3){
        top: 600px;
        left: 440px;
    }

    /*      DIV  4            */

    #presentation .main div:nth-child(4) .number span{
        top: 470px;
        right: 150px;
    }
    #presentation .main div:nth-child(4) .title span:nth-child(1){
        top: 650px;
        right: 290px;
    }
    #presentation .main div:nth-child(4) .title span:nth-child(2){
        top: 690px;
        right: 310px;
    }

    #presentation .main div:nth-child(4) .subtitle span:nth-child(1){
        top: 740px;
        right: 330px;
    }
    #presentation .main div:nth-child(4) .subtitle span:nth-child(2){
        top: 760px;
        right: 350px;
    }


}

@media screen and (max-width: 960px) {
    #presentation .subtitle {
        font-size: 15px;
    }  
    #presentation .MaxiAuto-Accueil-fond-droite {
        width: 310px;
    }  
}

@media screen and (max-width: 768px) {
    #presentation {
        top: -55px;
    }

    #presentation .MaxiAuto-Accueil-fond-gauche, #presentation .MaxiAuto-Accueil-fond-droite{
        opacity: 0.05;
        width: 300px;
    }

    #presentation .number {
        color: #134e9f;
    }   
    #presentation .title{
        font-size: 20px;    
    }
    /*      DIV  1            */

    #presentation .main div:nth-child(1) .number span{
        top: -20px;
        left: 170px;
    }
    #presentation .main div:nth-child(1) .title span:nth-child(1){
        top: 120px;
        left: 270px;
    }
    #presentation .main div:nth-child(1) .title span:nth-child(2){
        top: 140px;
        left: 270px;
    }

    #presentation .main div:nth-child(1) .subtitle span:nth-child(1){
        top: 190px;
        left: 270px;
    }
    #presentation .main div:nth-child(1) .subtitle span:nth-child(2){
        top: 210px;
        left: 270px;
    }
    /*      DIV  2            */

    #presentation .main div:nth-child(2) .number span{
        top: 160px;
        right: 150px;
    }
    #presentation .main div:nth-child(2) .title span:nth-child(1){
        top: 300px;
        right: 280px;
    }
    #presentation .main div:nth-child(2) .title span:nth-child(2){
        top: 320px;
        right: 280px;
    }

    #presentation .main div:nth-child(2) .subtitle span:nth-child(1){
        top: 370px;
        right: 280px;
    }
    #presentation .main div:nth-child(2) .subtitle span:nth-child(2){
        top: 390px;
        right: 280px;
    }

    /*      DIV  3            */

    #presentation .main div:nth-child(3) .number span{
        top: 350px;
        left: 150px;
    }
    #presentation .main div:nth-child(3) .title span:nth-child(1){
        top: 470px;
        left: 270px;
    }
    #presentation .main div:nth-child(3) .title span:nth-child(2){
        top: 490px;
        left: 270px;
    }

    #presentation .main div:nth-child(3) .subtitle span:nth-child(1){
        top: 540px;
        left: 270px;
    }
    #presentation .main div:nth-child(3) .subtitle span:nth-child(2){
        top: 560px;
        left: 270px;
    }
    #presentation .main div:nth-child(3) .subtitle span:nth-child(3){
        top: 580px;
        left: 270px;
    }

    /*      DIV  4            */

    #presentation .main div:nth-child(4) .number span{
        top: 520px;
        right: 150px;
    }
    #presentation .main div:nth-child(4) .title span:nth-child(1){
        top: 670px;
        right: 280px;
    }
    #presentation .main div:nth-child(4) .title span:nth-child(2){
        top: 690px;
        right: 280px;
    }

    #presentation .main div:nth-child(4) .subtitle span:nth-child(1){
        top: 730px;
        right: 280px;
    }
    #presentation .main div:nth-child(4) .subtitle span:nth-child(2){
        top: 750px;
        right: 280px;
    }


}

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

    #presentation {
        top: -40px;
    }


    #presentation .main{
        display: none;
    }
    #presentation .mobile{
        display: block;
    }
    #presentation .number {
        font-size: 150px;
    }   
    #presentation .title{
        font-size: 20px;    
    }
    #mxw_navigation_header #mobile #logo{
        width: 300px;  
    }  
}

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

    #mxw_navigation_header #mobile #logo{
        width: 250px;  
    }  

}


/* PNEU */

    #pneu{
        position: relative;
        z-index: 2;
        margin-top: 150px;
        background: white;
        min-height : 1300px;
        z-index: 3;
        padding-bottom: 150px;

    }
    #pneu .MaxiAuto-Pneus-fond-gauche{
        position: absolute;
        left :0; 
        z-index: 2;
        }
    #pneu .MaxiAuto-Pneus-fond-droite{
        position: absolute;
        right :0; 
        z-index: 3;
    }

    #pneu .MaxiAuto-Elements-titre-pneus{
        position: absolute;
        z-index: 5;
        width : 256px;
        right : 0px;
    }

    #pneu .grid-pneu-all{
        position: relative;
        z-index: 10;
        margin-top: 200px;
    }

    #pneu .grid-pneu{
        max-width: 600px;
        width: 100%;
        padding-bottom: 80px;
        padding-top: 50px;
    }
    #pneu .grid-pneu .img-logo{
        width: 300px;    
    }

    #pneu .phrase-left , #pneu .phrase-right{

        font-size: 14px;
        font-family: 'Alegreya Sans', sans-serif;       
    }

    #pneu .phrase-left div{
        text-align: right;
        width : 100%;
        position: absolute;
    }
    #pneu .img-pneu-left div:nth-child(2){
        margin-top: -40px;
        margin-left: -20px;
        z-index: 2;
    }
    #pneu .phrase-left div:nth-child(3){
        margin-left: 20px; 
        margin-top : 20px;
        z-index: 4;   
    }
    #pneu .phrase-left div:nth-child(4){
        margin-left: 40px;
        margin-top : 40px;  
        z-index: 4;   
    }
    #pneu .phrase-left div:nth-child(5){
        margin-left: 60px;
        margin-top : 60px;  
        z-index: 4;    
    }
    #pneu .phrase-left div:nth-child(6){
        margin-left: 80px;
        margin-top : 80px; 
        z-index: 4;     
    }
    #pneu .phrase-left div:nth-child(7){
        margin-left: 100px;   
        margin-top : 100px; 
        z-index: 4;  
    }
    #pneu .phrase-left div:nth-child(8){
        margin-left: 100px;   
        margin-top : 130px; 
        z-index: 4;  
    }
    #pneu .phrase-right div{
        text-align: left;
        width : 100%;
        position: absolute;
    }
    #pneu .img-pneu-right{
        z-index: 2;
        margin-top: -40px;
        margin-left: -20px;
    }
    #pneu .phrase-right div:nth-child(2){
        z-index: 4;   
    }    
    #pneu .phrase-right div:nth-child(3){
        margin-left: -20px; 
        margin-top : 20px;
        z-index: 4;   
    }
    #pneu .phrase-right div:nth-child(4){
        margin-left: -40px;
        margin-top : 40px;  
        z-index: 4;   
    }
    #pneu .phrase-right div:nth-child(5){
        margin-left: -60px;
        margin-top : 60px;  
        z-index: 4;    
    }
    #pneu .phrase-right div:nth-child(6){
        margin-left: -80px;
        margin-top : 80px; 
        z-index: 4;     
    }
    #pneu .phrase-right div:nth-child(7){
        margin-left: -100px;   
        margin-top : 100px; 
        z-index: 4;  
    }
    #pneu .phrase-right div:nth-child(8){
        margin-left: -100px;   
        margin-top : 130px; 
        z-index: 4;  
    }
    #pneu .phrase{
        position: absolute;
        margin-top: 100px;
        font-size: 22px;
        font-weight: bold;
        font-family: 'Alegreya Sans', sans-serif;
        z-index: 10;  
        width: 310px;
            
    }

    #pneu .phrase div:nth-child(1){
        margin-left: -80px;    
    }
    #pneu .phrase div:nth-child(2){
        margin-left: -40px;    
    }
    #pneu .phrase-long{
        display : none;
        
    }

    #pneu .strong_icon::before{
        content : ' ';
        position : absolute;
        width : 16px;
        height: 16px;
        background: url('/wp-content/themes/maxiweb/images/doigt.svg') center center / 16px 16px no-repeat;
        margin-left: -20px;
    }

    @media screen and (max-width: 1680px) {
        #pneu{
            margin-top : 0px;
        }
        #pneu .MaxiAuto-Pneus-fond-droite,#pneu .MaxiAuto-Pneus-fond-gauche{
            max-width: 350px;
            width : 100%;
        }   
        
        #pneu .phrase-left div,#pneu .phrase-right  div{
            margin-left : 0px!important;
            display : none;
  
        }
        #pneu .phrase-long{
            display : block!important;
            text-align: left!important;
            padding: 10px;
        }
        #pneu .img-pneu-left,#pneu .img-pneu-right{
            width: 150px;
        }
        #pneu .img-pneu-left{
            margin-left: 20px; 
            margin-top: 40px;
        }

    }
    @media screen and (max-width: 1400px) {
    }
    @media screen and (max-width: 1350px) {
        #pneu .grid-pneu-all {
            margin-top: 200px;
        }

        #pneu .image-pneu{
            display: none;
        } 

        #pneu .grid-pneu {
            padding-top: 50px;
            padding-bottom: 200px;
        }

    }



    @media screen and (max-width: 960px) {
        #pneu .MaxiAuto-Pneus-fond-gauche,#pneu .MaxiAuto-Pneus-fond-droite{
            opacity: 0.3;
            max-width: 200px;
        }
    }

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

        #pneu .phrase{
            margin-left: 50px;
        }
        #pneu .MaxiAuto-Elements-titre-pneus{
            right: -50px; 
        }
        #pneu .phrase{
            font-size: 2vmax;
        }


    }

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

        #pneu .grid-pneu {
            padding-bottom: 170px;
        }
    }

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

        #pneu .phrase{
            margin-left: 0px;
        }
        #pneu .MaxiAuto-Elements-titre-pneus{
            right: -50px; 
        }
        #pneu .phrase{
            display : none;
        }
        #pneu .grid-pneu .img-logo {
            width: 260px;
        }
        #pneu .grid-pneu-all{
            margin-top: 150px;
        }
    }  
/* ACCESSOIRE */

    #accessoire{
        position: relative;
        z-index: 2;
        background: white;
        z-index: 3;
        background: white;

    }
    #accessoire #accessoire-menu{
        position: relative;
        margin-top: 55px;
  
    }
    #accessoire .MaxiAuto-Elements-titre-accessoires{
        right :0; 
        top : 0;
        z-index: 0;
        width: 50%;  
        margin-top: 81px;    
        position: absolute; 
    }

    #accessoire .MaxiAuto-Accessoires-fond{
        position: absolute;
    }

    #accessoire .MaxiAuto-Menu-accessoires-min{
        left :0;
        z-index: 0;
        bottom: 0;
        width: 100%;
        max-width : 760px;
        z-index: 999;
        position:  relative;
    }


    #accessoire .MaxiAuto-Accessoires-fond-1{
        right :0; 
        z-index: 99;
        bottom: 0;
        width: 100%;
        position: absolute;
        width: 50%;
    }

    #accessoire .MaxiAuto-Accessoires-fond-2{
        right :0; 
        z-index: 99;
        top: 0;
        width: 100%;
        position: absolute;
        width: 50%;
    }

    #accessoire .ligne_jaune{
        height: 66px;
        width: 100%;
        background: #fcbc01;
        position: absolute;
        bottom: 0px;
        z-index:  99;
    }

    #accessoire .carre_jaune{
        width: 10px;
        height: 10px;
        background: #fcc001;
        z-index: 12;
        border: 0;
        padding-right: 5px;
    }

    #accessoire .accessoires-menu-items{
        position: absolute;
        z-index: 9999;
        right : 40px;
        top : 250px;
        text-align: right;
    }



    #accessoire .accessoire-menu-item label{
        margin-right: 10px;
        -webkit-transition : 0.3s;
        -o-transition : 0.3s;
        transition : 0.3s;
        cursor : pointer;
    }

    #accessoire .accessoire-menu-item .active::after{
        content: "";
        width: 10px;
        height: 10px;
        background: #fcc001;
        z-index: 12;
        border: 0;
        padding-right: 5px;
        color: #fcc001;
        margin-left: 4px;
        position: absolute;
        margin-top: 8px;  
    }

    #accessoire .accessoire-menu-item .active{
        font-weight: bold;
        margin-right: 30px;
    }

    #accessoire .accessoire-menu-item label:hover{
       font-weight: bold;
       -webkit-transition : 0.3s;
       -o-transition : 0.3s;
       transition : 0.3s;
    }

    #accessoire .accessoire-menu-item label:active{
        color : blue;
        -webkit-transition : 0.3s;
        -o-transition : 0.3s;
        transition : 0.3s;
     }

     #accessoire .accessoires-items{
        position: absolute;
        margin-top: 170px;
        height: 500px;
        /* width : 100%; */
        overflow-y: scroll;
        z-index: 100;
     }

     #accessoire .accessoire-list-item{
        display : none;
        font-family: 'Alegreya Sans', sans-serif;
        margin-top: 80px;
        min-width: 540px;
        cursor :pointer;
     }

     #accessoire .accessoire-image-item{
         max-width: 150px;
     }

     #accessoire .MaxiAuto-Accessoires-calque{
        position: absolute;
        left: 0px;
        top: -90px;
        width: 150%;
     }



     #accessoire .accessoire-list-item .title{
       font-weight: bold;
       font-size: 22px;
       color : #134e9f;
       /* padding-left: 100px; */
    }
    

    #accessoire .accessoire-list-item .marque{
        font-weight: bold;
        font-size: 15px;
        /* padding-left: 75px; */
     }

     #accessoire .accessoire-list-item .description{
        /* padding-left: 40px; */
        min-height: 50px;
        max-width: 250px;
        /* max-height: 50px; */
     }
     #accessoire .accessoire-list-item .reference{
        word-break: break-word; 
        min-height: 50px;
        padding-right: 10px;
     }


     #accessoire .accessoire-list-item .marque::first-letter{
        text-transform: uppercase;
     }

     #accessoire .accessoires-items .active{
         display: block!important;
     }



     #accessoire .accessoire-menu-volant{
         position: absolute;
         z-index: 999;
         top: 0;
     }

     #accessoire #accessoire-menu .accessoire-menu-list-volant{
        position: absolute;
        z-index: 999;
        font-weight: bold;
        font-size: 2.1vmin;
        color: white;
        max-width: 105px;
        text-align: right;
        line-height: 1.2;
     }

     #accessoire .accessoire-menu-list .active{
        color: #ffffff!important;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        font-size: 3vmin;
        text-shadow: 0px 0px 15px red;
        text-shadow: 0px 0px 15px red;  
        
    }

    #accessoire .accessoire-menu-list .active .barLat,#accessoire .accessoire-menu-list .active .barLon{
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        background: red!important;
        height: 5px!important;
        text-shadow: 0px 0px 15px red;
        
    }
    .accessoire-menu-list .active .barLon::after{
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        background: red!important;
        width: 16px!important;
        height: 16px!important;
        margin-top: -5px!important; 
        text-shadow: 0px 0px 15px red;   
        text-shadow: 0px 0px 15px red;  
    }

    #accessoire #accessoire-menu .barLat{

        background: #fcc100;
        height: 2px;
        position: absolute;
    }

    #accessoire #accessoire-menu .barLon{

        background: #fcc100;
        height: 2px;
        position: absolute;
        -webkit-transform-origin: left;
            -ms-transform-origin: left;
                transform-origin: left;
    }

    #accessoire #accessoire-menu .barLon::after{
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #fcc100;
        border-radius: 50%;
        margin-left: -4px;
        margin-top: -3px;
    }


    #accessoire .accessoire-item-back,#accessoire .accessoire-item-show{
        display: none;
    }

        #accessoire .accessoires-items::-webkit-scrollbar {
 
            display: none;
         
        }


    @media screen and (max-width: 1680px) {
        #accessoire #accessoire-menu , #accessoire .MaxiAuto-Elements-titre-accessoires{
            margin-top: 0px;
        }
        #accessoire .accessoires-menu-items{
            top: 160px;  
        }

        #accessoire .accessoires-items {
            margin-top: 30px;
        }



    }

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

        #accessoire #accessoire-menu

        #accessoire .MaxiAuto-Accessoires-calque{
            width: 50%;
         }
         #accessoire .accessoire-list-item .title , #accessoire .accessoire-list-item .marque ,#accessoire .accessoire-list-item .description {
            padding-left: 0px;
         }
         #accessoire .accessoires-menu-items{
            top: 100px;  
        }

        #partenaires #caroussel-logo img{
            width: 130px;
        }

        #accessoire .accessoire-image-item {
            max-width: 90px;
        }

        #accessoire .MaxiAuto-Accessoires-calque {
            top: -34px;
            width: 100%;
        }
        #accessoire .MaxiAuto-Accessoires-fond-1 {
            width: 34%;
        }
        #accessoire .accessoires-items{
            height: 400px;   
        }

     }


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


        #accessoire{
            overflow: hidden;   
        }

        #accessoire #accessoire-item{
            position: absolute;
            right: -2000px;
            z-index: 99999;
            height: 100%;
            background : white;
        }

        #accessoire .accessoires-menu-items {
            top: 200px;
            margin-right: 150px;
        }

        #accessoire .accessoire-menu-item label{
            font-size: 20px;   
        }
        #accessoire .accessoire-menu-item .active{
            font-size: 24px;   
        }
        #accessoire .accessoire-menu-item .active::after{
            width: 20px;
            height: 20px;
            margin-top: 9px; 
            margin-left: 10px;
        }

        #accessoire .MaxiAuto-Accessoires-fond-2{
            width: 20%;   
        }
        #accessoire .accessoires-items{
            margin-top: 0px;
            height: 700px;
            margin-left: 200px;
        }
        #accessoire .accessoire-image-item{
            max-width : 150px;   
        }

        #accessoire .accessoire-item-back {
            display: block;
            position: fixed;
            margin-left: 25px;
            margin-top: 15px;
            color: #134e9f;
            width: 50px;
            border-radius: 5px;
            cursor : pointer;
            z-index: 9999;
        }

        #accessoire .accessoire-item-show {
            display: block;
            position: absolute;
            color: #134e9f;
            width: 50px;
            border-radius: 5px;
            cursor: pointer;
            top: 200px;
            right: 50px;
            -webkit-transform: rotateZ(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotateZ(180deg);
            z-index: 99999;

        }

        #accessoire .accessoire-item-show:hover {
            cursor: pointer;
        }

    }

    @media screen and (max-width:650px) {
        #mxw_navigation_header {
            height: 70px;
        }


        #accessoire .accessoires-menu-items {
            top: 100px;
            margin-right: 55px;
        }

        #accessoire .accessoire-menu-item label {
            font-size: 18px;
        }

        #accessoire .accessoire-menu-item .active {
            font-size: 20px;
        }

        #accessoire .accessoire-menu-item .active::after {
            width: 10px;
            height: 10px;
            margin-top: 8px;
            margin-left: 4px;
        }

        #accessoire .accessoire-menu-list .active .barLat, #accessoire .accessoire-menu-list .active .barLon {
            height: 1px!important;
        }
        #accessoire  .accessoire-menu-list .active .barLon::after{
            width: 8px!important;
            height: 8px!important;
        }

        #accessoire .accessoire-item-show .fa-3x, #accessoire .accessoire-item-back .fa-3x{
            font-size : 30px;
        }
        #accessoire .accessoire-item-show {
            top: 100px;
        }

        #accessoire .accessoires-items {
            margin-left: 85px;
        }
        #accessoire .accessoires-items {
             height: 580px;
        }
        #partenaires {
            padding-left: 140px;
        }
        #partenaires #caroussel-logo img {
            width: 60px;
        }
        #accessoire .MaxiAuto-Accessoires-calque {
            display : none;
        }    
   
        #accessoire .accessoire-image-item {
            max-width: 100px;
        }

        #accessoire .accessoire-list-item{
            min-width: 270px;  
        }

    }


    @media screen and (max-width:480px) {
        #accessoire .accessoires-items {
            height: 300px;
        }
        #accessoire .MaxiAuto-Accessoires-fond-1 {
            width: 50%;
        }
        #accessoire .accessoires-items {
            height: 400px;
        }

        #accessoire .MaxiAuto-Menu-accessoires-min{
            opacity: 0.2;
            margin-top: 50px;    
        }

        #accessoire .accessoire-item-show {
            top: 50px;
            right: 5px;
        }

        #accessoire .ligne_jaune, #accessoire .accessoire-menu-list{
            display : none;
       }
        
        #accessoire .accessoires-items {
            margin-left: 10px;
            height: 420px;
        }
        #accessoire .accessoire-image-item {
            max-width: 80px;
        }


    }

    @media screen and (max-width:425px) {
        #accessoire .accessoires-items {
            height: 300px;
        }
        #accessoire .MaxiAuto-Accessoires-fond-1 {
            width: 50%;
        }
        #accessoire .accessoires-items {
            height: 350px;
        }
        #accessoire #accessoire-menu .accessoire-menu-list-volant {
            font-size: 10px;
        }
        #accessoire .accessoire-menu-item label {
            font-size: 14px;
        }

        #accessoire .accessoire-menu-item .active {
            font-size: 16px;
        }

    }

    @media screen and (max-width:375px) {
        #accessoire .accessoires-items {
            height: 420px;
        }
    }

/*  CONTACT*/


    #partenaires{
        position: relative;
        z-index: 2;
        background: white;
        min-height : 150px;
        z-index: 3;
        width: 70%;
        margin-left : auto;
        background: white;

    }

    #partenaires #caroussel-logo img{
        width: 196px;
    }

    #adherent{
        position : relative;
        text-align: center;
        margin-bottom: 100px;
    }
    #adherent .title{
        font-family: 'Roboto Condensed', sans-serif; 
        font-size  : 4vmax;
        letter-spacing: 2px;  
        margin-bottom : 60px;
    }

    #adherent #caroussel-logo{
        position: relative;
    }


    #adherent #caroussel-logo .carousel-inner{
        width: calc(85%);
        margin: auto;   
    }

    #adherent #caroussel-logo .sl-carousel-control-prev{
        position: absolute;
        top: 0;
        right: 0;
        width: calc(7.5%);
    }
    #adherent #caroussel-logo .sl-carousel-control-next{
        position: absolute;
        top: 0;
        left: 0;
        width: calc(7.5%);
    }
    #adherent #caroussel-logo .carousel-item img{
        max-width: 140px;
        padding: 0px 20px;
    }

    #adherent #caroussel-logo .sl-carousel-control-prev,#caroussel-logo .sl-carousel-control-next{
        margin-top : 20px;
    }



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

        #partenaires #caroussel-logo img{
            width: 130px;
        }

     }


    @media screen and (max-width: 1024px) {
        #adherent .title{ margin-bottom : 20px;}
        #adherent #caroussel-logo .carousel-item img{
            max-width: 150px;
            padding: 0px 10px;
        }
        #adherent #caroussel-logo .carousel-inner{
            width: calc(70%);
        }
        #adherent #caroussel-logo .sl-carousel-control-prev,#adherent #caroussel-logo .sl-carousel-control-next{
            margin-top : 50px;
            width: calc(15%);
        }

        #partenaires{
            min-height: 0px;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 50px;

        }

    }



    @media screen and (max-width:992px) {
        #adherent .title{margin-bottom : 20px;}
        #adherent #caroussel-logo .carousel-item img{
            max-width: 100px;
            padding: 0px 10px;
        }
        #adherent #caroussel-logo .sl-carousel-control-prev,#adherent #caroussel-logo .sl-carousel-control-next{
            margin-top : 20px;
        }

        #renseignement #info_droite #item_2{
            font-size: 2.5vmax; 
        }
        #partenaires{
            padding-left: 80px;  
        }
        #partenaires #caroussel-logo img{
            width: 100px; 
        }
        

    }

    @media screen and (max-width: 650px) {
        #partenaires #caroussel-logo{
            margin-left: auto;
            margin-right: auto;            
        }
    }

    @media screen and (max-width: 425px) {
        #adherent .title{ margin-bottom : 20px;}
        #adherent #caroussel-logo .carousel-item img{
            max-width: 150px;
            padding: 0px 10px;
        }
        #adherent #caroussel-logo .sl-carousel-control-prev,#adherent #caroussel-logo .sl-carousel-control-next{
            margin-top : 120px;
        }
        #renseignement #info_droite button span{
            font-size: 16px;
        }
        #renseignement #info_droite button{
            width: 100%;
            max-width: 300px;
        }
        #renseignement #info_droite #item_2{
            font-size: 3vmax; 
        }
        #partenaires #caroussel-logo img {
            width: 76px;
        }
    }



/* CONTACT */

    #contact{
        position: relative;
        z-index: 2;
        margin-top: 150px;
        background: white;
        min-height : 1100px;
        z-index: 3;
        overflow: hidden;
    }

    #contact .MaxiAuto-Contact-fond-gauche{
        position: absolute;
        left :0; 
        top : 80px;
        z-index: 0;
        width: 33%;
    }

    #contact .MaxiAuto-Contact-fond-droite{
        position: absolute;
        right :0; 
        top : 0;
        z-index: 0;
        width: 10%;
    }

    #contact .grid-contact-title{
        max-width: 900px;
        width : 100%;
        position: relative;
        z-index: 4;

    }

    #contact .grid-formulaire{
        padding-top : 100px;
        padding-left: 150px;
        max-width: 900px;
        width: 100%;
        z-index: 1;
        position: relative;
        z-index: 4;

    }
    #contact .phrase{
        position: absolute;
        max-width : 100%;
        margin-top: 120px;
        font-size: 22px;
        font-weight: bold;
        font-family: 'Alegreya Sans', sans-serif;       
    }

    #contact .phrase div:nth-child(1){
        margin-left: -240px;    
    }
    #contact .phrase div:nth-child(2){
        margin-left: -100px;    
    }
    #contact .phrase div:nth-child(4){
        margin-left: 40px;    
    }


    #contact .grid-formulaire .wpcf7,#contact .grid-formulaire .wpcf7-form-control-wrap{
        width: 100%;
    }
    #contact .grid-formulaire input,
    #contact .grid-formulaire select{
        padding: 10px;
        font-family: 'Alegreya Sans', sans-serif;
        margin-bottom: 15px;
        width: 100%;
        background: #f4f4f4;
        border: 1px solid #eaeaea;
        height: 50px;

    }
    #contact  .grid-formulaire .col{
        padding-right: 0px;
        padding-left: 0px;        
    }

    #contact .grid-formulaire textarea{
        padding: 10px;
        width: 100%;
        background: #f4f4f4;
        border: 1px solid #eaeaea;  
        resize: none;  
        z-index: 4;
        position: relative;   
    }
    #contact .grid-formulaire .demande,#contact .grid-formulaire input{
        width: 100%;    
    }
    #contact .grid-formulaire .demande select{
        width: 100%;    
        font-weight: bold;

    }
    #contact .grid-formulaire .sender{
        background: url('/wp-content/themes/maxiweb/images/MaxiAuto-Contact-bouton.svg');
        border: 0px;
        background-position: 100% 0%;
        background-size: contain;
        background-repeat: no-repeat;
        height: 300px;
        position: absolute;
        margin-top: -200px;
        margin-left: 10px;
        z-index: 2;
        cursor: pointer;
    }

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

        

        #contact .grid-formulaire{
            padding-top: 100px;  
            max-width: 428px;
            padding-left: 10px;
        }

        #contact {
            margin-top : 20px;
        }

        #contact .phrase{
            font-size: 16px; 
        }




    }

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



        #contact {
            margin-top : 0px;
        }

        #contact .phrase{
            font-size: 16px; 
        }


    }

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

        #contact .MaxiAuto-Elements-titre-contact{
          width: 50%;  
        }

        #contact .phrase{
            position: relative;
            width : 500px;
            margin-top: 0px;
            font-size: 18px;      
        }

        #contact .phrase div:nth-child(1){
            margin-left: 0px;    
        }
        #contact .phrase div:nth-child(2){
            margin-left: 0px;    
        }
        #contact .phrase div:nth-child(3){
            margin-left: 0px;    
        }

        #contact .phrase div:nth-child(4){
            margin-left: 0px;    
        }

        #contact .grid-formulaire{
            padding-top: 50px;
        }
    }


/* FOOTER */
    #footer a{
        color: inherit;
    }

    #footer{
        position : relative;
        bottom : 0px;
        width : 100%;
        z-index : 99999;
        background: white;
        -webkit-box-shadow: 0px -6px 20px #00000021;
                box-shadow: 0px -6px 20px #00000021;
    }
    #footer .top-frame{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width : 100%;
    }
    #footer .top-frame .top-frame-content{
        margin : 10px 20px;
       
    }

    #footer .MaxiAuto-Elements-footer{
        width: 340px;
        position: absolute;
        top: -299px;
        z-index: 9999999;
    }

    #footer .texte{
        font-size: 20px;
        font-family: 'Alegreya Sans', sans-serif;
        font-weight: 800;
        text-transform: uppercase;
        color: #1e417b;
    }

    #footer .groupCol{
        position: relative;
        width: 100%;
        background: white;
    }

    #footer .decal_0{
        padding-left: 100px;
    }
    #footer .decal_1{
        padding-right: 40px;
    }
    #footer .decal_2{
        padding-right: 80px;
    }
    #footer .mention{
        width: 60%;
        margin: auto;
        font-size : 12px;    
    }
    #footer .container{
        max-width: 1200px;
    }

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

        #footer .top-frame{
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        #footer .top-frame-content{
            text-align: center;
        }
    }

 /*  MENTION  */

    #politique{
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 9999999;
        background: white;
        padding: 20px;
        overflow-y: scroll;
    }


    /* #politique::-webkit-scrollbar {
        display: none;
    }
    
    #politique scrollbar {
        -moz-appearance: none !important;
    }

    #politique scrollbarbutton {
        -moz-appearance: none !important;
    }

    #politique thumb{
        -moz-appearance: none !important;
    }
    #politique scrollcorner {
        -moz-appearance: none !important;
        resize:both;
    }

    #politique scrollbar[orient="vertical"] {
        color:silver;
    } */
    


    ::-webkit-scrollbar {
        width: 5px;
    }
     
    ::-webkit-scrollbar-track {
      
        border-radius: 10px;
    }
     
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
  
    }

    #politique::-webkit-scrollbar {
        width: 10px;
        height: 8px;
        background-color: #aaa; 
    }

  .close_politique{
      position: fixed;
      top: 10px;
      right: 20px;
      color: black;
  }
	

    @media screen and (max-width: 960px) {
        #footer .decal_0,#footer .decal_1,#footer .decal_2 {
            padding-left: 0px;
            padding-right: 0px;
        }
        #footer .groupCol{
            position: relative;
        }
    }
    


    @media screen and (max-width:650px) {
        #footer .MaxiAuto-Elements-footer {
            display : none;
        }
        #partenaires {
            padding-left: 0px;
            width: 100%;
        }

        #contact .phrase{
            font-size: 14px;
        }

    }




/*  ANIMATION */

.accessoire_item_show{
    -webkit-animation-name: accessoire_item_show;
    animation-name: accessoire_item_show;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both      
}

@-webkit-keyframes accessoire_item_show {
    0% {
        right : -2000px;
        opacity: 0;
    }

    100% {
        right: 0px;
        opacity: 1;
    }
}
@keyframes accessoire_item_show {
    0% {
        right : -2000px;
        opacity: 0;
    }

    100% {
        right: 0px;
        opacity: 1;
    }
} 

.accessoire_item_hide{
    -webkit-animation-name: accessoire_item_hide;
    animation-name: accessoire_item_hide;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both      
}

@-webkit-keyframes accessoire_item_hide {
    0% {
        right: 0px;
        opacity: 1;
    }

    100% {
        right : -2000px;
        opacity: 0;
    }
}
@keyframes accessoire_item_hide {
    0% {
        right: 0px;
        opacity: 1;
    }

    100% {
        right : -2000px;
        opacity: 0;
    }
}