@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Light"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semilight"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Bold"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semibold"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("truetype");
    font-weight: 700;
}
#menu {
    display: flex;
}@media all and (min-width:850px){div.top{max-width:1198px;margin:0 auto}#menu{font-family:Segoe UI;font-weight:lighter;float:left;width:600px}a.menu{text-decoration:none;color:#000;font-size:16px}a.menu:hover{color:#e5984d}#menu a{text-decoration:none}#menu>li,#menu>li li{position:relative;display:inline-block;width:200px;padding:6px 15px;text-align:center}.test ul li{text-align:left!important}#menu>li li{background:transparent none;height:20px}
    #menu > li li a {
        color: #9093a3;
        height: 20px;
        font-size: 14px;
        font-family: DM Sans;
    }#menu>li.connexion{width:180px}#menu>li.inscription{width:160px}#menu>li li.connexion{width:200px;text-align:left}ul.test{height:420px;width:770px;float:left;color:#fff!important;background-color:#193068!important}#menu ul.connexion{position:absolute;left:-29px;margin-right:20px}#menu ul.connexion2{position:absolute;left:-102px;-moz-box-shadow:0 7px 10px 0 #8a8b8b;-webkit-box-shadow:0 7px 10px 0 #8a8b8b;-o-box-shadow:0 7px 10px 0 #8a8b8b;box-shadow:0 7px 10px 0 #8a8b8b}#menu ul.connexion3{position:absolute;left:-252px;-moz-box-shadow:0 7px 10px 0 #8a8b8b;-webkit-box-shadow:0 7px 10px 0 #8a8b8b;-o-box-shadow:0 7px 10px 0 #8a8b8b;box-shadow:0 7px 10px 0 #8a8b8b}#menu>li li:hover{height:20px}a.connexion{color:#000;cursor:pointer}a.connexion:hover{color:#e5984d}
    #menu ul {
        position: absolute;
        top: -1px;
        left: 0;
        max-height: 0;
        margin: 0;
        padding: 0;
        background-color: #fff;
        overflow: hidden; /*transition:2s max-height 0s;*/
        margin-top: 33px;
        z-index: 1
    }#menu>li.connexion:hover ul,#menu>li.inscription:hover ul,#menu>li.test:hover ul{max-height:40em;margin-top:32px;border-top:2px solid #e5984d}input.boutonConnec{width:250px;padding-left:8px;color:#000;font-size:20px;font-weight:lighter;font-family:segoe UI;height:35px;border:1px solid #d0d0d0;border-radius:3px}input.boutonInscrip{width:400px;padding-left:8px;margin-top:10px;color:#000;font-size:20px;font-weight:lighter;font-family:segoe UI;border:1px solid #d0d0d0;border-radius:3px}select.boutonInscrip{width:410px;padding-left:8px;margin-top:10px;color:#000;font-size:20px;font-weight:lighter;font-family:segoe UI;border:1px solid #d0d0d0;border-radius:3px}input.boutonLogin{width:100%;border-radius:3px;font-size:25px;font-weight:lighter;font-family:segoe UI;border:none;background-color:green;color:#fff;cursor:pointer;padding:10px}input.boutonLogin2{width:100%;border-radius:3px;font-size:25px;font-family:segoe UI;font-weight:lighter;border:none;background-color:#2b4b90;cursor:pointer;color:#fff;padding:10px}hr.barreLogin{background-color:#d0d0d0;color:#d0d0d0;border-top:1px solid #d0d0d0;border-bottom:none;width:80%}hr.barreProduit{background-color:#d0d0d0;color:#036;border-top:1px solid #d0d0d0;border-bottom:none;width:80%}span.produits{color:#fff;margin-left:40px;font-size:18px;text-decoration:none;font-weight:700}div.divProduit{float:left;text-align:left}div.Walmaster{margin-left:30px;width:230px}div.methodes{margin-left:15px;width:310px;padding:30px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}div.methodes:hover{border-radius:50px;background-color:#f9f9f9}div.livre{margin-left:15px;width:310px;height:120px}div.marches{text-align:left;margin-top:89px;float:left;width:216px;margin-left:30px}div.telephone{padding-top:4px;font-size:20px;font-weight:lighter;font-family:segoe UI}.Div_include_top_boutique{font-size:13px}div.logo{float:left;width:200px}div.menu{float:right;width:700px;float:left;display:block}.Div_include_top_gloabl_mobile{display:none}}@media all and (max-width:850px){div.logo{text-align:center;margin:0 auto;}div.telephone{text-align:center}#menu{display:none}.Div_include_top_gloabl_mobile{width:100%;float:left;background-color:#fff;color:#000;display:block;height:46px}input.boutonConnec{width:250px;padding-left:8px;color:#bebbbb;font-size:20px;font-weight:lighter;font-family:segoe UI;height:35px;border:1px solid #d0d0d0;border-radius:3px}input.boutonInscrip{width:100%;margin-top:10px;color:#000;font-size:20px;font-weight:lighter;font-family:segoe UI;border:1px solid #d0d0d0;border-radius:3px}select.boutonInscrip{width:100%;margin-top:10px;color:#000;font-size:20px;font-weight:lighter;font-family:segoe UI;border:1px solid #d0d0d0;border-radius:3px}input.boutonLogin{width:100%;border-radius:3px;font-size:25px;font-weight:lighter;font-family:segoe UI;border:none;background-color:#5cb85c;color:#fff;cursor:pointer;padding:10px}input.boutonLogin2{width:100%;border-radius:3px;font-size:25px;font-family:segoe UI;font-weight:lighter;border:none;background-color:#2b4b90;cursor:pointer;color:#fff;padding:10px}hr.barreLogin{background-color:#d0d0d0;color:#d0d0d0;border-top:1px solid #d0d0d0;border-bottom:none;width:80%}hr.barreProduit{background-color:#d0d0d0;color:#036;border-top:1px solid #d0d0d0;border-bottom:none;width:80%}#navigation{padding-top:13px;padding-bottom:13px;background-color:#e9eef8;color:#9093a3;height:20px;position:fixed;z-index:1;width:100%}#navigation ul{margin-top:12px;opacity:0;display:none;margin-left:0;padding-left:0;margin-bottom:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;list-style:none;}#navigation ul.expanded{opacity:1;display:block}#navigation li{display:block;color:#9093a3;padding:10px 0;font-size:18px;background-color:#e9eef8;font-weight:lighter;text-decoration:none;z-index:999;padding-left:20px}#navigation li a{color:#9093a3;text-decoration:none}#navigation li a:hover{color:#e5984d}.menu_button{text-align:center;color:#9093a3;text-decoration:none;margin-left:15px}.menu_button:hover{color:#e5984d;text-decoration:none}.menu_button2{text-align:center;color:#9093a3;text-decoration:none;float:right;margin-right:15px}.menu_button2:hover{color:#e5984d;text-decoration:none}#navigation_login{text-align:center}}
@media (min-width: 850px) {
    #menu > li, #menu > li li {
        padding: 6px 10px !important;
    }
}

@media (max-width: 1150px) {
    div.logo {
        width: 130px;
    }
}

@media (max-width: 1050px) {
    #menu {
        width: 500px;
    }
}

@media (max-width: 950px) {
    #menu {
        width: 450px;
    }
}

@media (max-width: 900px) {
    #menu {
        width: 400px;
    }
}


.top{
    font-family:DM Sans;
    font-size:14px;
}

.active {
    display: block!important;
    opacity:1!important;
}

.menuMobile .svg {
    display: inline;
    width: 25px;
    height: 25px;
    position: relative;
    top: 5px;
    fill:white;
}

.transition {
    transition: .5s ease-out;
}

.transformation {
    transform: rotate(90deg);
}

.menuMobile ul li {
    background-color: initial !important;
}

.menuMobile{
    cursor:pointer;
}

.Div_include_top_gloabl_mobile{
    font-family:DM Sans!important;
}