/*----------------------------------------------------------------------------------------------------------------- RESPONSIVE*/
@media (max-width: 1310px) {
/*PAGE CONTENU*/
    #contenu .content h1 {
      font-size: 28px;
      line-height: initial;
      margin-bottom: 50px;
    }
    #contenu .content div .titre,
	article h1.titre	{
        display: inline-block;
        hyphens: auto;
        line-height: initial;
        overflow-wrap: break-word;
        width: 100%;
    }
/*PAGE NEWS*/
    #contenu .page_all_news #actus #block-views-block-news-home-carousel-block-1 {
      display: inline-block;
    }
    .page_all_news #block-views-block-news-home-carousel-block-1 .views-row {
      float: left;
      width: 48%;
    }
    .page_all_news #block-views-block-news-home-carousel-block-1 .views-row:last-child {
      margin-right: 0;
    }
    .page_all_news #actus #block-views-block-news-home-block-1 {
      margin-top: 20px;
    }
    .page_all_news #actus #block-views-block-news-home-block-1 .views-row {
      width: 280px;
    }
    .page_all_news #block-views-block-news-home-block-1 .views-row:nth-child(2n) {
      margin-right: 0;
    }
    .page_all_news #block-views-block-news-home-block-1 .views-row:nth-child(3n) {
      margin-right: 15px;
    }
}
@media (max-width: 1280px) {
  /*Page news*/
    .path-news #actu_secondaire .actu_secondaires_container:nth-child(3n), 
    .path-publications #actu_secondaire .actu_secondaires_container:nth-child(3n) {
      margin-right: 12px;
  }
    .path-news #actu_secondaire .actu_secondaires_container:nth-child(2n), 
    .path-publications #actu_secondaire .actu_secondaires_container:nth-child(2n) {
      margin-right: 0;
  }
}
@media (max-width: 1220px) {
/*HEADER*/
  #header > .container {
    padding: 0 10px;
  }
  #header #logo {
    left: 10px;
  }
/*HEADER PAGE*/
  #header_page .header_page_content {
      padding: 50px;
  }
  #header_page .header_page_content h1 {
    font-size: 35px;
    line-height: 40px;
  }
  #header_page .header_page_content h1::before {
    background-size: 20px auto;
    left: -30px;
    top: 0;
  }
/*HOME*/
/*categories*/
  #block-views-block-blocs-accueil-block-1 {
    padding: 0 0 100px;
  }
  .region.region-content-home #block-views-block-blocs-accueil-block-1 .view-content {
    text-align: center;
  }
  #block-views-block-blocs-accueil-block-1 .views-row {
    float: none;
    margin-bottom: 15px;
    margin-left: 7px;
    margin-right: 7px;
  }

  #block-blocsaccueilhome {
      text-align: center;
      padding-top: 0px;
  }
  #block-blocsaccueilhome .views-row {
      float: none;
  }
  #block-blocsaccueilhome .categories_container h2{
      left: 0;
      right:0;
    }
/*actus*/
    #actus .slick__slide .slide__content,
    #block-views-block-news-home-carousel-block-1 {
      text-align: center;
    }
    #actus .slick__slide .slide__content > li {
      display: inline-block;
      max-width: 100%;
      float: none;
      width: 370px;
    }
    #actus .actu_une_container, 
    #block-views-block-news-home-carousel-block-1 .views-row {
      width: 100%;
    }
    #block-views-block-news-home-carousel-block-1 .views-row {
      margin-right: 30px;
    }
    #block-views-block-news-home-carousel-block-1 .views-row .header {
      height: 200px;
    }
    #block-views-block-news-home-carousel-block-1 .views-row .cat {
      font-size: 13px;
      padding: 10px 20px;
      top: 15px;
    }
    #block-views-block-news-home-carousel-block-1 .views-row .content {
      padding: 20px;
    }
    #block-views-block-news-home-carousel-block-1 .views-row .content h3 {
      margin: 10px 0;
    }
    #block-views-block-news-home-carousel-block-1 .actu_une_container .header {
      height: 250px;
    }
  #actus .actu_une_container .header img, 
  #block-views-block-news-home-carousel-block-1 .actu_une_container .header img,
  .actu_secondaires_container .header img {
    height: 100%;
  }
/*actu_secondaire*/
    #block-views-block-news-home-block-1 .views-row {
      width: 23%;
    }
