/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */




/******** large desktop devices and up *********/


@media(min-width:1260px){
  #header{
     max-width: 1260px;
     margin-left: auto;
     margin-right: auto;
   }

   /********** Pages presse **********/
   .path-espace-presse .bandeau-bleu{
     min-height: 520px;
   }
 }
/******** large desktop devices and down *********/

@media (max-width: 1259px) {
  .site-slogan, .header-top-container .social-icons {
    display: none;
  }
  section.international .bloc_contenu_international {
    height: 350px;
  }
  section.international .bloc_contenu_international .contenu {
    margin: auto;
    margin-top: 85px;
    width: 100%;
  }
  section.international .bloc_image_international .contenu {
    margin-top: 0;
    float: none;
    margin: auto;
  }
  .bloc_slider .flexslider{
    width: 100%;
  }
  section.international .bloc_image_international {
    padding-left: 0;
  }
  .path-node .page-title-wrap h1.page-title{
    width: 100%;
    font-size: 28px;
  }
  .bloc-asummary{
    width: 100%;
  }
  .path-node .bloc-article {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0;
  }
  .path-node .bloc-article .bloc-article-info {
    padding-left: 15px;
  }
  .path-node .bloc-article .bloc-article-presentation {
    padding-right: 15px;
  }
  #block-cncdh-main-menu li a{
    font-size: 12px;
  }
  section.baseline .bloc_contenu_baseline .contenu p {
    font-size: 48px;
  }
  section.presentation .bloc_expertise .content{
    width: 100%;
  }
  .header-top .container-fluid {
    padding-right: 0;
  }
  .bloc-secretariat .views-field-field-photo-personne {
    width: 263px;
    height: 223px;
  }
  .bloc-secretariat .bloc-secretariat-body {
    margin-left: 315px;
  }
  .path-education-droits-humains .bloc-liste .views-field-field-type-ressource {
    margin-top: 20px;
    margin-bottom: 20px;
    float: none;
  }
  .path-education-droits-humains .bloc-liste .bloc-liste_detail {
    padding-left: 15px;
    padding-right: 15px;
  }
  .path-education-droits-humains .bloc-liste span.bloc-liste-mot-cle {
    padding: 10px 5px 10px 5px;
    font-size: 9px;
  }
  .bloc-asummary-img img {
    display: none;
  }
  .bloc-asummary-img {
    display: none;
  }
  .bloc-summary-right {
    margin-right: 0;
  }

  section.baseline .baseline-wrapper > .container .wrapper-video {
    display: none;
  }
}
/******** desktop devices and up *********/
@media (min-width: 992px) {
  .btn_contact_footer, .btn_espace_footer {
    display: none;
  }
  .expertise-responsive{
    display: none;
  }

  /********** contact *****/
  .contact_communication_desktop{
    display: block;
  }
  .contact_communication_tablette{
    display: none;
  }
  #block-cncdh-main-menu li:last-child, #custom-search-input-mobile {
    display: none;
  }
}

/******* Only Desktop devices *******/
@media (min-width: 992px) and (max-width: 1200px) {
  .container {
    width: 100%;
    max-width: 1170px;
  }
}

/******** desktop devices and down *********/

