/* SMALL DESKTOP SCREEN */
@media screen and (max-width: 1290px) {
    #main-container {
    max-width: 1235px;
}
header {
    height: 130px;
    width: 100%;
}
#block-efs-main-menu {
    position: static;
    margin-top: 5%;
    width: calc(100% - 171px);
}
#block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded > a {}
.path-frontpage #block-efs-main-menu > ul.menu > li.menu-item.hover-no-arrow > a {
    padding-bottom: 17px;
}
#block-efs-main-menu > ul.menu > li.menu-item.hover-no-arrow > a {
    padding-bottom: 23px;
}
    #block-efs-main-menu > ul.menu > li {
    /* display: inline-block; */
    }
    .header-layout-container.scroll-header header{
    height:80px;
    position: fixed;
    z-index: 1;
    width: 85.2%;
}
    nav#block-accesdirects ul.menu li a {
    font-size: 13px;
    line-height: 14px;
    }
    article.node--view-mode-full .node__content .field--name-field-blocs .field__item .video-title{
      width: 100%;
    }
    .path-test-entity .quiz-middle .counter-question {
        width: 18%;
    }
    nav#block-accesdirects ul.menu li a {
    /* width: 6em; */
    /* height: 6em; */
    text-align: center;
}
#views_slideshow_cycle_div_efs_home_page-block_4_0 .views-field-field-bloc-focus {
    width: 42.4%;
}
.field--name-field-links > .field__item {
    width: 95%;
}
.layout-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    /* z-index: 0; */
}
#block-efs-content{
    margin-top:-6px;
}
#block-efs-main-menu > ul.menu > li > ul.menu.show {top: 70px;}
.path-trouver-une-collecte #block-shareblock {
    width: 29%;
    position: absolute;
    /* top: 0.6%; */
    /* left: 81%; */
}
form.cartography-filter-form #edit-gps {}
form.cartography-filter-form .form-item-date-debut, form.cartography-filter-form .form-item-date-fin {
    margin-top: 13.4%;
}
#cookie-bar p {
    padding-left: 7%;
}
#cookie-bar a{
    width:20%;
}

nav.breadcrumb{
    margin: 16px 1px;
    width: 71%;
    line-height: 16px;
}
.header-layout-container.scroll-header #block-efs-branding .site-logo img {
    width: 46%;
    margin: -6px auto;
}
.collectes-list .collect-item .collect-item-top .collect-item-top-right{
    padding-left: 0;
}
.collect-item-middle-left span.tel a:before{
    /* padding: 0px 10px; */
    /* background-size: 15px; */
}
#block-efs-branding .site-logo img {
    padding-top: 3px;
    margin-left: 30px;
}
footer #block-socialnetworfooterblock ul {
    width: 25%;
}
article.node--view-mode-full .node__content ul li:before{
    top: -2px;
}
.header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li > ul.menu {
    left: -83px;
}
#colorbox-main-container .field--name-field-video .field__item iframe {
    width: 100%;
}
footer #block-siteredirectblock select{
   left: -16%; 
}
#main-wrapper {
}
#block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover > a{padding-bottom: 24px;}
.scroll-header #block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover > a{
    padding-bottom: 19px;
}
/*
#views_slideshow_cycle_div_efs_home_page-block_1_0 .views-field-field-diaporama img{
        max-width:1028px;
    }*/
.path-frontpage #block-efs-content{
        width: 1073px;
    }
}

