/*  #Mobile
================================================== */

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

    /*
    ** GLOBAL
    */
    h1{margin-left:10px; width:60px}
    h2{font-size:2.5em;}
    h3{font-size:1.5em;}

    input[type=text]{
        height:30px;
        margin-bottom:5px;
    }
    textarea{height:100px;}

    /*
    ** CLASSES
    */
    .content-inside{padding-left:0; width:96%; max-width:auto; padding-bottom:50px;}

    #fil-ariane{display:none;}

    .other .bloc:not(:last-child){margin:0 0 40px 0;}
    .other .bloc img, .other .bloc h3{margin-bottom:5px;}

    /*
    ** MENU
    */
    #home-menu{width:100%; margin:0; max-width:0;}
    #menu-mobile{
        display:block;
        position:absolute;
        right:10px; top:64px;
        width:32px; height:29px;
        background:url(../img/global/menu-mobile.png) top left no-repeat;
    }
    #menu-rs{display:none;}
    #menu{width:100%; position:relative;}
    #menu-nav{display:none;}
    #menu #menu-nav > ul{padding-top:10px;}
    #menu #menu-nav > ul:after{width:100%;}
    #menu #menu-nav > ul > li{height:auto;}
    #menu #menu-nav > ul > li > a{font-weight:bold;}
    #menu #menu-nav > ul li a{width:100%; padding:10px 0;}
    #menu #menu-nav > ul li a:hover{color:inherit;}
    #menu #menu-nav > ul li.active a:hover{color:#ececec;}
    #menu #menu-nav > ul ul{position:relative; width:100%; height:auto; left:auto; top:auto; padding:5px 0 10px;}
    #menu #menu-nav > ul ul li{position:relative; width:100%; height:auto; display:block; margin-right:0; text-align:center;}
    #menu #menu-nav > ul ul li div{height:auto;}
    #menu #menu-nav > ul ul li div a{padding:4px 0;}


    /*
    ** INDEX
    */
    #fullpage section.section .content{padding:0; max-width:none;}
    #fullpage section.section:nth-child(1) h2{font-size:3em;}
    #index section.section h2{font-size:1.5em;}
    #index section p{font-size:0.8em;}
    #index #pastille-blog{left:-40px;}

    .home-dd{top: 110px;}
.home-dd-txt {    margin-top: 169px !important;}
}