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

.site-header{height:76px;position: relative;background: #333;min-width: 960px}  /* fix design for old pages  */
/*.site-header{height:76px;position: relative;background: #333;min-width: 320px}*/
.site-header a{color:#fff}
.site-header a:hover{text-decoration: underline}
.onfb-logo{position:absolute;top:20px; left:20px;z-index: 400}


.top-search{height:36px;position: absolute;top:20px;left:112px;right:106px;z-index: 300}
.top-search input{display:inline;vertical-align:middle;font:normal 12px/36px sans-serif}
.top-search input[type="text"]{border:none;padding:0px 10px;height:36px;width:100%;background:#fff url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiNDQ0NDQ0MiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMTIiIGN5PSIxMCIgcj0iNiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjE4IiB5MT0iMTciIHgyPSIyNSIgeTI9IjI0Ii8+DQo8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCjwvc3ZnPg0K") right center no-repeat;}

.menu-switch{display: block;position:absolute;z-index:200;top:20px;right:20px;font-size:42px;line-height: 36px;width:36px;text-align: right}
.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{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-nav li a {
    float:left;
    width:40%;
    display:block;
    text-transform:uppercase;
    font-size:1.4em;
    line-height:3.2;
    padding:0 5%;
    background: #231F20;
    border: 1px solid #333;
    border-width: 0 0 1px;
}

.wrap-menu{background: #231F20; }
.wrap-menu{*zoom:1;}.wrap-menu:before,.wrap-menu:after{display:table;content:"";}
.wrap-menu:after{clear:both;}

.main-menu{border-bottom:1px solid #333 }
/*ajustement pour le dernier element*/
.main-menu > li:last-child a{border-bottom:none}
/*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%;}


/*@media (min-width: 1025px)  {     fix design for old pages    */

    .site-header{height:36px;padding: 31px 20px }
    .onfb-logo{position: relative;top:auto;left:auto;float:left;}
    .top-search{position:relative;top:auto;left:auto;right:auto;float:right}
    .top-search input[type="text"]{width: auto}
    .menu-switch, .menu-switch-off{display:none}

    .site-nav{position:relative; 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-nav 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 li a{}

    .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}
    .dd-menu{display: none;position:absolute;background: #242424;padding:0 0 8px;left:0px;z-index: 100;}
    .dd-menu li{float:none;padding:0 4px;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: 16px}
    .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{float:right;margin-right: 10px}
    /*.lang-menu li{margin-right:0}*/
/*}    fix design for old pages    */
/*fix :( */
@media (min-width: 1100px)  {

    .site-nav{margin-left:130px}
    .site-nav li {margin:0 20px}
    .lang-menu li{}
    .topnav-menu .dd{padding:0 20px;}

}