@media( max-width:1400px ){
    .w1440 {
        max-width: 100%;
    }
    .image__texte .block__left {
        padding-left: 0;
    }
    .image__texte{
        gap: 70px;
    }
    .headerTop {
        padding: 0 15px;
    }
}
@media( max-width:1300px ){    
    .headerTop {
        display: none;
    }
    .header__responsive {
        display: block;
        padding: 7px 20px;
    }
    .region-responsive{
        margin: 0;        
        align-items: center;
        justify-content: space-between;
    }
    .navbar-brand img{
        margin-right: 10px;
        width: 60px;
    }
    .header__responsive .block-language{
        position: relative;
        top: auto;
        right: auto;
        text-align: right;
    }
    .header__responsive .search{
        position: absolute;
        left: 150px;
        top: 0;
        bottom: 0;
        padding: 0;
    }
    .navbar-brand {
        line-height: 1;
        margin-right:100px;
    }        
    .header .block-block-content p{
        margin: 0;
    }
    .header .block-block-content ul{
        justify-content: flex-end;
    }
    #block-pompidou-noussoutenir-2{
        margin-right: 40ch;
    }
    .imagesGrid {
        max-width: 100%;s
    }
}
@media( max-width:1100px ){
    .w1130{
        max-width: 100%;
        padding: 0;
    }
    .headerTop {
        padding: 1rem;
    }
    .region-links {
        position: absolute;
        right: 35px;
    }
    .site-name-slogan {
        top: 90px;
    }
    .menu--main a,#block-pompidou-noussoutenir .faire_don {
        font-size: 16px;
    }
    .image__texte{
        gap: 0;
    }
    .field--type-image img, .field--name-field-user-picture img{
        width: 100%;
        height: auto;
    }
    .image__texte .block__right {
        flex: 0 0 50%;
        padding-right: 0;
        margin: 0 20px;
    }
    .image__texte .block__left{        
        flex: 0 0 50%;
        padding-left: 50px;
        padding-right: 50px;
    }
    .image__texte .deco__fonce {
        width: 300px;
        height: 300px;
        right: 15px;
        top: -30px;
    }
    .image__texte .deco__claire{
        width: 300px;
        height: 300px;
        bottom: 195px;
    }
    #block-pompidou-noussoutenir-2{
        margin-right: 10ch;
    }
    .image__texte .block__left {
        margin-left: 0!important;
    }
    .image__texte .block__right {
        margin-right: 0!important;
    }
}
@media( max-width:800px ){
    .slide__home {
        margin-top: -75px;
        padding-bottom: 115px;
    }
    .slide__home .field--name-field-action {
        position: relative;
        right: 0;
        left: 0;
        width: 90%;
        margin: -80px auto;
    }
    .slide__home .swiper-pagination {
        bottom: 90px;
        left: 20px;
    }
    .page__home .title--main{
        margin: 0 0 30px;
        padding: 0 15px;
    }
    .deco__fonce {
        width: 70%;
    }
    .deco__claire {
        width: 90%;
    }
    .recherchePage__home__form {
        margin-top: 30px;
    }
    .publication__Page .col-3 {
        flex: 0 0 calc(50% - 25px);
        max-width: 50%;
        margin-bottom: 25px;
    }
    .view__liste .row{
        justify-content: center;
    }
    .publication__Page .col-3:nth-child(even){
        margin-right: 0;
    }
    .image__texte {
        display: block;
    }
    .image__texte .block__left {
        padding-bottom: 50px;
    }
    .image__texte .deco__claire {
        bottom: auto;
        top: -30px;
    }
    .navbar-toggler.collapsed{
        display: inline-block;
    }
    .footer__don {
        height: 330px;
    }
    #block-pompidou-undon .block_green{
        padding: 60px;
    }
    .footer__don .contextual-region{
        position: static;
    }
    #block-pompidou-undon .faire_don {
        width: 80%;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
    }
    .footer__partners p{
        text-align: center;
    }
    .footer__partners a {
        margin: 0 25px 25px;
    }
    button:focus {
        outline: none;
    }
    .collapse:not(.show) {
        display: block;
    }
    .menu__responsive{
        z-index: 111;
        -webkit-transition: all 0.5s;
        text-align: center;
        position: fixed;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 50px;
        width: 100%;
        height: 0;
        overflow: hidden;
    }
    .menu__responsive.open {
        height: 100%;
        padding-top: 20px;
        width: 100%;
        background: var(--bleu, #1E2F6B);
    }
    .menu--main .nav-link.dropdown-toggle::after{
        content: '';
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="6" viewBox="0 0 7 6" fill="none"><path d="M3.82108 5.23409L6.25312 1.3286C6.30326 1.24507 6.3298 1.15037 6.33008 1.05392C6.33036 0.957462 6.30438 0.862617 6.25472 0.778819C6.20507 0.69502 6.13346 0.625189 6.04704 0.576273C5.96062 0.527357 5.86239 0.50106 5.76212 0.5L0.898039 0.5C0.79777 0.50106 0.699539 0.527357 0.613116 0.576272C0.526693 0.625189 0.455092 0.69502 0.405436 0.778818C0.35578 0.862616 0.3298 0.957461 0.33008 1.05392C0.330361 1.15037 0.356893 1.24507 0.407036 1.3286L2.83908 5.23409C2.89026 5.31526 2.96234 5.38238 3.04834 5.42895C3.13435 5.47553 3.23138 5.5 3.33008 5.5C3.42878 5.5 3.52581 5.47553 3.61181 5.42895C3.69782 5.38238 3.76989 5.31526 3.82108 5.23409Z" fill="white"></path></svg>');
        display: inline-block;
        vertical-align: middle;
        width: 7px;
        height: 5px;
        margin-left: 5px;
    }
    .header .navbar-nav {
        flex-direction: column;
    }
    .iframe__search {
        top: 50px;
    }
    .slide__home .field--name-field-action {
        z-index: 1;;
    }
    .menu--main .nav-link.active{
        color: #F2C8BB;
    }
    .navbar-nav .dropdown-menu {
        position: relative;
        border: none;
        text-align: center;
    }
    .menu__responsive .navbar-nav .dropdown-menu.open{
        display: block;
    }
    .dropdown-toggle:hover + .dropdown-menu{
        display: none;
    }
    
    #block-pompidou-noussoutenir-2{
        margin-right: 0;
        position: absolute;
        left: 200px;
    }
    .itemGrid {
        width: calc(50% - 10px);
    }
    .body__deco .field--name-body {
        width: 90%;
        right: 2rem;
    }
    .page__home.page__home--50 .imagesGrid h3{
        max-width: 100%;
        margin: 0 20px 20px;
    }
    .page__home--50 {
        padding-bottom: 0;
    }
    .region-footer {
        margin-top: 0;
        border-top: 1px solid #898989;
        padding-top: 30px;
    }
}
@media( max-width:770px ){ 
     
    .portailArchive__Page .content__page {
        display: block;
    }
    .portailArchive__Page .result {
        position: relative;
        left: 0;
        margin-top: 20px;
    }
    .portailArchive__Page .view__liste{
        padding-top: 20px;
    }
    .portailArchive__Page .views-exposed-form{
        position: relative;
        width: 100%;
        padding: 30px 20px;
        display: none;
    }
    .portailArchive__Page .js-form-item-items-per-page{
        top: auto;
        bottom: -65px;
        z-index: 2;
    }    
    .portailArchive__Page .form-autocomplete, .portailArchive__Page .js-form-item-keys input {
        width: 100%;
    }
    
    .portailArchive__Page .content__page h4 {
        z-index: 1;
        width: 100%;
        position: relative;
        left: 0;
        background: var(--vert,#CCE1CE);
        padding: 10px 20px;
        margin: 0;
    }
    .portailArchive__Page .content__page h4::after{
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-left: 10px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none"><path d="M0 0.789062L-1.21226e-07 3.5624L4 7.2104L8 3.5624L8 0.821063L4 4.46906L0 0.789062Z" fill="%231E2F6B"/></svg>');
    }
    .slide__home .field--name-field-action h2 {
        font-size: 40px;
    }
    html, body {
        font-size: 16px;
    }
    .bouton, .btn-primary{
        font-size: 14px;
        border: none;
    }
    .page__home .title--main {
        font-size: 40px;
    }
    .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 21px;
    }
    h4{
        font-size: 16px;
        line-height: 1.2;
    }
    .actualites__Page .image img {
        height: 250px;
        width: auto;
    }
    .block__search {
        padding: 40px 20px;
        display: block;
    }
    .deco__fonce {
        width: 90%;
        height: 150px;
    }
    .deco__claire{
        height: 220px;
        width: 95%;
    }
    .block__search h2 {
        font-size: 24px;
    }
    .recherchePage__home__form {
        margin: 80px 10px 0;
    }
    .block__search input[type="search"] {
        font-size: 14px;
        padding: 9px 20px;
    }
    .block__search input[type="submit"] {
        margin-top: 10px;
    }
    .banniere {
        margin: 40px 0;
    }
    .banniere__description {
        background-position: bottom;
        padding: 30px 25px;
    }
    .banniere__description::before {
        width: 100%;
        height: 225px;
        top: auto;
        bottom: 0;
        background: linear-gradient(180deg, #F2C8BB 0%, rgba(242, 200, 187, 0.00) 25.36%);
    }
    .banniere__description h3 {
        font-size: 35px;
    }
    .banniere__description p {
        font-size: 18px;
    }
    .header .faire_don {
        padding: 4px 8px;
        /*border-radius: 100%;
        display: inline-block;
        vertical-align: top;*/
        font-size: 15px;
    }
    .image__texte h3 {
        font-size: 30px;
    }
    .image__texte .block__left {
        padding: 0 20px;
    }
    .image__texte .block__right {
        margin-top: 50px;
    }
    .block__public .image {
        margin-right: 0;
    }
    .page__archive #pdfViewer {
        width: 100%;
    }
    .block__public .field--name-body {
        width: 100%;
    }
    .footer__don{
        height: 255px;
    }
    #block-pompidou-undon .block_green {
        padding: 30px 30px 50px;
        font-size: 18px;
        max-width: 100%;
    }
    #block-pompidou-undon .faire_don {
        height: 130px;
        font-size: 25px;
        padding: 20px 0 10px;
        mix-blend-mode: normal;
    }
    .title--main {
        font-size: 30px;
        margin: 30px 0;
    }
    .publication__Page .form-radios {
       flex-wrap: wrap;
       gap: 10px;
    }
    .publication__Page .form-check {
        padding: 0 0 5px;
    }
    .footer__partners img {
        height: 45px;
    }
    .footer__partners a{
        margin: 0 5px 25px;
    }
    .header .block-language .nav-link {
        display: none;
    }
    .header .block-language .nav-link.is-active{
        display: block;
    }
    .navbar-brand {
        margin-right: 60px;
    }
    .navbar-toggler{
        left: 70px;
    }
    .header__responsive .search {
        left: 110px;
        padding: 0;
    }
    .navbar-brand img{
        width: 35px;
    }
    .navbar-toggler:before {
        top: -8px;
    }
    .navbar-toggler:after{
        top: 8px;
    }
    .links {
        flex-direction: column;
    }
    .iframe__search .recherchePage__home__form h2 {
        font-size: 40px;
    }
    .iframe__search .recherchePage__home__form {
        margin: 100px auto;
        padding: 0 20px;
    }
    .iframe__search input[type="search"] {
        width: 100%;
        font-size: 16px;
    }
    .back{
        font-size: 14px;
    }
    .page__archive .w1130{
        padding: 0 15px;
        display: block;
    }
    .view__liste{
        padding-top: 15px;
    }
    .chapo {
        margin-top: 20px;
    }
    .publication__Page .form-radios label {
        font-size: 12px;
    }
    .publication__Page .form-radios {
        margin-bottom: 5px;
    }
    .webform-submission-form-contact-form .js-form-item {
        width: 100%;
    }
    .node--type-accueil .header.open{
        opacity: 1;
    }
    #langSwitcher__list, .userMenu nav {
        background-color: #1E2F6B;
    }
    .chapo p{
        font-size: 18px;
    }
    .page__home {
        padding-bottom: 120px;
    }
    .body__deco .field--name-body{
        height: 215px;
        right: 0;
        left: 0;
        margin: auto;
        font-size: 17px;
        padding: 20px;
    }
    .recherchePage__home__form a {
        font-size: 12px;
    }
    .shareBlock {
        margin: 0.8rem 0;
    }
    .path-search h2 {
        font-size: 30px;
        margin: 10px 0;
    }
    .slide__description {
        position: relative;
        bottom: auto;
        right: auto;
    }
    .header .block-block-content ul {
        justify-content: center;
        margin-top: 30px;
    }    
    .header .block-block-content .icon {
        width: 2rem;
        height: 2rem; 
    }
    .header .block-block-content .icon--facebook, .header .block-block-content .icon--twitter{
        width: 1.5rem;
        height: 1.5rem; 
    }
    .nodeGrid__list {
        display: block;
    }
    .nodeGrid__list .item__grid {
        margin-bottom: 2rem;
    }
    .nodeGrid__list h2{
        margin-bottom: 2rem;
    }
    .actualites__Page .date{
        font-size: 12px;
        margin: 10px 0;
    }
    #block-pompidou-noussoutenir-2 {
        left: 150px;
    }
    .pdf, .bouton, .btn-primary{
        padding: 6px 15px;
        font-size: 14px;
    }
    .publication__Page .image img{
        height: 160px;
    }
    ul.images{
        flex-wrap: wrap;
    } 
    ul.images li {
        margin: 0 1rem 1rem;
    }
    ul a, p a {
        font-size: 16px;
    }
    .block__archive {
        padding: 20px 0;
        margin: 30px 0;
    }
    .block__left, .block__right {
        flex: 0 0 100%;
    }
    .portailArchive__block {
        margin-top: 30px;
    }
    .portailArchive__block h2 {
        font-size: 28px;
    }
    .paragraph--texte img{
        width: 100%;
        height: auto!important;
        margin-bottom: 15px;
    }
}
@media( max-width:380px ){
    .header__responsive{
        padding: 7px 15px;
    }
    .navbar-toggler{
        left: 55px;
    }
    .header__responsive .search{
        left: 95px;
    }
    .header .block-block-content ul{
        gap: 0;
    }
    .banniere__description::before {
        height: 205px;
    }
    .footer__don{
        height: 315px;
    }
}