/*
.agenda_home_item {
  display: inline-block;
  padding: 5px 0;
  margin: 0 9px 0 0;
  width: calc(50% - 10px);
  min-height: 90px;
  background-color: white;
  border-top: 1px dotted #aea6a2;
}
*/
#cookie-banner a {
  color: inherit;
}

#inform-and-consent button {
  padding: 10px 15px;
  margin: 10px 10px 0;
  font-size: 1em;
  color: white;
  background-color: #282627;
  border: none;
}

#cookie-banner, #inform-and-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  color: white;
  text-align: center;
  background-color: #685c53;
}
/*
.popupMotherFucker{
  position: fixed;
  z-index: 1000000;
  left: calc(50% - 150px);
  top: calc(50% - 100px);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 20px 10px;

  height: 200px;
  width: 300px;

  background-color: white;
  border-radius: 3px;
}

.popupMotherFucker:before{
  display: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  content: '';
  display: block;

  background-color: rgba(0,0,0, 0.3);
  z-index: 0;
}
*/
@media screen and (max-width: 1024px) {
  html, body {
    width: 100%;
    overflow-x: hidden;
  }
  body {
    position: relative;
  }
  #global, #content, #milieu {
    width: 100% !important;
    max-width: 970px;
  }
  #content {
    margin: 0 auto;
  }
}

@media screen and (max-width: 990px) {
  iframe{
    width: 100%;
  }

  .col-xs-6{
    width: 100%;
  }

  #global, #content, #milieu, #bas {
    width: 100%;
  }
  .droite {
    float: none;
  }
  #home_gauche {
    display: block;
    width: 100%;
  }
  .content {
    display: block;
    padding: 45px 7.403%;
    height: auto;
    width: 100% !important;
    overflow: hidden;
  }
  #menu_mobile #menu_principal_mobile {
    width: calc(97.675% - 260px);
    height: 100%;
    margin: 0 3px;
    padding: 10px;
  }
  #menu_mobile .planmobile {
    width: 260px;
    height: 100%;
    margin: 0 3px;
    padding: 10px;
  }
  #menu_principal_mobile ul li ul a {
    width: auto !important;
  }
  ul#nav_principal {
    position: relative;
    margin-left: 0;
  }
  #nav_principal li {
    position: static;
  }
  #nav_principal li ul {
    left: 33% !important;
    top: 0;
    width: 62%;
  }
  #nav_principal .clicked ul {
    margin: 5px 0 0 5px !important;
  }
  #nav_principal li span {
    position: static;
    display: block;
    padding: 8px 15px;
    height: 100%;
    width: 100%;
  }
  #c12 .ce-gallery {
    width: 100%
  }
  .ce-gallery.ce-row {
    width: 100%
  }
  .droite_home {
    display: block;
    width: 100%;
  }
  .droite_home .bloc_contenu:first-child {
    display: none;
  }
  #burger {
    display: inline-block;
  }
  #logo_bezons {
    float: left;
    margin-left: 20px;
  }
  #menu_principal {
    display: none;
  }

  #infos{
    display: block;
    float: none;
    width: 100%;
  }
  #infos_gauche img, #infos_gauche a {
    display: block;
    float: none;
  }

  #infos_droite,
  #infos_gauche{
    display: inline-block;
    float: none;
    vertical-align: top;
  }

  #infos_gauche .ce-column {
    display: inline-block;
    width: 50%;
  }

  #infos_gauche {
    width: 60%;
  }
  #infos_gauche .ce-column {
    width: 30%;
  }
  ul#nav_gauche li ul li.active, ul#nav_gauche li ul ul li.active{width: 100%;}
  ul#nav_gauche li .deployer{
    display: inline-block;
  }
  #plan_site {
    display: none;
  }
  #outils {
    width: 100%;
  }
  #inter_gauche, #inter_milieu, .droite {
    display: block;
    width: 100%;
    float: none;
    clear: both;
    margin: 0;
  }
  .droite .conteneur_droite {
    display: block;
    padding: 0;
    width: 100%;
    height: auto;
  }
  .conteneur_droite .bloc_contenu {
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    float: none;
    width: calc(33% - 10px);
    vertical-align: top;
  }
  .fond_gris_top_240, .fond_gris_bas_240, .fond_marron_top_240, .fond_marron_bas_240, .fond_blanc_top_240, .fond_blanc_bas_240 {
    display: none;
  }
  .conteneur_droite .fond_gris_contenu, .conteneur_droite .fond_marron_contenu, .conteneur_droite .fond_blanc_contenu {
    border-radius: 5px;
  }
}