/*FOOTER*/
    footer > .container {
      padding-left: 10px;
      padding-right: 10px;
    }
    footer > .container > * {
      margin-right: 30px;
      width: calc(100% /  6.6);
    }
    footer > .container > *:last-child {
      margin-right: 0;
    }
    footer h3 {
      font-size: 18px;
      margin-bottom: 10px;
    }
/*PAGE CONTENU*/
    #contenu .content div.citation {
      margin: 40px 0;
      width: 100%;
    }
    #contenu .content div.citation * {
      font-size: 20px;
      line-height: initial;
    }
    #page #events .events_container {
      padding: 0 10px;
    }
    #page #events .event_all .event_all_detail {
      width: 24%;
    }
/*PAGE NEWS*/
    .page_all_news #actus #block-views-block-news-home-block-1 .views-row {
      width: 48%;
    }
/*SIDEBAR*/
    #sidebar .sidebar_content {
      max-width: 100%;
    }
    #sidebar .sidebar_content  div{
      padding-right: 10px;
    }
    #sidebar h2 {
      font-size: 18px;
    }
    #sidebar .doc .doc_container {
      background-position: left 15px top 25px;
      background-size: 20px auto;
      padding-left: 48px;
    }
    #sidebar .doc .doc_container .meta * {
      font-size: 13px;
    }
    #sidebar .publications .publications_container .header, 
    #sidebar .pages .header {
      display: block;
      margin: 0 auto;
      padding: 0;
    }
    #sidebar .publications .publications_container .content, #sidebar .pages .content {
      margin-top: 20px;
      width: 100%;
    }
/*SIDEBAR PAGE*/
  #sidebar .sidebar_content #block-searchform .form-item > .input-group .input-group-btn {
    width: 60px;
  }
  #sidebar .sidebar_content #block-searchform .form-item > .input-group .input-group-btn button {
    height: 50px;
    padding: 0;
    width: 100%;
  }
  #sidebar .sidebar_content #block-searchform .form-item > .input-group {
    padding-left: 10px;
  }
  #search-form input, #sidebar #block-searchform input {
    margin: 10px 0;
  }
/*FOOTER PAGE*/
  #events .event_all .view-content {
    text-align: center;
  }
}
@media (max-width: 1100px) {
  /*page contenu*/
  .content .field table {
    display: block;
    border: none;
    border-left: 1px solid #007caf;
    border-top: 1px solid #007caf;
    overflow: scroll;
  }
}
@media (max-width: 1020px) {
/*HEADER*/
/*menu*/
  #header #header_main .menu li a {
    font-size: 14px;
  }
/*BANDEAU*/
    #bandeau {
      background-position: center top;
      background-repeat: no-repeat;
      background-size: contain;
      height: 140px;
    }
/*HOME*/
/*categories*/
    #block-views-block-blocs-accueil-block-1 {
      padding: 50px 0;
    }
    #block-views-block-blocs-accueil-block-1 .views-row {
      float: none;
      height: 350px;
      width: 270px;
    }
    #block-views-block-blocs-accueil-block-1 .categories_container img {
      height: 350px;
    }
    #block-views-block-blocs-accueil-block-1 .categories_container > div.content,
    #block-views-block-blocs-accueil-block-1 .views-row > div.content {
      line-height: 350px;
    }
    #block-views-block-blocs-accueil-block-1 .views-row h2 {
      font-size: 25px;
    }
    /*slider*/
    #block-views-block-news-home-carousel-block-1 .form-group {
        margin-bottom: 0px;
    }
    /*news*/
   /* section.block-views-blocknews-home-block-1 {
        margin-top: -50px;
    }*/
    /*events*/
    #infos #events #block-eventhome > div {
        width: 100%;
    }
    #infos #events #block-eventhome > div.event_une img{
          object-fit: contain;
    }
/*FOOTER*/
    footer > .container > * {
      width: calc(100% / 5.1);
    }
    footer > .container > *:last-child {
      margin-right: 0;
      width: 100%;
    }
}


@media (min-width: 840px) {
#views-bootstrap-news-page-news-first .row {
    display: flex;
    justify-content: center;
}
.news-first {
    flex: 1 1 50%;
    max-width: 50%;
}
}

@media (min-width: 992px) {
.news-first {
    flex: 1 1 40%;
    max-width: 40%;
}
}
@media (min-width: 1200px) {
.news-first {
    flex: 1 1 35%;
    max-width: 35%;
}
}

@media (max-width: 960px) {
/*HEADER*/
/*menu*/
    #header #header_main .menu {
      display:  none;
    }
    #header #trigger-overlay {
        background-color: rgba(0, 0, 0, 0);
        background-image: url("../img/burger.svg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        border: medium none;
        bottom: 20px;
        color: rgba(0, 0, 0, 0);
        cursor: pointer;
        display: inline-block;
        height: 50px;
        position: absolute;
        right: 10px;
        width: 50px;
    }
