:root{
    --up-primary-100 : #376282;
    --up-primary-200 : #e4e8eb;
    --up-primary-250 : #84b6db;
    --up-primary-300 : #a3bacb;
    --up-primary-500 : #376282;
    --up-primary-900 : #2c4f68;

    --up-secondary : #be0405;
    --up-secondary-100 : #fff6f6;
    --up-secondary-300 : #ffdcdc;
    --up-secondary-500 : #be0405;
    --up-secondary-900 : #be0405;

    --up-tertiary-transparent : #F6F6F6;

    /*--up-secondary-100 : #FCF6EC;
    --up-secondary-200 : #F8E4C7;
    --up-secondary-300 : #F1C98F;
    --up-secondary-400 : #EAAE57;
    --up-secondary-500 : #F5A029;
    --up-secondary-600 : #BD8029;
    --up-secondary-700 : #936420;
    --up-secondary-800 : #694717;
    --up-secondary-900 : #3F2B0E;*/
}

.btn-secondary {
    color: #fff;
    background-color: var(--up-secondary);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: normal !important;
    transition: all 200ms linear;
}

.btn-secondary:hover {
    background-color: var(--up-primary-900);
    color: #fff;
}

#infos{
    background-color: var(--up-secondary-100);
}


.content-style p, .content-style li, .content-style ol, .content-style ul{
    margin-bottom: 0.5rem;
}
.content-style h2{
    margin-bottom: 1rem !important;
    margin-top: 3rem;
}
.content-style h3{
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
    color: var(--up-primary-500);
}

.content-style table tr:nth-child(odd){
    background-color: var(--up-primary-200);
}
.content-style table tr:nth-child(even){
    background-color: var(--up-primary-250);
}
.content-style a:not(.btn){
    color: var(--up-secondary);
}
.content-style a:hover:not(.btn){
    color: var(--up-primary-500);
}

input[type=file]{
    box-shadow: none !important;
}

.swiper-intro_next , .swiper-intro_prev, .swiper-actus-prev, .swiper-actus-next{
    border-radius: 100%;
    background-color: var(--up-secondary);
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-intro_next i, .swiper-intro_prev i, .swiper-actus-prev i, .swiper-actus-next i{
    color: #fff;
}
#swiper-intro .swiper-slide>div>div, #hero>div:last-child{
    background-color: var(--up-primary-200);
}
#swiper-intro .swiper-slide p, #swiper-intro .swiper-slide h1, #hero>div:last-child h1{
    color: #000;
}
#swiper-activite-une .swiper-slide{
    height: auto !important;
}

header>div>nav:first-child a:hover,
header>div>nav:first-child a:hover i,
header>div>nav:first-child a:hover p{
    color: #ffd5d5
}

footer .link-footer a:hover, footer a:hover svg, footer a:hover, footer svg:hover{
    color: #ffd5d5 !important;
}
#hero{
    height: auto;
    min-height: 20rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
#swiper-intro, #swiper-intro .swiper-wrapper{
    height: auto;
    min-height: 25rem;
}
#swiper-intro h1{
    max-width: 1000px;
}
#swiper-intro .swiper-slide{
    height: auto !important;
}

@media screen and (max-width: 1600px){
    #hero{
        height: auto;
        min-height: 14rem;
    }
    #swiper-intro, #swiper-intro .swiper-wrapper{
        height: auto;
        min-height: 20rem;
    }
}

@media screen and (max-width: 1024px){
    #hero{
        height: auto;
        min-height: 13rem;
    }
    #swiper-intro, #swiper-intro .swiper-wrapper{
        height: auto;
        min-height: 20rem;
    }
}


@media screen and (max-width: 640px){
    #hero{
        height: auto;
        min-height: 13rem;
    }
}