/*************************
    HEADER / by Toufik
*************************/

    #header{
        position: relative;
        padding: 30px 0px;
    }
    #before-header{
        background-color: #e6e6dd;
        width:100%;
    }
    #before-header .region{
        margin-left: 200px;
    }
    #before-header ul.menu {
        margin-right: 140px;
    }
    #before-header ul.menu,
    #before-header ul.follow{
        margin-bottom: 0px;
        display: inline-block;
        border: none;
        list-style: none;
        text-align: left;
    }
    #before-header ul.menu{
        margin-right: 30px;
    }
    #before-header ul.menu li,
    #before-header ul.follow li{
        list-style: none;
        display: inline-block;
        margin:0px;
        padding:0px;
    }

    #before-header ul.menu a,
    #before-header ul.follow a{
        display: block;
        text-decoration: none;
        font-size: 12px;
        color: black;
        padding: 5px 5px;
        margin: 0px 5px;
    }
    #before-header ul.follow li .icon.icon-facebook,
    #before-header ul.follow li .icon.icon-twitter,
    #before-header ul.follow li .icon.icon-youtube{
        background-repeat: no-repeat;
        background-position: left center;
        padding: 8px 0px 8px 16px;
    }

    #before-header ul.follow li .icon.icon-facebook{
        background-image: url(../images/picto_facebook_header.png);
    }

    #before-header ul.follow li .icon.icon-twitter{
        background-image: url(../images/picto_twitter_header.png);
        padding-left: 19px;
    }

    #before-header ul.follow li .icon.icon-youtube{
        background-image: url(../images/picto_youtube_header.png);
        padding-left: 23px;
    }

    /*
    * logo
    */
    #header a{
        display: block;
    }
    #header img{
        display: block;

    }

    #block-gm-gp-blocks-menu-navigation{
        position: relative;
    }
    #navigation{
        background-image: url(../images/bgmenu.gif);
        background-repeat: repeat-x;
    }
    #navigation .section{
        margin: 0;
        width: 960px;
    }
    /*
    * main navigation
    */
    #navigation ul.menu{
        margin: 0;
    }
    #navigation .menu-block-2 ul.menu{
        margin:0px;
        padding:0px;
    }
    #navigation .menu-block-2 ul.menu li{
        list-style: none;
        display: table-cell;
        margin:0px;
        padding:0px;
        position: relative;
        vertical-align: top;
    }
    #navigation .surligne{
        position: absolute;
        height: 10px;
        height: 5px;
        background-color: #fff;
        left: 15px;
        width: 80%;
    }
    #navigation .menu-block-2 ul.menu li.menu-mlid-cours a{
        font-size: 13px;
        padding: 13px 0;
    }
    #navigation .menu-block-2 ul.menu li.menu-mlid-3058 a.active,
    #navigation .menu-block-2 ul.menu li.menu-mlid-3058 a {
        background-color:#fbba17 !important;
        color:#000;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
        font-size: 13px;
    }
    #navigation .menu-block-2 ul.menu li.menu-mlid-3058 a:hover{
        background-color: #fccd58 !important;
    }
    #navigation a:before,#navigation a:after{
        margin:0px;
        padding:0px;
    }

    #navigation .menu-block-2 ul.menu a{
        padding:9px 0px;
        width:141px;
        text-align: center;
        color: white;
        display: block;
        text-decoration: none;
        font-weight: bold;
        font-size: 18px;
        margin:0px;
        background-image:url('../images/menu_sep.gif');
        background-repeat: no-repeat;
        background-position: 0px 0px;
        position: relative;
    }
    #navigation .menu-block-2 ul.menu a:hover{
        background-color: #9a9385;
    }

    #navigation .menu-block-2 ul.menu li.menu-mlid-3058 a{
        /*padding: 9px 75px 9px 0px;*/
        padding: 9px 55px 9px 0px;
        color:#000;
    }

    #navigation .menu-block-2 ul.menu li .picto_generation_plus{
        position: absolute;
        width: 67px;
        height: 91px;
        bottom: 5px;
        right: 7px;
        background-image:url('../images/magazine.png');
        background-size: 100% 100%;
    }
    #navigation .menu-block-2 ul.menu li:first-child{
        margin:0px;
        padding:0px;
        vertical-align: top;
    }

    #navigation .menu-block-2 ul.menu li:first-child a{
        width:60px;
        font-size: 0px;
        height: 45px;
        padding:0px;
        line-height: 45px;
        background-image:url('../images/home_icon.png');
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #navigation .menu-block-2 ul.menu a.active-trail,
    #navigation .menu-block-2 ul.menu a.active{
        background-color: #9a9385;
    }
    /*
    * sub navigation
    */
    #navigation .menu-block-1{
        background-color: #9a9385;
    }
    #navigation .menu-block-1 ul.menu li{
        list-style: none;
        margin:0px;
        padding:0px;

    }
    #navigation .menu-block-1>ul.menu>li{
        display: table-cell;
        position:relative;
    }
    #navigation .menu-block-1 ul.menu li a{

        color: white;
        display: block;
        text-decoration: none;
        font-weight: bold;


    }
    #navigation .menu-block-1 > ul.menu > li > a{
        padding:15px ;
        font-size: 15px;
        background-image:url('../images/submenusep.png');
        background-repeat: no-repeat;
        background-position: -2px 22px;
        position: relative;
    }
    #navigation .menu-block-1 > ul.menu > li:first-child > a{
        background-image:none;
    }
    #navigation .menu-block-1 > ul.menu > li > ul.menu > li > a{
        padding:15px 12px;
        font-size: 12px;
    }
    #navigation .menu-block-1 > ul.menu > li > a.active{
        background-color: #9a9385;
    }
    #navigation .menu-block-1 ul.menu ul.menu{
        display: none;
        position: absolute;
        z-index: 998;
    }
    #navigation .menu-block-1 ul.menu li:hover ul.menu{
        display: block;
        z-index: 999;
        background-color: #706858;
        min-width: 107px;
    }
    #navigation .menu-block-1 ul.menu ul.menu a:hover{
        background-color: #9a9385;
    }


    /* moteur de recherche */

    #block-search-form{
        display:inline-block;
        position: absolute;
        bottom: 36px;
        margin-left: 178px;
    }
    #block-search-form input[type=text]{
        width: 150px;
        padding: 0px 30px 0px 10px;
        background-image: url(../images/picto_search.png);
        background-position: 169px center;
        background-repeat: no-repeat;
        border:1px solid #d4d4ca;
        height: 28px;
        color:#6c6c63;
    }
    #search-block-form input[type=submit],
    #block-search-form input[type=submit]{
        display:none !important;
    }

    #block-menu-menu-login-logout{
        position: absolute;
        right: 148px;
        height: 32px;
    }
    #block-menu-menu-login-logout .content ul.menu li{
        background: none;
        list-style-image:none;
        list-style-type: none !important;
        display: inline-block;
    }
    #block-menu-menu-login-logout .content ul.menu li a{
        padding: 5px 30px;
        font-weight: 700;
        font-size: 14px;
        display: block;
        text-decoration: none;
        border-radius: 5px;
        background-repeat: no-repeat;
        background-position: 10px center;
    }
    #block-menu-menu-login-logout .content ul.menu li.Edition_abonn_ a{
        margin-right: 5px;
        width: 102px;
        background-image: url(../images/black_arrow.png);
        background-color: #fbba17;
        color:#000;
    }
    #block-menu-menu-login-logout .content ul.menu li.Edition_abonn_ a:hover{
        background-color: #fccd58;
    }
    #block-menu-menu-login-logout .content ul.menu li.S_identifier a{
        margin-right: 5px;
        background-image: url(../images/white_arrow.png);
        background-color: #706858;
        color:#fff;
    }
    #block-menu-menu-login-logout .content ul.menu li.S_identifier a:hover{
        background-color: #564e3e;

    }
    #all_auth_menu_profil_section .edition_abonne a{
        padding: 2px 0px 2px 25px;
        font-weight: 700;
        font-size: 14px;
        display: inline-block;
        text-decoration: none;
        border-radius: 5px;
        background-repeat: no-repeat;
        background-position: 10px center;
        background-image: url(../images/black_arrow.png);
        background-color: #fbba17;
        color:#000;
        width: 54px;
        line-height: 13px;
        position: absolute;
        right: 221px;
        top: 15px;
    }
    #all_auth_menu_profil_section .edition_abonne a:hover{
        background-color: #fccd58;
    }
    #all_auth_menu_profil_section .user_profil{
        width: 192px;
        background-color: #d8d2c5;
        border-radius: 5px;
        background-image: url(../images/picto_fleche_down.png);
        background-repeat: no-repeat;
        background-position: 169px center;
        cursor: pointer;
        position: absolute;
        right: 90px;
        z-index: 3;
    }
    #all_auth_menu_profil_section .user_profil:hover{
        background-color: #cfccc4;
    }
    #all_auth_menu_profil_section .user_profil img{
        float: left;
        margin-right: 10px;
    }
    #all_auth_menu_profil_section .user_profil .field-pseudo{
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
    }
    #all_auth_menu_profil_section_collapsible{
        width: 192px;
        position: absolute;
        background-color: #f1eee7;
        z-index: 3;
        right: 90px;
        top: 30px;
        height: 0px;
        overflow: hidden;
    }
    #all_auth_menu_profil_section_collapsible ul{
        padding: 0;
        margin: 0;
        border: 0;
    }
    #all_auth_menu_profil_section_collapsible ul li{
        margin: 0;
    }
    #all_auth_menu_profil_section_collapsible ul li a{
        display: block;
        padding: 4px 0px 4px 30px;
        border-bottom:1px solid #d8d2c5;
        text-decoration: none;
        color:#000;
        font-size: 14px;
        background-repeat: no-repeat;
        background-position: 12px center;
        background-image: url(../images/black_arrow.png);
    }
    #all_auth_menu_profil_section_collapsible ul li a:hover{
        background-color: #d8d2c5;
    }
    .overlay_profil{
        background-color: #000;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 3;
        display: none;
         -khtml-opacity:0.6;
        -moz-opacity : 0.6;
        -ms-filter: "alpha(opacity=60)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
        filter : alpha(opacity=60);
        opacity : 0.6;
    }

