:root{
    --up-primary-100 : #5481A8;
    --up-primary-200 : #e3eaef;
    --up-primary-250 : #60749a;
    --up-primary-300 : #c0c6d2;
    --up-primary-500 : #065986;
    --up-primary-900 : #065986;

    --up-secondary : #f68d37;
    --up-secondary-100 : #dee4ea;
    --up-secondary-300 : #dee4ea;
    --up-secondary-500 : #f68d37;
    --up-secondary-900 : #f68d37;

    --up-tertiary-transparent : #fffbee;

    /*--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;*/
}

header .recherche svg, #activites form button svg{
    color: #000;
}
header .recherche input[type=submit]:hover+svg, #activites form button:hover svg{
    color: #fff;
}

#activites form button:hover{
    background-color: var(--up-primary-100);
}

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

.btn-secondary:hover {
    background-color: transparent;
    color: #000;
}

#nav>ul>li:first-child, #site-header nav>ul>li:first-child{
    background-color: var(--up-primary-100) !important;
}
#infos{
    background-color: var(--up-secondary-100);
}

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

#infos .info-txt a:hover {
    background-color: transparent;
    color: var(--up-secondary);
}

.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);
}

.content-style img{
    display: inline-block;
    margin-bottom: 0.5rem;
}

.content-style td{
    padding: 1rem;
}

#page_contenu .content-txt>div{
    height: auto;
    background-color: var(--up-primary-200);
}
.content-style table a{
    color: #000 !important;
    text-underline-offset: 5px;
    text-decoration: underline;
    transition: all 200ms linear;
}
.content-style table a:hover{
    text-underline-offset: 8px;
}
.content-style table{
    border-radius: 20px;
    overflow: hidden;
}

.content-style table p{
  margin-bottom: 0;
}

#page_contenu h2{
    font-weight: 700 !important;
}

#calendrier select{
    background-color: var(--up-primary-200);
}
input[type=file]{
    box-shadow: none !important;
}
#swiper-activite-une .swiper-slide{
    height: auto !important;
}

.partner{
    background-color: var(--up-primary-200);
}

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

footer .link-footer a:hover, footer a:hover svg, footer a:hover, footer svg:hover{
    color: #f7a600 !important;
}
main.detail-actu>div{
    background-color: var(--up-primary-100);
}
main.detail-actu>div h1{
    -webkit-text-stroke: 0px !important;
    text-shadow:none !important
}
#hero{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
#hero>div:last-child{
    max-width: 100% !important;
}

#swiper-intro .swiper-slide>div>div{
    background-color:transparent;
}

#swiper-intro .swiper-slide>div>div *, #hero h1, #actu-title h1{
    -webkit-text-stroke: 2px #000000;
    text-shadow:
            2px 2px 0 #202020,
            5px 5px 0 #202020

}
#hero>div:last-child, #actu-title{
    background-color: transparent;
    padding: 0;
}

@media (max-width: 640px) {
    #swiper-intro .swiper-slide>div>div *,
    #hero h1,
    #actu-title h1 {
        -webkit-text-stroke: 1px #000;
        text-shadow:
                2px 2px 0 rgba(0, 0, 0, 0.8),
                4px 4px 0 rgba(0, 0, 0, 0.65)
    }
}