/*HEADER PAGE*/
    #header_page .header_page_content {
      height: auto;
      padding: 20px 30px;
      top: auto;
      width: 100%;
    }
    #header_page .header_page_content h1 {
      font-size: 25px;
      line-height: initial;
      margin-bottom: 15px;
      padding-bottom: 15px;
    }
    #header_page .header_page_content h1::before {
      background-size: 15px auto;
      left: -24px;
    }
    #header_page .header_page_content > p {
      font-size: 16px;
      line-height: initial;
    }
    #header_page .header_page_content .btn {
      margin-top: 15px;
    }
/*HOME*/
/*actus*/
    #block-views-block-news-home-carousel-block-1 .views-row {
      margin: 0 15px 15px;
      width: 365px;
      max-width: 100%;
    }
    #block-views-block-news-home-carousel-block-1 .views-row:last-child {
      margin-right: 15px;
    }
/*actu_secondaire*/
  #block-views-block-news-home-block-1 .view-news-home .view-content {
    text-align: center;
  }
  #block-views-block-news-home-block-1 .views-row {
    margin: 15px;
    width: 280px;
  }
  #block-views-block-news-home-block-1 .views-row .header {
    background-size: cover;
  }
/*infos*/
    #infos .container > div {
      width: 100%;
    }
    #infos .container > div#events {
      margin-bottom: 30px;
    }
/*bloc_texte */
    #bloc_texte {
      padding: 50px 10px;
    }
    #bloc_texte .titre {
      font-size: 35px;
      margin-bottom: 30px;
    }
    #bloc_texte .content {
      margin-bottom: 40px;
    }
/*FOOTER*/
    footer > .container > *:first-child {
      margin-right: 0;
      text-align: center;
      width: 100%;
    }
    footer > .container > *:first-child img {
      height: 100px;
    }
    footer > .container > * {
      width: calc(100% / 3.8);
    }
/*PAGE CONTENU*/
    #contenu .header {
      margin-bottom: 31px;
    }
    #contenu .header > div:last-child {
      margin-top: 20px;
    }
    #contenu .content .meta {
      margin-bottom: 20px;
    }
    #contenu .content h1 {
      font-size: 20px;
      margin-bottom: 20px;
    }
    #contenu .content h2 {
      font-size: 20px;
    }
	#contenu .content h3 {
      font-size: 17px;
    }
    #page #events .event_all .event_all_detail {
      width: 31.33%;
    }
    #page #events .event_all .event_all_detail:nth-child(3n) {
      margin-right: 0;
    }
    #page #events .event_all .event_all_detail:nth-child(4n) {
      margin-right: 10px;
    }
    #contenu article.full .content .field--name-field-news-image img {
        max-width: 100%;
        margin-right: 0;
    }
    #contenu .content {
      padding-left: 0px;
    }
/*PAGE NEWS*/
    .page_all_news #block-views-block-news-home-carousel-block-1 .views-row,
    .page_all_news #actus #block-views-block-news-home-block-1 .views-row {
      float: none;
      margin: 0 auto 10px;
      max-width: 100%;
      width: 390px;
    }
    #pagination {
      text-align: center;
    }
/*SIDEBAR PAGE*/
    #sidebar.sidebar_page .sidebar_content .recherche {
      padding-left: 10px;
      overflow: hidden;
    }
    #sidebar.sidebar_page .recherche input {
        display: inline-block;
        margin: 10px 0;
        width: 160px;
    }
/*SIDEBAR*/
    #sidebar .sidebar_content div {
      padding-right: 0;
    }
    #sidebar .menu a {
      font-size: 13px;
      line-height: initial;
      padding: 5px 15px 5px 20px;
    }
    #sidebar .sidebar_content #block-searchform .form-item > .input-group {
      display: inline-block;
      padding: 0;
      width: 100%;
    }
    #search-form input, 
    #sidebar #block-searchform input {
      display: block;
      float: none;
      margin: 10px auto;
      width: 195px;
    }
    #sidebar .block-publications-block .publications_container .content .lien, 
    #sidebar .pages .content .lien {
      right: 10px;
    }