/* TABLETTE MODE PAYSAGE */
@media screen and (min-width: 981px) and (max-width: 1250px){
    #main-container {
        max-width: 997px;
    }
    .path-frontpage .layout-container {
        margin: 0;
    }
    .layout-container {
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 0;
        /* margin-left: 20px; */
    }
    .header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li > ul.menu {
        top: 80px;
        display: none;
        width: 874px;
        left: 0;
        position: absolute;
    }
    .path-trouver-une-collecte #block-shareblock {
        width: 29%;
        position: absolute;
        top: -0.3%;
        left: 77%;
    }
    .header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li {
        padding: 0;
    }
    .header-layout-container.scroll-header header {
        height: 80px;
        position: fixed;
        z-index: 1;
        width: 88.6%;
    }
    #main-container {
        max-width: 1015px;
        display: flex;
    }
    .sidebar-fixe {
        margin:0;
    }
    .header-layout-container {
        width: 100%;
    }
    #block-efs-main-menu > ul.menu > li {
        display: inline-block;
        padding: 0px 0px;
    }
    .block-views-blockefs-home-page-block-2 .views-field-field-news article {
        width: 47%;
    }
    .block-views-blockefs-home-page-block-2 .views-field-field-bloc-auto-zone-2 .field--name-field-link a{
        width:72%;
    }
    .block-views-blockefs-home-page-block-2 .views-field-field-bloc-auto-zone-2 .field--name-field-descriptif {
        height: 75px;
    }
    nav#block-accesdirects ul.menu li a {
        text-align: center;
        font-size: 9px;
        padding: 5px;
    }
    #block-directaccessblock ul.direct-access-links li a{
        font-size: 10px;
    }
    #block-directaccessblock ul.direct-access-links li.webdonneur-link a:before,
    #block-directaccessblock ul.direct-access-links li.search-link a:before,
    #block-directaccessblock ul.direct-access-links li.contact-link a:before {
        left: 35%;
        background-size: 25px;
    }
    #block-shareblock {
        width: 29%;
        position: absolute;
        top: -17px;
        left: 74%;
    }
    .path-actualites #block-newsfilterformblock-2 form div.form-item-region{
        width:auto;
    }
    .path-actualites #block-newsfilterformblock-2 form div.form-item-region select {
        width: 51%;
    }
    .node--type-news.node--view-mode-teaser .visuel .field--name-field-image img {
        width: 94%;
        height: 116px;
    }
    footer #block-socialnetworfooterblock ul {
        width: 28%;
    }
    article.node--view-mode-full .node__content {
        width: 69%;
        /* margin: 0 4%; */
        float:none;
    }
    .page-node-type-landing-page article.node--view-mode-full .node__content form#cartography-filter-form fieldset .fieldset-wrapper #edit-rechercher {
        width: 41%;
        margin-left: 33%;
    }
    article.node--view-mode-full .node__content .field--name-field-blocs .field__item .video-title {
        width: 100.2%;
    }
    .path-test-entity .test_entity .quiz {
        width: 95%;
        /* float:none; */
        margin:0;
    }
    .path-test-entity .test_entity .field-links .fixed{
        position: static;
    }
    .path-test-entity .test_entity .field-links {
        float: none;
    }
    .path-test-entity .test_entity .field-links .fixed {
        position: static;
        width: 100%;
    }
    .field--name-field-links > .field__item {
        width: 48%;
        float: left;
        margin: 5% 1% 0;
    }
    .path-test-entity .test_entity .fixed .field--name-field-links {
        width: 100%;
        float: none;
        margin: 0;
    }
    #block-efs-main-menu > ul.menu{
        margin-top: 15px;
        margin-left: 15px;
    }
    #block-efs-main-menu > ul.menu > li:hover > a {
        padding-bottom: 7px;
    }
    form.cartography-filter-form #edit-gps {margin-right: -2px;margin-top: -36px;height: 36px;}
    form.cartography-filter-form .form-item-date-debut, form.cartography-filter-form .form-item-date-fin {
        margin-top: 15.8%;
    }
    #cookie-bar p {
        width: 65%;
        padding-left: 2%;
    }
    #cookie-bar a {
        width:20%;
    }
    #block-efs-main-menu > ul.menu > li > ul.menu.show {
        top: 66px;
        left: -21%;
        width: 121%;
    }
    #block-efs-main-menu > ul.menu > li > ul.menu {
        background: #f2f2f2;
        position: absolute;
        top: 66px;
        left: -20.7%;
        padding: 43px 0 6px 0;
        margin: 0;
        z-index: 2;
        opacity: 1;
        display: flex;
        flex-wrap: wrap;
        width: 867px;
    }
    #block-efs-main-menu > ul.menu > li > ul.menu > li{margin-bottom: 14px;}
    #block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover > a {
        border-bottom: 10px solid #ffffff;
        padding-bottom: 22px;
    }
    #block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover > a.arrow:after {
        z-index: 3;
    }

    .block-views-blockefs-home-page-block-2 .views-field-field-bloc-auto-zone-2 .field--name-title{
        font-size: 20px;
    }

    .collect-item-top-left .share ul li.mail a:before {
        /* padding: 3px; */
        top: 9px;
        left: -7px;
        background-size: 15px;
    }
    form.cartography-filter-form .form-item-date-debut input, form.cartography-filter-form .form-item-date-fin input{
        padding:0;
        height: 38px;
    }
    #block-shareblock .share-content ul li.print a:before {
        padding: 6px;
    }
    #block-shareblock .share-content ul li.mail a:before {
        padding: 6px;
    }
    #block-shareblock .share-content ul li.twitter a:before {
        margin-left: 5px;
    }

    .scroll-header #block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover > a{
        padding-bottom: 6px;
    }
    #block-efs-main-menu > ul.menu > li > ul.menu > li > ul.menu {
        /* margin-left: 36px; */
        /* margin-right: 20px; */
    }
    #block-efs-main-menu > ul.menu > li > ul.menu > li > ul.menu > li {
        line-height: 0px;
        margin: 0;
    }
    #block-directaccessblock ul.direct-access-links li.contact-link a:before {
        background-size: 25px;
    }
    .header-layout-container.scroll-header #block-efs-branding .site-logo img {
        width: 46%;
        margin: -8px auto 0;
    }
    .collect-item-top-left .share ul li.twitter a:before {
        left: 4px;
    }
    footer #block-socialnetworfooterblock ul li.viadeo a:before {
        top: -3px;
        left: -3px;
    }
    #block-efs-branding .site-logo img {
        padding-top: 4px;
        margin-left: 25px;
    }
    #colorbox-main-container .field--name-field-video .field__item iframe{
          width: 100%;
          height: 540px;
    }
    article.node--view-mode-full .node__content ul#theme-tabs li{
        width: 31.6%;
    }
    #main-wrapper {
        /* margin-left: 20px; */
    }
    #block-efs-main-menu > ul.menu > li > ul.menu > li > ul.menu a{
        font-size: 0.8em;
    }
    /*
    #views_slideshow_cycle_div_efs_home_page-block_1_0 .views-field-field-diaporama img {
        max-width: 863px;
    }*/
    .views-slideshow-controls-bottom {
        margin: 16px 0 16px 0;
    }
    footer {
        padding:0;
    }
    .path-frontpage #block-efs-content{
        max-width: 100%;
    }
}

/* TABLETTE MODE PORTRAIT */

@media screen and (min-width: 765px) and (max-width: 980px){
    body{
        font-size: 0.8em;
    }
    #block-efs-branding .site-logo img {
        display: block;
        margin-top: -1px;
        margin-left: 17px;
        width: 80px;
    }