@media screen and (max-width: 768px) {
  .tx-indexedsearch-searchbox fieldset table,
  .tx-indexedsearch-searchbox fieldset tbody{
    display: block;
    width: 100%;
  }

  .tx-indexedsearch-searchbox fieldset tr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;

    width: 100%;
  }

  .tx-indexedsearch-searchbox fieldset tr td{
    margin: 0;
    padding: 0;
  }

  .tx-indexedsearch-searchbox fieldset td input:not([type="checkbox"]),
  .tx-indexedsearch-searchbox fieldset td select{
    width: 100%;
    height: 25px;
  }

  .tx-indexedsearch-search-select-group td:not(:first-child) select{
    margin-bottom: 10px;
  }


  #menu_mobile {
    width: 100%;
  }

  .droite{
    display: inline-block;
  }

  #fil_ariane{
    padding: 0 10px;
  }

  .ce-column{
    margin-right: 0;
  }

  #menu_mobile #menu_principal_mobile {
    width: 100%;
  }

  .conteneur_droite .bloc_contenu input,
  .conteneur_droite .bloc_contenu select{
    height: 30px;
  }

  .e_annuaires_recherche_bloc p{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .conteneur_droite .bloc_contenu{
    width: 100%;
  }

  .bloc_contenu .e_annuaire_list ul li{
    display: inline-block;
  }

  #menu_mobile .planmobile {
    display: none;
  }

  #milieu > div:not(#fil_ariane){
    padding: 0 30px;
    /*width: calc(100% - 60px);*/
  }

  body {
    background-image: none;
    background-color: #e8e8e8;
  }
  #haut {
    height: 180px;
  }
  #BackgroundZone {
    display: none;
  }
  #logo {
    margin-left: 30px;
    margin-top: 25px;
  }
  #logo_bezons {
    margin-left: 30px;
  }
  #burger {
    margin-left: 0;
  }
  #pictos_nav_header {
    margin-right: 5.86%;
  }
  .liste_pictos_header {
    margin-right: 0;
  }
  .ombre_pictos {
    width: 300px;
    height: 6px;
    left: -15px;
    background-position: -371px -686px;
    background-size: 1040px;
  }
  #milieu {
    display: block;
    margin: 0 auto;
    padding: 30px 0;
    max-width: calc(100% - 60px);
    width: 100%;
    float: none;
  }

  #news_une_home,
  #home_gauche,
  .droite_home{
    float: none;
  }

  #news_une_home {
    margin: 0 30px;
    width: calc(100% - 60px);
  }
  #news_une_home .news_une_item {
    margin: 0;
  }
  .bloc_gauche_image, .bloc_droite_infos {
    display: block;
    width: 100%;
    height: auto;
  }
  .bloc_droite_infos {
    padding: 17px 30px;
  }
  .picto_image, .picto_image+a, .picto_image+a img {
    display: block;
    width: 100%;
  }
  #home_gauche {
    margin-top: 30px;
  }
  .news_une_container {
    display: block;
    margin: 0 auto;
    width: calc(100% - 60px);
  }
  .news_une_container .news_secondaire_container {
    display: inline-block;
    float: none;
  }
  #home_gauche .news-latest-container_home {
    margin: 0 0 30px;
    padding: 0 30px;
  }
  #home_gauche .news-latest-container_home p.more_link, .agenda_home p.more_link {
    font-weight: bolder;
  }
  #c1064, .bloc_magazine {
    padding: 0 0 0 30px;
  }
  .bloc_feuillete {
    padding: 0 30px 0 0;
  }
  .droite_home {
    display: block;
    margin: 0;
    padding: 0 30px;
    width: 100%;
  }
  ul#nav_acces_direct li {
    display: inline-block;
    width: 50%;
  }
  .agenda_home_item {
    height: auto;
  }
  .agenda_home_image {
    overflow: hidden;
    height: 100%;
  }
  .news-latest-image {
    display: block;
    width: 100%;
    height: 100%;
  }
  .agenda_home_image img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #home_gauche .agenda_home {
    width: calc(100% - 30px);
  }
  #c1242 {
    padding: 0 30px;
    margin-top: 30px;
  }
  #bas {
    display: block;
    margin: 0 auto;
    float: none;
    width: calc(100% - 60px);
  }
  #infos {
    width: 100%;
    padding: 0 20px;
    /*background-color: #f1f1f1;*/
  }
  #infos_gauche {
    width: 58%;
    margin: 0;
  }
  #infos_droite {
    width: 38%;
    margin: 0;
    margin-left: 4%
  }
  #outils {
    border-top: none;
  }
  #nav_menu_outils {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    float: none;
    width: 100%;
    background-color: #f6f6f6;
  }
  ul#nav_menu_outils li {
    padding: 0;
  }
  .bloc_droite_infos .morelink {
    position: static;
  }
}

