* {
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

body {
    display: block;
    background-color: #ebeef0;
}

/***** Login *****/
.container {
    max-width: 410px;
    margin: auto;
    padding: 0 15px;
    display: block;
    text-align: center;
}

.login-form form {
    width: 100%;
    margin: 40px auto 30px auto;
}

.login-form h2 {
    margin-top: 20px;
    /*padding-top: 20px;*/
    color: #95A7B7;
    font-size: 18px;
    font-weight: normal;
}

.login-container {
    max-width: 410px;
    color: #95A7B7;
    border-radius: 8px;
}

.login-input {
    width: 100%;
    padding: 24px 0px 24px 5px;
    border: 1px solid #E5E5E5;
    border-bottom: none;
    outline: none;
    font-size: 20px;
    box-sizing: border-box;
    display: block;
}

.first-input {
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #E5E5E5;
}

.login-button {
    width: 100%;
    margin: 0;
    padding: 24px 0px 24px 5px;
    color: #ffffff;
    background-color: #318CE7;
    border: none;
    border-radius: 0 0 8px 8px;
    font-size: 20px;
    display: block;
}

.alerte-erreur {
    color: #a94442;
    background-color: #f2dede;
    /*border-color: #ebcccc;*/
    padding: 15px;
    margin: 16px 0;
    border: 1px solid #ebcccc;
    border-radius: 0px;
    font-size: 24px;
}

.alerte-success {
    padding: 15px;
    margin: 16px 0;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    /*border-color: #d6e9c6;*/
    border-radius: 0px;
    font-size: 24px;
    color: #3c763d;
}

/***** Configuration *****/
.menu-sidebar {
    width: 230px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #30363c;
    z-index: 2;
}

.menu-banner {
    padding-left: 20px;
}

.menu-banner div {
    width: 100%;
    height: 100%;
    padding: 10px 0 0 0;
}

.menu-logo img {
    height: 46px;
}

.menu-list {
    list-style-type: none;
    padding-left: 5px;
}

.menu-list li {
    margin-bottom: 15px;
}

.menu-list li a {
    padding-left: 10px;
    font-size: 16px !important;
    font-weight: bold;
    color: #c3cfd8;
    text-decoration: none;
    cursor: pointer;
}

.header-row {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 1;
    left: 230px;
    right: 0;
    height: 56px;
    max-width: 100%;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    background: #ffffff;
}

.header {
    position: relative;
    height: 56px;
    margin-bottom: 60px;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-orient: horizontal; */
    /* -webkit-box-direction: normal; */
    /* -webkit-flex-direction: row; */
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-main {
    width: 92%;
    font-size: 24px;
    text-align: left;
    margin: 0;
    padding: 10px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:visited {
    color: #444 !important;
    text-decoration: none;
}

.header-action {
    padding-left: 10px;
}

.header-action button {
    display: inline-block;
    padding: 8.5px 15px;
    margin: 0;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1;
    border-width: 2px;
    border-style: outset;
}

.container-content {
    padding: 71px 20px 20px 266px;
    max-width: 1325px;
    margin: auto;
    clear: both;
}

.section-gauche {
    width: 35%;
    float: left;
    padding: 15px 20px 0 20px;
    background-color: #ebeef0;
}

.section-gauche h2 {
    font-family: Helvetica Neue, Helvetica, sans-serif;
    color: #31373d;
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 26px;
    line-height: 1.2em;
}

.section-gauche p {
    color: #798c9c;
    font-size: 16px;
}

.section-droite {
    width: 65%;
    display: inline-block;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /*color: #31373d;*/
}

.section-droite label {
    font-weight: 400;
}

.input-info {
    width: 100%;
    margin-bottom: 15px;
    padding: 5px 10px;
    display: block;
    border: 1px solid #d3dbe2;
    border-radius: 3px;
    font-size: 18px;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    color: #31373d;
    line-height: 20px;
    box-sizing: border-box;
}

textarea.input-info {
    min-height: 80px;
}

.slider-values .prix-min,
.slider-values .prix-max {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/** Formulaire de contact **/
.rhsgc_contact_page+footer .footer_soumission {
    display: none;
}

.rhsgc_contact_page {
    padding-top: 50px;
}

.rhsgc_contact_intro {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.rhsgc_contact_intro p {
    color: black;
    font-size: 25px;
    text-align: center;
}

.rhsgc_contact_container {
    width: 100%;
    margin: auto;
    font-size: 0;
}

.rhsgc_contact_col {
    padding: 0 10px;
    width: 100%;
}

.rhsgc_contact_col h3 {
    color: #337ab7;
    font-size: 25px;
    margin-top: 35px;
    margin-bottom: 10px;
    text-align: left;
}

.rhsgc-contact-form select,
.rhsgc-contact-form input,
.rhsgc-contact-form textarea,
.rhsgc-contact-form a {
    display: block;
    font-size: 20px;
    height: 40px;
    margin-bottom: 20px;
    padding-left: 10px;
    width: 100%;
}

.rhsgc-contact-form textarea {
    height: 100px;
    padding-top: 10px;
}

.rhsgc-contact-form a.submit,
.rhsgc-contact-form a.submit:not([href]):not([tabindex]) {
    background-color: #337ab7;
    border: medium none;
    color: white;
    cursor: pointer;
    font-size: 20px;
    height: 50px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 265px;
}

.rhsgc_contact_col p {
    color: black;
    font-size: 20px;
    margin: 0;
}

p.hidden {
    display: none;
}

p.error {
    color: #960000;
    font-size: 25px;
    text-align: left;
}

p.success {
    color: green;
    font-size: 25px;
    text-align: left;
}

.rhsgc_contact_col h4 {
    color: #85b818;
    font-size: 20px;
    margin: 10px 0;
}

.rhsgc_contact_col h4:last-of-type {
    margin-top: 35px;
}

.icon_map_contact {
    width: 100%;
    text-align: center;
    display: block;
}

.icon_map_contact img {
    width: 40px;
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
    .rhsgc_contact_col {
        display: inline-block;
        vertical-align: top;
    }

    .icon_map_contact {
        display: none;
    }
}

/* Formulaires custom */
.rhsgc-form-container .rhsgc-hp {
    opacity: 0.01;
    height: 100px;
    position: relative;
}

.rhsgc-form-container .rhsgc-hp-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rhsgc-form-container .control-label {
    width: 100%;
    margin: 0;
    padding: 0;
}

.rhsgc-form-container .col-sm-12.col-lg-9,
.rhsgc-form-container .col-12 {
    max-width: 100%;
    padding: 0;
}

.rhsgc-form-container .form-group {
    display: block;
    margin: 0 0 20px 0;
}

.rhsgc-form-container select,
.rhsgc-form-container input[type="text"],
.rhsgc-form-container input[type="email"],
.rhsgc-form-container input[type="date"],
.rhsgc-form-container textarea,
.rhsgc-form-container a {
    display: block;
    font-size: 20px;
    height: 40px;
    padding-left: 10px;
    width: 100%;
    border-radius: 0;
}

.rhsgc-form-container textarea {
    height: 100px;
    padding-top: 10px;
}

.rhsgc-form-container .rhsgc-envoyer-form,
.rhsgc-form-container .rhsgc-envoyer-form {
    background-color: #337ab7;
    border: medium none;
    color: white;
    cursor: pointer;
    font-size: 20px;
    height: 50px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 265px;
}

/** RHSGC Admin Controls **/
.rhsgc-admin-controls .rhsgc-richtext-container {
    position: relative;
    display: block;
    min-height: 30px;
    min-width: 30px;
    border: 2px dashed #AA0;
    text-decoration: none;
    cursor: pointer;
}

.rhsgc-admin-controls .rhsgc-richtext-container:hover,
#modal-slider-image-container .image-container:hover {
    border: 2px dashed #FF0000;
}

.cke_button__rhsgcsave_icon,
.cke_button__rhsgcsave_icon:hover {
    cursor: pointer;
}

.rhsgc-slider-container {
    margin: auto;
}

.rhsgc-slider-container .slick-list.draggable {
    min-height: 100%;
}

.rhsgc-slider-container.single img {
    height: 100%;
}

.rhsgc-slider-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.rhsgc-slider-buttons a {
    padding: 10px;
    flex: 0.48;
    background-color: #4289f4;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.rhsgc-clear {
    clear: both;
    padding-top: 15px;
    min-height: 1px;
    width: 100%;
}

.modal-header .close {
    z-index: 4;
}

#modal-slider-image-container {
    display: flex;
    margin-right: 0px;
}

#modal-slider-image-container img {
    /*width: 150px;*/
    /*height: 150px;*/
    display: inline-block;
    margin: auto;
}

#modal-slider-image-container .image-container {
    width: 180px;
    height: 160px;
    padding: 5px 15px;
    float: left;
    position: relative;
    border: 2px dashed #AA0;
    cursor: pointer;
}

#modal-slider-image-container .image-container .btn-supprimer-image {
    position: absolute;
    top: 5px;
    right: 5px;
}