#main-container {
    max-width: 980px;
    display: flex;
}
header {
    height: 95px;
    width: 100%;
    position: relative;
}
#block-efs-main-menu > ul.menu{
    position: static;
}
#block-efs-main-menu > ul.menu > li > ul.menu {
    z-index: 1;
    opacity: 1;
    top: 89px;
    width: 100%;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
}
.header-layout-container {
    /*! width: 631px; */
}
#block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover > a.arrow:after{
    bottom: -9px;
}
.header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover > a.arrow:after{
    bottom: -18px;
}
#block-efs-main-menu > ul.menu > li {
    padding: 0;
    font-size: 12px;
    margin: 5px;
}
#block-efs-main-menu > ul.menu > li > a {
    font-size: 1.1em;
}
nav#block-accesdirects ul.menu li a {
    font-size: 8px;
    line-height: 10px;
    padding: 3px;
}
.block-views-blockefs-home-page-block-2 .views-field-field-news article {
    width: 46%;
}
#block-directaccessblock ul.direct-access-links li a {
    font-size: 0.6em;
}
#views_slideshow_cycle_div_efs_home_page-block_4_0 .views-field-field-bloc-focus {
    width: 41.4%;
}
footer .region-footer nav.menu--footer {
    width: 60%;
}
footer #block-socialnetworfooterblock ul {
    width: 40%;
}
#main-wrapper {
    width: 85%;
    padding-left: 10px;
}
#views_slideshow_cycle_div_efs_home_page-block_4_0 .views-field-field-bloc-focus {
    width: 40.4%;
}
.header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li {
    padding: 0;
}
#block-efs-main-menu > ul.menu > li > ul.menu > li > a {
    font-family: 'Bitter', sans-serif;
    font-size: 11px;
    color: #1f356a;
    text-decoration: none;
}
footer #block-socialnetworfooterblock ul li.linkedin, footer #block-socialnetworfooterblock ul li.facebook {
}
footer #block-socialnetworfooterblock ul li.twitter, footer #block-socialnetworfooterblock ul li.viadeo {
}
footer #block-socialnetworfooterblock ul li.twitter, footer #block-socialnetworfooterblock ul li.viadeo {margin-left: 10px;}
.header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li > ul.menu {
    top: 60px;
    display: none;
    left: 0;
    position: absolute;
}
#block-efs-branding {
    width: 12%;
}
.header-layout-container.scroll-header #block-efs-branding{
    width: 120px;
}
.sidebar-fixe {
    width: 13%;
    margin-left: 8px;
}
.block-views-blockefs-home-page-block-2 .views-field-field-bloc-auto-zone-2 .field--name-title {    
    font-size: 12px;
}
.header-layout-container.scroll-header header {
    height: 60px;
    position: fixed;
    z-index: 1;
}
#block-efs-main-menu > ul.menu > li > ul.menu > li{
    width: 213px;
    /* margin: 0; */
}
#block-efs-main-menu > ul.menu > li > ul.menu > li > ul.menu{
    margin: 0;
    /* padding-left: 18px; */
    font-size: 9px;
}
#block-efs-main-menu > ul.menu > li > ul.menu > li > ul.menu a:before {
    top: 0px;
}
.block-views-blockefs-home-page-block-2 .views-field-field-bloc-auto-zone-2 .field--name-field-link a{
    width:auto;
}
#block-efs-main-menu > ul.menu{
    margin-left: 25px;
}
#views_slideshow_cycle_div_efs_home_page-block_4_0 .views-field-field-bloc-auto-zone-3 .field--name-title{
    font-size: 12px;
}
#views_slideshow_cycle_div_efs_home_page-block_4_0 .views-field-field-bloc-auto-zone-3 .field--name-field-link a{
    width:105px;
}
#block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover >  a{
    padding-bottom:24px;
}
form.cartography-filter-form .form-item-date-debut label, form.cartography-filter-form .form-item-date-fin label{
    float:none;
}
form.cartography-filter-form .form-item-date-debut, form.cartography-filter-form .form-item-date-fin{
    float:none;
}
form.cartography-filter-form .form-item-date-debut input, form.cartography-filter-form .form-item-date-fin input {
    width: 220%;
    padding: 0;
    height: 39px;
}
form.cartography-filter-form .form-item-ville input {
    width: 164%;
    padding: 11px;
}
form.cartography-filter-form #edit-gps {margin-right: -68%;margin-top: -36px;}
.collectes-list .collect-item .collect-item-top .collect-item-top-middle {
    width: 100%;
    float: none;
    margin-left: 22%;
}
.collectes-list .collect-item .collect-item-top .collect-item-top-left{
    float:none;
    width: 49%;
    margin: auto;
}
.gm-style-iw .collect-item-top .collect-item-top-left{
    float: none;
    width: 49%;
    margin: auto;
}
.collectes-list .collect-item .route a:after {
    left: 175px;
}
#block-shareblock {
    left: 75%;
    top: -16px;
}
#block-shareblock .share-content ul li.mail a:before {  
    padding: 6px;
}
#block-shareblock .share-content ul li.print a:before {    
    padding: 0px;
}
.path-contact .block-description-block h3{
    width:auto;
}
.path-contact form #edit-field-date-naissance-0-value-year {
    width: 82px;
}
.path-contact form #edit-field-date-naissance-0-value-day {
    width: 15%;
}
.path-contact form #edit-field-date-naissance-0-value-month {
    width: 16%;
}
#block-shareblock .share-content ul:nth-child(2) li:before{
    content:"";
}
.path-contact .block-description-block h2 {
    width: 255px;
}
.path-contact .block-description-block h3:before {
    top: -5px;
}
.path-contact .block-description-block h3:before {
    padding:0;
    height:50px;
}
article.node--view-mode-full .node__content .field--name-field-video iframe {
    width: 100%;    
}
#block-shareblock .share-content ul li.facebook a:before{
    padding: 8px;
}
#block-shareblock .share-content ul li.twitter a:before {
    margin-left: 4px;
    /* padding: 0; */
}
#cookie-bar a.cb-enable {    
    width: 7%;
}
.path-actualites #block-newsfilterformblock-2 form {
    width: 80%;
}
.node--type-news.node--view-mode-teaser .visuel {
    width: 20%;
    margin: 8px;
}
footer #block-socialnetworfooterblock ul li {
    display: inline-block;
    position: relative;
    /* margin: 7px; */
}
#block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover > a {
    border-bottom: 10px solid #ffffff;
    padding-bottom: 24px;
}
#block-efs-main-menu > ul.menu > li > ul.menu > li > ul.menu > li {
    margin: 0;
    padding: 0;
    line-height: 0px;
    width: 185px;
}
.header-layout-container.scroll-header #block-efs-branding .site-logo img {
    width: 46%;
}
#block-directaccessblock ul.direct-access-links li.contact-link a:before {
    background-size: 25px;
}
#block-directaccessblock ul.direct-access-links li.search-link a:before{
   background-size: 25px;
}
.views-field-field-chiffres-cles .field-content div.field--name-title {    
    top: -22%;
}

