:root {
        --text: #000000;
--links: #4c5b7f;
--titles: #4c5b7f;
--page-background: #F2F3F8;
--highlight: #cd1316;
--boxes-background: #FFFFFF;
--boxes-border: #CBD2DB;
--section-titles: #4c5b7f;
--section-titles-background: #F2F3F8;
--header-background: #FFFFFF;
--header-links: #000000;
--footer-background: #cd1316;
--footer-links: #FFFFFF;
    }
    

body, main {

    background-color: #F2F3F8;
}

.row{
    margin-left: 0;
    margin-right: 0;
}

/*taille du bandeau header */
.ods-front-header {
    height: 200px;

}

/*caractéristiques menu header */
.ods-front-header__menu-item-link {
    margin: 0;
    text-transform: uppercase;
    line-height: 50px;
    font-size: 1rem;
    font-weight: 600;
    color: #333333;
    opacity: 1;
    text-align:start;
    border-bottom: 4px solid transparent;
    /*margin: 5px;*/
}



/*ajout de bordure au hover sur la nav*/
@media(min-width: 1000px){
    .ods-front-header__menu-item-link:hover,
    .ods-front-header__menu-item-link--active {
        border-bottom: 4px solid #cd1316;
    } 
    .ods-front-header__menu{
        position: absolute;
        bottom: 0;
        margin: auto; 
    }
}

.home-header
{margin:0px !important;}



/*Gestion de la position du logo et de la nav en mobile et tablette*/

.ods-responsive-menu-collapsible{
    height: auto;
}
.ods-responsive-menu-collapsible__container{
    height: 100%;
}
.ods-responsive-menu-collapsible__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

}

/*gestion de la position de la nav et du menu BO dans le toogle*/
.ods-responsive-menu-collapsible__toggle{
    margin-bottom: 0px;
}


/*gestion de la hauteur de la nav sur mobile et tablette*/
@media screen and (max-width: 999px) {
    .ods-front-header{
        height: 60px;
        /*text-align: center;*/
    }
}


/*gestion logo*/

.header-logo{
    display: block;
}

.logo-responsive{
    margin: 20px 0px;
    max-width: 280px;
}

/*media-queries du logo*/
@media screen and (min-width: 1000px) {
    .header-logo{
        height: 100px;
        top: 40px;
        position: relative;
        display:flex;
        width: fit-content;
        margin: auto;

    }
    .logo-responsive{
        margin-top: 30px;
        min-width: 393px;
    }
}



/* picto catalogue */
element.style {
    fill: #555555 !important;
}

.ods-catalog-card .odswidget-theme-picto .odswidget-theme-picto__container{
    background-color: #4c5b7f;
    border-radius: 50% !important;
    padding: 6px; 
}

/* DESKTOP SPECIFICS - STYLE OF DROPDOWN MENU
========================================================================== */

.dropdown-content {
    position: absolute;
    background-color: #FFF;
    filter: drop-shadow(0px 14px 8px rgba(37, 48, 59, 0.1));
    z-index: 1;
    padding: 10px 20px;
    min-width: 170px;  
}

.dropdown-content a {
    color: #4c5b7f;
    text-decoration: none;
    display: block;
    opacity:1;
    padding: 5px;
    font-size: 0.8rem;
    line-height: 35px;
}

.dropdown-content a:hover {
    /*text-decoration: underline;*/
    background-color: #FFF;
    color: #4c5b7f;
}

@media screen and (min-width: 1000px){
    .dropdown-content {
        display: none;
    }

    .dropdown-menu:hover  .dropdown-content {
        display: block;
    }

    .dropdown-menu:hover .ods-front-header__menu-item-link {
        background-color: #cd1316;
        color: #FFFFFF; /* Header link color when the link is active */
    }   
    .dropdown-menu:hover .dropdown-content a {
        background-color: #FFF;
        color: #4c5b7f;
    }
}

/* MOBILE SPECIFICS - STYLE OF DROPDOWN MENU
========================================================================== */

@media screen and (max-width: 1000px){    
    .dropdown-content {
        position: relative;
        padding-left: 25px;
        filter: none;
    }

}






/* style du footer */

#footer { 
    background: #cd1316;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    /* padding-bottom:35px;*/

}


.vcf-text-front-footer{
    color: white;
}

.vcf-front-footer__infos, .vcf-front-footer__partners {
    /* height: 95px;*/
    padding-left: 0;
    padding-right: 0;
}

.vcf-front-footer__menu {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display:flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
.vcf-front-footer__menu__item{
    white-space: nowrap;
}


@media(max-width: 768px){
    .menu__item--social-network{
        margin-left: 0px;
    }
}
.footer-social-network{
    color: white;
    opacity: 1;
    margin-right: 15px;
    cursor: pointer;
    font-size: 25px;
}
.footer-social-network:hover{
    opacity: 0.7;
}
.vcf-front-footer__partners .vcf-front-footer__logos__item__link img, .vcf-front-footer__content .vcf-front-footer__logos__item__link img {
    display: inline-block;
    height: auto;
    margin-bottom:15px;
}



.vcf-front-footer__partners {
    text-align: right;
    padding-top: 25px;

}

@media (max-width: 452px){
    .vcf-front-footer__partners, .vcf-front-footer__infos {
        padding-top: 0px;
    }
}

.vcf-front-footer__logos {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.vcf-front-footer__partners .vcf-front-footer__logos__item {
    max-width: 220px;
    display: inline-block;
    height: auto;
    padding: 0;
}