@media screen and (max-width: 700px) {
  #pictos_nav_header {
    display: none;
    margin-top: 15px;
  }
}

@media screen and (max-width: 640px) {
  video{
    width: 100%;
    height: auto;
    /*min-height: 320px;*/
  }

  #c1506{
    margin-top: 20px;
  }

  .news-single-item{
    display: block;

    width: 100%;
  }

  .agenda_home_item{
    display: block;
    padding: 5px 0;

    width: 100%;
    min-height: 90px;
    height: auto;
  }

  .agenda_home_image{
    height: 80px;
    width: 80px;
  }

  .agenda_home_image,
  .agenda_home_infos{
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0;
  }

  .agenda_home_infos{
    width: calc(100% - 80px);
    padding-left: 10px;
  }
}

@media screen and (max-width: 570px) {
  #fil_ariane,
  .outils{
    display: none;
  }

  #nav_top {
    display: none;
  }
  #home_gauche .agenda_home {
    display: block;
    width: calc(100% - 30px);
  }

  .bloc_magazine, .bloc_feuillete {
    display: block;
    padding: 0 30px;
    width: 100%;
  }
  #c1064, .bloc_magazine {
    /*padding: 0 0 0 20px;*/
  }
  ul#nav_menu_outils {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  ul#nav_menu_outils li {
    width: 33.3333%;
    text-align: center;
    margin: 2px 0;
  }
  #c4 p.more-link:not(:last-child){
    display: none;
  }

  #c4 p.more-link:last-child{
    display: inline-block;
  }
  #c1242 {
    padding: 0;
  }
  ul#nav_acces_direct li {
    display: block;
    width: 100%;
  }
  #infos_gauche img, #infos_gauche a {
    display: block;
    margin: 0 auto;
    float: none;
  }
  #infos_gauche .ce-column {
    display: inline-block;
    width: 50%;
  }
}

@media screen and (max-width: 530px) {
  .powermail_fieldwrap label,
  .tx-powermail .powermail_field,
  .tx-powermail .powermail_field input,
  .tx-powermail .powermail_field textarea,
  .tx-powermail .powermail_field select{
    display: block;
    width: 100%;
    text-align: left;
  }

  .tx-powermail div.powermail_fieldwrap_type_submit{
    padding: 10px 0;
  }

  .tx-powermail .powermail_field input{
    height: 25px;
  }
}