.collect-item-top-left .share ul li.facebook a:before{
    background-size: 7px;
    top: 8px;
}
.path-test-entity .quiz-middle .question form input[value="Oui"] {    
    padding: 5px 10px;
}
.path-test-entity .quiz-middle .question form input[value="Non"] {
    padding: 5px 5px;
}
.path-test-entity .test_entity .quiz {
    width: 95%;
    margin: 0;
    /* float:none; */
}
.path-test-entity .test_entity .field-links {
    float: none;
}
.path-test-entity .test_entity .field-links .fixed {
    position: static;
    width: 100%;
}
.field--name-field-links > .field__item {
    width: 48%;
    float: left;
    margin: 26% 1% 0;
}
footer #block-socialnetworfooterblock ul li.facebook a:before {
    top: -4px;
    left: 9px;
}
footer #block-socialnetworfooterblock ul li.viadeo a:before {
    top: -3px;
    left: -9px;
}
#block-efs-main-menu > ul.menu > li > ul.menu > li > ul.menu a{
    font-size: 9px;
}
.scroll-header #block-efs-main-menu > ul.menu > li.menu-item.menu-item--expanded.hover > a {
    border-bottom: 10px solid #ffffff;
    padding-bottom: 4px;
}
#colorbox-main-container .field--name-field-video .field__item iframe{
   width: 99%;   
}
article.node--view-mode-full .node__content ul#theme-tabs li{
    width: 31%;
}
#block-shareblock .share-content ul li.mail a, #block-shareblock .share-content ul li.facebook a, #block-shareblock .share-content ul li.twitter a, #block-shareblock .share-content ul li.print a{
    margin:0;
}
/*
#views_slideshow_cycle_div_efs_home_page-block_1_0 .views-field-field-diaporama img {
    max-width: 599px;
}*/
footer {
    padding:0;
}
  .path-frontpage #block-efs-content{
    max-width: 100%;
  }
  .path-frontpage .views-content-counter{
    display: none;
  }
  
    /** Cookies bar ***/
  #cookie-bar {
		text-align:center;
  }
  #cookie-bar p {
    width: 100%;
    padding: 6px;
  }
  
  #cookie-bar a {
    padding: 12px 13px;
    margin: 15px 5px;
    width: auto;
	float:none;
	display: inline-block;
  }
  #cookie-bar a.cb-enable {
   margin-left: 5px;
   width: auto;
  }
}

/* MOBILE */