@media (max-width: 991px) {
  /******** header *********/
  .site-branding img {
    margin-top: 0;
  }
  #block-cncdh-main-menu li {
    display: none;
  }
  #block-cncdh-main-menu li:last-child {
    display: block;
  }
  #block-contacttop .menu--contact li:nth-last-child(2){
    display:none
  }

  .bandeau-bleu > .container,   .bandeau-bleu > .container .bloc-asummary {
    padding-bottom: 90px;
  }

  section.baseline .bloc_contenu_baseline .contenu .navig_arrow {
    display: none;
  }
  /******** End header *********/

  .path-actualites #sidebar-right, .path-actualites .bloc-actualites,
  .path-espace-presse #sidebar-right, .path-espace-presse .bloc-communiques {
    width: 100%;
  }

  /******** Home Page *********/
  section.baseline .baseline-wrapper > .container .wrapper-video {
    display: none;
  }
  #block-cncdhtwitter, .evenement {
    display: none;
  }
  .social_no_display.twitter{
    display: none
  }
  .social_no_display.youtube {
    padding: 50px 75px;
    height: 220px;
    width: 100%;
  }

  .views-field-field-video-embed > div.no_social {
    width: 100%;
    margin: auto;
  }
  .expertise-desktop{
    display: none;
  }
  .bloc_expertise .bloc_image img {
    width: 100%;
  }
  section.presentation .bloc_expertise .content {
    margin-bottom: 0;
  }
  .image-breadcrumb{
    display: none;
  }
  /******** End Home Page *********/
  /********** article ********/

  .bloc-liste .bloc-liste_detail{
    padding-left: 35px;
    padding-right: 35px;
  }
  .bloc-liste span.bloc-liste-mot-cle{
    margin-right:5px;
    padding-right: 0;
    padding: 10px;
  }
  /********** recherche ********/
  .views-exposed-form .select-wrapper {
    width: 200px;
    margin-right: 10px;
  }
  .views-exposed-form input.form-text {
    width: 200px  !important;
  }
  .path-recherche #breadcrumb {
    height: 343px;
  }
  .path-recherche .page-title-wrap h1.page-title {
    margin-top: 70px;
  }
  .path-recherche #breadcrumb .region.region-breadcrumb {
    height: 100%;
    background-image: none;
  }
  /********** end recherche ******/
  /********** big menu ****/
  section.big_menu .bloc_lien_menu {
    margin-top: 0;
  }
  /********** espace presse ******/
  .bloc_contact_side {
    padding: 40px 15px;
  }
  .path-espace-presse #block-views-block-revue-presse-block-1 {
    padding: 40px 15px;
  }
/********** end espace presse ******/
 /********** espace publications ******/
  .path-publications .bandeau-bleu > .container {
    padding-bottom: 0px;
  }
  .path-publications .bandeau-bleu > .container .bloc-asummary, .path-actualites .bandeau-bleu > .container .bloc-asummary {
    margin-bottom: 0px;
  }

  /********* page secreteriat ************/
  .bloc-secretariat .views-field-field-photo-personne {
    width: 190px;
    height: 240px;
  }
  .bloc-secretariat .bloc-secretariat-body {
    margin-left: 315px;
  }
  .path-espace-presse .bloc-liste .views-field.views-field-field-type-article {
    padding-right: 0px;
  }

  /******* contact *****/

  .path-contact .bloc_contact_form{
    margin-top: 60px;
  }
  .path-contact .page-title-wrap h1.page-title {
    margin-top: 70px;
  }
  .path-contact #breadcrumb .region.region-breadcrumb {
    height: 100%;
    background-image: none;
  }
  /******* End contact *****/

  .path-recherche .recherche {
    width: 100%;
  }

 .bandeau-bleu > .container {
   padding-bottom: 35px;
  }

  .path-education-droits-humains .bandeau-bleu > .container {
    padding-bottom: 90px;
   }

  .path-espace-presse.no-sidebar .bandeau-bleu > .container {
    padding-bottom: 125px !important;
   }

  /********* Page Membre ******/
  .page-node-type-membres .bandeau-bleu > .container {
    padding-bottom: 90px;
}

  /**********  Evenements ******/
  .page-node-type-evenements #main-wrapper {
    margin-top: -120px !important;
  }

  /******** Footer *********/
  .footer-bottom {
    position: initial;
    margin-bottom: 10px;
    overflow: auto;
  }
  #block-cncdh-footer li a {
    padding: 25px 10px 25px 10px;
  }
  /******** End Footer *********/
}