#modal-slider-image-container .image-container .btn-deplacer-gauche {
    position: absolute;
    top: 115px;
    right: 45px;
}

#modal-slider-image-container .image-container .btn-deplacer-droite {
    position: absolute;
    top: 115px;
    right: 5px;
}

.rhsgc-admin-controls {
    margin-top: 40px;
}

.rhsgc-admin-controls .adminbar {
    background-color: #333;
    position: fixed;
    top: 0;
    left: 0;
    height: 40px;
    width: 100%;
    padding: 5px;
    color: #fff;
    z-index: 9999;
    box-sizing: border-box;
}

.rhsgc-admin-controls .adminbar .btn-accueil,
.rhsgc-admin-controls .adminbar .btn-dashboard,
.rhsgc-admin-controls .adminbar .btn-dc {
    float: left;
    padding: 5px;
    border: 0;
    font-family: Verdana, Geneva, sans-serif;
}

.rhsgc-admin-controls .adminbar .btn-accueil {
    background-color: #5bc0de;
    color: white;
}

.rhsgc-admin-controls .adminbar .btn-accueil:hover {
    background-color: #31b0d5;
    text-decoration: none;
    color: white;
}

.rhsgc-admin-controls .adminbar .btn-dashboard {
    background-color: #337ab7;
    color: white;
    margin-left: 10px;
}