@media screen and (min-width: 100px) and (max-width: 764px){
  a:hover, a:active,a:focus{
     outline: 0;
  }
    .header-layout-container.scroll-header header {
        position: static;
        z-index: 1;
        width: 100%;
    }
  #block-efs-main-menu{
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; /* Inertie sur iOS */
  }
  #block-efs-main-menu > ul.menu > li > ul.menu > li > ul.menu {
      margin:0;
  }
   #main-container {
      max-width: 100%;
  }
  .sidebar-fixe{
      width: 102%;
      position: fixed;
      left: -1%;
      display: none;
      z-index: 1;
      min-height: 0;
  }
  #main-wrapper {width: 100%;position: absolute;margin: 0;z-index: 0;padding: 0;}
  header {
      background-image: url("../images/header.png");
      height: auto;
      width: auto;
      background-repeat: no-repeat;
  }
  #block-efs-branding{
      width:100%;
      float:none;
      position: relative;
  }
  #block-efs-branding .site-logo img{
     display: block;
  }
  .layout-container {
  }
  .views-slideshow-controls-bottom{
      margin: -7px 0 0 0;
  }
  .block-views-blockefs-home-page-block-2 .views-field-field-news{
      width:100%;
      float:none;
      margin-top: -7%;
  }
  .block-views-blockefs-home-page-block-2 .views-field-field-news article:first-child{
      margin: 40px 0;
  }
  .block-views-blockefs-home-page-block-2 .views-field-field-news article{
      float:none;
      margin:0;
      width:100%;
  }
  .block-views-blockefs-home-page-block-2 .views-field-field-bloc-auto-zone-2 {
      float: none;
      width: 100%;
      height: 480px;
      margin: 40px 0 0 0;
  }
  #views_slideshow_cycle_div_efs_home_page-block_4_0 .views-row .views-field.views-field-field-video {
       float: none;
       width: 100%;
       margin: 40px 0 0 0;
       height: auto;
  }
  #views_slideshow_cycle_div_efs_home_page-block_4_0 .views-row .views-field.views-field-field-video img{
      width:100%;
  }
  #views_slideshow_cycle_div_efs_home_page-block_4_0 .views-field-field-bloc-auto-zone-3 {
      width: 100%;
      background: #c30d20;
      margin-top: 10px;
  }
  #views_slideshow_cycle_div_efs_home_page-block_4_0 .views-row .views-field{
      float:none;
  }
  #views_slideshow_cycle_div_efs_home_page-block_4_0 .views-field-field-bloc-focus{
      float: none;
      width: 100%;
      margin: 40px 0;
  }
  #views_slideshow_cycle_div_efs_home_page-block_3_0 {
      margin: 40px 0;
  }
  footer .region-footer nav.menu--footer{
      width:100%;
      float:none;
      margin-top: 30px;
  }
  footer #block-siteredirectblock{
      width:100%;
      float:none;
  }
  footer #block-socialnetworfooterblock ul {
      width: 100%;
      margin: 40% 0;
      display: block;
      text-align: center;
  }
  .views-slideshow-controls-bottom #widget_pager_bottom_efs_home_page-block_1 {
      width: 100%;
      margin-left: 40%;
  }
  .views-slideshow-controls-bottom .views_slideshow_pager_field_item {
      max-width: 1.2em;
      max-height: 1.2em;
  }
  #cookie-bar p {
      margin: 0 !important;
      display: inline-block;
      width: 100%;
      color: #fff;
      font-family: Bitter;
      font-weight: bold;
      padding: 0;
      /* float: none; */
      font-size: 0.8em;
      line-height: 18px;
      text-align: center;
      padding: 4px;
  }
  #cookie-bar a {
      text-decoration: underline;
      border: 1px #fff solid;
      text-transform: uppercase;
      color: #fff;
      font-size: 12px;
      font-family: Arial, sans-serif;
      /* padding: 6px 5px; */
      text-decoration: none;
      font-weight: bold;
      text-align: center;
      transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      /* display: block; */
      /* float: none; */
      margin: 0 auto;
      width: 58%;
      margin:0;
      margin-left: 10%;
      font-size: 0.6em;
  }
  #cookie-bar a.cb-enable {
      margin-left: 24px;
      width: 10%;
  }
  #block-directaccessblock {
      margin:0%;
  }
  #block-directaccessblock ul.direct-access-links {
      padding:0;
  }
  #block-directaccessblock ul.direct-access-links li{
      text-align: left;
      margin: 0px 0;
      padding: 10px 10px;
  }
  #block-directaccessblock ul.direct-access-links li.webdonneur-link a:before,
  #block-directaccessblock ul.direct-access-links li.search-link a:before,
      #block-directaccessblock ul.direct-access-links li.contact-link a:before{
      position: static;
      padding: 0 12px;
  }
  nav#block-accesdirects ul.menu li {
      display: inline-block;
      border-collapse: collapse;
      margin: 0px 3px;
  }
  nav#block-accesdirects ul.menu li:nth-child(4) {
  }
  nav#block-accesdirects ul.menu{
          margin-left: 7%;
          height: 164px;
  }
  nav#block-accesdirects ul.menu li a {
      /* width: 6em; */
      /* height: 6em; */
      text-align: center;
      font-size: 9px;
      /* padding: 7px; */
      line-height: 12px;
  }
  #block-efs-main-menu > ul.menu > li {
      /* display: block; */
      /* padding: 19px 30px; */
  }
  #block-efs-main-menu {
      display: none;
      background: #007ac8;
      width: 100%;
      margin-top: 60%;
      position: fixed;
      z-index: 1;
  }
  div.mobile-menu-on {
      position: absolute;
      top: 10px;
      left: 86%;
      z-index: 1;
      background-image: url("../images/mob-menu-on.png");
      width: 35px;
      height: 25px;
      cursor: pointer;
  }
  div.mobile-menu-off{
      position: absolute;
      top: 4.2%;
      left: 85%;
      z-index: 1;
      background-image: url("../images/mob-menu-off.png");
      width: 35px;
      height: 25px;
      background-repeat: no-repeat;
  }
  .header-layout-container.scroll-header #block-efs-main-menu {
      position: fixed;
      top: 270px;
      /* left: 12px; */
      width: 105%;
      /* z-index: 0; */
      /* margin-top: 201px; */
  }
  .header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li {
      padding: 1px 0px 0;
      font-size: 0.9em;
      display: block;
      border: none;
      margin: 0;
  }
  #block-efs-main-menu > ul.menu > li > ul.menu {
      /* display: inline-block; */
      /* background: #f2f2f2; */
      /* width: 100%; */
      /* position: absolute; */
      /* top: 124px; */
      /* left: 0%; */
      /* height: 214px; */
      /* display: none; */
      /* padding: 43px 0 15PX; */
      /* display: flex; */
      /* flex-wrap: wrap; */
      /* display: none; */
  }
  #block-efs-main-menu > ul.menu {
     margin: -5px 0 0 0;
     padding: 0 0 27px 0;
  }
  #block-efs-main-menu > ul.menu > li > a.acco-up:after{
      /* content: url("../images/mob-arrow-up.png"); */
      /* display: block; */
      /* margin: -7% 91% 0; */
  }
  #block-efs-main-menu > ul.menu > li > a.acco-down:after{
      content: url("../images/mob-arrow-down.png");
      display: block;
      position: absolute;
      top: 31%;
      left: 80%;
  }
  #block-efs-main-menu > ul.menu > li > a.acco-up:after{
      content: url("../images/mob-arrow-up.png");
      display: block;
      position: absolute;
      top: 35%;
      left: 80%;
  }
  #block-efs-main-menu > ul.menu > li.menu-item--expanded:hover > a:after{
      content:"";
  }

  #block-efs-main-menu > ul.menu > li:hover > a{
      border:none;
  }
  .header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li > ul.menu{
      position: relative;
      padding: 0;
      display: inline-block;
      flex-wrap: nowrap;
  }
  #block-efs-main-menu > ul.menu > li > ul.menu{
      top: 0;
      left: 0;
  }

  #block-efs-main-menu > ul.menu > li > ul.menu > li{
      display: inline-block;
      width: 100%;
      float: none;
      flex-wrap: nowrap;
      text-align: left;
      border-bottom: 1px solid #1f356a;
      margin: 0 0% 3% 2%;
      padding: 0 0 15px;
      width: 80%;
      border-right: none;
  }
  #block-efs-main-menu > ul.menu > li > ul.menu{
      position: relative;
      top: 0;
  }
  .header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li > ul.menu{
      top:0;
      display: none;
      opacity: 1;
      z-index: 0;
      left: 11px;
  }
  #block-efs-main-menu > ul.menu > li > a{
      display: block;
      position: relative;
      padding: 13px 0 5px 18px;
  }
  header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li:hover > a {
      position: relative;
      width: 100%;
      display: block;
      text-align: left;
  }
  .header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li:hover > a {
      /* padding: 10px 25px; */
      display: block;
      /* position: relative; */
      text-align: left;
      position: relative;
      padding-bottom: 7px;
  }
  #block-efs-main-menu > ul.menu > li > ul.menu > li > ul.menu > li{
      padding:0;
      margin:0;
  }
  .header-layout-container.scroll-header #block-efs-branding .site-logo img{
     /* margin: -1px 38%; */
     width: 74px;
  }
  #block-efs-breadcrumbs{
      display:none;
  }
  .path-actualites #block-newsfilterformblock-2 form {
      width: 79%;
      text-align: center;
  }
  .path-actualites #block-newsfilterformblock-2 form div.form-item-region {
      float: none;
      width: 100%;
  }
  .path-actualites #block-newsfilterformblock-2 form div.form-item-region select {
      width: 100%;
      float: none;
  }
  .path-actualites #block-newsfilterformblock-2 form input#edit-submit {
      margin: 0;
  }
  #block-shareblock {
      width: 100%;
      position: absolute;
      top: -36px;
      left: 66%;
  }
  #block-shareblock .share-content ul li a.plus,
  #block-shareblock .share-content ul li a.moins,
  #block-shareblock .share-content ul li.print a:before{
      display: none;
  }
  #block-shareblock .share-content ul li.mail:before{
      content:"";
  }
  #block-shareblock .share-content ul li.mail a:before{
      padding: 0px;
  }
  #block-shareblock .share-content ul:nth-child(2) li:before{
      content:"";
  }
  #block-views-block-efs-news-block-1 .views-row {
      float: none;
      width: 100%;
      margin-top: 30px;
  }
  #block-views-block-efs-news-block-1 .views-row article {
      float: none;
      margin: 0px;
  }
  .path-actualites #block-efs-content .views-row {
      clear: both;
      padding:0;
  }
  .node--type-news.node--view-mode-teaser .visuel {
      display: none;
  }
  .node--type-news.node--view-mode-teaser .content {
      margin: 19px;
      width: 91%;
  }
  .path-actualites #block-efs-content {
      padding:0;
  }
  .path-node #block-efs-page-title h1{
      text-align: center;
      width: 99%;
      font-size: 25px;
  }
  article.node--view-mode-full .node__content, .test_entity .node__content {
      width: 94%;
      margin: 0 17px;
  }
  article.node--view-mode-full .node__content .field--name-field-video iframe {
      width: 107%;
      padding-top: 8px;
      margin-left: -19px;
  }
  article.node--view-mode-full .node__content .field--name-field-blocs .field__item .video-title {
      width: 107%;
      margin-left: -6%;
  }
  article.node--view-mode-full .node__content ul {
      margin: 35px 10px;
  }
  div.red-box {
      padding: 5px 19px;
      margin-left: -6%;
      width: 111%;
  }
  h3.title-red-box {
      padding: 5px 19px;
      margin-left: -6%;
  }

  article.node--view-mode-full .node__content table tr {
      font-size: 20px;
  }
  article.node--view-mode-full .node__content table caption{
      font-size: 16px;
  }
  article.node--view-mode-full .field-links{
      width:100%;
      position: relative;
      float:none;
  }
  article.node--view-mode-full .field-links .fixed {
      position: static;
      margin-top: 0;
  }
  .field--name-field-links > .field__item {
      width: 113%;
  }
  .path-recherche .layout-sidebar-first {
      width: 88%;
      margin: 20px 21px;
      float:none;
  }
  .path-recherche .layout-content {
      float: none;
      width: 88%;
      margin: 7%;
  }
  .path-recherche #block-searchfilterformblock input#edit-keyword {
      width: 96%;
  }
  .path-recherche #block-searchfilterformblock input#edit-search {
      margin-left: 23%;
  }
  .path-recherche #block-efs-page-title{
      width:100%;
  }
  article.node--view-mode-full .node__content .field--name-field-image img{
      margin-left: -2%;
  }
  article.node--view-mode-full .node__content ol{
      margin:0;
  }
  .page-node-type-landing-page article.node--view-mode-full .node__content {
      width: 91%;
      margin: 5%;
  }
  .page-node-type-landing-page article.node--view-mode-full .node__content form#cartography-filter-form {
      width: 100%;
  }
  .page-node-type-landing-page article.node--view-mode-full .node__content form#cartography-filter-form fieldset legend {
      padding-left: 17%;
  }
  .page-node-type-landing-page article.node--view-mode-full .node__content form#cartography-filter-form fieldset .fieldset-wrapper .form-item-ville {
      float: none;
      width: 95%;
      margin-right: 5px;
  }
  .page-node-type-landing-page article.node--view-mode-full .node__content form#cartography-filter-form fieldset .fieldset-wrapper .form-item-ville input {
      width: 100%;
      margin-left: 0;
  }
  .page-node-type-landing-page article.node--view-mode-full .node__content form#cartography-filter-form fieldset .fieldset-wrapper #edit-rechercher {
      width: 92%;
      margin-left: 3%;
  }
  article.node--view-mode-full .node__content ul#theme-tabs li {
      list-style-type: none;
      display:block;
      position: relative;
      text-align: center;
      display: block;
      width:100%;
  }
  article.node--view-mode-full .node__content ul#theme-tabs li:after{
      content:"";
  }
  article.node--view-mode-full .node__content ul#theme-tabs li.active:first-child, article.node--view-mode-full .node__content ul#theme-tabs li{
      margin:0;
  }
  article.node--view-mode-full .node__content ul#theme-tabs li.active{
      margin:0;
  }
  article.node--view-mode-full .node__content ul#theme-tabs{
      margin-left:-11px;
  }
  .path-test-entity .test_entity .quiz {
      width: 90%;
      margin: 15% 6%;
  }
  .path-test-entity #block-efs-page-title h1{
      text-align: center;
  }
  .path-test-entity .quiz-middle .question {
      padding: 12%;
  }
  .path-test-entity .quiz-middle .question form input[value="Oui"],
  .path-test-entity .quiz-middle .question form input[value="Non"]{
      font-size: 0.6em;
  }
  .path-test-entity .quiz-middle .question .field--name-title {
      font-size: 0.6em;
  }
  .path-test-entity .quiz-middle .counter-question {
      width: 45%;
  }
  .path-contact #block-efs-page-title h1{
      text-align: center;
  }
  .path-contact .layout-content{
      width: 85%;
      margin: 10%;
  }
  .path-contact .block-description-block h2 {
      width: 100%;
      float: none;
          margin: 0 0 12px 0;
  }
  .path-contact .block-description-block h3 {
         width: 100%;
         float: none;
             margin: 0 0 20px 0;
  }
  .path-contact form label, .path-contact form .label {
      width: 121%;
      text-align: center;
  }
  .path-contact form select {
      width: 111%;
  }
  .path-contact form input {
      width: 112%;
  }
  .path-contact form textarea {
      width: 113%;
  }
  .path-contact form .captcha {
      padding:0;
      width: 100%;
      margin:0;
  }
  .path-contact form #edit-actions #edit-submit{
      width:100%;
      margin-left: 7%;
  }
  .path-contact form #edit-field-date-naissance-0-value-day,
  .path-contact form #edit-field-date-naissance-0-value-month{
          width: 26%;
          font-size: 0.7em;
          padding-left: 5px;
  }
  .path-contact form #edit-field-date-naissance-0-value-year {
      width: 44%;
  }
  details > .details-wrapper {
      padding: 0;
  }
  .flash-info .views-field-title .views-label-title {
      font-weight: bold;
      display: inline;
      float: left;
      width: 100px;
      padding: 0px 4px;
      border-right: 1px solid #1f356b;
      margin: 4px 6px 16px 6px;
  }
  .flash-info .views-field-title .field-content {
      font-weight: normal;
      font-size: 0.6em;
      padding: 5px 0px;
      display: block;
      float: none;
      line-height: 13px;
  }
  .header-layout-container {
      position: relative;
      width: 100%;
      height: 86px;
  }
  .views-field-field-chiffres-cles .field-content div.field--name-title {
      position: absolute;
      top: -60%;
  }
  .path-trouver-une-collecte .layout-content {
      width: 100%;
  }
  form.cartography-filter-form .form-item-ville {
      position: relative;
      margin: 29px;
      width: 90%;
  }
  .path-trouver-une-collecte h1{
      text-align: center;
  }
  form.cartography-filter-form .form-item-date-debut, form.cartography-filter-form .form-item-date-fin {
      width: 50%;
      margin: 0;
  }
  form.cartography-filter-form #more-criteria {
      display: block;
      margin-left: 35%;
  }
  form.cartography-filter-form .form-item-type-don select {
      width: 38%;
      margin-left: 30%;
  }
  form.cartography-filter-form input#edit-rechercher {
      float: none;
      margin-left: 31%;
  }
  form.cartography-filter-form #edit-gps {}
  .collectes-list .collect-item .collect-item-top .collect-item-top-left {
      width: 52%;
      margin: 14px auto;
  }
  .collect-item-middle-right {
      float: none;
      width: 100%;
      clear: both;
      margin: 0;
  }
  .collect-item-middle-left {
      float: none;
      width: 93%;
      clear: both;
      margin: 10%;
      padding: 0;
  }
  .collectes-list .collect-item .collect-item-top .collect-item-top-middle {
      width: 92%;
      float: none;
      margin-left: 28%;
  }
  .collectes-list .collect-item .collect-item-top .collect-item-top-left {
      width: 50%;
      margin: 14px 40%;
  }
  .collectes-list .collect-item .route a:after {
      left: 172px;
  }
  .gm-style-iw .collect-item-middle-left {
      float: none;
      border-right: none;
      width: 100%;
      padding-left: 0;
  }
  .gm-style-iw .collect-item-top .collect-item-top-left {
      width: 38%;
      float: none;
      margin-left: 19%;
      margin-bottom: 3%;
  }
  .header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li.menu-item:hover > a {
      border: 0;
  }
  .path-share-by-mail form #edit-submit{
      width: 59%;
      margin:auto;
      padding: 8px;
      margin-left: 22%;
  }
  .path-share-by-mail form label{
      float: none;
      display: inline;
      width: 100%;
      margin-left: 8%;
  }
  .path-share-by-mail form input{
      float: none;
      display: inline;
      width: 84%;
      margin-left: 3%;
      padding: 0;
  }
  .path-share-by-mail form textarea {
      width: 84%;
      margin-left: 2%;
  }
  .path-share-by-mail form {
      margin: 0 auto;
      width: 101%;
      padding: 0;
      text-align: center;
  }
  article.node--view-mode-full .field-links .fixed .field--name-field-links {
      width: 265px;
      margin-left: 10px;
  }
  .layout-container {
      margin-top: 60px;
  }
  .path-frontpage .layout-container{
      margin-top: 0;
  }
  form.cartography-filter-form .form-item-date-debut input, form.cartography-filter-form .form-item-date-fin input {
      padding: 20px;
  }
  #block-directaccessblock ul.direct-access-links li.contact-link a:before{
      float:left;
  }
  #block-directaccessblock ul.direct-access-links li.search-link a:before {
      background-image: url('../images/search-link.png');
      background-size: 29px;
  }
  #block-directaccessblock ul.direct-access-links li.contact-link a:before {
      background-image: url('../images/contact.png');
      background-size: 29px;
  }
  .header-layout-container.scroll-header #block-efs-branding {
      width: 30%;
      margin: auto;
      display: block;
  }
  #colorbox-main-container .field--name-field-video .field__item iframe{
     width: 100%;
     height: 320px;
  }
  .path-test-entity .test_entity .field-links{
      float:none;
  }
  .path-test-entity .test_entity .field-links .fixed{
      position: static;
  }
  article.node--view-mode-full .node__content ul#theme-tabs li.active:before {
      left: 45%;
  }
  footer #block-siteredirectblock select {
      left: 0;
  }
  .block-views-blockefs-home-page-block-2 .views-field-field-news article{
      height:auto;
      padding-bottom: 5px;
  }
  #block-shareblock .share-content ul li.mail {
      margin: 12px -4px;
  }
  footer {
      padding:0;
  }
}