/******** Tablets devices and up *********/
@media (min-width: 768px){

  h1.page-title {
    font-size: 52px !important;
  }

  .page-title-wrap {
    padding: 10px;
  }
  .header-right #custom-search-input-mobile {
    display: none;
  }
  .contenu-lie-desktop{
    display: block;
  }
  .contenu-lie-mobile{
    display: none;
  }
  .article-info-desktop{
    display: block;
  }
  .article-info-mobile{
    display: none;
  }
  .reseau-soc-responsive{
    display: none;
  }
  .reseau-soc-mobile{
    display: block;
  }
  .lien_actualite_desktop{
    display: block;
  }
  .lien_actualite_mobile{
    display: none;
  }
  .related_desktop{
    display: block;
  }
  .related_mobile{
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1215px){
  .site-branding .site-logo
  {
    margin-top: -34px;
  }

   /********** Publications **********/

   #views-exposed-form-publications-page-1 {
     width: 725px !important;
     margin-left: auto;
     margin-right: auto;
   }
   .views-exposed-form .select-wrapper, .views-exposed-form .form-type-textfield, .views-exposed-form input.form-text {
    width: 312px !important;
    margin-right: 10px;
    margin-bottom: 27px;
  }

  .views-exposed-form .form-item-search-api-fulltext {
    position: relative;
    top: 13px;
  }

  #edit-actions{
    position: relative;
    top: -14px;
  }

  .path-espace-presse #edit-actions{
    top: 0px;
  }
  .page-content .views-exposed-form {
    min-height: 182px;
  }

}


/******* Only tablets devices *******/
@media (min-width: 768px) and (max-width: 991px){
  #header .container {
    width: 100%;
    max-width: 991px;
  }
  .container {
    width: 100%;
    max-width: 750px;
    padding-bottom: 25px;
  }
  /******** header *********/
  #block-contacttop li a {
    padding: 20px 15px 20px 15px;
  }
  /******** End header *********/
  /****** home page *******/
  section.presentation .bloc_expertise .content.bg_bl {
    margin-right: 0px;
  }
  .bloc_image img {
    width: 305px;
  }
  /****** End home page *******/
  /********** espace presse ******/
  .path-espace-presse .views-exposed-form input.form-text {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /********** end espace presse ******/
  .evenements_views .titre {
    font-size: 24px;
  }

  /********** Page *********/
  .page-node-type-page-de-base #main-wrapper {
    margin-top: -116px;
}

  /********** contact *****/
  .contact_communication_desktop{
    display: none;
  }
  .contact_communication_tablette{
    display: block;
  }
  .bloc_contact_communication .contenu h2.service_titre {
    margin-top: 20px;
    padding-top: 0;
  }
  /******** Footer *********/
  .footer-block.footer-block-last {
    display: none;
  }
  section.footer-bottom-middle {
    margin-bottom: 50px;
  }
  .btn_contact_footer a, .btn_espace_footer a {
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    background: #072c6f;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    display: block;
}
  /******** End Footer *********/
  /******** Publications - Actualites contents *********/

    .page-node-type-publications .page-content .bloc-article .bloc-article-presentation .img_couverture {
        margin-top: 120px;
    }

    .page-node-type-publications #main-wrapper {
      margin-top: -118px;
  }

    .page-node-type-page-de-base #main-wrapper .bloc-article-presentation .node-updated {
       display: block;
       position: relative;
       top: -78px;
  }
}

