.title{
    background: var(--blue-600);
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.title p{
    color: var(--white);
}

#breadcrumbs, #breadcrumbs a{
    color: var(--white);
    margin-bottom: 0.5rem;
}

h1{
    color: var(--white);
    margin-top: 0;
}

.info-complementaire h2{
    color: var(--blue-900);
    font-size:1.5rem;
}

.info-complementaire{
    background-color: var(--green-50);
    border-radius: var(--radius-m);
    padding:2rem;
    top: 2rem;
    z-index: 12;
}

@media screen and (max-width:960px){
    .info-complementaire{
        position: initial!important;
    }
}

.info-complementaire p{
    margin-top: 0;
    margin-bottom: 0;
    color: var(--green-900);
    line-height: 1;
}

.info-complementaire a{
    color: var(--green-900);
}

.info-complementaire img{
    margin-top:0 ;
}

.info-complementaire .email, .info-complementaire .pourqui, .info-complementaire .lieu, .info-complementaire .horaires, .info-complementaire .phone,.info-complementaire .site{
    gap: 0.375rem;
    font-weight: bold;
}

.content a:not(.uk-button) {
    color: var(--green-700);
    font-weight: bold;
}

.wp-block-lazyblock-les-missions{
    background: var(--green-50);
}
.single-activite .wp-block-lazyblock-les-missions {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.mission{
    padding-top: 3rem;
    padding-bottom: 4rem;
}

.item-mission{
    background-color: var(--green-800);
    padding: 1.5rem 2rem;
    position: relative;
}

.item-mission::before {
    content: '';
    display: block;
    width: 100%;
    height: 0.5rem;
    background: var(--green-800); /* Couleur du divider */
    z-index: 0;
    position: absolute;
    top: -0.5rem;
    border-top: solid 1px var(--green-800);
    left: 0;
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
}

.item-mission::after {
    content: '';
    display: block;
    width: 100%;
    height: 0.5rem;
    background: var(--green-800); /* Couleur du divider */
    z-index: 0;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    border-bottom: solid 1px var(--green-800);
	clip-path: polygon(100% 0, 0 0, 0 100%);
}

.item-mission h3{
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
}

.item-mission h3, .item-mission p{
    color: var(--white);
}

.item-mission p{
    margin-top: 0;
    margin-bottom: 0;
}

.carousel img{
    border-radius: var(--radius-m);
}

.cta{
    margin-top: 4rem;
}

.cta .background-blue{
    background: var(--blue-50);
    border-radius: var(--radius-m);
    padding: 3rem;
}

.cta h2{
    color: var(--blue-900);
}

@media screen and (max-width:960px) {
    
.cta h2{
    font-size: 1.5rem;
}

.cta .background-blue{
    padding: 2rem;
}
}

.cta .uk-button-primary{
    background-color: var(--blue-800);
}

.cta .illu-cta{
    width: 100%;
    max-width: 320px;
    height: auto;
    right: 4rem!important;
}

@media screen and (max-width:960px) {
    .cta .illu-cta {
        width: 100%;
        max-width: 6rem;
        height: auto;
        right: 2rem !important;
    }
}


.activite .uk-card{
    background-color: transparent!important;
    box-shadow: none;
}

.activite .uk-card h3{
    color: var(--blue-800);
}

.activite .description{
    margin-bottom: 0.5rem;
}

.activite .info-complementaire{
    background-color: initial;
    border-radius: var(--radius-m);
    padding: 0;
    top: 2rem;
}
.activite .info-complementaire{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}