.rhsgc-admin-controls .adminbar .btn-dashboard:hover {
    background-color: #286090;
    text-decoration: none;
    color: white;
}

.rhsgc-admin-controls .adminbar .btn-dc {
    float: right;
    background-color: #d9534f;
    color: white;
}

.rhsgc-admin-controls .adminbar .btn-dc:hover {
    background-color: #c9302c;
    text-decoration: none;
    color: white;
}

.rhsgc_invis,
.rhsgc-invis {
    display: none;
}

.rhsgc_clearboth,
.rhsgc-clearboth {
    clear: both;
}

/* Support pour Bootstrap 4 */

.dashboard-container h3,
.rhsgc-form {
    margin-top: 10px;
    margin-bottom: 20px;
}

.form-control,
.rhsgc-form.card {
    border: 1px solid #aeb4ba;
}

.rhsgc-form.card {
    border-radius: 5px;
}

.rhsgc-form.card legend {
    padding-left: 10px;
}

.control-label,
.rhsgc-custom-control label {
    font-weight: 700;
}

.rhsgc-custom-control {
    margin-left: 15px;
    margin-bottom: 1rem;
}

.rhsgc-custom-control .form-text {
    margin-left: -25px;
}

a.rhsgc-btn:not([href]):not([tabindex]) {
    color: white;
}

.modal-dialog {
    max-width: 1500px;
}

.modal-fade .modal-dialog {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.modal.fade.in {
    opacity: 1;
}

.well {
    background: #d4d4d4;
    border-radius: 5px;
    border: 1px solid #aeb4ba;
    padding: 10px;
}

.rhsgc-news-editor {
    position: fixed;
    top: 100px;
    right: 0px;
    overflow-y: scroll;
    max-height: calc(100% - 100px);
    width: calc(50% - 100px);
}

#metadonnee-group {
    padding: 10px 0;
}

.separator {
    height: 1px;
    margin: 7px 0;
    background: #bbb;
}