/******** Tablets devices and down *********/
@media (max-width: 767px) {

  h1.page-title {
    font-size: 42px !important;
  }

  #breadcrumb .container .container,
  #breadcrumb .container .page-title {
    padding-left: 31px;
    padding-right: 31px;
  }
  .form-group {
    margin-bottom: 34px;
  }
  .bloc-article .bloc-article-presentation .img_couverture {
    margin-top: 0px;
  }
  .bloc-article .bloc-article-presentation .node-updated {
    float: right;
    display: block;
    /* margin-top: -95px; */
  }
  .btn_contact_footer, .btn_espace_footer {
    display: none;
  }
  .footer-block {
    flex: none;
  }
  /* Layout -> Header -> Header top*/
  .header-top-container {
    flex-direction: column;
    float: none;
  }
  .header-top{
    width: 100%;
  }
  .header-top-left {
    margin-bottom: 6px;
  }
  .header-top-right{
    width: 100%;
  }
  .header-top-left i,
  ul.social-icons li {
    font-size: 0.8em;
  }
  .header-top-left i,
  ul.social-icons li a {
    width: 30px;
    height: 30px;
  }
  .search-icon {
    padding: 10px 0 10px 10px;
  }
  .search-box-content {
    top: 30%;
    width: 90%;
  }
  .main-menu {
    display: none;
  }
  .active-menu .main-menu {
    display: block;
  }
  .mobile-menu {
    display: none;
    float: right;
  }
  .menu-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-left: -1000px;
    background: transparent;
    z-index: 100;
    transition: all 0.4s ease;
  }
  .active-menu .menu-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 90%;
    max-width: 320px;
    height: 100%;
    margin-left: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 100;
    transition: all 0.4s ease;
  }
  .active-menu .menu-wrap ul.main-menu {
    overflow-y: scroll;
  }
  .active-menu .menu-wrap ul.main-menu > li {
    display: block;
    float: none;
  }
  .active-menu .menu-wrap ul.main-menu a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
  }
  .active-menu .menu-wrap .dropdown-arrow {
    position: absolute;
    right: 10px;
  }
  .active-menu ul.main-menu ul.submenu {
    position: relative;
    display: block;
    top: 0;
    opacity: 1;
  }
  .active-menu ul.main-menu ul.submenu::before,
  .active-menu ul.main-menu ul.submenu::after {
    content: "";
    display: table;
    clear: both;
  }
  .active-menu ul.main-menu ul.submenu li {
    position: relative;
    width: 100%;
    padding: 0 10px;
    background: none;
    text-align: right;
  }
  .active-menu ul.main-menu ul.submenu li a {
    display: block;
    width: 100%;
  }
  .active-menu ul.main-menu li a {
    border-bottom: 1px solid #434343;
  }
  .active-menu .close-mobile-menu {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10px;
    right: 5px;
  }
  /********** big menu ****/
  section.big_menu .block_presentation {
    width: 100%;
    min-height: auto;
    z-index: 1;
    position: relative;
  }
  section.big_menu .bloc_lien_menu {
    margin-top: 300px;
  }
  section.big_menu .bloc_contact_menu ul.social-icons{
    margin-bottom: 20px;
  }
  .reseau-soc-responsive{
    display: block;
  }
  .reseau-soc-mobile{
    display: none;
  }
  .reseau-soc-responsive ul.social-icons {
    text-align: left;
  }
  .reseau-soc-responsive ul.social-icons li {
    margin-right: 15px;
    margin-left: 5px;
  }

  .path-presentation .view-header {
    width: 100%;
  }

  .path-presentation .bloc-asummary {
    height: auto;
    margin-bottom: 0px;
  }

  .path-presentation .filre-page-responsive {
    bottom: -74px;
}

  /********** page secreteriat ******/
  .bloc-secretariat .bloc-secretariat-body {
    margin-left: 0px;
  }
  .bloc-secretariat {
    padding: 30px 20px 30px 20px;
  }
  .bloc-secretariat .views-field-field-photo-personne {
    width: 290px;
    height: 223px;
  }
  /********** ressources ******/
  .path-education-droits-humains .view-header, .path-education-droits-humains .view-header p {
    width: 100%
  }
  /* .path-education-droits-humains #breadcrumb {
    height: 500px;
  } */
  .path-education-droits-humains #main-wrapper {
    margin-top: -90px;
  }
  .path-education-droits-humains .view-header p {
    width: 100%;
    font-size: 18px;
  }
  /********** modal ******/
  #block-blockmodalcncdh2mots .block-content .modal, #block-blockmodal .block-content .modal{
    width: 100%;
  }
  /********** contact *****/
  .contact_communication_desktop{
    display: block;
  }
  .contact_communication_tablette{
    display: none;
  }
  /* Breadcrumb */
  #breadcrumb {
    padding: 6px 0;
  }
  .breadcrumb {
    font-size: 0.8em;
  }
  .breadcrumb-item-seperator {
    margin: 0 6px;
  }
  /******* Home Page *******/

  section.baseline .baseline-wrapper > .container .bloc_contenu_baseline {
    width: 100%;
  }

  section.baseline .baseline-wrapper > .container .bloc_contenu_baseline h1 {
    font-size: 36px;
    line-height: 42px;
  }
  #block-cncdh-searchform-2 {
    float: right;
  }
  #block-cncdh-searchform-2 form#search-block-form {
    border-left: none;
  }
  .region.region-footer-fourth {
      float: none;
  }
  .region.region-footer-fourth .contextual-region, .region.region-footer-bottom .contextual-region{
    float: none;
  }
  #block-cncdh-footer li {
    float: none;
  }
  #block-menufooterfourth li {
    margin-bottom: 40px !important;
    margin: auto;
    width: 100%;
  }
  .footer-bottom-middle-right {
    text-align: center;
    float: none;
  }
  .site-branding img {
    margin-top: 0px !important;
    width: 117px;
    height: 70px;
  }

  .header-top-left {
    display: none;
  }
  .header-top .contextual-region{
    width: 100%;
  }
  .site-branding img{
    padding: 0;
  }
  #block-contacttop li {
    display: none;
  }
  #block-contacttop li:last-child {
    display: block;
    width: 100%;
  }
  #block-contacttop li:last-child a:after {
    margin-left: 0;
    float: right;
    margin-right: 30px;
  }
  #block-contacttop li a {
    padding: 20px 15px 20px 15px;
    border-left: none;
  }
  #custom-search-input-mobile {
      border-left: 0;
      padding: 10px 0px 10px 0px;
      width: 100px;
  }
  #block-logo-footer {
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }
  section.baseline {
    background-image: none;
  }
  .views-view-grid .views-col {
    width: 100% !important;
  }
  /*.views-field .views-field-field-video-embed{
    width: 85%;
  }*/
  section.videos {
    margin-bottom: 90px;
    height: 440px;
  }
  .bloc_slider {
    padding-top: 10px;
    background-image: none;
    height: 470px;
  }
  .bloc_slider .chaine_youtube a {
    right: auto;
  }
  .bloc-publications .bloc-publications-presentation {
    padding: 50px 30px;
  }
  .bloc-publications .bloc-publications-presentation a {
    padding-left: 9.5px;
    text-align: center;
  }
  .bloc_slider .chaine_youtube a {
    text-align: center;
    padding-left: 50px;
  }
  .lien_actualite_desktop{
    display: none;
  }
  .lien_actualite_mobile{
    display: block;
  }
  section.publications .container {
    margin-left: -15px;
    margin-right: -15px;
  }
  section.international .bloc_contenu_international {
    padding-left: 35px;
    padding-right: 65px;
  }
  section.baseline .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  section.baseline .bloc_contenu_baseline {
    padding-left: 15px;
  }
  section.baseline .bloc_contenu_baseline .contenu {
    padding-right: 0px;
    width: 100%;
    float: right;
    margin-top: 20px;
    margin-right: 0;
    background: none;
  }
  section.baseline .bloc_contenu_baseline .contenu p{
    font-size: 36px;
  }
  section.baseline .bloc_image_baseline {
    display: none;
  }
  section.international {
    margin-bottom: 50px;
  }
  section.international .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  section.international .bloc_contenu_international .contenu {
    width: 100%;
    height: 260px;
    margin-top: 85px;
    background: none;
  }

  section.international .bloc_contenu_international .contenu h5{
    font-size: 27px;
  }
  section.international .bloc_contenu_international .contenu p{
    font-size: 15px;
    padding-top: 24px;
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
  section.international .bloc_contenu_international .contenu a{
    font-size: 15px;
  }
  section.international .bloc_image_international{
    display: none;
  }

  section.presentation .bloc_expertise .content {
    width: 100%;
  }
  section.presentation .bloc_education {
    padding-left: 15px;
    padding-right: 15px;
  }
  section.presentation .bloc_education .contenu {
      width: 100%;
  }
  ul.menu.menu--footer.nav {
    width: 100%;
  }
  /******* video *****/
  section.videos .bloc_slider .flexslider{
    width: 100%;
  }
  /******* liste article *******/
  .bloc-article .bloc-article-info {
    padding-right: 0;
    padding-left: 0;
  }
  .bloc-article .information .type span, .bloc-article .information .type span a {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .contenu-lie-desktop{
    display: none;
  }
  .contenu-lie-mobile{
    display: block;
  }
  .article-info-desktop{
    display: none;
  }
  .article-info-mobile{
    display: block;
  }
  .path-node .bloc-article .bloc-article-presentation {
    margin-bottom: 40px;
  }
  .path-node .bloc-article {
    margin-top: 45px;
  }
  .bloc-article #toc_content_bottom{
    display: none;
  }
  .bloc-article .bloc-representant .desc-representant {
    width: 100%;
    margin-top: 20px;
  }
  .bloc-article .bloc-representant .titre {
    text-align: center;
  }
  .bloc-article .bloc-representant .representant .nom {
    text-align: center;
  }
  .bloc-article .bloc-representant .fonction {
    text-align: center;
  }
  .bloc-article .bloc-representant .suppleant .nom {
    text-align: center;
  }
  .related_desktop{
    display: none;
  }
  .related_mobile{
    display: block;
  }
  .node-updated {
    display: none;
  }
  #breadcrumb .region.region-breadcrumb {
    background-image: none;
  }

  .path-node #breadcrumb.breaddegra{
    background: #072c6f;
  }


  /********* Articles *******/
  .page-node-type-articles #main-wrapper {
    margin-top: -137px;
  }

  .path-actualites .bandeau-bleu > .container {
    padding-bottom: 0px;
   }


  /* Layout -> Page layout */
  .no-sidebar #main,
  .two-sidebar #main,
  .sidebar-left #main,
  .sidebar-right #main {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 500px;
  }
  #main::before,
  #main::after {
    content: "";
    display: table;
    clear: both;
  }

  .path-node .page-title-wrap h1.page-title {
    min-height: none;
    padding-bottom: 0px;
  }

  .page-node-type-page-de-base #main-wrapper {
    margin-top: -135px;
  }
  /* Layout -> Footer */
  #footer {
    position: relative;
    z-index: 2;
  }
  .footer-bottom-middle {
    flex-direction: column;
  }
  .copyright {
    margin-bottom: 12px;
  }
  /* Content -> Form */
  .page-content input[type="text"],
  .page-content input[type="email"],
  .page-content input[type="password"],
  .page-content input[type="search"] {
    width: 100%;
    max-width: 100%;
  }
  input {
    max-width: 100%;
  }
  .page-content .views-exposed-form {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 40px;
  }
  .views-exposed-form .select-wrapper{
    width: 100%;
  }
  .views-exposed-form input.form-text {
    width: 100% !important;
  }
  .views-exposed-form button {
    float: right;
    margin-right: 10px;
    margin-top: -69px;
    z-index: 550;
    position: sticky;
  }
  /* Homepage */
  .service,
  .project {
    float: none;
    width: 100%;
    max-width: 385px;
    margin: 0 auto 20px auto;
    padding: 4% 2%;
  }
  .view-membres .view-header p{
    width: 100%;
    font-size: 18px;
  }
  .path-membres #main-wrapper {
    margin-top: -330px;
  }
  .path-membres #breadcrumb {
    height: 440px;
  }
  .view-membres .view-header {
    height: 190px;
  }
  .path-node .bloc-asummary {
    /* height: 235px; */
    font-size: 18px;
    margin-bottom: 35px;
  }
  .path-node .page-title-wrap h1.page-title {
    font-size: 34px;
    /* line-height: 32px; */
  }
  .bloc-article .bloc-article-presentation .version_eng{
    margin-left: 0;
  }
  .footer-block.footer-block-last {
    margin: auto;
    width: 100%;
  }
  /********* page liste membres *****/

  .path-presentation #main-wrapper {
  margin-top: -90px;
  }

    /********* page membre *****/

  .page-node-type-membres .bloc-article .bloc-representant {
    margin-top: 0px;
  }
  .bloc-article .description {
    margin-top: 20px;
  }
  .bloc-article .bloc-representant .img-representant {
    float: left;
    text-align: center;
    margin: auto;
    width: 100%;
  }
  .page-node-type-membres #main-wrapper {
    margin-top: 0;
  }

  .bloc-article .bloc-article-presentation .version_eng{
    margin-left: 0;
  }

  #header_liste_publications, #header_news{
    width: auto;
  }

  .page-node-type-membres .bandeau-bleu > .container {
    padding-bottom: 35px;
  }

  /**********  Evenements ******/
  .page-node-type-evenements #main-wrapper {
    margin-top: -50px !important;
  }


    /******* Page Presse ********/
    .path-espace-presse.no-sidebar .filre-page-responsive {
      display: none;
    }

    .path-espace-presse.no-sidebar .bandeau-bleu > .container {
      padding-bottom: 0px;
    }

    .path-espace-presse .views-exposed-form .select-wrapper {
      width: 100%;
    }

    /******* Page publication ******/
    .page-node-type-publications #main-wrapper {
      margin-top: -136px;
  }
}