/****************************
    BLOC METEO
****************************/
#block-gm-gp-meteo-meteo{
    width: 220px;
    height: 73px;
    border: 1px solid #d4d4ca;
    border-radius: 5px;
    position: absolute;
    right: 309px;
    display: none;
    background: #fff;
}
#block-gm-gp-meteo-meteo .custom-select,
#block-gm-gp-meteo-meteo select{
    width: 108px;
    height: 28px;
    vertical-align: middle;
    line-height: 28px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    border:1px solid #d4d4ca
}
#block-gm-gp-meteo-meteo select{
    z-index: 2;
}
#block-gm-gp-meteo-meteo .min,
#block-gm-gp-meteo-meteo .max{
    width: 30px;
    height: 20px;
    line-height: 20px;
    position: absolute;
}
#block-gm-gp-meteo-meteo .symbol{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 47px;
    bottom: 18px;
}
#block-gm-gp-meteo-meteo .min{
    right: 7px;
    top: 13px;
    border-bottom: 1px solid #d4d4ca;
}

#block-gm-gp-meteo-meteo .max{
    right: 7px;
    bottom: 17px;
}
#block-gm-gp-meteo-meteo .titre{
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    top: 8px;
    left: 10px;
}
#before-header .container_24{
    position: relative;
}
#block-gm-gp-blocks-menu-before-header .js-time{
    position: absolute;
    left: 0;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    /*background-color: #ddd7c9;*/
    display: inline-block;
    padding: 0px;
    margin-right: 10px;
    font-size: 12px;

}
#header #block-gm-gp-blocks-menu-connect-or-profil{
   position: relative;
}
#before-header .contextual-links-region{
    position:initial;
}
#block-gm-gp-blocks-menu-before-header .before-menu{
    margin-right: 160px;
}
#block-gm-gp-blocks-menu-before-header .edition_abonne{
    position: absolute;
    right: 20px;
    top: 0;
    background-color: #fbba17;
    text-align: center;
}
#block-gm-gp-blocks-menu-before-header .edition_abonne a{
    padding: 0 20px;
    font-weight: 700;
    text-decoration: none;
    color:#000;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    display: inline-block;
}
#block-gm-gp-blocks-menu-before-header .edition_abonne a:hover{
    background-color: #fccd58;
}