.rhsgc-infolettre-container {
    width: 100%;
    position: relative;
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.rhsgc-infolettre-container input.rhsgc-nom-infolettre,
.rhsgc-infolettre-container input.rhsgc-prenom-infolettre {
    text-align: left;
    font-size: 20px;
    border: none;
    border-bottom: 2px solid white;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    color: black;
    padding: 0 0 0 5px;
    float: left;
}

.rhsgc-infolettre-container input.rhsgc-courriel-infolettre {
    text-align: left;
    font-size: 20px;
    border: none;
    border-bottom: 2px solid white;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    color: black;
    padding: 0 0 0 5px;
}

.rhsgc-infolettre-container a,
.rhsgc-infolettre-container a:not([href]):not([tabindex]) {
    background-color: #903c4b;
    border: 0px solid transparent;
    padding: 5px 25px;
    cursor: pointer;
    color: white;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

#RMcookiePermissionContent {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f8f9fa;
    padding: 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
}


.RM-cookie-bar {
    background-color: #000;
    /* Rast Mobile dark color */
    color: #fff;
    padding: 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.RM-cookie-logo {
    width: 75px;
    /* or your preferred size */
    margin-right: 15px;
}


.RM-cookie-message {
    margin: 0;
    color: #333;
}


.RM-cookie-buttons button {
    margin-left: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    color: white;
}

.RM-cookie-buttons button:hover {
    background-color: #0056b3;
}

.RM-cookie-socials {
    display: flex;
    align-items: center;
    margin-right: 15px;
    /* Sağ kenardan biraz boşluk */
}

.social-link {
    color: #000000;
    margin-left: 10px;
    /* ikonlar arası boşluk */
    font-size: 20px;
    /* İkon büyüklüğü */
    transition: color 0.7s ease;
    /* Renk değişimi için geçiş efekti */
}

.social-link:hover {
    color: #aaa;
    /* Hover durumunda ikon rengi */
}

.RM-btn-accept {
    background-color: #4CAF50;
    /* Rast Mobile's accent color for acceptance */
}

.RM-btn-reject {
    background-color: #f44336;
    /* A contrasting color for rejection */
}

.RM-btn-settings {
    background-color: #008CBA;
    /* A neutral color for settings */
}

/* Cookie Modal Styles */
.RM-cookie-modal {
    position: fixed;
    z-index: 1001;
    left: 50%;
    top: 50%;

    width: 100%;
    /* Full width on smaller screens */
    max-width: 100%;
    /* Ensure modal does not exceed screen size */
    margin: 0 10px;
    /* Add some margin to the left and right */
    transform: translate(-50%, -50%) scale(1);
    /* Adjust scale for smaller screens */
    background-color: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    display: none;
}

.RM-cookie-modal-content {
    padding: 20px;
}

.RM-cookie-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.RM-cookie-modal-title {
    font-size: 20px;
    margin: 0;
}

.RM-cookie-modal-close-btn {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 20px;
}

.RM-cookie-modal-body ul {
    list-style: none;
    padding: 0;
}

.RM-cookie-modal-footer {
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}

.RM-cookie-modal-footer .RM-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.RM-btn-accept-all {
    background-color: #4CAF50;
    /* Yeşil renk, kabul için */
    color: white;
}

.RM-btn-accept-all:hover {
    background-color: #388E3C;
    /* Daha koyu bir yeşil, hover durumu için */
}

.RM-btn-reject-all {
    background-color: #f44336;
    /* Kırmızı renk, reddetme için */
    color: white;
}

.RM-btn-reject-all:hover {
    background-color: #D32F2F;
    /* Daha koyu bir kırmızı, hover durumu için */
}

.RM-cookie-modal-close {
    border: none;
    background: none;
    color: #AAAAAA;
    font-size: 24px;
    cursor: pointer;
}

.RM-cookie-modal-close:hover {
    color: #888888;
}


.RM-cookie-modal-footer button {
    padding: 5px 15px;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.RM-cookie-modal-footer button:hover {
    background-color: #0056b3;
}

#RMcookieCategoryList table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

#RMcookieCategoryList th,
#RMcookieCategoryList td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

#RMcookieCategoryList th {
    background-color: #f2f2f2;
}

#RMcookieCategoryList button {
    margin-right: 5px;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
}

#RMcookieCategoryList button:hover {
    background-color: #0056b3;
}

.RM-cookie-modal-footer button {
    padding: 5px 10px;
    margin-right: 10px;
    /* Additional styling */
}

@media (min-width: 768px) {
    /* Adjustments for larger screens */

    .RM-cookie-bar {
        flex-direction: row;
        /* Display items in a row for larger screens */
        align-items: center;
        /* Align items in the center for larger screens */
    }

    .RM-cookie-logo {
        margin-bottom: 0;
        /* No bottom margin on larger screens */
    }

    .RM-cookie-message {
        flex: 1;
        /* Allow message to fill available space */
        margin-bottom: 0;
        /* No bottom margin on larger screens */
    }

    .RM-cookie-buttons {
        justify-content: flex-end;
        /* Align buttons to the end on larger screens */
    }

    .RM-cookie-modal {
        width: 80%;
        /* Modal width adjusted for larger screens */
        max-width: 500px;
        /* Max modal width for larger screens */
        margin: 0;
        /* No side margins on larger screens */
        transform: translate(-50%, -50%) scale(1);
        /* Reset scale for larger screens */
    }
}