/*Profil Etablissement + Entreprises*/
body.grey-light-bg {
    background-color: #EEF1F5;
}

button.btn-orange-gradient {
    background: rgb(255, 81, 0);
    background: -moz-linear-gradient(45deg, rgba(255, 81, 0, 1) 0%, rgba(255, 195, 0, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(255, 81, 0, 1) 0%, rgba(255, 195, 0, 1) 100%);
    background: linear-gradient(45deg, rgba(255, 81, 0, 1) 0%, rgba(255, 195, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5100", endColorstr="#ffc300", GradientType=1);
    border: none;
}

button.ic-download.orange {
    background-image: url(../images/icons/ic_download_orange.svg);
}

button.ic-download.btn-blanc.b-orange {
    border-color: var(--grey-light)
}

button.ic-download.btn-blanc.b-orange:hover {
    background-image: url(../images/icons/ic_download_white.svg);
}

/*En tête du profil*/
.profil-head-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    background-color: white;
    background-color: var(--main-bg);
    padding-bottom: 20px;
    box-shadow: 0px 13px 16px 0px rgba(121, 151, 191, 0.25);
}

.profil-head-container .profil-head-content {
    width: 100%;
}

.profil-head-container .profil-head-content .profil-head-banner {
    height: auto;
    position: relative;
    max-height: 500px;
    display: flex;
    z-index: 5;
}

.profil-head-container .profil-head-content .profil-head-banner .banner-container {
    position: relative;
    max-height: 500px;
    overflow: hidden;
    display: flex;
    width: 100%;
}

.profil-head-container .profil-head-content .profil-head-banner .banner {
    width: 100%;
    position: relative;
    display: block;
    margin: auto;
    z-index: 7;
}

@media screen and (min-width:1920px) {
    .profil-head-container .profil-head-content .profil-head-banner .banner-container {
        height: 475px;
    }

    .profil-head-container .profil-head-content .profil-head-banner .banner {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.profil-head-container .profil-head-content .profil-head-banner .photo-profil-container {
    height: 220px;
    width: 220px;
    border-radius: 50%;
    background-color: white;
    background-color: var(--main-bg);
    position: absolute;
    bottom: -110px;
    z-index: 10;
    left: calc(50% - 110px);
    transition: all .2s ease;
    border: solid 3px white;
    overflow: hidden;
}

.profil-head-container .profil-head-content .profil-head-banner .photo-profil-container.modifiable {
    cursor: pointer;
}

.profil-head-container .profil-head-content .profil-head-banner .photo-profil-container .photo-profil {
    width: 100%;
    transition: all .2s ease;
}

.profil-head-container .profil-head-content .profil-head-banner .photo-profil-container:hover {
    transform: scale(1.05);
}

.profil-head-container .profil-head-content .profil-head-banner .photo-profil-container.modifiable .change-pdp-text {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-shadow: 2px 2px 4px #00000049;
    font-weight: 800;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    width: 130px;
    opacity: 0;
    transition: all .2s ease;
}

.profil-head-container .profil-head-content .profil-head-banner .photo-profil-container:hover .photo-profil {
    transform: scale(1.05);
}

.profil-head-container .profil-head-content .profil-head-banner .photo-profil-container.modifiable:hover .photo-profil {
    filter: brightness(0.8);
}

.profil-head-container .profil-head-content .profil-head-banner .photo-profil-container.modifiable:hover .change-pdp-text {
    opacity: 1;
}

.profil-head-container .profil-head-content .profil-head-banner .photo-profil-container.modifiable .change-pdp-text .photo-img {
    width: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.profil-head-container .profil-head-content .profil-head-infos {
    margin-top: 150px;
    position: relative;
}

.profil-head-container .profil-head-content .profil-head-infos .profil-modif-pen {
    position: absolute;
    right: 30px;
    top: -130px;
    height: 30px;
    width: 30px;
    background-image: url(../images/icons/ic_pencil_grey.svg);
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease;
    cursor: pointer;
}

.profil-modif-pen .content {
    font-weight: 500;
    border-radius: 5px;
    background-color: white;
    background-color: var(--main-bg);
    border: solid 2px var(--purple-primary);
    position: absolute;
    top: 40px;
    left: -21px;
    padding: 7px 10px;
    color: #222222;
    color: var(--main-text);
    z-index: 15;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

@media screen and (max-width:800px) {
    .profil-modif-pen .content {
        display: none;
    }
}

.profil-modif-pen:hover .content {
    opacity: 1;
}

.profil-head-container .profil-head-content .profil-head-infos-localisations {
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/ic_pin_grey.svg);
    background-size: 20px 20px;
    text-align: center;
    margin-top: 10px;
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: auto;
}

.profil-head-container .profil-head-content .profil-head-infos-localisations p {
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width:800px) {
    .profil-head-container .profil-head-content .profil-head-infos-localisations p {
        max-width: 250px;
    }
}

.profil-head-container .profil-head-content .profil-head-infos .like-container {
    margin-left: 5px;
}


.profil-head-container .profil-head-content .profil-head-infos .like-container svg {
    margin-top: 7px;
    width: 25px;
    height: 25px;
    transition: all .2s ease;
}

.profil-head-container .profil-head-content .profil-head-infos .like-container svg .heart {
    transition: all .2s ease;
}


.profil-head-container .profil-head-content .profil-head-infos .like-container.liked .heart {
    fill: #FF5050;
}

.profil-head-container .profil-head-content .profil-head-infos .like-container.liked svg {
    animation: likeProfil .3s ease;
}

.profil-head-container .profil-head-content .profil-head-infos .like-container .more-text {
    position: absolute;
    top: -35px;
    width: 170px;
    left: calc(50% - 85px);
    text-align: center;
    background-color: #FF5050;
    color: white;
    font-size: 1rem;
    z-index: 2;
    transition: all .2s ease-out;
    border-radius: 8px;
    padding: 5px 10px;
    opacity: 0;
    pointer-events: none;
}

.profil-head-container .profil-head-content .profil-head-infos .like-container .more-text::after {
    content: '';
    position: absolute;
    background-color: #FF5050;
    opacity: 1;
    pointer-events: none;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    top: 24px;
    left: calc(50% - 5px);
    z-index: 1;
}

.like-share-container {
    display: inline-block;
}

@media screen and (min-width:800px) {
    .profil-head-container .profil-head-content .profil-head-infos .like-container:hover .more-text, .like-share-container .like-container:hover .more-text {
        opacity: 1;
    }
}

.like-share-container .share-profil-container {
    margin-left: 5px;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
}

    .like-share-container .share-profil-container.mobile {
        display: none;
    }

@media screen and (max-width:800px) {
    .like-share-container .like-share-container {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .profil-head-container .profil-head-content .profil-head-infos .like-container {
        margin-left: 0px;
        margin-right: 5px;
    }

    .like-share-container .share-profil-container.pc {
        display: none;
    }

    .like-share-container .share-profil-container.mobile {
        display: block;
        margin-top: 10px;
        margin-left: 5px;
    }
}

.like-share-container .share-profil-container.mobile {
    width: 30px;
    height: 30px;
    margin-left: 7px;
}

.like-share-container .share-profil-container svg {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.like-share-container .share-profil-container.mobile svg {
    width: 30px;
    height: 30px;
}

.like-share-container .share-profil-container svg .share {
    transition: all .2s ease;
}

.like-share-container .share-profil-container .hover-zone:hover svg .share {
    fill: #3354C2;
}

.like-share-container .share-profil-container .hover-zone {
    position: absolute;
    width: 170px;
    height: 90px;
    overflow: visible;
    left: 0px;
    top: 0px;
    z-index: 5;
    clip-path: polygon(19% 0, 19% 31%, 100% 31%, 100% 100%, 0 100%, 0 0);
}

    .like-share-container .share-profil-container .hover-zone.z0{
        z-index: 0;
    }

    .like-share-container .share-profil-container .hover-zone .share-list {
        width: 160px;
        background-color: white;
        background-color: var(--main-bg);
        left: 5px;
        display: flex;
        justify-content: space-around;
        padding: 10px;
        position: absolute;
        border-radius: 20px;
        transition: all .2s ease;
        opacity: 0;
        pointer-events: none;
        top: 30px;
        box-shadow: 0px 3px 6px 0px rgba(121, 151, 191, 0.35);
    }

    .like-share-container .share-profil-container .hover-zone:hover .share-list {
        opacity: 1;
        pointer-events: all;
    }

.like-share-container .share-profil-container .share-list a {
    width: 30px;
    height: 30px;
}

.like-share-container .share-profil-container .share-list img {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.profil-head-container .profil-head-content .profil-head-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.profil-head-container .profil-head-content .profil-head-links li {
    flex: 0 0 auto;
    text-align: center;
    margin: 10px;
}

.profil-head-container .profil-head-content .profil-head-links li .links-img {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    border: solid 1px #FF9100;
    background-color: white;
    background-color: var(--main-bg);
    margin-bottom: 10px;
    position: relative;
}

.profil-head-container.entreprise .profil-head-content .profil-head-links li .links-img {
    border-color: #b892ff;
}

.profil-head-container .profil-head-content .profil-head-links li .links-img img {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s ease;
}

.profil-head-container .profil-head-content .profil-head-links li .links-img img.hover {
    opacity: 0;
}

.profil-head-container .profil-head-content .profil-head-links li:hover .links-img img.hover {
    opacity: 1;
}

.profil-head-container .profil-head-content .profil-head-links li:hover .links-img img.default {
    opacity: 0;
}

.profil-head-container .profil-head-content .profil-head-links li:hover .links-img {
    background-color: #FF9100;
}

.profil-head-container.entreprise .profil-head-content .profil-head-links li:hover .links-img {
    background-color: #b892ff;

}

.profil-head-container .profil-head-content .profil-head-btn button {
    margin: 10px;
    height: 40px;
    width: auto;
    padding: 10px 15px;
}

.profil-head-container .profil-head-content .profil-head-btn button.candidat {
    background-image: url(../images/icons/ic_lightbolt_white.svg);
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 30px 30px;
    padding-left: 30px;
}

.profil-head-container .profil-head-content .profil-head-btn button.candidat.entreprise {
    background-color: var(--purple-primary);
    border-color: var(--purple-primary);
    width: 157px;
    text-align: right;
}

.profil-head-container .profil-head-content .profil-head-btn button.candidat.entreprise:hover {
    background-color: rgb(160, 139, 245);
    border-color: rgb(160, 139, 245);
}

.profil-head-container .profil-head-content .profil-head-btn button.chat {
    background-image: url(../images/icons/ic_chat_bulle_white.svg);
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 30px 30px;
    padding-left: 30px;
}

.profil-head-container .profil-head-content .profil-head-btn button.chat.entreprise {
    background-color: #8C75EB;
    border-color: #8C75EB;
}

.profil-head-container .profil-head-content .profil-head-btn button.chat.entreprise:hover {
    background-color: rgb(160, 139, 245);
    border-color: rgb(160, 139, 245);
}

@media screen and (max-width:800px) {
    .profil-head-container .profil-head-content .profil-head-banner .photo-profil-container {
        height: 150px;
        width: 150px;
        bottom: -75px;
        left: calc(50% - 75px);
    }

    .profil-head-container .profil-head-content .profil-head-banner .banner {
        position: absolute;
        width: auto;
        height: 200px;
        left: 50%;
        transform: translateX(-50%);
    }

    .profil-head-container .profil-head-content .profil-head-banner {
        height: 200px;
    }

    .profil-head-container .profil-head-content .profil-head-infos {
        margin-top: 80px;
    }

    .profil-head-container .profil-head-content .profil-head-infos .profil-modif-pen {
        top: -60px;
    }
}

/*Selection des catégories*/
.profil-selection-cat {
    max-width: 1100px;
    width: 90%;
    height: 50px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 0px 13px 16px 0px rgba(121, 151, 191, 0.25);
}

.profil-selection-cat li {
    flex: 1;
    background: white;
    background: var(--main-bg);
    color: #222222;
    color: var(--main-text);
    text-align: center;
    padding-top: 15px;
    transition: all .2s ease-out;
    cursor: pointer;
}

.profil-selection-cat li:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.profil-selection-cat li:last-child {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.profil-selection-cat li:hover {
    background: #FF9100;
    color: white;
}

.profil-selection-cat li.selected {
    background: rgb(255, 196, 0);
    background: -moz-linear-gradient(87deg, rgba(255, 196, 0, 1) 0%, rgba(255, 145, 0, 1) 100%);
    background: -webkit-linear-gradient(87deg, rgba(255, 196, 0, 1) 0%, rgba(255, 145, 0, 1) 100%);
    background: linear-gradient(87deg, rgba(255, 196, 0, 1) 0%, rgba(255, 145, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc400", endColorstr="#ff9100", GradientType=1);
    color: white;
}

.profil-selection-cat.entreprise li:hover {
    background: var(--purple-primary);
    color: white;
}

.profil-selection-cat.entreprise li.selected {
    background: rgb(140, 117, 235);
    background: -moz-linear-gradient(87deg, rgba(140, 117, 235, 1) 0%, rgba(172, 154, 255, 1) 100%);
    background: -webkit-linear-gradient(87deg, rgba(140, 117, 235, 1) 0%, rgba(172, 154, 255, 1) 100%);
    background: linear-gradient(87deg, rgba(140, 117, 235, 1) 0%, rgba(172, 154, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--purple-primary)", endColorstr="#ac9aff", GradientType=1);
    color: white;
}





@media screen and (max-width:992px) {
    .profil-selection-cat {
        width: 90%;
        max-width: 450px;
        min-width: 300px;
        height: auto;
        flex-direction: column;
        border-radius: 8px;
    }

    .profil-selection-cat li {
        width: auto;
        height: 72px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 15px;
    }

    .profil-selection-cat li:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 5px;
    }

    .profil-selection-cat li:last-child {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}

/*Contenu du profil*/
.profil-page {
    position: relative;
    padding-bottom: 50px;
    display: none;
}

.profil-page .profil-presentation-box {
    max-width: 1100px;
    /*width: 95%;*/
    margin-left: auto;
    margin-right: auto;
}

.profil-page .add-element span {
    font-size: 2rem;
    margin-right: 10px;
    vertical-align: -5px;
}

.profil-page .profil-presentation-box-head {
    text-align: center;
    padding: 20px;
    background: rgb(255, 149, 0);
    border-radius: 8px;
    position: relative;
}

.profil-page .profil-presentation-box-edit {
    text-align: center;
    padding: 20px;
    background: rgb(255, 149, 0);
    border-radius: 8px;
    position: relative;
    margin-left: 10px;
    flex: 0 0 69px;

}

.profil-page.entreprise .profil-presentation-box-edit {
    background: #b892ff;

}

@media screen and (max-width:500px) {
    .profil-page .profil-presentation-box-edit {
        flex: 0 0 100%;
        margin-left: 0px;
        margin-top: 10px;
        height: 50px;
    }
}

.profil-presentation-box-edit .profil-modif-pen {
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    height: 30px;
    width: 30px;
    background-image: url(../images/icons/ic_pencil_white.svg);
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease;
    cursor: pointer;
}

.profil-presentation-box-edit .profil-modif-pen.add {
    background-image: url(../images/icons/ic_plus_white.svg);
}

.profil-page.entreprise .profil-presentation-box-head {
    background: #8470ee;
    background: -moz-linear-gradient(left, #8470ee 0%, #b892ff 100%);
    background: -webkit-linear-gradient(left, #8470ee 0%, #b892ff 100%);
    background: linear-gradient(to right, #8470ee 0%, #b892ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8470ee', endColorstr='#b892ff', GradientType=1);
}

.profil-page .profil-presentation-box .presentation-chiffres {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
}

.profil-page .profil-presentation-box .presentation-chiffres+.btn-edit-chiffres {
    display: none;
}

.profil-page .profil-presentation-box .presentation-chiffres.edit+.btn-edit-chiffres {
    display: block;
}

.profil-page .profil-presentation-box .presentation-chiffres .chiffre {
    flex: 1;
    padding: 30px;
    margin: 5px;
    position: relative;
    background-color: white;
    background-color: var(--main-bg);
    border-radius: 15px;
    transition: all .2s ease;
    min-width: 90px;
    border: solid 2px #F9F8FF;
}

.profil-page .profil-presentation-box .presentation-chiffres.edit .chiffre::after {
    content: '';
    position: absolute;
    width: 85%;
    height: 85%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    left: 50%;
    top: 50%;
    z-index: 2;
    border: dashed 2px var(--purple-primary);
    pointer-events: none;
}

.profil-page .profil-presentation-box .presentation-chiffres .chiffre:hover {
    transform: scale(1.05);
}

.profil-page .profil-presentation-box .presentation-chiffres .chiffre:first-child {
    margin-left: 0px;
}

.profil-page .profil-presentation-box .presentation-chiffres .chiffre:last-child {
    margin-right: 0px;
}

.profil-page .profil-presentation-box .presentation-txt {
    padding: 40px 90px;
    background-color: white;
    background-color: var(--main-bg);
    border-radius: 15px;
    position: relative;
    border: solid 2px #F9F8FF;
}

.profil-page .profil-presentation-box .presentation-txt.browse {
    width: 300px;
}

@media screen and (max-width:500px) {
    .profil-page .profil-presentation-box .presentation-txt.browse {
        width: 100%;
    }
}


.profil-page .profil-presentation-box .presentation-txt .profil-modif-pen {
	position: absolute;
	right: 20px;
	top: 20px;
	height: 40px;
	width: 40px;
	background-image: url(../images/icons/ic_pencil_grey.svg);
	background-size: 25px 25px;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .2s ease;
	cursor: pointer;
}

.profil-page .profil-presentation-box .presentation-txt .profil-delete-pen {
    position: absolute;
    right: 20px;
    top: 60px;
    height: 40px;
    width: 40px;
    background-image: url(../images/icons/ic_bin_grey.svg);
    background-size: 25px 25px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease;
    cursor: pointer;
}

.profil-page .profil-presentation-box .presentation-txt .edit-pen {
    position: absolute;
    width: 45px;
    height: 45px;
    cursor: pointer;
    top: 10px;
    right: 10px;
    background: url(../images/icons/ic_pencil_orange.svg) no-repeat center;
    background-size: 25px 25px;
}

.profil-page.entreprise .profil-presentation-box .presentation-txt .edit-pen {
    background-image: url(../images/icons/ic_pencil_purple.svg);
}

.profil-page .profil-presentation-box .presentation-txt.edit {
    padding: 20px;
}

.profil-page .profil-presentation-box .presentation-txt .ql-editor {
    padding: 0px;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content {
    max-height: 300px;
    transition: all .2s ease;
    overflow: hidden;
}


.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.open {
    max-height: 3500px;
    margin-bottom: 70px;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.full {
    max-height: 3500px;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.full+.presentation-txt-bottom {
    display: none;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.edit {
    max-height: 3500px;
    transition: all .2s ease;
    border: dashed 2px transparent;
    border-radius: 8px;
    padding: 20px;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.edit .quill-container {
    box-shadow: none;
    border-radius: 0px;
    overflow: visible;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.edit .quill-container .quill-content {
    transition: all .2s ease;
    min-height: 0px;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.edit.live {
    border-color: var(--purple-primary);
    overflow: visible;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.edit+.edit-presentation-txt {
    display: none;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.edit.live+.edit-presentation-txt {
    display: flex;
}

.profil-page .pres-group {
    margin-left: -10px;
    margin-right: -10px;
}

.profil-page .hover-link {
    padding: 5px 8px;
}

.profil-page .hover-link:hover {
    background-color: #F1F1F1;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-bottom {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    transition: all .2s ease;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-bottom.manager {
    bottom: 0px;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.full .presentation-txt-bottom.manager {
    display: none;
}

@media screen and (max-width:800px) {
    .profil-page .profil-presentation-box .presentation-txt {
        padding: 30px;
    }

    .profil-page .profil-presentation-box .presentation-txt .presentation-txt-bottom {
        bottom: 30px;
    }

    .profil-presentation-box-head .profil-modif-pen {
        right: 10px;
    }

    .profil-page .profil-presentation-box .presentation-txt.edit {
        padding: 10px;
    }

    .profil-page .pres-group .presentation-stats {
        flex: 0 0 calc(100% - 20px);
    }
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.open+.presentation-txt-bottom {
    background: transparent;
}

.profil-page .profil-presentation-box .presentation-txt .presentation-txt-content.open .presentation-txt-bottom {
    background: transparent
}

.profil-page .profil-presentation-box .presentation-stats {
    padding: 40px;
    background-color: white;
    background-color: var(--main-bg);
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: solid 2px #F9F8FF;
}

@media screen and (max-width:800px) {
    .profil-page .profil-presentation-box .presentation-stats {
        padding: 20px;
    }
}

@media screen and (max-width:450px) {
    .profil-page .presentation-txt .no-overflow {
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width:340px) {
    .profil-page .presentation-txt .no-overflow {
        width: 241px;
    }
}

.profil-page .profil-presentation-box .presentation-stats .donus {
    margin-left: auto;
    margin-right: auto;
}

.profil-presentation-box .presentation-stats .donut {
    width: 230px;
    transform: rotate(271deg);
}

.pp-program-section .presentation-stats .donut {
    width: 230px;
    transform: rotate(271deg);
}

.profil-presentation-box .presentation-stats .stats-rank {
    padding-left: 20px;
    font-weight: 600;
    position: relative;
}

.pp-program-section .presentation-stats .stats-rank {
    padding-left: 20px;
    font-weight: 600;
    position: relative;
}

.profil-presentation-box .presentation-stats .stats-rank li {
    position: relative;
    z-index: 2;
    padding: 10px 50px 10px 10px;
}

.pp-program-section .presentation-stats .stats-rank li {
    position: relative;
    z-index: 2;
    padding: 10px 50px 10px 10px;
}

@media screen and (max-width:800px) {
    .profil-presentation-box .presentation-stats .stats-rank li {
        padding: 10px 50px 10px 5px;
    }
}


.profil-presentation-box .presentation-stats .stats-rank li:nth-child(2n+2)::after {
    content: '';
    position: absolute;
    /*background-color: #03A0F1;*/
    width: 1920px;
    height: 100%;
    z-index: -1;
    background-color: var(--grey-light);
    top: 0px;
    left: -500px;
}

.profil-presentation-box .presentation-stats .stats-rank li span {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

.profil-page .profil-presentation-box .presentation-maps {
    background-color: white;
    background-color: var(--main-bg);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    border: solid 2px #F9F8FF;
}

.profil-page .profil-presentation-box .presentation-maps iframe {
    height: 400px;
    width: 100%;
}

.profil-page .profil-presentation-box .presentation-maps .bottom-maps {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;

}

.profil-page .profil-presentation-box .presentation-events {
    overflow: hidden;
    border-radius: 8px;
}

.profil-page .profil-presentation-box .presentation-events .events-item {
    display: flex;
    overflow: hidden;
    border-radius: 8px;
    transition: all .2s ease;
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-date {
    flex: 0 0 150px;
    background-color: #03A0F1;
    display: flex;
}

.profil-page .profil-presentation-box .presentation-events .events-item.school .events-date {
    background-color: #FF9100;
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-content {
    padding: 20px 40px;
    flex: 1;
    background-color: white;
    background-color: var(--main-bg);
    position: relative;
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-content .edit-btns {
    width: 45px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #F1F1F1;
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-content .edit-btns.modif {
    background-image: url(../images/icons/ic_pencil_orange.svg);
    right: 65px;
    top: 10px;
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-content .edit-btns.delete {
    background-image: url(../images/icons/ic_bin_red.svg);
    right: 10px;
    top: 10px;
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-content .title-admin {
    padding-right: 70px;
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-infos li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    background-position: left center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-infos li.ic-clock {
    background-image: url(../images/icons/ic_clock_blue.svg);
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-infos li.ic-pin {
    background-image: url(../images/icons/ic_pin_blue.svg);
}

.profil-page .profil-presentation-box .presentation-events .events-item.school .events-infos li.ic-clock {
    background-image: url(../images/icons/ic_clock_orange.svg);
}

.profil-page .profil-presentation-box .presentation-events .events-item.school .events-infos li.ic-pin {
    background-image: url(../images/icons/ic_pin_orange.svg);
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-more {
    cursor: pointer;
}

.profil-page .profil-presentation-box .presentation-events .events-item.open .events-more .arrow-right {
    transform: rotate(45deg);
    margin-left: 10px;
}

.profil-page .profil-presentation-box .presentation-events .events-item .events-description {
    max-height: 0px;
    transition: all .2s ease;
    overflow: hidden;
}

.profil-page .profil-presentation-box .presentation-events .events-item.open .events-description {
    max-height: 600px;
}

.profil-page .profil-presentation-box .presentation-profil {
    margin-right: 50px;
}

.profil-page .profil-presentation-box .presentation-profil .profil-img {
    width: 200px;
}

.profil-page .profil-presentation-box .presentation-img {
    display: flex;
}

.profil-page .profil-presentation-box .presentation-img .item {
    flex: 1;
    max-width: 33%;
    min-width: 25%;
    height: 200px;
    margin-right: -10px;
    margin-left: -10px;
    overflow: hidden;
}

.profil-page .profil-presentation-box .presentation-img .item {
    margin: 10px;
}

.profil-page .profil-presentation-box .presentation-img .item img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.profil-presentation-box .school-contact-btns button {
    background-color: #F1F1F1;
    border-color: #F1F1F1;
    height: 50px;
    border-radius: 8px;
    background-position: left 18px center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    padding-left: 52px;
    padding-right: 20px;
    color: #727272;
    font-weight: 600;
}

.profil-presentation-box .school-contact-btns button:hover {
    background-color: rgb(219, 219, 219);
    border-color: rgb(219, 219, 219);
}

.profil-presentation-box .school-contact-btns .contact {
    background-image: url(../images/icons/ic_phone_orange.svg);
    width: 210px;
}

.profil-presentation-box .school-contact-btns .download {
    background-image: url(../images/icons/ic_download_orange.svg);
    white-space: nowrap;
    width: 310px;
}

.profil-presentation-box .school-contact-btns .contact-mail {
    background-image: url(../images/icons/ic_mail_orange.svg);
    width: 210px;
}

@media screen and (min-width:800px) {
    .profil-page .profil-presentation-box .presentation-img .item:hover {
        transform: scale(1.05) rotate(1deg);
    }

    .profil-page .profil-presentation-box .presentation-img .item:nth-child(odd):hover {
        transform: scale(1.05) rotate(-1deg);
    }
}

@media screen and (max-width:480px) {
    .profil-presentation-box .school-contact-btns button {
        margin-left: auto;
        margin-right: auto;
    }

    .profil-presentation-box .school-contact-btns .download {
        white-space: normal;
        width: 100%;
    }

    .profil-page .profil-presentation-box .presentation-events .events-item .events-content {
        padding: 20px 20px;
    }
}

.profil-page .profil-presentation-box .presentation-img .item.last .background {
    z-index: 10;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(4px);
}

.profil-page .profil-presentation-box .presentation-img .item.last .see-more {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    width: 90%;
    text-shadow: 2px 2px 4px #00000049;
}


@media screen and (max-width:800px) {
    .profil-page .profil-presentation-box .presentation-img .item {
        flex: 0 0 100%;
        margin-left: 0px;
        margin-right: 0px;
        max-width: 100%;
        height: 230px;
    }

    .profil-page .profil-presentation-box .presentation-profil {
        margin-bottom: 50px;
    }

    .profil-page .profil-presentation-box .presentation-chiffres .chiffre:first-child {
        margin-left: 5px;
    }

    .profil-page .profil-presentation-box .presentation-chiffres .chiffre:last-child {
        margin-right: 5px;
    }

    .profil-page .profil-presentation-box .presentation-chiffres .chiffre {
        padding: 25px;
    }

    .profil-page .profil-presentation-box .profil-presentation-box-head {
        padding: 13px;
    }

    .profil-page .profil-presentation-box .presentation-events .events-item .events-date {
        flex: 0 0 100px;
    }
}

@media screen and (max-width:620px) {
    .profil-page .profil-presentation-box .presentation-chiffres .chiffre {
        padding: 15px;
    }

    .profil-page .profil-presentation-box .presentation-chiffres .chiffre {
        flex: 0 0 calc(50% - 10px);
    }
}

@media screen and (max-width:420px) {
    .profil-page .profil-presentation-box .presentation-chiffres .chiffre {
        flex: 0 0 100%;
    }

}

.profil-page.team .presentation-txt {
    padding: 20px;
}

.profil-page.team .presentation-txt .team-pic {
    flex: 0 0 300px;
    max-width: 300px;
    overflow: hidden;
    max-height: 195px;
}

.profil-page.team .presentation-txt .team-pic img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.profil-page.team .presentation-txt .team-desc {
    padding: 20px;
    margin-left: 20px;
}

.profil-page.team .presentation-txt .team-desc .legend {
    max-height: 72px;
    overflow-y: hidden;
    min-height: 35px;
}

.profil-page.team .presentation-txt .team-desc .legend.open {
    max-height: 900px;
}

.profil-page.team .presentation-txt .team-desc .legend.open+.see-more .arrow-bottom {
    transform: rotate(225deg);
}

.profil-page.team .presentation-txt .team-desc .see-more {
    padding-left: 60px;
}

.profil-page.team .presentation-txt .team-desc .edit {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
    background-color: #F1F1F1;
    background-image: url(../images/icons/ic_pencil_grey.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.profil-page.team .presentation-txt .team-desc .edit:hover {
    background-image: url(../images/icons/ic_pencil_white.svg);
    background-color: #FF9100;
}

.profil-page.team .presentation-txt .team-desc .delete {
    position: absolute;
    right: 0px;
    top: 45px;
    width: 35px;
    height: 35px;
    background-color: #F1F1F1;
    background-image: url(../images/icons/ic_bin_grey.svg);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.profil-page.team .presentation-txt .team-desc .delete:hover {
    background-image: url(../images/icons/ic_bin_white.svg);
    background-color: #FF9100;
}

.profil-page.team .presentation-txt .legend {
    padding-left: 60px;
    background-image: url(../images/icons/guillemets_orange.svg);
    background-position: top left;
    background-size: 40px;
    background-repeat: no-repeat;
}

.profil-page.mentors .presentation-txt .team-desc .edit:hover {
    background-color: var(--purple-primary);
}

.profil-page.mentors .presentation-txt .team-desc .delete:hover {
    background-color: var(--purple-primary);
}

.profil-page.team.mentors .presentation-txt .legend {
    background-image: url(../images/icons/bus_legend.svg);
}

@media screen and (max-width:800px) {
    .profil-page.team .presentation-txt .team-pic {
        flex: 0 0 100%;
        max-width: 100%;
        height: 250px;
        margin-bottom: 20px;
    }

    .profil-page.team .presentation-txt .team-desc {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0px;
        padding: 20px 0px;
    }

    .profil-page.team .presentation-txt .team-pic img {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .profil-page.team .presentation-txt .team-desc .edit {
        top: 20px;
    }
}

@media screen and (max-width:550px) {
    .profil-page.team .presentation-txt .team-pic {
        height: 150px;
    }
}

/*Page photos et vidéos*/
.profil-page.medias {
    max-width: 1920px;
}

.photo-video-selection {
    width: 300px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

.photo-video-selection .selecteur {
    width: 150px;
    text-align: center;
    height: 60px;
    cursor: pointer;
    line-height: 60px;
    background-color: white;
    background-color: var(--main-bg);
    box-shadow: 0px 13px 16px 0px rgba(121, 151, 191, 0.25);
    transition: all .2s ease;
}

.photo-video-selection .selecteur:hover {
    background-color: #FF9100;
    color: white;
}

.photo-video-selection .selecteur.active {
    background-color: #FF9100;
    color: white;
}

.photo-video-selection.entreprise .selecteur:hover {
    background-color: #8470ee;
}

.photo-video-selection.entreprise .selecteur.active {
    background-color: #8470ee;
}

.photo-video-selection .selecteur:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.photo-video-selection .selecteur:nth-child(2) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.photo-video-selection .modif {
    width: 60px;
    text-align: center;
    height: 60px;
    cursor: pointer;
    line-height: 60px;
    background-color: white;
    background-color: var(--main-bg);
    margin-left: 20px;
    border-radius: 8px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-image: url(../images/icons/ic_pencil_grey.svg);
    background-position: center;
    transition: all .2s ease;
}

.photo-video-selection .modif:hover {
    transform: scale(1.1);
}

.profil-page .medias-container:last-child {
    display: none;
}

.profil-page .medias-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.profil-page .medias-container .photos-container {
    line-height: 0;
    column-count: 4;
    column-gap: 14px;
    width: 100%;
}

.profil-page .medias-container .videos-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.profil-page .medias-container .photos-container img {
    width: 100%;
    height: auto;
    margin: 7px;
    border-radius: 8px;
    cursor: pointer;
    transition: all .2s ease;
}

.profil-page .medias-container .videos-container iframe {
    flex: 0 0 600px;
    max-width: 600px;
    height: 337px;
    margin: 7px;
    border-radius: 8px;
    transition: all .2s ease;
    border: none !important;
}

.profil-page .medias-container .photos-container img:hover {
    transform: scale(1.04);
}

.profil-page .medias-container .videos-container iframe:hover {
    transform: scale(1.03);
}

@media (max-width: 1000px) {
    .profil-page .medias-container .photos-container {
        column-count: 3;
    }
}

@media (max-width: 800px) {
    .profil-page .medias-container {
        width: 95%;
    }

    .profil-page .medias-container .photos-container {
        column-count: 2;
        width: 95%;
    }
}

@media (max-width: 700px) {
    .profil-page .medias-container .videos-container iframe {
        flex: 0 0 400px;
        max-width: 400px;
        height: 225px;
    }
}

@media (max-width: 500px) {
    .profil-page .medias-container .photos-container {
        column-count: 1;
    }

    .profil-page .medias-container .videos-container iframe {
        flex: 0 0 300px;
        max-width: 300px;
        height: 169px;
    }
}

.profil-page.formations .formations-filters .select-container {
    margin: 5px;
}

@media (min-width: 1170px) {
    .profil-page.formations .formations-filters .select-container:last-child {
        margin-right: 0px;
    }

    .profil-page.formations .formations-filters .select-container:first-child {
        margin-left: 0px;
    }
}

.profil-page.formations .thumb .edit-thumb-formation {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    z-index: 250;
}

.profil-page.formations .thumb:hover .edit-thumb-formation {
    opacity: 1;
    pointer-events: all;
}

.profil-page.formations .thumb .edit-thumb-formation .btn {
    width: 45px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.profil-page.formations .thumb .edit-thumb-formation .btn.delete {
    background-image: url(../images/icons/ic_bin_red.svg);
}

.profil-page.formations .thumb .edit-thumb-formation .btn.edit {
    background-image: url(../images/icons/ic_pencil_orange.svg);
}

.profil-page.formations .thumb .edit-thumb-formation .btn.see {
    background-image: url(../images/icons/ic_showpassword_disable_orange.svg);
}

.profil-page.formations .thumb .edit-thumb-formation .btn:hover {
    background-color: #F1F1F1;
    transform: scale(1.1);
}

.profil-page.formations button.ic-download.orange {
    width: 275px;
    background-position: left 11px center;
    padding-right: 10px;
}

.profil-page.formations .maxwidth1100 {
    max-width: 1100px;
    width: 95%;
}

@media (max-width: 800px) {
    .profil-page.formations .formations-filters .select-container {
        margin-right: 0px;
    }

    .profil-page.formations .formations-filters .select-container {
        flex: 0 0 100%;
    }
}

.profil-page.formations .thumb.formation .thumb-infos-container .thumb-logo .formation-school-name {
    max-width: 230px;
}

.profil-page .profil-presentation-box .presentation-txt.small-padding {
    padding: 20px;
}

.profil-page.formations .profil-presentation-box .presentation-txt.small-padding {
    padding: 20px;
}

.profil-page.formations .profil-presentation-box .presentation-txt.med-padding {
    padding: 40px 40px;
}

@media screen and (min-width:800px) {
    .profil-page.formations .formation-presentation-container .summary-infos {
        margin-right: 20px;
    }

    .profil-page.formations .formation-location-details .presentation-txt.hours {
        max-width: 320px;
    }
}

.profil-page.formations .formation-presentation-container .summary-infos .presentation-txt {
    position: -webkit-sticky;
    position: sticky;
    top: 75px;
}

.profil-page.formations .formation-presentation-container .summary-infos .presentation-txt button {
    width: 100%;
    max-width: 320px;
}

.profil-page.formations .formation-presentation-container ul.classic {
    list-style: url('../images/icons/ic_dots_ul_orange.svg');
}

.profil-page.formations .ql-editor-content ul {
    list-style: url('../images/icons/ic_dots_ul_orange.svg');
}

.profil-page.formations .ql-editor-content ul li {
    margin-left: 20px;
    margin-top: 5px;
}

.profil-page.formations .formation-presentation-container ul.classic li {
    padding-left: 10px;
}

.profil-page.formations .formation-location-details {
    /*padding-left: 50px;
    padding-right: 50px;*/
}

.profil-page.formations .formation-location-details .presentation-txt {
    padding: 30px;
    background-color: white;
    background-color: var(--main-bg);
    border-radius: 15px;
    position: relative;
    border: solid 2px #F9F8FF;
}

.profil-page.formations .formation-location-details .presentation-txt.maps {
    padding: 0px;
    min-width: 290px;
}

.profil-page.formations .formation-location-details .presentation-txt.location {
    max-width: 580px;

}

@media screen and (max-width:800px) {
    .profil-page.formations .formation-location-details {
        padding-left: 0px;
        padding-right: 0px;
    }

    .profil-page.formations .formation-presentation-container .summary-infos {
        margin-bottom: 20px;
    }

    .profil-page.formations .profil-presentation-box .presentation-txt {
        padding: 20px;
    }

    .profil-page.formations .profil-presentation-box .presentation-txt.med-padding {
        padding: 20px;
    }
}

/*Page réseaux d'établissement*/
.profil-page.network {
    max-width: 1920px;
}

.profil-page.network .selection-ecoles {
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    height: 20px;
}

@media (max-width: 800px) {
    .profil-page.network .selection-ecoles {
        height: 40px;
    }
}

.profil-page.network .selection-ecoles .school-name {
    width: calc(100% - 50px);
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translateX(-50%);
}

.profil-page.network .selection-ecoles .arrow-left {
    padding: 5px;
    border-width: 0 4px 4px 0;
    position: absolute;
    left: 0px;
    top: 0px;
}

.profil-page.network .selection-ecoles .arrow-right {
    padding: 5px;
    border-width: 0 4px 4px 0;
    position: absolute;
    right: 0px;
    top: 0px;
}

.profil-page.network .network-map {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.profil-page.network .network-map iframe button {
    border-radius: 8px;
}

.profil-page.network .network-map .gmnoprint button {
    border-radius: 2px;
}

.profil-page.network .network-map .network-legends li {
    position: relative;
    margin-top: 5px;
    margin-right: 10px;
    padding-left: 25px;
}

.profil-page.network .network-map .network-legends li::before {
    content: '';
    position: absolute;
    left: 0px;
    height: 20px;
    top: calc(50% - 10px);
    width: 20px;
    border-radius: 50%;
}

.profil-page.network .network-map .network-legends li.school::before {
    background-color: #FF9100;
}

.profil-page.network .network-map .network-legends li.campus::before {
    background-color: #19CF89;
}

.profil-page.network .network-map .network-legends li.partenaires::before {
    background-color: #03a0f1;
}

@media (max-width: 800px) {
    .profil-page.network .selection-ecoles .school-name {
        flex: 0 0 100%;
        order: 0;
        margin-bottom: 15px;
    }

    .profil-page.network .selection-ecoles .arrow-container {
        flex: 0 0 50%;
        order: 2;
    }

    .profil-page.network .selection-ecoles .arrow-container:last-child {
        flex: 0 0 50%;
        order: 3;
        text-align: right;
    }
}

.profil-page.network .thumb .edit-thumb-formation {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    z-index: 250;
}

.profil-page.network .thumb:hover .edit-thumb-formation {
    opacity: 1;
    pointer-events: all;
}

.profil-page.network .thumb .edit-thumb-formation .btn {
    width: 45px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.profil-page.network .thumb .edit-thumb-formation .btn.delete {
    background-image: url(../images/icons/ic_bin_red.svg);
}

.profil-page.network .thumb .edit-thumb-formation .btn.edit {
    background-image: url(../images/icons/ic_pencil_orange.svg);
}

.profil-page.network .thumb .edit-thumb-formation .btn.see {
    background-image: url(../images/icons/ic_showpassword_disable_orange.svg);
}

.profil-page.network .thumb .edit-thumb-formation .btn:hover {
    background-color: #F1F1F1;
    transform: scale(1.1);
}

/*Ajout photos et videos*/
.add-photo-head {
    margin: 35px 0px;
    border-radius: 10px;
    padding: 3% 3%;
    position: relative;
}

.add-photo-head .tuto-add-photo {
    position: absolute;
    width: 150px;
    max-width: 150px;
    height: 130px;
    max-height: 130px;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    border-radius: 8px;
    border: solid 1px #03A0F1;
    padding: 25px 15px 10px 15px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: white;
    background-color: var(--main-bg);

}

.add-photo-head .add-photo-head-content {
    padding-left: 150px;
}

.add-photo-head .tuto-add-photo::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 15px;
    background-color: #03A0F1;
}

.add-photo-head .tuto-add-photo .cursor {
    position: absolute;
    width: 35px;
    top: 35px;
    right: 20px;
    z-index: 10;
    animation: animMouse 2s ease-in infinite;
}

.add-photo-head .tuto-add-photo .case {
    flex: 1 20px;
    border-radius: 3px;
    margin: 5px;
    height: 22px;
    background-color: #03A0F1;
    border: solid 1px #03A0F1;
}

.add-photo-head .tuto-add-photo .case.move {
    transform: translate(0px, 0px);
    animation: animCase 2s ease-in infinite;
}

.drag-zone-add-pic {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: rgba(3, 162, 241, 0.753);
    z-index: 1500000;
    opacity: 0;
    transition: all .2s ease;
    pointer-events: none;
}

.drag-zone-add-pic .drag-zone-content {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    transform: translate(-50%, -50%);
    border: dashed 3px white;
    border-radius: 20px;

}

.drag-zone-add-pic.active {
    opacity: 1;
    pointer-events: auto;
}

.added-pic-content.profilv1 {
    line-height: 0;
    column-count: 4;
    column-gap: 14px;
    width: 100%;
}

@media (max-width: 1000px) {
    .added-pic-content.profilv1 {
        column-count: 3;
    }
}

@media (max-width: 1050px) {
    .add-photo-head {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

@media (max-width: 800px) {
    .added-pic-content {
        column-count: 2;
    }

    .add-photo-head .add-photo-head-content {
        padding-left: 0px;
    }
}

@media (max-width: 500px) {
    .added-pic-content {
        column-count: 1;
    }
}

.added-pic-content li {
    position: relative;
    display: inline-block;
    margin: 5px;
    border-radius: 10px;
    overflow: hidden;
    transition: all .2s ease;
    border: solid 3px #FCFCFC;
}

.added-pic-content li.loading:after {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    z-index: 10;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.added-pic-content li.loading img {
    opacity: 0.6;
    filter: blur(2px);
}

.added-pic-content li:hover {
    border: solid 3px #03A0F1;
}

.added-pic-content li.selected {
    transform: scale(0.95);
    border: solid 3px #03A0F1;
}

.added-pic-content li img {
    width: 100%;
    vertical-align: middle;
}

.added-pic-content li input[type="checkbox"] {
    display: none;
}

.added-pic-content li .checkmark {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 25px;
    width: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    border: solid 1px #03A0F1;
    transition: all .2s ease;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.added-pic-content li:hover .checkmark {
    opacity: 1;
    pointer-events: auto;
}

.added-pic-content li.selected .checkmark {
    opacity: 1;
    pointer-events: auto;
}

.added-pic-content li input[type="checkbox"]:checked~.checkmark {
    background-color: #03A0F1;
}

.added-pic-content li input[type="checkbox"]:checked~span {
    color: #03A0F1;
    animation: checkedSpan .3s ease-in-out;
}

.added-pic-content li .checkmark::before {
    display: none;
}

.added-pic-content li input[type="checkbox"]:checked~.checkmark::before {
    display: block;
}

.added-pic-content li .checkmark::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 3px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.added-pic-content li .delete-pic-btn {
    position: absolute;
    font-weight: 800;
    font-size: 1.1rem;
    text-align: center;
    width: 20px;
    height: 25px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 50;
    transition: all .2s ease;
    background-image: url(../images/icons/ic_bin_red.svg);
    background-repeat: no-repeat;
    background-size: 20px 25px;
    opacity: 0;
    pointer-events: none;
}

.added-pic-content li:hover .delete-pic-btn {
    opacity: 1;
    pointer-events: auto;
}

.added-pic-content li.selected .delete-pic-btn {
    opacity: 1;
    pointer-events: auto;
}

.added-pic-content li .delete-pic-btn:hover {
    transform: scale(1.07);
}


@media screen and (max-width:800px) {
    .added-pic-content li:hover {
        border: none;
    }

    .added-pic-content li:hover .delete-pic-btn {
        opacity: 0;
        pointer-events: none;
    }

    .added-pic-content li:hover .checkmark {
        opacity: 0;
        pointer-events: none;
    }

    .added-pic-content li .delete-pic-btn:hover {
        transform: none;
    }

    .added-pic-content li.selected:hover {
        border: solid 3px #03A0F1;
    }

    .added-pic-content li.selected:hover .delete-pic-btn {
        opacity: 1;
        pointer-events: auto;
    }

    .added-pic-content li.selected:hover .checkmark {
        opacity: 1;
        pointer-events: auto;
    }

    .added-pic-content li.selected .delete-pic-btn:hover {
        transform: none;
    }

    .add-photo-head {
        padding-bottom: 200px;
        padding-top: 20px;
    }

    .add-photo-head .tuto-add-photo {
        top: auto;
        transform: translateX(-50%);
        left: 50%;
        bottom: 30px;
    }

    .drag_zone_container {
        display: none;
    }

}

@keyframes animCase {
    0% {
        transform: translate(57px, -16px) scale(1);
        opacity: 1;
    }

    40% {
        transform: translate(0px, 0px) scale(1);
    }

    45% {
        transform: translate(0px, 0px) scale(0.9);
    }

    50% {
        transform: translate(0px, 0px) scale(1);
        opacity: 1;
    }

    55% {
        transform: translate(0px, 0px) scale(1);
        opacity: 1;
    }

    80% {
        opacity: 1;
        transform: translate(0px, 0px) scale(1);
    }

    95% {
        opacity: 0;
        transform: translate(0px, 0px) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(57px, -16px) scale(1);
    }
}

@keyframes animMouse {
    0% {
        transform: translate(57px, -16px) scale(1);
        opacity: 1;
    }

    40% {
        transform: translate(0px, 0px) scale(1);
    }

    45% {
        transform: translate(0px, 0px) scale(0.9);
    }

    50% {
        transform: translate(0px, 0px) scale(1);

    }

    65% {

        opacity: 1;
    }

    100% {
        transform: translate(57px, -16px) scale(1);
        opacity: 0;
    }
}

.media-upload-progress-wrapper {
    bottom: -300px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    background-color: var(--main-bg);
    overflow: hidden;
    border: solid 2px #03a0f1;
    box-shadow: 0px 3px 6px 0px #03a2f12a;
    border-radius: 15px;
    padding: 15px;
    transition: all .8s ease;
    z-index: 5000;
    min-width: 320px;
}

.media-upload-progress-wrapper.show {
    bottom: 30px;
}

.media-upload-progress-wrapper .line {
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #F1F1F1;
}

.media-upload-progress-wrapper .line .progress {
    position: absolute;
    left: 0px;
    width: 0%;
    top: 0px;
    height: 100%;
    background-color: #03a0f1;
}

/*Profil Coachs*/
nav.no-shadow {
    box-shadow: none;
}

.profil-coach-contact-btn {
    font-weight: 600;
    width: 170px;
    background-color: #19CF89;
    border: solid 2px #19CF89;
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 20px 25px;
    padding-left: 40px;
    height: 45px;
    color: white;
    margin-right: 10px;
    background-image: url(../images/icons/ic_chat_white.svg);
}

.profil-coach-contact-btn.small {
    width: 130px;
    background-position: left 10px center;
}

.profil-coach-contact-btn:hover {
    transform: scale(1.03);
    background-color: #19CF89;
    border: solid 2px #19CF89;
    box-shadow: 0px 3px 6px 0px rgba(25, 207, 137, 0.363);
}

.profil-coach-resa-btn {
    font-weight: 600;
    width: 170px;
    background-color: white;
    background-color: var(--main-bg);
    color: #19CF89;
    border: solid 2px #19CF89;
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 20px 25px;
    padding-left: 40px;
    height: 45px;
    background-image: url(../images/icons/ic_lightbolt_green.svg);
}

.profil-coach-resa-btn.small {
    width: 130px;
    padding-left: 30px;
    background-position: left 10px center;
}

.profil-coach-resa-btn:hover {
    transform: scale(1.03);
    box-shadow: 0px 3px 6px 0px rgba(25, 207, 137, 0.363);
    color: #19CF89;
    background-color: white;
    background-color: var(--main-bg);
    border: solid 2px #19CF89;
}

/*Header*/
.profil-coach-head {
    position: relative;
    padding-bottom: 50px;
}

.profil-coach-head .profil-coach-infos-header {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 750px;
    margin: 50px auto 50px auto;
    width: 90%;
}

.profil-coach-head .profil-coach-infos-header .profil-pic-container {
    flex: 1;
    max-width: 300px;
    height: 300px;
    margin-right: 20px;
}

.profil-coach-head .profil-coach-infos-header .profil-pic-container .profil-img-container {
    position: relative;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    background-color: #E1E6E8;
    overflow: hidden;
    z-index: 1;
}

.profil-coach-head .profil-coach-infos-header .profil-pic-container .profil-img-container:after {
    content: '';
    z-index: 2;
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 150px;
    background: linear-gradient(to right, transparent 0%, #eaeff1 50%, transparent 100%);
    animation: thumbSkeletonAnimation 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
}

.profil-coach-head .profil-coach-infos-header .profil-infos-head-container {
    max-width: 350px;
    margin-left: 20px;
}

.profil-coach-head .profil-coach-infos-header .profil-pic-container .profil-pic {
    width: 100%;
    border-radius: 50%;
    min-width: 300px;
    max-width: 300px;
    pointer-events: none;
    position: relative;
    z-index: 3;
}

.profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-name {
    max-width: 400px;
    display: flex;
    white-space: nowrap;
}

.profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-name .verified-statut {
    display: inline-block;
    margin-right: 7px;
    position: relative;
    margin-top: 15px;
}

.profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-name .verified-statut.verified::before {
    content: 'Profil vérifié';
    position: absolute;
    background-color: #19CF89;
    border-radius: 8px;
    padding: 5px 10px;
    color: white;
    font-weight: 500;
    width: 100px;
    top: -40px;
    opacity: 0;
    z-index: 50;
    transform: scale(0.8);
    pointer-events: none;
    transition: all .2s ease;
    left: calc(50% - 60px);
}


.profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-name .verified-statut.no-verified::before {
    content: 'Profil non vérifié';
    position: absolute;
    background-color: #FF5050;
    border-radius: 8px;
    padding: 5px 10px;
    color: white;
    font-weight: 500;
    width: 135px;
    top: -40px;
    opacity: 0;
    transform: scale(0.8);
    pointer-events: none;
    transition: all .2s ease;
    left: calc(50% - 77px);
}



.profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-name .verified-statut:hover::before {
    transform: none;
    opacity: 1;
}


.profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-name .verified-statut img {
    width: 30px;
    height: 30px;
}

.profil-coach-head .profil-coach-infos-header .profil-infos-head-container .ic-text-localisation {
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-coach-btn-container {
    justify-content: space-between;
    max-width: 350px;
}

.profil-coach-head .like-container {
    display: inline-block;
    margin: 10px;
    position: relative;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-top: 13px;
}

.profil-coach-head .phone-container {
    display: inline-block;
    margin: 10px;
    position: relative;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-top: 15px;
}

.profil-coach-head .like-container.mobile {
    width: 30px;
    height: 30px;
    margin-right: 7px;
}

.profil-coach-head .like-container svg {
    width: 25px;
    height: 25px;
    transition: all .2s ease;
}

.profil-coach-head .like-container.mobile svg {
    width: 30px;
    height: 30px;
}

.profil-coach-head .like-container .more-text {
    position: absolute;
    top: -40px;
    width: 170px;
    left: calc(50% - 85px);
    text-align: center;
    background-color: #FF5050;
    color: white;
    opacity: 1;
    font-size: 1rem;
    z-index: 2;
    transition: all .2s ease-out;
    border-radius: 8px;
    padding: 5px 10px;
    opacity: 0;
    pointer-events: none;
}

.profil-coach-head .like-container .more-text::after {
    content: '';
    position: absolute;
    background-color: #FF5050;
    opacity: 1;
    pointer-events: none;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    top: 24px;
    left: calc(50% - 5px);
    z-index: 1;
}

.profil-coach-head .like-container:hover .more-text {
    opacity: 1;
}

.profil-coach-head .like-container.liked .heart {
    fill: #FF5050;
}

.profil-coach-head .like-container.liked svg {
    animation: likeProfil .3s ease;
}

.profil-coach-head .share-profil-container {
    margin: 10px;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    margin-top: 13px;
}

.profil-coach-head .share-profil-container.mobile {
    width: 30px;
    height: 30px;
    /*margin-left: 7px;*/
}

.profil-coach-head .share-profil-container svg {
    width: 25px;
    height: 25px;
    position: relative;
    z-index: 1;
}

.profil-coach-head .share-profil-container.mobile svg {
    width: 30px;
    height: 30px;
}

.profil-coach-head .share-profil-container svg .share {
    transition: all .2s ease;
}

.profil-coach-head .share-profil-container .hover-zone:hover svg .share {
    fill: #3354C2;
}

.profil-coach-head .share-profil-container .hover-zone {
    position: absolute;
    width: 170px;
    height: 90px;
    overflow: visible;
    left: 0px;
    top: 0px;
    z-index: 5;
    clip-path: polygon(19% 0, 19% 31%, 100% 31%, 100% 100%, 0 100%, 0 0);
}

.profil-coach-head .share-profil-container .hover-zone.z0 {
    z-index: 0;
}

.profil-coach-head .share-profil-container .hover-zone .share-list {
    width: 160px;
    background-color: white;
    background-color: var(--main-bg);
    left: 5px;
    display: flex;
    justify-content: space-around;
    padding: 10px;
    position: absolute;
    border-radius: 20px;
    transition: all .2s ease;
    opacity: 0;
    pointer-events: none;
    top: 30px;
    box-shadow: 0px 3px 6px 0px rgba(121, 151, 191, 0.35);
}

.profil-coach-head .share-profil-container .hover-zone:hover .share-list {
    opacity: 1;
    pointer-events: all;
}

.profil-coach-head .share-profil-container .share-list a {
    width: 30px;
    height: 30px;
}

.profil-coach-head .share-profil-container .share-list img {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/*Elements au scroll*/
.profil-infos-fixed-container {
    position: fixed;
    top: -50px;
    background-color: white;
    background-color: var(--main-bg);
    left: 0px;
    width: 100%;
    display: block;
    padding: 10px 10px;
    z-index: 50;
    transition: all .4s ease;
}

.dark .profil-infos-fixed-container {
    background-color: #515A6A;
}

.profil-infos-fixed-container.visible {
    top: 65px;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

.profil-infos-fixed-container .profil-infos-fixed-content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.profil-infos-fixed-container .profil-infos-fixed-content hr {
    height: 50px;
    width: 2px;
    max-width: 2px;
    background-color: rgb(212, 212, 212);
    margin: 0px 20px;
    flex: 0 0 2px;
}

.profil-infos-fixed-container .profil-infos-fixed-profil {
    margin-right: 20px;
}

.profil-infos-fixed-container .profil-infos-fixed-profil img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.profil-infos-fixed-container .profil-infos-fixed-name {
    flex: 0 0 auto;
}

.profil-infos-fixed-container .ic-verified {
    width: 20px;
    height: 20px;
    vertical-align: -3px;
    margin-right: 5px;
}

.profil-infos-fixed-container .ic-localisation {
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 5px;
}

.profil-infos-fixed-container .profil-infos-fixed-prices-container {
    margin-left: -20px;
    margin-right: -20px;
}

.profil-infos-fixed-container .profil-infos-fixed-prices-container .slide-container {
    display: flex;
    width: 150px;
    overflow: hidden;
    height: 50px;
}

.profil-infos-fixed-container .profil-infos-fixed-prices-container .slide-container .slide-item {
    margin-left: auto;
    margin-right: auto;
    cursor: default;
}

.profil-infos-fixed-container .profil-infos-fixed-prices-container .slide-container .owl-stage-outer .owl-stage {
    display: flex;
    flex-direction: row;
}

.profil-infos-fixed-container .prices-dots {
    display: flex;
    justify-content: center;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
}

.profil-infos-fixed-container .prices-dots .dot {
    width: 10px;
    height: 10px;
    max-height: 10px;
    max-width: 10px;
    min-width: 10px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    background-color: #BCBCBC;
    border-radius: 50%;
}

.profil-infos-fixed-container .prices-dots .dot.active {
    background-color: #19CF89;
}

.mobile-profil-resa-fixed {
    position: fixed;
    bottom: -150px;
    opacity: 0;
    transition: all .2s ease;
    background-color: white;
    background-color: var(--main-bg);
    left: 0px;
    width: 100%;
    padding: 10px 10px;
    z-index: 50;
    box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.1);
    display: none;
}

.dark .mobile-profil-resa-fixed {
    background-color: #515A6A;
}

.mobile-profil-resa-fixed .mobile-profil-resa-fixed-content {
    display: flex;
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}

.mobile-profil-resa-fixed.visible {
    bottom: 0px;
    opacity: 1;
}

.mobile-profil-resa-fixed .mobile-profil-resa-fixed-prices {
    width: 150px;
    overflow: hidden;
}

.mobile-profil-resa-fixed .slide-container {
    display: flex;
    width: 150px;
    overflow: hidden;
    height: 50px;
}

.mobile-profil-resa-fixed .slide-container .slide-item {
    margin-left: auto;
    margin-right: auto;
    cursor: default;
}

.mobile-profil-resa-fixed .slide-container .owl-stage-outer .owl-stage {
    display: flex;
    flex-direction: row;
}

.mobile-profil-resa-fixed .prices-dots {
    display: flex;
    justify-content: space-between;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
}

.mobile-profil-resa-fixed .prices-dots .dot {
    width: 10px;
    height: 10px;
    cursor: pointer;
    background-color: #BCBCBC;
    border-radius: 50%;
}

.mobile-profil-resa-fixed .prices-dots .dot.active {
    background-color: #19CF89;
}

.mobile-profil-resa-fixed .mobile-profil-resa-fixed-btns {
    display: flex;
    padding-top: 5px;
}

.mobile-profil-resa-fixed .mobile-profil-resa-fixed-btns .xsmall {
    display: none;
    width: 50px;
    background-position: center center;
}

.mobile-profil-resa-fixed .mobile-profil-resa-fixed-btns .resa-mobile-btn-small {
    color: white;
}

.mobile-profil-resa-fixed .mobile-profil-resa-fixed-btns .resa-mobile-btn.active {
    transform: scale(1.1);
    box-shadow: 0px 3px 6px 0px rgba(25, 207, 137, 0.6);
}

.mobile-profil-resa-fixed .mobile-profil-resa-fixed-btns .resa-mobile-btn-small.active {
    transform: scale(1.1);
    width: 150px;
    background-position: left 20px center;
    color: #19CF89;
    box-shadow: 0px 3px 6px 0px rgba(25, 207, 137, 0.6);
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .profil-coach-head .profil-coach-infos-header {
        justify-content: flex-start;
    }

    .profil-coach-head .profil-coach-infos-header .profil-infos-head-container {
        margin-left: 30px;
        margin-top: 20px;
    }
}

@media screen and (max-width:1170px) {
    .profil-infos-fixed-container.visible {
        top: 50px;
        opacity: 1;
    }
}

@media screen and (max-width:1050px) {
    /*.profil-coach-head .like-container:hover .heart {
        fill: #b4b4b4;
    }*/

    .profil-coach-head .like-container.active .heart {
        fill: #FF5050;
    }

    .profil-coach-head .like-container .more-text {
        display: none;
    }

/*    .profil-coach-head .share-profil-container.pc {
        display: none;
    }*/

    .profil-coach-head .like-container.pc {
        display: none;
    }

    .profil-infos-fixed-container {
        display: none;
    }

    .mobile-profil-resa-fixed {
        display: block;
    }

    .profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-name {
        text-align: center;
        white-space: normal;
        display: block;
    }

    .profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-name .verified-statut.verified::before {
        left: -10px;
    }

    .profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-name .verified-statut.no-verified::before {
        left: -10px;
    }

    .profil-coach-head .profil-coach-infos-header .profil-infos-head-container {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .profil-coach-head .profil-coach-infos-header .profil-pic-container .profil-pic {
        min-width: 200px;
    }
}

@media screen and (max-width:450px) {
    .mobile-profil-resa-fixed .mobile-profil-resa-fixed-btns .xsmall {
        display: block;
    }

    .mobile-profil-resa-fixed .mobile-profil-resa-fixed-btns .small {
        display: none;
    }
}

/*Liste des prix*/
.profil-coach-head .coach-courses-prices {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.profil-coach-head .coach-courses-prices li {
    flex: 0 0 340px;
    max-width: 340px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    transition: all .2s ease;
}

.profil-coach-head .coach-courses-prices.edit li {
    overflow: visible;
}

.profil-coach-head .coach-courses-prices li hr {
    position: absolute;
    width: 2px;
    height: 70%;
    margin: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: rgb(212, 212, 212);
    border: none;
}

.profil-coach-head .coach-courses-prices li .price-content {
    padding: 30px 40px;
    border-radius: 8px;
    transition: all .2s ease;
    position: relative;
    height: 100%;
    width: 100%;
}

.profil-coach-head .coach-courses-prices li .price-content::after {
    content: 'Réserver';
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .2s ease;
    font-weight: 600;
    z-index: 1;
    color: #222222;
}

.profil-coach-head .coach-courses-prices li .price-content:hover::after {
    opacity: 1;
}

.profil-coach-head .coach-courses-prices li .hover-effect {
    transition: all .2s ease;
}

.dark .profil-coach-head .coach-courses-prices li:hover .hover-effect .cn {
    color: #222222;
}

.profil-coach-head .coach-courses-prices li:hover {
    background-color: #E9FFF7;
}

.profil-coach-head .coach-courses-prices li:hover .hover-effect {
    transform: translateY(-10px);
}

.mobile-profil-action {
    display: none;
}

@media screen and (max-width:1050px) {

    .mobile-profil-action {
        display: flex;
    }

    .profil-coach-head .profil-coach-infos-header {
        justify-content: center;
        flex-direction: column;
        flex-wrap: nowrap;
        margin: 40px auto;
    }

    .profil-coach-head .profil-coach-infos-header .profil-pic-container {
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        max-width: 200px;
        height: auto;
    }

    .profil-coach-head .profil-coach-infos-header .profil-pic-container .profil-img-container {
        width: 200px;
        height: 200px;
    }

    .profil-coach-head .coach-courses-prices li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .profil-coach-head .coach-courses-prices li hr {
        position: relative;
        width: 200px;
        margin: 15px auto;
        height: 2px;
        transform: none;
        top: auto;
        right: auto;
    }

    .profil-coach-head .coach-courses-prices li .price-content {
        padding: 10px 20px;
        height: 110px;
        width: 100%;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-coach-btn-container {
        justify-content: center;

    }

    .profil-coach-head .profil-coach-infos-header .profil-infos-head-container .profil-coach-btn-container button {
        margin: 5px;
    }

    .profil-coach-head .coach-courses-prices li .price-content:hover::after {
        opacity: 0;
    }

    .profil-coach-head .coach-courses-prices li:hover {
        background-color: transparent;
    }

    .profil-coach-head .coach-courses-prices li:hover .hover-effect {
        transform: none;
    }
}

/*Mot clés*/
.profil-coach-head .keywords-container {
    max-width: 800px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

/*Sélection des onglets*/
.profil-coach-head .profil-coach-tabs-selection {
    max-width: 800px;
    width: 90%;
    border-radius: 35px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    background-color: white;
    background-color: var(--main-bg);
    transform: translateX(-50%);
    bottom: -25px;
    display: flex;
    justify-content: center;
    border: solid 1px #19CF89;
    z-index: 5;
}

.profil-coach-head .profil-coach-tabs-selection li {
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease;
    flex: 1;
}

.profil-coach-head .profil-coach-tabs-selection li:hover {
    color: white;
    background-color: #19CF89;
}

.profil-coach-head .profil-coach-tabs-selection li.active {
    color: white;
    background-color: #19CF89;
}

@media screen and (max-width:1050px) {
    .profil-coach-head .profil-coach-tabs-selection {
        flex-direction: column;
        position: relative;
        max-width: 300px;
        border-radius: 15px;
    }

    .profil-coach-head .profil-coach-tabs-selection li:hover {
        color: #222222;
        color: var(--main-text);
        background-color: white;
        background-color: var(--main-bg);
    }

    .profil-coach-head .profil-coach-tabs-selection li.active {
        color: white;
        background-color: #19CF89;
    }
}

/*Onglets du profil*/
.profil-tab-container {
    display: none;
    position: relative;
    background-color: #EAF2FF;
}

.dark .profil-tab-container {
    background-color: #424A58;
}

.profil-tab-container.active {
    display: block;
}

.profil-tab-container.resa {
    background-position: bottom center;
    background-image: url(../images/profil_coach_bg4.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.profil-tab-container.avis {
    background-position: top 30px center;
    background-image: url(../images/profil_coach_bg5.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/*Onglet informations*/
.profil-tab-container .profil-infos-container {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.profil-tab-container .profil-infos-container.subjects {
    background-position: bottom center;
    background-image: url(../images/profil_coach_bg1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #F2FEFF;
}

.dark .profil-tab-container .profil-infos-container.subjects {
    background-color: #2C323D;
}

.profil-tab-container .profil-infos-container.methodo {
    background-position: bottom center;
    background-image: url(../images/profil_coach_bg2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #F2FEFF;
}

.dark .profil-tab-container .profil-infos-container.methodo {
    background-color: #2C323D;
}

.profil-tab-container .profil-infos-container.exp-aca {
    background-position: bottom center;
    background-image: url(../images/profil_coach_bg3.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #F2FEFF;
}

.dark .profil-tab-container .profil-infos-container.exp-aca {
    background-color: #2C323D;
}

.profil-tab-container .profil-infos-container:first-child {
    padding-top: 50px;
}

.profil-tab-container .profil-infos-container .profil-infos-content {
    max-width: 1000px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.profil-tab-container .profil-infos-container .profil-infos-content .ql-editor {
    padding: 0px;
}

.profil-tab-container .profil-infos-container .profil-infos-content.coach-list {
    max-width: 1500px;
    padding-bottom: 100px;
}

.profil-tab-container .profil-infos-container .profil-infos-content.coach-list .thumbs-container {
    padding-top: 30px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    box-shadow: 0px 13px 16px 0px rgba(121, 151, 191, 0.25);
    padding: 60px 80px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease;
}

.profil-tab-container .profil-infos-container .xp-container .head .img-container {
    flex: 0 0 90px;
    margin-right: 20px;
    height: 90px;
}

.profil-tab-container .profil-infos-container .xp-container .head .img-container img {
    max-width: 90px;
    width: 90px;
    border-radius: 8px;
}

.dark .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item {
    background-color: rgba(66, 74, 88, 0.9);
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item:not(.edit).max-height {
    max-height: 350px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.open {
    max-height: 2500px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.open-view {
    max-height: 2500px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .ql-editor-content {
    width: 80%;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .quill-container {
    box-shadow: none;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item:not(.edit).max-height::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    transition: all .2s ease;
    bottom: 0;
    height: 110px;
    display: block;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.dark .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item:not(.edit).max-height::after {
    background: -moz-linear-gradient(top, rgba(66, 74, 88, 0) 0%, rgba(66, 74, 88, 0.08) 1%, rgba(66, 74, 88, 0.45) 6%, rgba(66, 74, 88, 1) 32%, rgba(66, 74, 88, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(66, 74, 88, 0) 0%, rgba(66, 74, 88, 0.08) 1%, rgba(66, 74, 88, 0.45) 6%, rgba(66, 74, 88, 1) 32%, rgba(66, 74, 88, 1) 100%);
    background: linear-gradient(to bottom, rgba(66, 74, 88, 0) 0%, rgba(66, 74, 88, 0.08) 1%, rgba(66, 74, 88, 0.45) 6%, rgba(66, 74, 88, 1) 32%, rgba(66, 74, 88, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00424a58', endColorstr='#424a58', GradientType=0);

}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.open::after {
    opacity: 0;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.open-view::after {
    opacity: 0;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height .see-more {
    position: absolute;
    z-index: 1;
    left: 80px;
    bottom: 40px;
    font-weight: 500;
    cursor: pointer;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.open .see-more .arrow-bottom {
    transform: rotate(-135deg);
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.open-view .see-more .arrow-bottom {
    transform: rotate(-135deg);
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit .quill-container .quill-content {
    height: auto;
    min-height: 10px;
    scrollbar-width: thin;
    max-width: 100%;
}

@media screen and (max-width:1050px) {
    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .ql-editor-content {
        width: 100%;
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item {
        padding: 30px 30px;
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height .see-more {
        left: 30px;
        bottom: 20px;
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.open .see-more {
        bottom: 20px;
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height::after {
        height: 75px;
    }
}

/*Matières et niveaux*/
.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.subjects-title {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.subjects-title .title {
    margin: 10px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.subjects-title .resa-pc-btn {
    padding-right: 10px;
    padding-left: 30px;
    font-weight: 500;
    width: 210px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.subjects-title .resa-pc-btn.active {
    transform: scale(1.08);
    box-shadow: 0px 3px 6px 0px rgba(25, 207, 137, 0.5);
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.subjects-title .resa-pc-btn:hover {
    filter: none;
    transform: scale(1.03);
    box-shadow: 0px 3px 6px 0px rgba(25, 207, 137, 0.363);
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-left: -5px;
    margin-right: -5px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li {
    flex: 1;
    max-width: 100%;
    min-width: 280px;
    padding: 5px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content {
    position: relative;
    padding: 30px 30px;
    box-shadow: 0px 13px 16px 0px rgba(121, 151, 191, 0.25);
    border-radius: 8px;
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content .checkmark {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-color: white;
    background-color: var(--main-bg);
    border: solid 2px white;
    transition: all .2s ease;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content .subjects-name {
    transition: all .2s ease;
    transform: translateY(10px);
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content .subjects-statut {
    opacity: 0;
    transition: all .2s ease;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content .subjects-ready {
    display: none;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li:hover .content .subjects-name {
    transform: translateY(0px);
    font-weight: 700;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li:hover .content .subjects-statut {
    opacity: 1;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li:hover .content .checkmark {
    border-color: #19CF89;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content input:checked~.subjects-ready {
    display: block;
    height: 20px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content input:checked~.subjects-statut {
    display: none;
    height: 20px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content input:checked~.checkmark {
    border-color: #19CF89;
}

.profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content input:checked~.subjects-name {
    transform: translateY(0px);
    font-weight: 700;
}

.pc-hide {
    display: none;
}

@media screen and (max-width:1050px) {
    .profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li:hover .content .subjects-name {
        transform: translateY(0px);
        font-weight: 500;
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content .subjects-name {
        transform: translateY(0px);
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li:hover .content .checkmark {
        border-color: white;
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li .content .subjects-statut {
        display: none;
    }

    .mobile-hide {
        display: none;
    }

    .pc-hide {
        display: block;
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.subjects-title .title {
        margin: 0px;
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li {
        max-width: 50%;
        min-width: 50%;
    }
}

@media screen and (max-width:700px) {
    .profil-tab-container .profil-infos-container .profil-infos-content .subjects-list li {
        max-width: 100%;
        min-width: 100%;
    }
}

/*Niveaux*/
.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .levels-container {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
    flex-wrap: wrap;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .levels-container li {
    margin-left: 3px;
    margin-right: 3px;
    font-size: 0.8rem;
    padding: 8px 20px;
    border-radius: 30px;
    border: solid 1px #E2E2E2;
    margin-top: 5px;
    position: relative;
    transition: all .2s ease;
    text-align: center;
    cursor: pointer;
    background-color: white;
    background-color: var(--main-bg);
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .levels-container li:hover {
    transform: scale(1.03);
    color: #19CF89;
    border-color: #19CF89;
}

@media screen and (max-width:700px) {
    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .levels-container {
        justify-content: center;
    }
}

/*Expérience aca*/
.profil-tab-container .profil-infos-container.exp-aca .school-subject {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
}

/*Plus de profil*/
.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.more-profil {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.more-profil .title {
    margin: 10px;
}

/*Réservations*/
.profil-tab-container .profil-resa-container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    display: flex;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 80px;
    flex-wrap: wrap;
    max-width: 980px;
}

.profil-tab-container .profil-resa-container .profil-resa-calendar-container {
    position: relative;
    background-color: white;
    background-color: var(--main-bg);
    box-shadow: 0px 13px 16px 0px rgba(121, 151, 191, 0.25);
    border-radius: 8px;
    overflow: hidden;
    padding: 40px 40px;
    z-index: 5;
}

.profil-tab-container .profil-resa-container .profil-resa-hours-container {
    max-height: 600px;
    position: relative;
    background-color: white;
    background-color: var(--main-bg);
    box-shadow: 0px 13px 16px 0px rgba(121, 151, 191, 0.25);
    border-radius: 8px;
    overflow: hidden;
    padding: 40px 40px;
    z-index: 5;
    margin-left: 20px;
    display: none;
}

.profil-tab-container .profil-resa-container.open-details .profil-resa-hours-container {
    display: block;
}

.profil-tab-container .profil-resa-container .profil-resa-hours-container .resa-hours-list-container {
    max-height: 300px;
}

.profil-tab-container .profil-resa-container .profil-resa-hours-container .title-box-hour {
    width: 240px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}

.profil-tab-container .profil-resa-container .profil-resa-recap-container {
    background-color: white;
    background-color: var(--main-bg);
    box-shadow: 0px 13px 16px 0px rgba(121, 151, 191, 0.25);
    border-radius: 8px;
    overflow: hidden;
    padding: 40px 40px;
    z-index: 5;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 20px;
}

.profil-tab-container .profil-resa-container .profil-resa-recap-container .item-recap {
    padding-left: 30px;
    background-position: left center;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}

.profil-tab-container .profil-resa-container .profil-resa-recap-container .btn-vert {
    padding-right: 10px;
    padding-left: 30px;
    font-weight: 500;
    width: 210px;
}

.profil-tab-container .profil-resa-container .profil-resa-recap-container .btn-vert:hover {
    filter: none;
    transform: scale(1.03);
    box-shadow: 0px 3px 6px 0px rgba(25, 207, 137, 0.363);
}

.profil-tab-container .profil-resa-container .profil-resa-recap-container .item-recap.time {
    background-image: url(../images/icons/ic_clock_green.svg);
}

.profil-tab-container .profil-resa-container .profil-resa-recap-container .item-recap.price {
    background-image: url(../images/icons/ic_euros_green.svg);
}

@media screen and (max-width:1050px) {
    .profil-tab-container .profil-resa-container {
        padding-top: 30px;
        padding-bottom: 30px;
        align-items: flex-start;
    }

    .profil-tab-container .profil-resa-container.open-details .profil-resa-calendar-container {
        display: none;
    }

    .profil-tab-container .profil-resa-container .profil-resa-recap-container {
        padding: 20px 40px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .profil-tab-container .profil-resa-container .profil-resa-calendar-container {
        width: 100%;
    }

    .resa-calendar {
        max-width: 100%;
    }

    .profil-tab-container .profil-resa-container .profil-resa-hours-container {
        margin-left: 0px;
        width: 100%;
        padding: 40px 20px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        max-height: none;
    }

    .profil-tab-container .profil-resa-container .profil-resa-hours-container .resa-hours-list-container {
        max-height: none;
    }

}

@media screen and (max-width:650px) {
    .resa-calendar .days-list {
        max-width: 420px;
    }
}

@media screen and (max-width:560px) {
    .resa-calendar .days-list {
        max-width: 350px;
    }

    .profil-tab-container .profil-resa-container .profil-resa-recap-container .item-recap .w8 {
        width: 100%;
        display: block;
    }
}

@media screen and (max-width:480px) {
    .resa-calendar .days-list li {
        width: 50px;
        height: 50px;
    }

    .resa-calendar .days-list {
        max-width: 300px;
    }

    .profil-tab-container .profil-resa-container .profil-resa-calendar-container {
        padding: 40px 20px;
    }
}

@media screen and (max-width:430px) {
    .resa-calendar .days-list {
        max-width: 240px;
    }
}

/*Avis*/
.profil-tab-container .review-item-container {
    display: flex;
    justify-content: center;
}

.profil-tab-container .review-item-container .review-item {
    position: relative;
    padding: 40px;
}

.profil-tab-container .review-item-container .review-item hr {
    position: absolute;
    width: 2px;
    height: 60%;
    margin: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: rgb(212, 212, 212);
    border: none;
}

.profil-tab-container .review-item-container .review-item .ic-text {
    width: 30px;
    height: 30px;
}

.profil-tab-container .review-list-container .review-list-item {
    display: flex;
}

.profil-tab-container .review-list-container .review-list-item .review-list-profil {
    padding: 0px 40px 0px 0px;
}

.profil-tab-container .review-list-container .review-list-item .review-list-profil img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.profil-tab-container .review-list-container .review-list-item .review-list-content {
    flex: 1;
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container {
    display: flex;
    margin-top: 20px;
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container .review-answer-profil {
    margin-right: 20px;
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container .review-answer-content {
    position: relative;
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container .review-answer-profil img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

@media screen and (max-width:850px) {
    .profil-tab-container .review-item-container {
        flex-direction: column;
    }

    .profil-tab-container .review-item-container .review-item {
        padding: 5px;
    }

    .profil-tab-container .review-item-container .review-item hr {
        position: relative;
        width: 200px;
        margin: 20px auto;
        margin-bottom: 10px;
        height: 2px;
        transform: none;
        top: auto;
        right: auto;
    }
}

@media screen and (max-width:700px) {
    .profil-tab-container .review-list-container .review-list-item .review-list-profil {
        padding: 0px 20px;
    }
}

@media screen and (max-width:640px) {
    .profil-tab-container .review-list-container .review-list-item {
        flex-direction: column;
        justify-content: center;
    }

    .profil-tab-container .review-list-container .review-list-item .review-list-profil img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .profil-tab-container .review-list-container .review-list-item .review-list-content {
        margin-top: 20px;
    }
}

@media screen and (max-width:500px) {
    .profil-tab-container .review-list-container .review-list-item .review-answer-container {
        flex-direction: column;
        padding-left: 20px;
        position: relative;
    }

    .profil-tab-container .review-list-container .review-list-item .review-answer-container::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 2px;
        background-color: #19CF89;
        left: 0px;
        top: 0px;
    }
}

@keyframes likeProfil {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.7);
    }

    100% {
        transform: scale(1.1);
    }

}

/*Edition de profil*/
.profil-infos-container.profil-stats {
    background-image: url(../images/profil_coach_bg6.svg);
    background-size: 100%;
    background-color: rgb(242, 254, 255);
    background-position: center center;
    background-repeat: no-repeat;
}

.dark .profil-infos-container.profil-stats {
    background-color: #2C323D;
}

.profil-infos-container.profil-stats .profil-infos-item.title {
    padding: 20px 30px;
}

.profil-infos-container.profil-stats .profil-stats-container {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 5px;
}

.profil-infos-container.profil-stats .profil-stats-container .profil-stats-item {
    padding: 25px;
    background-color: white;
    background-color: var(--main-bg);
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    border-color: white;
    border-image: initial;
    transition: all 0.2s ease;
    box-shadow: rgba(121, 151, 191, 0.25) 0px 13px 16px 0px;
    flex: 1;
    margin: 5px;
    text-align: center;
    position: relative;
    z-index: 5;
    transition: all .2s ease;
}

.profil-infos-container.profil-stats .profil-stats-container .profil-stats-item:hover {
    transform: scale(1.05);
}



@media screen and (max-width:1050px) {
    .profil-infos-container.profil-stats .complete-steps-container.open {
        max-height: 2000px !important;
    }

    .profil-infos-container.profil-stats .complete-steps-container .complete-step-item .step-btns {
        flex: 0 0 100px;
        max-width: 100px;
        max-height: 100px;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width:650px) {
    .profil-infos-container.profil-stats .profil-stats-container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .profil-infos-container.profil-stats .profil-stats-container .profil-stats-item {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

    .profil-infos-container.profil-stats .complete-steps-container .complete-step-item .step-btns {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
        flex-wrap: nowrap;
    }

    .profil-infos-container.profil-stats .complete-steps-container .complete-step-item {
        background-image: unset;
        padding-left: 0px;
    }
}

@media screen and (max-width:450px) {
    .profil-infos-container.profil-stats .profil-stats-container .profil-stats-item {
        flex: 0 0 calc(100% - 10px);
        max-width: calc(100% - 10px);
    }

    .profil-infos-container.profil-stats .complete-steps-container .complete-step-item {
        margin-top: 40px;
    }
}

/*Liste matieres*/
.profil-tab-container .profil-infos-container.subjects.edit .profil-infos-content .subjects-list li .content {
    background-color: white;
    background-color: var(--main-bg);
}

.profil-tab-container .profil-infos-container.subjects.edit .profil-infos-content .subjects-list li .content {
    padding: 50px 30px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
}

.profil-tab-container .profil-infos-container.subjects.edit .profil-infos-content .subjects-list li .content .overlay-recap-subjects {
    position: absolute;
    z-index: 5;
    background-color: white;
    background-color: var(--main-bg);
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transition: all .2s ease;
    text-align: center;
    padding: 15px 10px;
}

.profil-tab-container .profil-infos-container.subjects.edit .profil-infos-content .subjects-list li .content:hover .overlay-recap-subjects {
    opacity: 1;
}

.profil-tab-container .profil-infos-container.subjects.edit .profil-infos-content .subjects-list li .content .overlay-recap-subjects img {
    width: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .edit-pen {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 20px;
    cursor: pointer;
    transition: all .2s ease;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .edit-pen:hover {
    transform: scale(1.1);
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .edit-pen-container {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 20px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .edit-pen-container .edit-pen-bubble {
    padding: 10px;
    border-radius: 8px;
    background-color: #03A0F1;
    color: white;
    width: 133px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    z-index: 5;
    right: -17px;
    top: 31px;
    position: absolute;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .edit-pen-container .edit-pen-bubble::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #03A0F1;
    position: absolute;
    top: -4px;
    right: 20px;
    transform: rotate(45deg);
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .edit-pen-container .edit-pen {
    top: 0px;
    right: 0px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .edit-pen-container .edit-pen:hover+.edit-pen-bubble {
    opacity: 1;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit-exp .edit-pen {
    right: 68px;
    top: 68px;
}

.profil-coach-head .coach-courses-prices.edit li .price-content .overlay-edit {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #E9FFF7;
    padding: 43px;
    transition: all .2s ease;
    z-index: 5;
    opacity: 0;
    text-align: center;
    color: #222222;
    cursor: pointer;
    border-radius: 8px;
}

.profil-coach-head .coach-courses-prices.edit li .price-content .overlay-edit img {
    width: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.profil-coach-head .coach-courses-prices.edit li .price-content .overlay-fast-edit {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 100%;
    background-color: #E9FFF7;
    transition: all .2s ease;
    opacity: 0;
    pointer-events: none;
    padding: 15px;
    text-align: center;
    border-radius: 8px;
}

.dark .profil-coach-head .coach-courses-prices.edit li .price-content .overlay-fast-edit .cn {
    color: #222222;
}

.profil-coach-head .coach-courses-prices.edit li .price-content .overlay-fast-edit .details-edit {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    transition: all .2s ease;
}

.profil-coach-head .coach-courses-prices.edit li .price-content .overlay-fast-edit .details-edit:hover {
    transform: scale(1.1);
}

.profil-coach-head .coach-courses-prices.edit li .price-content .overlay-fast-edit .boite-deroulante-container select {
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 8px;
    max-width: 250px;
}

.profil-coach-head .coach-courses-prices.edit li .price-content.on-edit .overlay-fast-edit {
    opacity: 1;
    pointer-events: all;
}

.profil-coach-head .coach-courses-prices.edit li .price-content:hover .overlay-edit {
    opacity: 1;
}

.profil-coach-head .coach-courses-prices.edit li .price-content .overlay-fast-edit .input-price-hour {
    width: 50px;
    padding: 5px;
    font-weight: 700;
    font-size: 1.5rem;
    color: #222222;
}

.profil-coach-head .coach-courses-prices.edit li .price-content .overlay-fast-edit .xsmall-btns button {
    width: 200px;
    height: 30px;
    margin: 3px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.edit .ql-editor {
    padding: 0px;
    font-size: 1rem;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.edit .quill-container {
    pointer-events: none;
    transition: all .2s ease;
    padding: 10px;
    margin: -0 -10px;
    border-radius: 15px;
    border: dashed 2px transparent;

}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.edit.open {
    overflow: visible;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.edit.open .quill-container {
    pointer-events: all;
    border: dashed 2px #03A0F1;
    overflow: visible;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.edit.open .see-more {
    display: none;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.edit .btn-edit-quill {
    display: none;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.edit.open .btn-edit-quill {
    display: flex;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.max-height.edit.open::after {
    display: none;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit-exp .edit-exp-container {
    width: 30px;
    height: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit-exp .edit-exp-container img {
    width: 30px;
    cursor: pointer;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit-exp .edit-exp-container .edit-exp-content {
    background-color: white;
    background-color: var(--main-bg);
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    box-shadow: 0px 5px 12px 0px rgba(121, 151, 191, 0.35);
    right: 0px;
    top: 25px;
    transition: all .2s ease;
    max-height: 0px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit-exp .edit-exp-container.open .edit-exp-content {
    max-height: 100px;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit-exp .edit-exp-container .edit-exp-content .edit-item {
    width: 110px;
    padding: 10px;
    cursor: pointer;
    transition: all .2s ease;
}

.profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit-exp .edit-exp-container .edit-exp-content .edit-item:hover {
    background-color: #03A0F1;
    color: white;
}

.profil-tab-container .review-list-container .review-list-item .review-add-answer-container .review-add-answer-content {
    display: none;
}

.profil-tab-container .review-list-container .review-list-item .review-add-answer-container .review-add-answer-content .d-flex button:first-child {
    margin-left: auto;
}

.profil-tab-container .review-list-container .review-list-item .review-add-answer-container.open .review-add-answer-content {
    display: block;
}

.profil-tab-container .review-list-container .review-list-item .review-add-answer-container.open .review-add-answer-content textarea {
    background-color: transparent;
}

.profil-tab-container .review-list-container .review-list-item .review-add-answer-container.open .review-add-answer-btn {
    display: none;
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container .review-answer-content .edit-review-answer-container {
    width: 30px;
    height: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container .review-answer-content .edit-review-answer-container img {
    width: 30px;
    cursor: pointer;
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container .review-answer-content .edit-review-answer-container .edit-review-answer-content {
    background-color: white;
    background-color: var(--main-bg);
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    box-shadow: 0px 5px 12px 0px rgba(121, 151, 191, 0.35);
    right: 0px;
    top: 25px;
    transition: all .2s ease;
    max-height: 0px;
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container .review-answer-content .edit-review-answer-container.open .edit-review-answer-content {
    max-height: 100px;
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container .review-answer-content .edit-review-answer-container .edit-review-answer-content .edit-item {
    width: 110px;
    padding: 10px;
    cursor: pointer;
    transition: all .2s ease;
    background-color: white;
    background-color: var(--main-bg);
}

.profil-tab-container .review-list-container .review-list-item .review-answer-container .review-answer-content .edit-review-answer-container .edit-review-answer-content .edit-item:hover {
    background-color: #03A0F1;
    color: white;
}

.profil-coach-head .coach-courses-prices.edit li .price-content .add-price img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 30px;
}

.profil-coach-head .coach-courses-prices.edit li .price-content .edit-pen-prices {
    position: absolute;
    width: 25px;
    right: 50px;
    top: 20px;
    display: none;
}

.profil-coach-head .coach-courses-prices.edit li .price-content::after {
    display: none;
}

.edit-profil-coach-popup {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    background-color: var(--main-bg);
    padding: 50px 50px;
    border-radius: 20px;
    z-index: 55;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    min-width: 500px;
    width: 95%;
    max-width: 900px;
    display: none;
}

.edit-profil-coach-popup * {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

.edit-profil-coach-popup .close-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
}

.edit-profil-coach-popup.active {
    display: block;
}

.edit-profil-coach-popup-bg {
    position: fixed;
    transition: all .3s ease;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    pointer-events: none;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 53;
    backdrop-filter: blur(5px);
}

.edit-profil-coach-popup-bg.active {
    opacity: 1;
    pointer-events: all;
}

.profil-coach-head .profil-coach-infos-header .profil-pic-container.edit .profil-pic {
    transition: all .2s ease;
}

.profil-coach-head .profil-coach-infos-header .profil-pic-container.edit .change-pdp-text {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-shadow: 2px 2px 4px #00000049;
    font-weight: 800;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    width: 200px;
    opacity: 0;
    transition: all .2s ease;
}

.profil-coach-head .profil-coach-infos-header .profil-pic-container.edit .change-pdp-text .photo-img {
    width: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.profil-coach-head .profil-coach-infos-header .profil-pic-container.edit:hover .profil-pic {
    filter: brightness(0.7);
}

.profil-coach-head .profil-coach-infos-header .profil-pic-container.edit:hover .change-pdp-text {
    opacity: 1;
}

@media screen and (max-width: 600px) {
    .edit-profil-coach-popup {
        width: 95%;
        min-width: 0px;
        padding: 20px 20px;
        top: calc(50% + 25px);
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit-exp .edit-exp-container {
        top: 95px;
    }
}

@media screen and (max-width:1050px) {
    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item.edit-exp .edit-pen {
        top: 30px;
        right: 30px;
    }

    .profil-tab-container .profil-infos-container .profil-infos-content .profil-infos-item .edit-pen-container {
        top: 30px;
        right: 30px;
    }

    .profil-coach-head .coach-courses-prices.edit li:hover .hover-effect {
        transform: none;
    }

    .profil-coach-head .coach-courses-prices.edit li .price-content .overlay-edit {
        display: none;
    }

    .profil-coach-head .coach-courses-prices.edit li .price-content .edit-pen-prices {
        display: block;
    }

    .profil-coach-head .profil-coach-infos-header .profil-pic-container.edit .change-pdp-text {
        font-size: 1rem;
    }
}

/*Edition réservations*/
.profil-tab-container .profil-resa-container.edit .profil-resa-calendar-container {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
}

.profil-tab-container .profil-resa-container.edit .profil-resa-calendar-container .edit-calendar-title-img {
    width: 30px;
    margin-right: 10px;
    vertical-align: -5px;
}

.profil-tab-container .profil-resa-container.edit {
    max-width: 1100px;
}

.inscriptions-dispo .dispo-container {
    background-color: white;
    background-color: var(--main-bg);
    padding: 50px;
    margin-top: 50px;
    border-radius: 8px;
    box-shadow: 0px 13px 16px 0px rgba(121, 151, 191, 0.25);
}

.inscriptions-dispo .model-selector {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.inscriptions-dispo .dispo-container .resa-calendar.inscription::after {
    display: none;
}

.inscriptions-dispo .dispo-container .dispo-dates-time-picker {
    padding: 40px 20px;
    margin-left: 50px;
}

.inscriptions-dispo .dispo-container .resa-calendar.inscription {
    margin-left: 0px;
    margin-right: 0px;
}

.inscriptions-dispo .model-selector .item {
    background-color: white;
    background-color: var(--main-bg);
}

.inscriptions-dispo .model-selector .item:hover {
    background-color: white;
    background-color: var(--main-bg);
    color: #222222;
    color: var(--main-text);
}

.inscriptions-dispo .model-selector .item.active:hover {
    background-color: #03A0F1;
    color: white;
}

@media screen and (max-width:1050px) {
    .profil-tab-container .profil-resa-container.edit .profil-resa-calendar-container {
        padding: 0px;
    }

    .inscriptions-dispo .dispo-container {
        padding: 40px;
    }

    .inscriptions-dispo .dispo-container .dispo-dates-time-picker {
        margin-left: 0px;
    }
}

@media screen and (max-width:700px) {
    .inscriptions-dispo .dispo-container {
        padding: 20px;
    }
}

@media screen and (max-width: 480px) {
    .inscriptions-dispo .dispo-container {
        padding: 10px;
    }

    .profil-resa-container.edit .resa-calendar .days-list li {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 430px) {
    .profil-resa-container.edit .inscriptions-dispo .dispo-container .resa-calendar.inscription {
        padding: 30px 10px;
    }

    .profil-resa-container.edit .resa-calendar .days-list {
        max-width: 240px;
    }

    .profil-resa-container.edit .resa-calendar .days-list li {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 360px) {
    .profil-resa-container.edit .inscriptions-dispo .dispo-container .resa-calendar.inscription .days-list li {
        width: 50px;
        height: 50px;
    }
}

.inscriptions-dispo .dispo-container .unavaible-container {
    width: 100%;
    max-width: 370px;
    padding: 25px;
    border-radius: 20px;
    background-color: white;
    background-color: var(--main-bg);
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.inscriptions-dispo .dispo-container .unavaible-container .switch-unavaible {
    display: flex;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px #03A0F1;
}

.inscriptions-dispo .dispo-container .unavaible-container .switch-unavaible .switch-item {
    text-align: center;
    padding: 10px;
    color: #727272;
    flex: 1;
    transition: all .2s ease;
    cursor: pointer;
}

.inscriptions-dispo .dispo-container .unavaible-container .switch-unavaible .switch-item:hover {
    background-color: #03A0F1;
    color: white;
}

.inscriptions-dispo .dispo-container .unavaible-container .switch-unavaible .switch-item.active {
    background-color: #03A0F1;
    color: white;
}

.inscriptions-dispo .dispo-container .unavaible-container .cases-list-container ul li {
    max-width: 100%;
    min-width: 100%;
}

/*Profil Élèves*/
.profil-tab-container.student {
    display: block;
}

.profil-tab-container.student .profil-infos-container {
    padding-top: 30px;
    overflow-y: hidden;
}

.profil-coach-head.student {
    padding-bottom: 0px;
}

.profil-coach-head.student .profil-coach-infos-header .profil-infos-head-container .profil-name .verified-statut.verified::before {
    background-color: #03A0F1;
}

.profil-coach-head.student .profil-coach-infos-header .profil-infos-head-container .profil-name .verified-statut.verified::after {
    background-color: #03A0F1;
}

/*Profil entreprise*/
.bus-strengths-list {
    max-width: 800px;
}

.bus-strengths-list.edit {
    padding: 20px;
    border-radius: 8px;
    border: dashed 2px var(--purple-primary);
}

.bus-strengths-list li {
    padding: 5px 5px 5px 30px;
    position: relative;
    margin-top: 15px;
}

.bus-strengths-list li:first-child {
    margin-top: 0px;
}

.bus-strengths-list li::after {
    content: '';
    width: 15px;
    height: 15px;
    background-color: var(--purple-primary);
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 9px;
}

.profil-page .profil-presentation-box .presentation-faq {
    padding: 40px;
    background-color: var(--purple-primary);
    background-image: url(../images/bus_profil_mozaique.svg);
    background-size: 100%;
    border-radius: 8px;
    position: relative;
}

.profil-page .profil-presentation-box .presentation-faq.edit {
    background-image: none;
    background-color: white;
    background-color: var(--main-bg);
}

@media screen and (max-width:450px) {
    .profil-page .profil-presentation-box .presentation-faq {
        padding: 20px;
    }

    .bus-strengths-list.edit {
        padding: 10px;
    }
}

.profil-page .profil-presentation-box .presentation-slide {
    padding: 40px;
    background-color: white;
    background-color: var(--main-bg);
    border-radius: 8px;
    position: relative;
}

.search-filters .search-location input {
    border-radius: 8px 0px 0px 8px;
    padding: 10px 15px 10px 15px;
    border-color: var(--purple-primary);
    background-color: white;
    background-color: var(--main-bg);
    height: 40px;
    max-height: 40px;
    min-height: 40px;
    flex: 1;
}

.search-filters .search-location input.school {
    border-color: #FF9100;
}

.search-filters .search-location .search-btn {
    border-radius: 0px 8px 8px 0px;
    flex: 0 0 50px;
    background-image: url(../images/icons/ic_search_white.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    max-height: 40px;
    min-height: 40px;
    max-width: 50px;
}

.search-filters .select-container {
    border-color: transparent !important;
}

.search-filters .select-container ul {
    border-color: transparent !important;
}

.search-filters .select-container ul {
    box-shadow: 0px 3px 16px 0px rgba(121, 151, 191, 0.25);
}

.profil-presentation-box .slider-container {
    overflow: hidden;
    justify-content: left;
    flex-wrap: nowrap;
    padding-top: 20px;
    padding-bottom: 20px;
}

.profil-presentation-box .slider-container .slide-item .thumb {
    margin: auto;
    height: 100%;
    box-shadow: 0px 6px 8px 0px rgba(121, 151, 191, 0.25);
}

.profil-presentation-box .slider-container .slide-item .thumb.school.premium {
    box-shadow: 0px 5px 8px 0px #ff91004b;
}

.profil-presentation-box .slider-container .slide-item {
    height: 100%;
}

.slider-container .owl-stage {
    display: flex;
}

.profil-presentation-box .slider-nav {
    position: absolute;
    background-position: center;
    background-size: 15px;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    top: calc(50% - 15px);
}

.profil-presentation-box .slider-nav.prev {
    left: -28px;
    background-image: url(../images/icons/ic_arrow_left_black.svg);
}

.profil-presentation-box .slider-nav.next {
    right: -28px;
    background-image: url(../images/icons/ic_arrow_right_black.svg);
}

@media screen and (max-width:450px) {
    .profil-page .profil-presentation-box .presentation-slide {
        padding: 20px;
    }

    .profil-presentation-box .slider-nav.next {
        right: -24px;
    }

    .profil-presentation-box .slider-nav.prev {
        left: -24px;
    }

    .search-filters {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width:340px) {
    .search-filters .margin5 {
        margin: 5px 0px;
    }

    .profil-page .profil-presentation-box .presentation-slide {
        padding: 3px;
    }

    .profil-presentation-box .slider-nav {
        display: none;
    }

    .profil-page .profil-presentation-box .presentation-faq {
        padding: 5px;
    }


}

.profil-page .profil-presentation-box .profil-presentation-box-head.school {
    background: rgb(255, 149, 0);
    background: -moz-linear-gradient(128deg, rgba(255, 149, 0, 1) 0%, rgba(255, 200, 0, 1) 100%);
    background: -webkit-linear-gradient(128deg, rgba(255, 149, 0, 1) 0%, rgba(255, 200, 0, 1) 100%);
    background: linear-gradient(128deg, rgba(255, 149, 0, 1) 0%, rgba(255, 200, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9500", endColorstr="#ffc800", GradientType=1);
}

.profil-page .profil-presentation-box .profil-presentation-box-head.white {
    background: white;
    background: var(--main-bg);
}

.profil-page .profil-presentation-box .profil-presentation-box-head.location {
    padding-left: 45px;
    padding-right: 45px;
}

.profil-presentation-box-head .pres-maps-left-arrow {
    left: 10px;
    top: calc(50% - 22px);
    background-image: url(../images/icons/ic_arrow_left_white.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    width: 45px;
    height: 45px;
}

.profil-presentation-box-head .pres-maps-right-arrow {
    right: 10px;
    top: calc(50% - 22px);
    background-image: url(../images/icons/ic_arrow_right_white.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    width: 45px;
    height: 45px;
}

.offers-title-type::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #707070;
    top: calc(50% - 1px);
    left: 10px;
    position: absolute;
}

.thumbs-container.left {
    justify-content: left;
}

@media screen and (max-width:800px) {
    .profil-presentation-box-head .pres-maps-left-arrow {
        left: 0px;
    }

    .profil-presentation-box-head .pres-maps-right-arrow {
        right: 0px;
    }

    .profil-page .profil-presentation-box .profil-presentation-box-head.location {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media screen and (max-width:620px) {
    .thumbs-container.left {
        justify-content: center;
    }
}

.thumbs-container.left .thumb {
    max-width: 358px;
}

/*Mentors*/
.mentors-container {
    max-width: 1100px;
}

.mentors-container .mentor {
    position: relative;
}

.mentors-container .mentor .mentor-profil {
    flex: 0 0 300px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
}

.mentors-container .mentor .mentor-profil img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0px;

}

.mentors-container .mentor .legend {
    padding-left: 45px;
    background-image: url(../images/icons/bus_legend.svg);
    background-position: top left;
    background-size: 30px;
    background-repeat: no-repeat;
    min-height: 30px;
}

.mentors-container .mentor .delete {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/ic_bin_red.svg);
    background-position: center;
    cursor: pointer;
    background-size: 20px;
    background-repeat: no-repeat;
}

.mentors-container .mentor.add {
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 8px;
    transition: all .2s ease;
    border-radius: 8px;
    background-color: #F1F1F1;
    cursor: pointer;
}

.mentors-container .mentor.add:hover {
    background-color: #e2e2e2;
}

.mentors-container .mentor.add img {
    width: 50px;
}

@media screen and (max-width:750px) {
    .mentors-container .mentor .mentor-profil {
        flex: 0 0 100%;
        height: 300px;
        margin-bottom: 20px;
        margin-right: 0px;
    }

    .mentors-container .mentor .btn-violet {
        margin-left: auto;
        margin-right: auto;
    }

    .mentors-container {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}

.thumb .edit-pen {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-image: url(../images/icons/ic_pen_circle_purple.svg);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .2s ease;
}

#reviewsSlide .box .box-profil-img {
    max-width: 140px;
}

@media screen and (min-width:800px) {
    #reviewsSlide .box {
        max-width: 400px;
    }
}

.estab-reviews-container {
    max-width: 1100px;
    width: 95%;
}

#reviewsSlide+.slide-nav .nav-dots li {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    max-height: 15px;
    max-width: 15px;
    min-width: 15px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    background-color: #929292;
    border-radius: 50%;
    transition: all .1s ease;
    box-shadow: 0px 3px 5px 0px rgba(121, 151, 191, 0.25);
}

#reviewsSlide+.slide-nav .nav-dots li.active {
    background-color: #FF9100;
}

#reviewsSlide+.slide-nav .nav-dots button {
    display: none;
}