/*    #sidebar .sidebar_content div.doc, 
    #sidebar .sidebar_content div.pages, 
    #sidebar .sidebar_content div.publications {
      display: none;
    }*/
  #sidebar .bloc_sidebar .content {
    hyphens: auto;
    overflow-wrap: break-word;
    padding-right: 5px;
  }
  /*PAGE RECHERCHE*/
  .path-search #search-form #edit-advanced input[type="checkbox"] {
    width: auto;
    margin: 0 0px 10px 0px;
    float: left;
  }
}
@media (max-width: 800px) {
/*SIDEBAR*/
  #search-form input, #sidebar #block-searchform input {
    width: 150px;
  }
/*PAGE CONTENT*/
  #contenu article.full .content {
    width: 100%;
  }
/*table*/
  .content .field > table {
    display: block;
    overflow: scroll;
        overflow-x: scroll;
  }
}
@media (max-width: 767px) {
/*HOME*/
/*categories*/
    #categories {
      padding: 0 0 100px;
    }
    #categories .views-row {
      width: 47%;
    }
    #categories .views-row:nth-child(2n) {
      margin-right: 0;
    }
    #categories .views-row:nth-child(3n) {
      margin-right: 15px;
    }
/*infos*/
    #infos #events .events_container > div {
      width: 100%;
    }
    #infos #events .events_container > div.event_all {
      margin-left: 0;
      margin-top: 25px;
    }
    #events .events_container .event_une .header {
      background-repeat: no-repeat;
      height: 200px;
    }
    #events .event_une .content time {
      font-size: 18px;
    }
    #events .event_une .content time strong {
      font-size: 25px;
    }
    #events .event_une .content > h3 {
      font-size: 18px;
      line-height: initial;
    }
/*PAGE CONTENU*/
  #page #events .event_all .event_all_detail {
    width: 48%;
    margin-right: 0;
  }
  #page #events .event_all .event_all_detail:nth-child(2n) {
    margin-right: 0;
    float: right;
  }
  #page #events .event_all .event_all_detail:nth-child(3n) {
    margin-right: 0px;
  }
/*SIDEBAR PAGE*/
  #sidebar section, #sidebar .navbar-nav {
        margin: 0;
  }
  #sidebar.sidebar_page .recherche input {
    width: 140px;
  }
/*FOOTER*/
    footer > .container > *,
    footer > .container > .bloc_texte {
      margin-right: 0;
      width: 100%;
    }
    footer .menu > ul {
      display: inline;
    }
    footer .menu li {
      display: inline-block;
      margin-right: 10px;
    }
    footer .contact > div {
      display: inline-block;
      margin-right: 15px;
      vertical-align: top;
    }
    footer .contact > div::after {
      content: "";
    }
    footer .contact > div:nth-child(3) {
      padding: 0 15px;
      position: relative;
    }
    footer .contact > div:nth-child(3):before,
    footer .contact > div:nth-child(3):after{
        content: '';
        background-color: #012c3c;
        width: 1px;
        height: 100%;
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    footer .contact > div:nth-child(3):before{
        left: 0;
    }
    footer .contact > div:nth-child(3):after{
        right: 0;
    }
}
@media (max-width: 645px) {
/*HEADER*/
    #header #topbar {
      text-align: center;
    }
    #header #logo > img {
      width: 100%;
    }
    #header #logo {
      position: initial;
      width: 150px;
    }
/*HEADER PAGE*/
  #header_page,
  #header_page img {
    height: 500px;
  }
    #header_page .header_page_content > p {
      display: none;
    }
/*BANDEAU*/
    #bandeau {
      height: 90px;
    }
/*HOME*/
/*bloc cat*/

  #block-blocsaccueilhome .views-row {
      margin-right: 0;
      max-width: 100%;
  }
  #block-blocsaccueilhome .views-row img{
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
/*actu_secondaire*/
    #block-views-block-news-home-block-1 .views-row {
      margin: 0 auto 10px;
      max-width: 100%;
    }
/*PAGE CONTENU*/
    #contenu {
      min-height: auto;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
    }
	.path-frontpage #contenu {
		padding:0;
	}
    #contenu .container {
      padding: 20px 0;
    }
    #contenu .categorie {
      padding: 10px 15px;
    }
    #contenu .header .share_rs {
      float: none;
      margin-top: 10px;
      width: 100%;
    }
    p.image_vignette {
        max-width: 100%;
        width: 100%
    }
    p.image_vignette img {
      max-width: 100%;
      margin: 0 auto;
      float: none;
      display: block;
    }
    div.image_vignette_legende {
        width: 100%;
    }
