/*js effect*/
main .content .content_wrapper_even.visible_effect,
main .content .content_wrapper_odd.visible_effect,
main .content .figure_even.visible_effect,
main .content .figure_odd.visible_effect,
main .content .form_wrapper_even.visible_effect,
main .content .form_wrapper_odd.visible_effect {
    opacity: 1;
    transform: translateX(0);
}

.portrait {
    height: 629px;
}
.position {
    object-position: 0 40%;
}

.odd{
    flex-direction: row-reverse;
}

/*js effect*/
:root{
    --main-title-top: 50%;
}
header {
    width: 100%;
    position: relative;
    height: var(--nav-height);
}

header .header_wrapper{
    background: var(--bfc-dark);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: var(--z-index-wrapper);
    height: var(--nav-height);
    padding: 0 var(--small-padding);
}
.right,
.left{
    position: fixed;
    top: 0;
    height: 1247px;
    z-index: var(--z-index-img-background);
}
.right {
    right: 0;
}
.left {
    left: 0;
}

.content_wrapper{
    opacity: 0;
}

main .container .content .content_wrapper .article_icon_boxe_francaise,
main .container .content .content_wrapper .article_icon_boxe_children,
main .container .content .content_wrapper .article_icon_cross_training,
main .container .content .content_wrapper .article_icon_team,
main .container .content .content_wrapper .article_icon_info {
    width: var(--icon-width);
    height: var(--icon-height);
}

.container .content figure,
.container .content .form_wrapper {
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
}
.contact_link,
.privacy_link{
    color: var(--bfc-light);
}
.contact_link:hover,
.privacy_link:hover{
    text-decoration: none;
}

.map .section_title,
.map p,
.bfc_address{
    margin-bottom: var(--main-padding);
    color: var(--bfc-red-dark);
}
    .map {
        padding: 0 var(--small-padding);
    }
#map {
    margin: auto;
    max-width: 100%;
    height: 70vh;
    box-shadow: var(--bfc-element-box-shadow);
}
.leaflet-popup-content-wrapper {
    width: 300px;
    height: 300px;
    background-color: var(--bfc-light);
    color: var(--bfc-red-dark);
}
.leaflet-popup-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.leaflet-popup-close-button {
    color: var(--bfc-red-dark)!important;
}
.leaflet-popup-tip {
    background-color: var(--bfc-light);
}

@media screen and (max-width: 1024px){
    .right {
        display: none;
    }
}
@media screen and (max-width: 920px) {

    #map {
        max-width: 100%;
        height: 55vh;
    }
    main .container {
        width: unset;
    }
    main .container .content .form_wrapper{
        padding: 5px 5px var(--small-padding) 5px;
    }
    .left {
        display: none;
    }
}
@media screen and (max-width: 425px) {
    .position {
    object-position: 0 80%;
    }
    h2 {
        font-size: 30px;
    }
    main .container .content .form_wrapper {
        padding: var(--small-padding);
    }
}