/* CSS MEDIA QUERIES */

@media (max-width: 1090px) {

    nav ul {
        font-size: smaller;
    }
}

@media (max-width: 1024px) {

    nav ul {
        font-size: small;
    }

    section.content-container {
        display: flex;
        flex-direction: column;
    }

    .contact-content {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 860px) {

    nav ul {
        font-size:x-small;
    }

    .pagenumbers {
        gap: 10px;
        font-size: small;
    }

}

@media (max-width: 820px) {

    .row-footer {
        flex-direction: column;
        display: flex;
    }

    /* header {
        position: fixed;
        z-index: 1000;
    } */

    #header-slogan {
        display: flex;
        z-index: 100;
        padding-left: 50px;
    }

    #header-slogan img{
        position: relative;
        height:auto
    }

    #header-logo {
        display: none;
    }

    #MyFooter {
        max-width: 100%;
        justify-content: center;
    }

    #DataProtection {
        justify-content: center;
    }

    #MyLegal {
        width: 100%;
        justify-content: center;
    }
/* }

@media (max-width: 710px) { */

    main {
        width: 90%;
        overflow-x: hidden; /* supprime la scroll bar verticale inutile */
    }

    .row-header {
        flex-direction: column;
        height: max-content;
    }

    /* #header-logo,
    #header-slogan {
        display: none;
    } */

    #message {
        position: relative;
        top: 2px;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    nav {
        /* background: var(--WWW_BACK); */
        background-color: transparent;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        /* height: 10%; */
        height: 70px;
    }

    /* .logo-nav {
        display: flex;
        padding-right: 20px;
    } */

    nav ul {
        justify-content: flex-start;
        font-size: medium;
    }

    nav ul div.menu-items {
        display: none;
        position: absolute; 
        top: 100%;
        width: 100%;
        left: 0;
        padding: 0;
        margin: 0;
    }

    input[type="checkbox"]:checked~.menu-items {
        /* appelle ici un autre control */
        display: flex;
        flex-direction: column;
    }

    .menu-items li {
        width: 100%;
        text-align: left;
        background-color: var(--WWW_BACK);
        border-top: 1px solid var(--WWW_GREY);
        border-bottom: 1px solid var(--WWW_GREY);
        padding-left: 40px;
    }

    .menu-items a {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: left;
    }

    .menu-items a:hover {
        background: var(--WWW_BACK);
        border-bottom: 1px solid var(--FCV_PURPLE);
    }

    nav label[for=nav-button] {
        display: block;
        width: 40px;
        height: 100%;
        left: 0;
        top: 0;
        cursor: pointer;
        margin: 0 2%;
    }

    nav label[for=nav-button] span {
        display: flex;
        flex: 0.2;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: var(--WWW_DARKGREY);
    }
    
    section.content-container {
        border-top: 0;
        /* margin-top: 80px; */
    }

    .page-text {
        padding: 0;
        font-size: 0.9em;
    }

    .field-text,
    .field-telephone,
    .field-adresse,
    .field-adresse-complete,
    .field-mail {
	    font-size: small;
    }

    .field-name {
        font-size: medium;
    }
}

@media (max-width: 690px) {

    section.content-container {
        border-top: 0;
        position: relative;
    }

    .pagenumbers {
        font-size: x-small;
    }

    .tab-column-name a { 
        font-size: small;
    }

    .tab-column-img {
        font-size: x-small;
    }

    .field-date{ 
        font-size: small;
    }

    .field-name{ 	
        font-size: small;
    }

    .field-adresse {
	    display: block;
    }

    .field-adresse-complete {
	    display: none;
    }

    .field-logo {
	    max-width: 30px;
    }
}