.containerCompte {
    margin-top: 30px;
}

.compteMenu {
    border: 1px solid #707070;
    padding: 24px 26px;
}

.compteMenuTitre {
    color: #3E3E3E;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

.compteMenuContenu {
    margin-top: 35px;
}

.compteMenuContenuLibelle {
    padding: 5px 0;
}

.compteMenuContenuLibelle a {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
}

.resumeContactCompteMenu {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #707070;
}

.slider_compte {
    background-image: url('../charte/slider_compte.jpg');
    height: 369px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.slider_compte .titre_baniere {
    text-align: start;
}

.inputCompteCiv input {
    -webkit-appearance: none;
    border: 1px solid #D2E7AE;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    position: relative;
}

.inputCompteCiv label {
    padding: 0 20px 0 5px;
}

.inputCompteCiv input:checked::after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 2px;
    color: #D2E7AE;
}

.titreCompte {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    color: #000000;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.compteEdit .titreCompte {
    border-bottom: 1px solid #707070;
}

.form-control-user {
    border: 1px solid #D2E7AE;
}

.politiqueConfidentilite {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";;
    font-weight: 400;
    color: #8AC232;
}


.form-control-news {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    border: 1px solid #D2E7AE;
    border-radius: 0;
    position: relative;
}

.compteNewsCheckbox input:checked::after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -3px;
    left: 2px;
    color: #D2E7AE;
}

.compteNewsCheckbox .textNewsletter {
    position: relative;
    padding-left: 45px;
    padding-right: 20px;
}

.compteNewsCheckbox .textNewsletter .form-control-news {
    position: absolute;
    left: 0;
    margin: 5px 14px;
}

.compteColCde {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
}

.compteColDetail {
    text-decoration: underline;
    color: #5A6D69;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    cursor: pointer;
}

.compteContenuDetail {
    border-bottom: 1px solid #000000;
    font-size: 14px;
    background: rgba(216, 239, 197, 0.3);
    display: none;
}

form.user ul li {
    color: red;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .compteMenu {
        padding: 24px 10px;
    }

    .btn_dark {
        max-width: 128px;
    }

    .btn_white {
        max-width: 128px;

    }
}

@media screen and (max-width: 768px) {
    .slider_compte {
        background-position: 20%;
    }
}