@media (max-width: 480px) {
    html {-webkit-text-size-adjust: none;}
    body {font-size:12px;}
    
    #header {top:0;background:#FFF !important;height:60px;overflow: hidden;margin: 0 0 1em!important;border-bottom:1px solid #C5C5C5}
    #header h1 {display:none;}
    #header a[rel=home] {background: url(../img/logo_ehesp_h.jpg) no-repeat 0 center / contain transparent;width: 50%;height: 60px;text-indent: -9999px;margin-top:0}
    #nav-mob {display:block;}
    #nav-mob a {float: right;height: 12px;opacity: 0.7;margin: 5px;color: #002448;font-weight: bold;text-transform: uppercase;text-decoration: none;font-size: 0.9em;display: inline-block;width:20%}
    #nav-mob a:hover, #nav-mob a:focus {opacity: 1;}
    #nav-mob a:before {content: "";width: 32px;height: 32px;margin:0 auto;background-image: url(../img/sprite-nav.png) !important;display: block;background-position: -47px -173px;}
    #nav-mob a.tools:before {background-position: -5px -524px;}
    #nav-mob a.menu:before {background-position: -5px -173px;}

    #container {background: none !important;}
    #content,#wrapper {width:100% !important;border:none;}
    #content {float:none;font-size:13px !important;line-height: 1.418em;border-bottom:1px solid var(--ehesp-color);padding:0;}
    #content > * {padding: 1em 1.618em;}
    #content img,#content .wp-caption, #content iframe{max-width:100%;}

    br.clearboth, hr.clearboth, div.clear {margin: 0 !important;padding: 0 !important;}

    #access {position: static;height: auto;background:#fdfdfd !important;}
    #access ul.menu {overflow: hidden;height: auto;width: 100%;position: relative;padding:0 !important;background-color:#FFF}
    #access ul.menu a {background: none !important;}
    #access ul.menu > li {height: 62px;margin: 0;width: 25%;text-align: center;}
    #access ul.menu > li.w33 {width:33.333%;}

    #access ul.menu > li > a {float: none;margin: 5px 0 0 0;padding: 0;color: var(--ehesp-color);opacity: 0.7;}
    
    #access ul.menu > li.open {height: 315px;background-image: url(../img/menu_icons.png);background-repeat:  no-repeat;background-position: center -110px;}
    #access ul.menu > li.open > a {opacity: 1;color: #002448 !important;}
    #access ul.menu > li.open > ul {height: 251px;}
    #access ul li ul {width: 100%;padding:0;top: 63px;background: #fff;position: absolute;left: 0;-moz-box-shadow: inset 0 0 5px #C5C5C5;-webkit-box-shadow: inset 0 0 5px #C5C5C5;-khtml-box-shadow: inset 0 0 5px #C5C5C5;box-shadow: inset 0 0 5px #C5C5C5;}
    #access ul li ul li {overflow:visible;float: none;text-align: left;height:auto;}
    #access ul li ul li a {line-height: 33px;width: 96%;display: block;border-bottom: 1px dotted #C5C5C5;font-weight: bold;text-transform: uppercase;font-size: 0.8em;}
    #access ul li ul li ul.sub-menu {display:none !important;}
    #access ul > li:nth-child(5) {clear:left;}
    #access ul > li:nth-child(5) > ul, #access ul.menu > li:nth-child(5) + li > ul {top: 126px !important;}
    #access li.news, #access li.links {display:block;}

    #access ul.menu > li > a:before {content: "";width: 32px;height: 32px;margin:0 auto;background-image: url(../img/sprite-nav.png) !important;display: block;background-position: -47px -173px;}
    #access ul.menu > li.application a:before {background-position: -5px -5px;}
    #access ul.menu > li.calendar a:before {background-position: -5px -47px;}
    #access ul.menu > li.chalkboard a:before {background-position: -5px -89px;}
    #access ul.menu > li.clipboard a:before {background-position: -5px -131px;}
    #access ul.menu > li.direction a:before {background-position: -5px -173px;}
    #access ul.menu > li.fee a:before {background-position: -5px -337px;}
    #access ul.menu > li.folder-classic a:before {background-position: -5px -379px;}
    #access ul.menu > li.folder-recycled a:before {background-position: -5px -421px;}
    #access ul.menu > li.gear a:before {background-position: -5px -524px;}
    #access ul.menu > li.info a:before {background-position: -5px -566px;}
    #access ul.menu > li.library a:before {background-position: -5px -608px;}
    #access ul.menu > li.magnifier a:before {background-position: -5px -650px;}
    #access ul.menu > li.newspaper a:before {background-position: -5px -814px;}
    #access ul.menu > li.newsreader a:before {background-position: -5px -856px;}
    #access ul.menu > li.pencil a:before {background-position: -5px -898px;}
    #access ul.menu > li.ressource a:before {background-position: -5px -940px;}
    #access ul.menu > li.settings a:before {background-position: -5px -1043px;}
    #access ul.menu > li.shelf a:before {background-position: -5px -1085px;}
    #access ul.menu > li.signpost a:before {background-position: -5px -1127px;}
    #access ul.menu > li.time a:before {background-position: -5px -1169px;}
    #access ul.menu > li.users a:before {background-position: -5px -1272px;}
    #access ul.menu > li.website a:before {background-position: -5px -1314px;}

    ul.nav-tools {padding: 16px;background:#fdfdfd !important;border-bottom: 1px solid var(--ehesp-color);position: static !important;list-style-image: none;list-style-type: none;}
    ul.nav-tools li {display: inline-block;list-style-image: none;list-style-type: none;margin: 0;padding: 0;float:none;}
    ul.nav-tools li a {display:block;width:25px;height:25px;text-indent:-50em;overflow:hidden;margin:0 5px 0 0;background-image: url(../img/sprite-nav.png) !important;background-repeat: no-repeat;background-position: left 0;padding: 0;}
    ul.nav-tools li.twitter a{background-position: -5px -1237px !important;} 
    ul.nav-tools li.facebook a{background-position: -5px -302px !important;} 
    ul.nav-tools li.rss a{background-position: -5px -1008px !important;} 
    ul.nav-tools li.mail a{background-position: -5px -718px !important;} 
    ul.nav-tools li.flag_en a{background-position: -5px -241px !important;} 
    ul.nav-tools li.flag_fr a{background-position: -5px -489px !important;} 
    ul.nav-tools li.netvibes a{background-position: -5px -779px !important;} 

    #searchform {position: static;display: block;padding: 16px;height: auto;border-bottom: 1px solid var(--ehesp-color);}
    #searchform #s {width: 78% !important;padding: 4px 8px;}
    #searchform label {display:none;}
    #searchform .button {display: inline-block;height: 26px;}

    #primary {float:none;width:auto;padding: 16px !important;margin:0}

    #footer {background:#fdfdfd !important;}
    #footer > ul > li  {height:auto;margin: 0 1em;padding: 0.5em 0;}
    #footer > ul > li + li {border-top: 1px dotted var(--ehesp-color);}
    #footer li {line-height: 13px !important;font-size:9px;}
    
    .two-block,.two-block-alt {float:none;width:auto;clear:both;padding:0;}
    .two-block h2, .two-block-alt h2 {font-size:12px !important;}
    .widget_categoryposts,.widget_sidewidget,.breadcrumb, .page-nav .page-numbers  {display:none;}
    .page-nav .prev, .page-nav .next {display:inline;}

    #popup {width:80% !important;height:auto !important;left:5% !important;top:80px !important;}
    #popup a.cancel {top:0 !important;right:0 !important}

    fieldset, select, input[type=text], textarea {margin:0;padding:0;width:100% !important;}

    table, tbody, tr, th, td {display:block;}
    table.recaptchatable  {display: table;}
    .recaptchatable tbody {display: table-row-group;}
    .recaptchatable tr {display: table-row;}
    .recaptchatable td, .recaptchatable th {display: table-cell;}

    .cform label, .cform textarea, .cform select, .cform input.single, .cform input.secinput, ol.cf-ol li.cf-box-title,ol.cf-ol li.cf-box-group {width:95% !important;}
    ol.cf-ol li {margin:0 !important:padding:0 !important;}
    .cform input.sendbutton {margin-top: 10px;}

    .policy-container {width: 95%;}
    #cookie-policy-close {width: 16px;height: 16px;overflow: hidden;}
}