:root {
        --text: #333333;
--links: #0088CC;
--titles: #2C3F56;
--page-background: #FAFAFA;
--highlight: #0088CC;
--boxes-background: #FFFFFF;
--boxes-border: #E5E5E5;
--section-titles: #FFFFFF;
--section-titles-background: #2C3F56;
--header-background: #2C3F56;
--header-links: #FFFFFF;
--footer-background: #FFFFFF;
--footer-links: #0088CC;
    }
    
.catalog_card_asp {
    text-align: right;
}


.ods-manage-cookies-preferences__actions a {
    color: black !important;
}

.ods-manage-cookies-preferences__banner-title {
    color: black;
}

.ods-manage-cookies-preferences__banner {
    color: black;
}

ods-accept-cookies-message {position:relative;z-index:9}

.hide-mobile {display:block}
.hide-desktop {display:none}

.ods-front-header{background-image: linear-gradient(147deg, #0359A0 61%, #054982 100%);padding:30px 10px 15px 10px}
.ods-responsive-menu-collapsible {max-width:1100px;margin:auto;}
.ods-front-header__menu{float:right;margin-top:-44px;}

.ods-front-header {height:auto;height:initial}

.ods-front-header__menu-item-link {font-weight:300;opacity:0.8;line-height:37px}

.ods-front-footer {color:#fff;background-color:#031626;height:initial}
.ods-front-footer a {color:#fff}
.logo-couleur {display:none}



.ods-responsive-menu-collapsible--collapsed .ods-responsive-menu-collapsible__container {background-color:transparent;background-image: linear-gradient(147deg, #0359A0 61%, #054982 100%)}

.ods-responsive-menu-placeholder__toggle:hover {background-color:#0293DA}
.umami-dropdown {
    position: absolute;
    right: 179px;
    width: 150px;
    height: 46px;
    top: -48px;}
.umami-dropdown.class_actif {background-color:#fff}

.umami-dropdown-close {display:none}
.umami-dropdown-responsive {display:none;}


.class_actif {display:block}
.dropdown-content {;;width:100%;;right:10px;;position:absolute;z-index:8;top:30px}
.dropdown-box {text-align:center;transition:0.5s ease;margin-bottom:20px;border:solid 1px #F1C100;background-color:#fff;padding:25px 10px;box-shadow: 0 2px 16px rgba(0,0,0,0.6)}

.ods-front-header__menu-item-link--active{border-color:#44AAC9}

.dropdown-box a {display:inline-block;padding:5px 0px;z-index:9;cursor:pointer;margin-right:0px;width:140px;text-align:center}
.dropdown-box a:hover {transform:scale(1.02);text-decoration:none}

.dropdown-box h3 {text-shadow:none;font-size:1.8rem;color:#011322}
.dropdown-box p {height:40px;margin-bottom:0px}

.dropdown-box:hover {transform:scale(1.02);transition:0.5s ease}

.dropdown_close_actif {display:block}
.dropdown_close_inactif {display:none}

.dropdown-anim-1 {animation: umami-dropdown-1 0.5s cubic-bezier(.25,.8,.25,1)}
.dropdown-anim-2 {animation: umami-dropdown-2 0.6s cubic-bezier(.25,.8,.25,1)}
.dropdown-anim-3 {animation: umami-dropdown-3 0.7s cubic-bezier(.25,.8,.25,1)}
.dropdown-anim-4 {animation: umami-dropdown-4 0.8s cubic-bezier(.25,.8,.25,1)}

@keyframes umami-dropdown-1{
    100%    {  opacity:1;margin-top:0px}
    0%      { opacity:0;margin-top:55px}
}

@keyframes umami-dropdown-2{
    100%    {  opacity:1;margin-top:0px}
    5%      { opacity:0;margin-top:55px}
    0%      { opacity:0;margin-top:55px}
}

@keyframes umami-dropdown-3{
    100%    {  opacity:1;margin-top:0px}
    10%      { opacity:0;margin-top:55px}
    0%      { opacity:0;margin-top:55px}
}



@keyframes umami-dropdown-4{
    100%    {  opacity:1;margin-top:0px}
    15%      { opacity:0;margin-top:55px}
    0%      { opacity:0;margin-top:55px}
}

.dropdown-box .bouton {
text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
filter: contrast(100%) brightness(100%);
transition: all 1s cubic-bezier(.25,.8,.25,1);
color: #fff;
background-color: #0293DA;
font-style: italic;
font-size: 12px;
font-weight: 600;
padding: 8px 0px;
display: inline-block;
margin-top: 5px;}



.ods-front-header__menu-item-link--active {border-bottom:5px solid rgba(250,250,250,0.2)}

.ods-front-header__portal-brand {top:0px}
html, body, h1, h2  {font-family: 'Roboto', sans-serif;}

.ods-legals-content__download-link {display:none}


@keyframes umami-dropdown{
    100%    {  opacity:1;top:35px}
    0%      { opacity:0;top:55px}
}

.ods-responsive-menu-collapsible__container{width:initial!important}


@media screen and (max-width:991px) {
    .ods-front-header__menu {float:initial}
    .ods-responsive-menu-placeholder__toggle {top:18px}
    .ods-front-header__portal-brand {top:-5px}
    .hide-mobile {display:none}
    .hide-desktop {display:block}
    .umami-dropdown {display:none}
    .umami-dropdown-responsive {display:block}
    .ods-front-header__menu a {font-weight:bold}
    .umami-dropdown-responsive a {font-weight:300;margin-left:10px;font-size:14px;line-height:1.6rem;}

}