/* ( o ) ---------- */
/*  | |  CSS Styles */
/*----------------- */

.site-header{height:76px;position: relative;background: #333;min-width: 320px}
.site-header a{color:#fff;}
.site-header a:hover{text-decoration: underline; color:#fff;}
.onfb-logo{position:absolute;top:0px; left:0px;z-index: 400;margin:20px 0 0 20px ; padding: 0 0}
/*.onfb-logo{position:absolute;top:0px; left:0px;z-index: 400;margin:20px 0 0 20px ; padding: 0 0}*/
  .onfb-logo img{margin: 0px 0 0 0px}


.search-menu{float: right;}
.search_link::after{content: ""; background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiNDQ0NDQ0MiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMTIiIGN5PSIxMCIgcj0iNiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjE4IiB5MT0iMTciIHgyPSIyNSIgeTI9IjI0Ii8+DQo8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCjwvc3ZnPg0K") right center no-repeat; right: 0px; height: 2rem; width: 2rem; top: 50%;  outline: none; -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); position: absolute; }
a.search_link {position: relative; padding-right: 2.5em !important;  outline: none; white-space: nowrap; text-transform: uppercase; }
.site-header li a.search_link{display: none;}
#mobile-search-link{  position: absolute;right: 70px; top: 30px;}
#mobile-search-link a:after{  background-size: auto 48px; height: 48px; width: 48px;}

.menu-switch{display: block;position:absolute;z-index:201;top:25px;right:20px;font-size:65px;line-height: 29px;width:34px;text-align: right;}
.site-header .menu-switch:hover{text-decoration: none}
.menu-switch-off{display: block;position: relative;}

.site-nav{position:absolute;z-index:100; top:0px;left:0px;right:0px ; display:none;padding-top:76px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNzZweCIgaGVpZ2h0PSI3NnB4IiB2aWV3Qm94PSItMjcgLTYyIDc2IDc2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yNyAtNjIgNzYgNzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjMjMxZjIwIiBwb2ludHM9IjE0LDAgMjgsMTQgMCwxNCAiLz4KPC9zdmc+") right top no-repeat}

.site-nav:target,#compactnav.dropDown-mobile{display:block;z-index: 200;}
.site-nav:target a{z-index:10;position: relative;}

.site-nav .menu-switch-off a{
          /* turn the link into a ghost */
       /*background: rgba(50,50,255,.5);*/
      /*background-color: transparent;*/

      background-repeat:no-repeat;
      border: 0;
     /* text-indent: -999em; */
      /* make it fill the screen */
      position: absolute;
      top: -101em;
      bottom: -101em;
      left: 0;
      right: 0;
      /* ensure it sits behind the other links */
      z-index: 0;
      float:none;width: auto;
        }


.site-header li a {
    float:left;
    width:40%;
    display:block;
    text-transform:uppercase;
    font-size:0.875em;
    line-height:3.2;
    padding:0 5%;
    
    border: 1px solid #333;
    border-width: 0 0 1px;
}
.site-nav li a {background: #231F20;}


.site-nav .wrap-menu{background: #231F20; position: relative; z-index: 201;}
.wrap-menu{*zoom:1;}.wrap-menu:before,.wrap-menu:after{display:table;content:"";}
.wrap-menu:after{clear:both;}


        /*ajustement pour le dernier element*/

/*user menu logged in*/
/*.site-nav li a.user-id {width:100%}*/
.user-id img{height: 28px;vertical-align: middle;margin-right: 8px}
.site-nav .campus-user a{background-color: #245 }

/*language menu */
.lang-menu li a {border-bottom: none;width:90%;}

/* Sites pro */

.pro-site .top-search {margin-right:0;}
.search-type{display: none}

/*helper*/
.hide-sm, .site-header li a.hide-sm{display: none}

@media (min-width: 1025px)  {

    .site-header{height:36px;padding: 31px 20px }
    .onfb-logo{position: relative;top:auto;left:auto;float:left;margin: 0 0}
    .menu-switch, .menu-switch-off, #mobile-search-link{display:none}
    .site-header li a.search_link{display: block;}
    .site-nav{position:static; top:auto;left:auto;right:auto; display:block;padding-top:0px; background-image:none;}
    .site-nav{margin-left:86px}
    .site-nav li {float: left;margin:0 10px} /* devrait etre 20px :(  */
    /*.main-menu > li:last-child {margin:0 0 0 20px}*/
    .site-header li a{display: inline;float: none;width: auto;background-color: transparent;padding: 0 0;line-height:2.6;border-width: 0 0 0 0  }


        .site-nav .wrap-menu{background: none; }
        .wrap-menu{*zoom:1;}.wrap-menu:before,.wrap-menu:after{display:block}
        .wrap-menu:after{clear:none;}
        .main-menu{border-bottom-width:0px }

    .topnav-menu .dd{position:relative;margin:0 0;padding:0 10px;background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjVweCI+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI1LDUgMCw1IDUsMCAiLz48L3N2Zz4=") right 25px no-repeat}
    /*.topnav-menu .dd{position:relative;margin:0 0;padding:0 10px;background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxNSA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNSA1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNSw1IDAsNSA1LDAgIi8+PC9zdmc+DQo=") right 25px no-repeat}*/
    .dd-menu{display: none;position:absolute;background: #242424;padding:0 0 8px;left:0px;z-index: 200;}
    .dd-menu li{float:none;padding:0 0;white-space: pre }
    .dd:hover .dd-menu{display:block}
    .dd:hover {border-top:5px solid #242424;margin-top: -5px;background: #242424;}

    .account-menu{float:right}
    /*.account-menu > li{margin-left: 0px}*/
    .account-menu .usermenu{margin-right: 10px}
    .account-menu .dd-menu { left: 0px; min-width: 150px; width: 100%;}
    .account-menu .campus-user a{background-color: transparent}
    .account-menu .campus-user{background-color:#245;}
    .campus-user:hover, .campus-user:hover ul{background-color:#296280;}
    .campus-user:hover{border-color:#296280;}

    /*.lang-menu{position: absolute;right:20px}*/
    /*.lang-menu li{margin-right:0}    */


    .lang-menu, .search-menu{float:right;}

    /* Pro Sites */
    .pro-site {padding-top:69px }
    .pro-site .site-nav {padding-top: 10px;}
    .pro-site .main-menu > li:first-child {padding-left: 36px}

    .pro-site .account-menu{background: #000;height: 35px;position: absolute;top:0;left: 0 ;right: 0;margin-right: 0; z-index: 500;padding: 5px 20px 0}
    .pro-site .logged-in{padding-left:0px}
    .pro-site .account-menu > li{margin:0 20px;font-size: 14px;list-style: disc;color: #f90}
    .pro-site .account-menu > li:last-child{float: right;list-style: none;margin:0}
    .pro-site .account-menu a{color: #ffc}

    .pro-site .account-menu .dd-menu{ background-color:#fff;padding: 10px 0}
    .pro-site .account-menu .dd-menu li{margin:0px 7px; white-space: normal;}
    .pro-site .account-menu .dd-menu a{line-height:inherit;color: #000;display: block;padding:6px}

    .pro-site .account-menu .dd:hover {border-top:0px solid #242424;margin-top: 0;background-color:#fff;}
    .pro-site .account-menu .dd:hover a{color:#000;}
    .pro-site .account-menu .dd-menu a:hover{background-color:#ffbb7f;text-decoration: none}

    .pro-site .logged-in{padding-right: 20px}
    .pro-site .logged-in > li{margin: 0 20px 0 0;}
    .pro-site .logged-in > li:first-child{margin-right:90px}
    .pro-site .logged-in li{list-style: none;}


    .search-menu{padding-top: 0px; padding-left: 0px;}
    .search_link {padding-left: 5%;}

/*helpers*/
.hide-sm, .site-header li a.hide-sm{display: inline}

}

/*fix :( */
    @media (min-width: 1100px)  {
        .site-nav{margin-left:130px}
        .site-nav li {margin:0 20px}
        .topnav-menu .dd{padding:0 20px;}
        .search-menu li, .lang-menu li, .account-menu li{margin: 0 10px;}
        .search-menu li{margin-right: 0px;}
        .account-menu .dd{padding:0 20px 0 6px;}
    
        

    }



    /*TV*/
    @media (min-width: 1756px){
        .site-header{ font-size: 90% }
    }