@media screen and (max-width: 480px) {
  #infos_gauche,
  #infos_droite{
    display: block;
    width: 100%;
  }

  #infos{
    display: -ms-grid;
    display: grid;
    padding-bottom: 20px;
  }

  #nav_menu_outils{
    background-color: transparent;
  }

  #c1426 .image a,
  #c1427 .image a,
  #c1193 .image a{
    display: block;
  }

  #c1426 .image img,
  #c1427 .image img,
  #c1193 .image img{
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 425px) {
  #menu_mobile #menu_principal_mobile{
    padding: 10px 5px;
  }

  .bloc_droite_infos {
    font-size: 12px;
  }

  .news_secondaire_item{
    display: block;
    width: 100%;
    margin: 10px 0 20px;
  }

  .news_secondaire_item + .news_secondaire_item{
    margin-left: 0;
  }

  #menu_mobile #menu_principal_mobile #nav_principal .clicked ul{
    width: 67%;
    padding: 2px;
  }

  #menu_mobile #menu_principal_mobile #nav_principal .clicked ul li{
    font-size: 12px;
  }

  #menu_mobile #menu_principal_mobile #nav_principal .clicked ul li:before{
    height: 6px;
    width: 8px;
    background-size: contain;
  }

  #menu_mobile #menu_principal_mobile{
    width: calc(100% - 5px);
  }

  #infos_droite .bloc_contenu:last-child{
    display: block;
    margin-bottom: 10px;
  }

  #inter_milieu .bloc_contenu .ce-gallery,
  #inter_milieu .bloc_contenu .ce-gallery .image,
  .droite_home .bloc_contenu .ce-gallery,
  .droite_home .bloc_contenu .ce-gallery .image{
    width: 100%;
  }

  #inter_milieu .bloc_demi{
    display: block;
    width: 100%;
    float: none;
  }

  .e_annuaires_recherche_bloc label{
    display: block;
    width: 100%;
  }

  .agenda_home_infos {
    font-size: 16px;
    line-height: 1;
  }

  p.news-latest-image, .agenda_home_infos p{
    font-style: 0.8em;
  }

  #home_gauche .agenda_home_infos p.news-latest-titre{
    font-size: 1em;
  }

  .content{
    padding: 15px 10px;
  }

  #menu_mobile #menu_principal_mobile #nav_principal>li{
    width: 32%;
  }

  #menu_mobile #menu_principal_mobile #nav_principal>li span{
    padding: 5px;
  }

  #c1094 .ce-textpic{
    display: block;
    width: 100% !important;
  }

  .ce-column{
    margin-right: 0;
  }

  #c1094 .ce-gallery,
  #c1094 .ce-column,
  #c1094 .image,
  #c1094 .image a{
    display: block;
    width: 100% !important;
    text-align: center;
  }

  #c1094 .ce-bodytext p.chapo{
    text-align: center;
  }

  #c1094 .ce-bodytext ul{
    list-style: none;
  }

  #c1094 .image-embed-item{
    display: block;
    margin: 0 auto;
  }

  #milieu > div:not(#fil_ariane),
  #milieu > div{
    padding: 0 10px;
  }

  #haut{
    height: 160px;
  }

  .droite .conteneur_droite .bloc_contenu{
    width: 100%;
    margin: 0;
  }

  #logo{
    margin: 25px 0 0 8%;
  }

  #milieu{
    max-width: calc(100% - 20px);
    padding: 10px 0;
  }

  #logo{
    margin-left: 20px;
    margin-top: 0;
  }

  #burger {
    margin-left: 0;
    margin-top: 30px;
  }

  #logo_bezons{
    margin: 10px 20px;

    width: calc(100% - 100px);
    height: 95px;

    /*background-position: 2px -574px;*/
    /*background-size: 937px;*/
    background-size: contain;
    background-position: 0 0;
    background-image: url('../Images/logo.png');
  }

  #news_une_home{
    margin: 0 10px;
    width: calc(100% - 20px);
  }

  #home_gauche{
    margin-top: 20px;
  }

  .news_une_container{
    width: calc(100% - 20px);
  }

  #home_gauche .news-latest-container_home{
    padding: 0 10px 0 20px;
  }

  .news-latest-container_home .news-latest-item{
    padding: 15px 0;
  }

  #home_gauche .news-latest-titre{
    margin-bottom: 0;
  }

  .agenda_home_item{
    background-color: white;
    border-top: 1px dotted #aea6a2;
  }

  .agenda_home_item:last-child{
    border-bottom: 1px dotted #aea6a2;
  }

  span.alaune_chapo{
    display: none;
  }

  .droite_home{
    padding: 0 10px;
  }

  .news-latest-item-image{
    display: none;
  }

  #home_gauche .agenda_home{
    width: calc(100% - 10px);
  }

  #c1064{
    padding-left: 10px;
  }

  .bloc_magazine,
  .bloc_feuillete{
    padding: 0 10px;
  }

  #bas{
    width: calc(100% - 20px);
    border-top: none;
  }

  #infos{
    padding: 0 10px;
  }

  ul#nav_menu_outils{
    padding: 10px;
  }

  #infos_droite{
    margin-left: 0;
  }

  ul#nav_menu_outils li{
    width: 50%;
    text-align: left;
  }

  #infos_droite .ce-bodytext strong:first-child{
    display: block;
    margin-bottom: 0px;

    font-size: 1.1em;
    line-height: 0.8;
  }
}

@media screen and (max-width: 355px){

  .news .navMois{
    text-align: center;
  }

  .news .navMois div{
    display: inline-block;
    margin: 0 10px;
    float: none;
  }

  #moteur_recherche {
    display: block;
    margin: 0 auto;
    float: none;

    width: 295px;
  }

  #menu_top {
    padding-left: 3%;
  }

  form.recherche input.submit_only_texte{
    width: 135px;
    height: 15px;
    padding: 0;
  }

  form.recherche input.bouton_ok{

  }

  form.recherche label{

  }

  form.recherche .input_recherche{
    width: 170px;
    height: 18px;

    background-size: 1013px;
    background-position: -391px -675px;
  }
}

@media screen and (max-width: 325px) {
  #nav_gauche{
    width: calc(100% - 20px);
  }

  #logo{
    margin-left: 15px;
  }

  #logo_bezons{
    /*margin: 10px 0;*/
    /*margin-left: 5px;*/

    width: 210px;
  }

  .e_annuaires_recherche_bloc p{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .e_annuaires_recherche_bloc input,
  .e_annuaires_recherche_bloc select{
    width: 100%;
  }

  #inter_milieu{
    /*width: calc(100% - 20px);*/
  }

  .e_annuaires_recherche_bloc{
    width: 100%;
  }
}