/* HACK BY ADAM */
@media screen and (max-width: 1024px){
  .path-frontpage #block-efs-content{
    max-width: 100%;
  }
  .path-frontpage .views-content-counter{
    display: none;
  }
  .views-slideshow-controls-bottom{
    width: 100%;
    margin: 22px 0 55px;
  }
  .views-slideshow-controls-bottom #widget_pager_bottom_efs_home_page-block_1{
    width: 100%;
    text-align: center;
  }
  .views-slideshow-controls-bottom .views_slideshow_pager_field_item{
    float: none;
    display: inline-block;
    max-width: 1.5em;
    max-height: 1.5em;
  }
  .views-slideshow-controls-bottom #widget_pager_bottom_efs_home_page-block_1{
    margin-left: 0;
  }
  .path-frontpage .skin-default{
    overflow: hidden;
  }
  #views_slideshow_cycle_div_efs_home_page-block_3_0{
    margin-top: 50px;
    padding: 0;
  }
  .views-field-field-chiffres-cles .field-content div.field--name-title{
    font-size: 15px;
  }
}
@media screen and (max-width: 764px){
  .views-field-field-chiffres-cles .field-content div.field--name-title{
    top: -30px;
  }
  nav#block-accesdirects ul.menu{
    height: auto;
    margin: 0;
    text-align: center;
    padding: 20px 0;
  }
  nav#block-accesdirects ul.menu li a{
    width: 96px;
    height: 96px;
    max-width: 96px;
    max-height: 96px;
    font-size: 11px;
    word-wrap: break-word;
  }
  .header-layout-container.scroll-header #block-efs-main-menu{
    position: absolute;
    margin-left: 0;
    width: 100%;
  }
  .sidebar-fixe{
    position: absolute;
  }
  .header-layout-container.scroll-header #block-efs-main-menu > ul.menu > li > ul.menu{
    padding-top: 20px;
  }
  article.node--view-mode-full .node__content .field--name-field-blocs .field__item .video-title{
    margin: -6px -22px 0;
    width: auto;
  }
  article.node--view-mode-full .node__content .field--name-field-video{
    margin: 8px -22px 0;
  }
  article.node--view-mode-full .node__content .field--name-field-video iframe{
    width: 100%;
    margin-left: 0;
  }
  #block-shareblock{
    left: auto;
    right: 21px;
    width: 111px;
    top: -55px;
  }
  #block-shareblock .share-content ul li.facebook{
    border-left: 1px solid #000;
    margin-left: 9px;
    padding-left: 4px;
  }
  #block-shareblock .share-content ul li.facebook a:before{
    margin-right: 12px;
  }
  #block-directaccessblock ul.direct-access-links li a:before{
    margin-left: 35px;
  }
  article.node--view-mode-full .field-links .fixed .field--name-field-links{
    width: 100%;
    margin-left: 0;
  }
  .field--name-field-links > .field__item{
    width: 100%;
    margin: 40px 0;
  }
  .field--name-field-links .field__item .field--name-title:before{
    left: calc(50% - 23px);
  }
  footer #block-socialnetworfooterblock ul{
    margin: 130px 0;
  }
  article.node--view-mode-full .node__content, .test_entity .node__content{
    width: 100%;
    float: none;
    margin: 0;
    padding: 0 22px;
  }
  article.node--view-mode-full .node__content .field--name-field-image{
    margin: 0 -22px;
  }
  article.node--view-mode-full .node__content .field--name-field-image img{
    margin: 0;
  }
  article.node--view-mode-full .node__content .full-pager-node .previous,
  article.node--view-mode-full .node__content .full-pager-node .next{
    width: 50%;
  }
  form.cartography-filter-form .form-item-date-debut label, form.cartography-filter-form .form-item-date-fin label{
    padding-top: 15px;
  }
  form.cartography-filter-form #more-criteria{
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
  }
  form.cartography-filter-form .form-item-type-don{
    width: 100%;
  }
  form.cartography-filter-form .form-item-type-don select{
    display: block;
    margin: 0 auto;
  }
  form.cartography-filter-form input#edit-rechercher{
    margin: 0 auto 20px;
    display: block;
    clear: both;
  }
  .path-share-by-mail form label{
    margin-left: 0;
  }
  .path-share-by-mail form input{
    margin-left: 0;
  }
  .path-share-by-mail form{
    width: 100%;
  }
  #block-directaccessblock h2{
    padding-left: 22px;
  }
  #block-directaccessblock ul.direct-access-links li.search-link a{
    display: block;
    width: 100px;
    height: 30px;
  }
  #block-lasttweetsblock > article{
    width: 100%;
    float: none;
    border-right: none;
    border-bottom: #eeeeee solid 5px;
    height: auto;
    margin: 0;
  }
  #block-lasttweetsblock > article:last-child{
    border: none;
  }
  #block-lasttweetsblock h2{
    padding-left: 22px;
  }
  .flash-info .views-field-title .field-content{
    line-height: 27px;
  }
  .full-pager-node{
    margin-top: 22px;
  }
}
@media screen and (max-width: 480px){
  .views-slideshow-controls-bottom{
    margin: 22px 0 38px;
  }
  #block-views-block-efs-news-block-1 .views-row article .field--name-field-image img{
    width: 100%;
  }
  #block-views-block-efs-news-block-1 .views-row article{
    height: auto;
    padding-bottom: 22px;
  }
  #block-views-block-efs-news-block-1 .views-row{
    height: auto;
    margin-top: 0;
  }
  #block-views-block-efs-news-block-1{
    margin-top: 30px;
  }
}