body{background-color: #B089BE;
color: #6D398E;
font-family: "Source Sans 3", sans-serif;
max-width: 1200px;
margin: auto;}
.title img{
    margin: 30px auto;
max-width: 300px;
display: block;
}
.vert h4 {color: white;
background-color: #41b28d;
padding: 3px 16px;}
.bleu-vert h4 {color: white;
background-color: #187085;
padding: 3px 16px;}
.bleu h4{color: white;
    background-color:#3FBEE1;
    padding: 3px 16px;}
.violet h4{color: white;
        background-color:#6D398E;;
        padding: 3px 16px;}
.jaune h4{color: white;
            background-color:#fdc73e;
            padding: 3px 16px;}
.orange h4{color: white;
            background-color:#ee7d31;
            padding: 3px 16px;}
                
            
.gratuit{               
                    text-align: center;
                    color: #33314E;
                    font-size: 19px;}

.kit a{
    color:#6D398E;
}
.kitcom:hover{
    text-decoration: underline;
}
            .kitcom{text-align: center;
                font-weight: bold;
text-transform: uppercase;
margin: 50px 16px;
                display: block;
                background-color: #60398E;
                color: white;
                padding: 20px;
                font-size: 26px;
                border-radius: 51px;
                text-decoration: none;}
h2{text-align: center;
    text-transform: uppercase;
font-size: 48px;}
h3 img{
    height: 45px;
    padding-top: 33px;
padding-left: 32px;}
  
h4{display: inline;}

section{background-color: white;
    padding: 32px 16px;
border-radius: 20px;
margin: 16px;}

.sinformer .stand{
    
    color:#238F6B;
}
.agir .stand{
    color:#3FBEE1;
}
nav {border-bottom: 3px solid #6D398E;
    border-top: 3px solid #6D398E }
nav ul {display: flex;
    justify-content: center; }
nav ul li { list-style: none;
padding-right: 23px;
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
color:#6D398E;
position: relative;
} 
nav ul li::after{
position:absolute;
content: "|";
padding-left: 7px;
}
nav ul li a{
    text-decoration: none;
    color:#6D398E!important
}
nav ul li a:hover{
    text-decoration: underline;
}
.date{
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    color: white;
    
}
.date strong{
    font-size: 26px;
}
.partenaires div{
    width:32%;
    padding: 15px;
    
}@media (min-width: 850px){.partenaires{display: flex;}

}


.partenaires div{
    width:100%;
    padding: 15px;
    
}
@media (max-width: 850px){
    nav{display: none;}
}
#scrollUp
{
position: fixed;
bottom : 10px;
right: -100px;
opacity: 0.5;
}
#scrollUp img{
    width: 63px;
padding: 0px 30px;
}