@media (max-width: 1280px){
    .top__page {
        min-height: 150px;
    }
}
@media (max-width: 1200px){
    .home__universites::before {
        display: none;
    }
    .block-system-breadcrumb-block {
        padding: .5em 1.5rem;
    }
}
@media (max-width: 1000px){
    .main__header .navigation {
        display: none;
    }
    footer .region-footer {
        flex-direction: column;
        gap: 15px;
    }
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
    .main__header {
        display: flex;
        justify-content: space-between;
        padding: 0 1.5rem;
    }
    #nav-icon {
        display: block;
        transition: all .4s;
    }
    #nav-icon.is-active {
        z-index: 1;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"><path d="M6.11993 6.12005C6.77715 5.46283 7.84271 5.46283 8.49993 6.12005L27.8799 25.5001C28.5372 26.1573 28.5372 27.2228 27.8799 27.8801C27.2227 28.5373 26.1572 28.5373 25.4999 27.8801L6.11993 8.50005C5.46271 7.84283 5.46271 6.77727 6.11993 6.12005Z" fill="white"/><path d="M27.8799 6.12005C28.5372 6.77727 28.5372 7.84284 27.8799 8.50006L8.49993 27.8801C7.84271 28.5373 6.77715 28.5373 6.11993 27.8801C5.46271 27.2228 5.46271 26.1573 6.11993 25.5001L25.4999 6.12005C26.1572 5.46283 27.2227 5.46283 27.8799 6.12005Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
    }
    #nav-icon.is-active svg {
        opacity: 0;
    }
    .responsive__menu {
        display: none;
        position: fixed;
        top: 122px;
        height: 100vh;
        width: 100%;
        background-color: var(--color-rouge);
        padding: .75rem 1.5rem 2rem;
    }
    .responsive__menu.is-active {
        display: block;
    }
    .slide__composition {
        overflow: hidden;
    }
    .main__header .navigation.is-active {
        display: block;
        position: absolute;
        top: 150px;
        left: 0;
        right: 0;
        margin: auto;
        width: 90%;
        z-index: 1;
    }
    .main__header .navbar-nav {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .main__header .nav-item {
        display: block;
        height: auto;
    }
    .main__header .dropdown.menu-item-level-0 > .dropdown-menu,
    .main__header .dropdown.menu-item-level-0:hover > .dropdown-menu {
        position: relative;
        left: auto;
        width: auto;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        padding: 0;
        border: none;
        margin: 0;
    }
    .main__header .dropdown.menu-item-level-0:hover > .dropdown-menu {
        display: none;
    }
    .main__header .dropdown.menu-item-level-0 .show-menu + .dropdown-menu {
        display: block;
    }
    .level__menu {
        display: flex;
        color: #fff;
        text-transform: uppercase;
        font-size: 1.25rem;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        background: none;
        border: none;
        padding: 0;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .level__menu.active {
        font-weight: 700;
    }
    .level__menu.active svg {
        transform: rotate(180deg);
    }
    .main__header .nav-menu {
        color: #fff;
        text-transform: uppercase;
        font-size: 1.25rem;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        text-decoration: none;
    }
    .level__menu + .nav-menu {
        display: none;
        font-weight: 500;
    }
    .level__menu + .nav-menu.show-menu {
        display: block;
    }
    .main__header .nav-item:hover {
        border: none;
    }
    .back__menu {
        padding: .5rem 0.75rem 1rem 0;
        margin-bottom: 1rem;
        border-bottom: 1px solid #fff;
        color: #fff;
    }
    .back__menu::before {
        content: '';
        display: inline-block;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><g clip-path="url(%23clip0_6450_1587)"><path d="M7.79774 0.122528C7.96195 0.285911 7.96195 0.550992 7.79774 0.714375L3.09551 4.99977L7.79774 9.2856C7.96195 9.44898 7.96195 9.71408 7.79774 9.87746C7.63352 10.0408 7.36718 10.0408 7.20298 9.87746L2.19904 5.31696C2.11151 5.22985 2.07401 5.11398 2.07983 5.00019C2.07401 4.88601 2.11151 4.77053 2.19904 4.68343L7.20342 0.122512C7.36761 -0.0408545 7.63352 -0.0408535 7.79774 0.122528Z" fill="white"/></g><defs><clipPath id="clip0_6450_1587"><rect width="10" height="10" fill="white" transform="matrix(0 -1 -1 0 10 10)"/></clipPath></defs></svg>');
        background-repeat: no-repeat;
        background-position: center;
        width: 10px;
        height: 10px;
        margin-right: .5rem;
    }
    .main__header .dropdown-item {
        margin-bottom: 0;
    }
    .main__header .dropdown-item .nav-link {
        border: none;
        border-radius: 0;
        background: none;
        color: #fff;
    }
    .main__header .dropdown .menu-item--expanded.active {
        position: fixed;
        top: 80px;
        left: 0;
        background-color: var(--color-rouge);
        width: 100%;
        height: 100%;
        z-index: 1;
        padding: 0 2rem;
    }
    .main__header .dropdown-item > .dropdown-menu {
        display: none;
        background-color: var(--color-rouge);
        width: 100%;
        height: 100%;
        -webkit-columns: 1;
        -moz-columns: 01;
        columns: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        margin: 0 2rem;
    }
    .main__header .dropdown-item > .dropdown-menu.show-menu {
        display: flex!important;
    }
    .main__header .dropdown-item .dropdown-item::before {
        left: 0;
        top: 6px;
    }
    .main__header .dropdown-item .nav-menu {
        border-radius: 0;
        background: none;
        color: #fff;
        border: none;
    }
    .main__header .dropdown-item {
        width: 100%;
    }
    .dropdown-item .level__menu {
        padding: .5rem 1rem;
        font-size: 1rem;
    }
    .actualite::after,
    .actusSub::after,
    .article::after {
        height: calc(100% - 150px);
    }
    .header .navbar-nav {
        width: 100%;
    }
    .header .navbar-nav li:nth-child(4) .nav-link::after {
        display: none;
    }
    .top__footer .navbar-nav {
        justify-content: start;
    }
    footer .menu-item--expanded {
        flex-basis: 33%;
        margin-bottom: 1rem;
    }
    .top__footer .footer__boutons .navbar-nav {
       row-gap: 1rem;

    }
    .footer__identity .field__items .field__item {
        margin-top: .5rem;
    }
    .block-views-exposed-filter-blockrecherche-page-1,
    #block-principal-vouscherchez {
        max-width: 100%;
        padding: 0 1.5rem;
    }
}
@media (max-width: 800px){
    .container-sm, .container {
        max-width: 100%;
        padding: 0 1.5rem;
    }
    .intro.w-75 {
        width: 100%!important;
    }
    .partage {
        text-align: center;
        margin: 1rem 0 0;
    }
    .addtoany_list {
        justify-content: center;
        padding: .75rem 0;
    }
    .menu--menu-liste-site {
        display: none;
    }
    #nav-top {
        display: block;
    }
    .menu--menu-liste-site.is-active {
        display: block;
        position: fixed;
        width: 100%;
        top:40px;
        left:0;
        padding: 1rem 1.5rem;
        background-color: var(--color-gris);
    }
    .menu--menu-liste-site .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .top__header .nav-link::after {
        display: none;
    }
    .region-header {
        justify-content: flex-end;
    }
    .region-primary-menu {
        justify-content: flex-start;
    }
    .footer__identity {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
    .region-footer .block-menu .navbar-nav {
        justify-content: center;
    }
    .composition__elements .d-flex {
        flex-wrap: wrap;
    }
    .composition__elements img {
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }
    .pageArticle h1 {
        padding: 1rem 0;
    }    
    .top__header {
        padding: .5rem 1.5rem;
        display: flex;
    }
    .bloc__mav img {
        height: 350px;
        object-fit: cover;
    }
    .w-50 {
        width: 100%!important;
    }
    .bloc_video .video_logo {
        max-width: 30%;
        margin: 0 auto;
    }
    .video_text h2 {
        font-size: 20px;
        text-align: center;
        text-transform: none;
    }
    #playPauseButton {
        position: absolute;
        top: 20px;
        left: 30px;
    }
    .field--name-field-voir-aussi {
        flex-direction: row;
    }
    .assas__home__videos .video-embed {
        width: auto;
    }
    .home__contact__section {
        flex-direction: column;
    }
    .actualite_photo,
    .article_photo {
        height: 150px;
    }
    .pageSearch .views-row a {
        word-break: break-all;
    }
    .image__pub {
        float: none;
    }
    .top__page {
        min-height: 135px;
    }
    p a, li a {
        word-break: break-all;
        white-space: break-spaces;
    }
    .pageArticle iframe {
        width: 100%;
        height: 250px;
    }
}
@media (max-width: 768px){
    .contact-iframe iframe.iframe__desktop {
        display: none;
    }
    .contact-iframe iframe.iframe__mobile {
        display: block;
    }
}
@media (max-width: 600px){
    .container {
        padding: 0 1.5rem;
    }
    .footer__identity .field__items {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .bloc__mav img {
        height: 135px;
    }
    .Sous__home section {
        margin: 1.5rem 0;
    }
}

/* ==========================================================================
   AJOUTS POUR RESPONSIVE.CSS - ADAPTATIONS BALISES COMMUNES
   À ajouter dans le fichier responsive.css existant
   ========================================================================== */

/* CONVERSION EXISTANT EN REM - main.css */
/* Convertir dans main.css les font-size en px vers rem :
   20px = 1.25rem
   18px = 1.125rem  
   16px = 1rem
   14px = 0.875rem
*/

/* TYPOGRAPHY RESPONSIVE - BALISES COMMUNES */
@media (max-width: 800px) {
    h1 {
        font-size: 1.75rem;
    }
    
    h1.titre__rubrique {
        font-size: 2.25rem;
    }
    
    h2 {
        font-size: 1.25rem;
        margin-bottom: 1.25rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }
    
    h4 {
        font-size: 1.125rem;
    }
    
    .pageArticle h1 {
        font-size: 1.5rem;
        padding: 0.75rem 0;
    }
}

@media (max-width: 600px) {
    h1 {
        font-size: 1.5rem;
    }
    
    h1.titre__rubrique {
        font-size: 1.875rem;
    }
    
    h2 {
        font-size: 1.125rem;
        margin-bottom: 1rem;
    }
    
    h3 {
        font-size: 1.125rem;
    }
    
    h4 {
        font-size: 1rem;
    }
    
    .pageArticle h1 {
        font-size: 1.25rem;
        padding: 0.625rem 0;
    }
    
    p {
        font-size: 0.9375rem;
        line-height: 1.4;
    }
    .footer__identity p.text-align-right {
        text-align: center;
    }
    .block-views-exposed-filter-blockrecherche-page-1.bef-exposed-form .form--inline .form-item.js-form-type-textfield {
        width: 100%;
        margin-left: 0;
        margin-top: -1px;
        border-radius: 5px 5px 0 0;
        border-right: 1px solid var(--color-gris);
    }
    .block-views-exposed-filter-blockrecherche-page-1.bef-exposed-form .form--inline .form-item {
        margin: -1px 0 0;
        width: 100%;
    }
    .block-views-exposed-filter-blockrecherche-page-1.bef-exposed-form .form--inline .form-item.js-form-item-field-theme {
        border: 1px solid var(--color-gris);
        border-radius: 0 0 5px 5px;
    }
    .block-views-exposed-filter-blockrecherche-page-1 .btn-primary {
        min-width: auto;
        width: 100%;
        margin: .5rem 0;
    }
    #block-principal-vouscherchez li {
        min-width: auto;
        width: 100%;
    }
    .Sous__home h2 {
        font-size: 1.5rem;
    }
    .icon svg {
        width: 25px;
        height: 25px;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 1.25rem;
    }
    
    h1.titre__rubrique {
        font-size: 1.5rem;
    }
    
    h2 {
        font-size: 1rem;
        margin-bottom: 0.875rem;
    }
    
    h3 {
        font-size: 1rem;
    }
    
    h4 {
        font-size: 0.9375rem;
    }
    
    .pageArticle h1 {
        font-size: 1.125rem;
        padding: 0.5rem 0;
    }
    
    p {
        font-size: 0.875rem;
        line-height: 1.3;
    }
}