/*SIDEBAR*/
  #contenu {
    background-image: none;
  }
  #sidebar {
    position: initial;
    width: 100%;
  }
  #contenu .container,
    #sidebar .sidebar_content {
      width: 100%;
    }
    #sidebar .menu a {
      text-align: center;
      border-left: medium none;
    }
    #sidebar .menu a.is-active::before ,
    #sidebar .menu a.active::before {
      display: none;
    }
  #sidebar h2 {
    text-align: center;
    padding-left: 0;
  }
  #sidebar .sidebar_content #block-sidebarmembership {
    text-align:center;
  }
  #sidebar .block-publications-block .publications_container, 
  #sidebar .pages .pages_container {
    padding: 10px;
  }
/*SIDEBAR PAGE*/
    #sidebar.sidebar_page .recherche input {
      display: block;
      margin: 10px auto;
      width: 240px;
    }
    #search-form input, 
    #sidebar #block-searchform input {
      width: 240px;
    }
    #sidebar .sidebar_content section.block-block-content {
    padding: 0px 0 0;
  }
/*FOOTER*/
    footer .contact > div {
      float: left;
      margin-right: 0;
      width: 100%;
    }
    footer .contact > div::after,
    footer .contact > div:nth-child(3)::before, 
    footer .contact > div:nth-child(3)::after {
      display: none;
    }
    footer .contact > div:nth-child(3) {
      padding: 0;
    }
/*FOOTER PAGE*/
  .path-notfrontpage #events #block-views-block-event-block-1 .views-row {
      margin-right: 0px;
  }
}
@media (max-width: 560px){
/*HOME*/
/*events*/
  #infos #events .events_container section {
    display: inline-block;
    margin: 0 0 30px;
    vertical-align: top;
    width: 100%;
  }
  #main #events .event_une > * {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  #events .event_une .header img {
    height: 100%;
    margin: 0 auto;
    object-fit: contain;
  }
/*news slider*/
.view-news-home-carousel .actu_une_container .extrait {
  display: none;
}
/*page contenu*/
  #contenu .content .agenda img, 
  #contenu .content .publication img, 
  #contenu .content .news img {
      display: block;
      float: none;
      margin: 30px auto;
  }
  /*PAGE PUBLICATION*/
  .path-news #actu_secondaire .actu_secondaires_container, 
  .path-publications #actu_secondaire .actu_secondaires_container {
    width: 260px;
    position: relative !important;
    max-width: 100%;
    margin:20px auto !important;
  }
}
@media (max-width: 460px) {
/*MENU*/
  body .overlay nav {
    font-size: 25px;
  }
  body .overlay ul li {
    min-height: 40px;
        height: auto;
  }
/*HEADER*/
    #header {
      height: auto;
    }
    #header #topbar ul {
      margin-bottom: 10px;
      margin-left: 0;
      width: 100%;
    }
/*HOME*/
/*categories*/
  #block-views-block-blocs-accueil-block-1 .categories_container {
    display: inline-block;
    width: 100%;
  }

  #block-views-block-blocs-accueil-block-1 .views-row {
    margin: 0 0 30px;
    padding: 0px;
    width: calc(100% - 30px);
  }
  #block-views-block-blocs-accueil-block-1 .categories_container img {
    height: 100%;
    object-fit: cover;
  }
  #block-views-block-blocs-accueil-block-1 .views-row:nth-child(2n) {
    margin-right: 0;
  }
/*actus*/
  #actus {
    padding: 30px 10px 0 10px;
  }
    #block-views-block-news-home-carousel-block-1 .views-row {
      margin: 0 auto 15px;
    }
    #slick-views-news-home-carousel-block-1-1 {
      padding: 0 32px;
    }
    #block-views-block-news-home-carousel-block-1 .actu_une_container .content {
      padding: 10px;
      height: auto !important;
    }
    .slick-next, .slick-prev {
      width: 35px;
      height: 35px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
/*events*/
  #main #events .event_une > * {
    width: 100%;
  }
/*PAGE CONTENU*/
    #page #events .event_all .event_all_detail {
      margin: 0 auto 10px;
      width: 290px;
      max-width: 100%;
      float: none;
      display: block;
    }
    #page #events .event_all .event_all_detail:nth-child(2n) {
      float: none;
      margin-right: auto;
    }
    #page #events .event_all .event_all_detail:nth-child(3n) {
      margin-right: auto;
    }
/*PRESS*/
    #press_center .press_center_content > div.grid-item {
      margin-left: 0;
      margin-right: 0;
    }
/*SIDEBAR PAGE*/
  #search-form input, 
  #sidebar #block-searchform input {
    width: 200px;
  }
}