/******* Only large mobile devices *******/
@media (min-width: 426px) {
  .lien-accueil-breadcrumbs{
    display: none;
  }
  .navigation-page-responsive {
    display: none;
  }
  .filre-page-responsive {
    display: none;
  }
}

/******* Only mobile devices *******/
@media (max-width: 425px) {

  #main-wrapper {
    margin-top: 50px;
  }

  .page-node-type-page-de-base #main-wrapper {
    margin-top: 0px;
  }

  .page-node-type-articles #main-wrapper {
    margin-top: -67px;
  }

  .header-top .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }

  .bandeau-bleu {
    background: #072c6f;
    z-index: 1;
  }

  .bandeau-bleu #breadcrumb .bloc-asummary, .bandeau-bleu #breadcrumb .page-title {
    padding-bottom: 35px;
  }

  .path-education-droits-humains .bandeau-bleu #breadcrumb .bloc-asummary{
    padding-bottom: 0px;
    margin-bottom:0px
  }


  /******* breadcrumb ****/
  #breadcrumb {
    margin-bottom: 0px;
 }

  .path-publications #breadcrumb {
    min-height: none;
    padding-bottom: 0px;
  }
  .page-title-wrap h1.page-title{
    font-size: 36px;
    line-height: 42px;
    margin-top: 70px;
  }

  .page-title-wrap {
    padding-bottom: 0px;
  }

  .page-title-wrap h1.page-title {
    margin-top: none;
    margin-bottom: 42px;
  }
  .path-node .page-title-wrap h1.page-title {
    min-height: 0px;
  }

  .path-publications .page-title-wrap h1.page-title {
    margin-top: 35px;
  }
  #breadcrumb .region.region-breadcrumb {
    height: 100%;
    background-image: none;
  }
  .bloc-article .bloc-article-presentation .node-updated {
    margin-top: -133px;
    float: left;
  }
  ol.breadcrumb-items{
    display: none;
  }
  .lien-accueil-breadcrumbs {
    border-bottom: solid 1px #38568b;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-top: 15px;
  }
  .lien-accueil-breadcrumbs a {
    color: #7393d0;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .lien-accueil-breadcrumbs a::before {
    content: url(/themes/custom/cncdh/images/pictos/chevron-retour.png);
    margin-right: 14px;
  }
  header {
    width: 100% !important;
    font-size: 18px !important;
  }
  section.publications header{
    height: 350px;
    top: -275px;
    position: relative;
  }
  main.page-content{
    position: relative;
  }
  .path-presentation .view-membres .view-header, .path-education-droits-humains .view-header {
    margin-bottom: 160px;
  }
  .navigation-page-responsive {
    background: #174294;
    padding-left: 15px;
    padding-right: 15px;
    overflow: auto;
  }

  .navigation-page-responsive button {
    float: left;
    width: 50%;
    background: none;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .navigation-page-responsive button:focus {
    border:none;
    background: none;
    box-shadow: none;
  }
  .navigation-page-responsive button:first-child {
    border-right: solid 1px #38568b;
  }

  .bloc-article .bloc-article-presentation .version_eng {
    position: absolute;
    left: -31px;
    top: -47px;
  }

  .filre-page-responsive {
    background: #ebf1fc;
    border-top: solid 5px #7393d0;
    bottom: -135px;
  }

  .path-publications .filre-page-responsive {
    bottom: -38px;
  }

  .path-actualites .filre-page-responsive {
    bottom: 24px;
    position: relative;
  }

  .path-publications .filre-page-responsive, .path-presentation .filre-page-responsive, .path-education-droits-humains .filre-page-responsive, .path-recherche .filre-page-responsive {
    position: relative;
    z-index: 1;
    margin-left: 15px;
    margin-right: 15px;
  }

  .path-publications .filre-page-responsive{
    margin-top: 0px;
  }
  .filre-page-responsive button {
    background: none;
    color: #174294;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
  }

  .path-espace-presse.no-sidebar .navigation-page-responsive {
    display: none;
  }
  .path-espace-presse.one-sidebar .bandeau-bleu > .container {
    padding-bottom: 0px;
  }

  /******* end breadcrumb ****/

  /******* Page publicaton *****/
  .page-node-type-publications #main-wrapper {
    margin-top: -8px;
  }

  /******* contact *****/
  .bloc_contact_form {
    margin-top: 30px;
    padding: 50px 30px;
    margin-left: 15px;
    margin-right: 15px;
  }
  #block-cncdh-footer li a {
    padding: 15px 0px;
  }
  .site-logo-footer {
    margin-bottom: 40px;
  }
  .footer-bottom {
    padding-top: 20px;
  }
  /******* End contact *****/
  /********** recherche ******/
  .views-exposed-form label.control-label {
    margin-top: 0px;
  }
  /********** end recherche ******/
  /********** end espace presse ******/
  .sidebar{
    width: 100%;
  }
  .view-membres .view-header {
    height: 0px;
  }
  .path-espace-presse.no-sidebar .bandeau-bleu > .container {
    padding-bottom: 0px !important;
  }

  .page-node-type-evenements #main-wrapper {
    margin-top: -12px !important;
  }
  /** bloc contenu responsive **/
  section.presentation .bloc_expertise {
    height: fit-content;
  }
}

@media(min-width: 425px) and (max-width: 748px)  {
  .bloc-article .description {
    margin-top: 90px;
  }
}
@media(max-width: 425px) and (max-height: 850px)  {
  div.js-view-dom-id-f6f66bbbd466ebb3d8452ca772a216f6081bd286a050021ab5b640a7804165c7{
    top: -230px;
  }
  div.js-view-dom-id-899070bf01abda0f66c596f8cbb9654bdbf851f0d3ca558b696336432888cafa{
    top: -200px
  }
  div.js-view-dom-id-899070bf01abda0f66c596f8cbb9654bdbf851f0d3ca558b696336432888cafa > #header_news{
    margin-bottom: 200px;
  }
  div.js-view-dom-id-f6f66bbbd466ebb3d8452ca772a216f6081bd286a050021ab5b640a7804165c7 > #header_news{
    margin-bottom: 350px;
  }
}