/* NEW CSS */

*{
    margin: 0;
    padding: 0;
}

html, body {
    background-color: #fff;
    color: #636b6f;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
}

#app{
    padding: 1rem;
}

h1, h2{
    text-align: center;
}

.full-height{
    height: 100vh;
    z-index: 1;
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
    display: none;
}

.position-ref {
    position: relative;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.content {
    text-align: center;
}

.title {
    font-size: 84px;
}

.links > a {
    color: #636b6f;
    padding: 0 25px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.m-b-md {
    margin-bottom: 30px;
}

/* NAVBAR */

.ym_navbar{
    background-color: white;
    /* padding: 1rem; */
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    border-bottom: 1px solid #dee2e6;
    z-index: 3;
}

.navbar_resize{
    max-width: 1500px;
    margin: auto;
    padding: 1rem;
    /* Seulement lors de la connexion */
/*     padding-top: 0; */
}

.navbar_content{
    display: inline-block;
}

.navbar_content:first-child{
    width: 25%;
}

.right_nav_content{
    margin-top: 7px;
    /* Retire les espaces entre les contenus en inline blocks */
    font-size: 0px;
}

.navbar_content:last-child{
    width: 75%;
    text-align: end;
    line-height: 42px;
    vertical-align: top;
}

.right_nav_content p{
    display: inline-block;
}

.left_nav_content a{
    text-decoration: none;
    color: #03a9f4;
    padding: 0 0.75rem;
}

.left_nav_content #compagny_rel{
    font-size: 2.5rem;
    font-weight: bold;
    margin-top: 3px;
}

.left_nav_content #compagny_rel::first-letter{
    color: #33363A;
}

.right_nav_content ul li{
    list-style: none;
    display: inline-block;
    padding: 0 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    color: #33363A;
    text-transform: uppercase;
    font-size:0.9rem;
}

.right_nav_content ul a{
    margin: 0 0.5rem;
}

.right_nav_content ul a:last-child{
    margin-right: 0;
}

.right_nav_content ul li:hover{
    -webkit-box-shadow: inset 0px -12px 0px -10px  #636b6f;
    -moz-box-shadow: inset 0px -12px 0px -10px  #636b6f;
    box-shadow: inset 0px -12px 0px -10px  #636b6f;
}

.right_nav_content ul li a{
    text-decoration: none;
}

.admin-and-logout-tabs {
/*     margin-bottom: 1rem; */
    background-color: #33363A;
    padding: 0.5rem 1rem;
    list-style: none;
    text-align: end;
    z-index: 250;
}

.logged-as-admin{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
}

.admin-toggle-tabs{
    display: inline-block;
    text-transform: initial;
    padding: 0.5rem 1rem;
    margin: 0 0.3rem;
    border-radius: 5px;
    font-size: 0.9rem;
    color: white;
}

.admin-toggle-tabs:hover{
    text-decoration: underline;
}

.burger_nav_content{
    /*margin-top: 7px;*/
    padding: 0 0.75rem;
    display: none;
    padding-left: 2rem;
    padding-bottom: 1rem;
}

.burger_nav_content_rel{
    display: none;
}

/* Footer */

.ym_footer{
    background-color: #33363A;
    z-index: 2;


/*     position: fixed; */
    left: 0;
    right: 0;
    bottom: 0;
}

.ym_footer a{
    color: white;
}

.footer_resize{
    text-align: center;
    padding: 2rem 1rem 2rem 1rem;
    max-width: 1500px;
    margin: auto;
}

.footer_bottom_resize{
    text-align: center;
    max-width: 1500px;
    margin: auto;
}

.footer_top_content{
    display: inline-block;
    width: auto;
    padding: 0 5%;
    color: white;
    text-align: center;
    vertical-align: top;
}

.footer_top_content:first-child{
  padding-left: 0;
}

.footer_top_content:last-child{
    padding-right: 0;
  }

.footer_title{
    text-decoration: underline;
    margin-bottom: 0.75rem;
    font-size: 16px;
}

.footer_bottom_content{
    padding:1rem;
    text-align: center;
    border-top:2px solid white;
}

.footer_bottom_content a{
    color: white;
    text-decoration: none;
    text-align: center;
    margin: 0 0.5rem;
    padding: 0 0.5rem;
}

.footer_bottom_linkrel{
    display: inline-block;
}

.footer_bottom_linkrel:hover{
    text-decoration: underline;
}

/* .burger_nav_content_rel{
    position: fixed;
    top: 66px;
    left: 0;
    right: 0;
} */

.burger_nav_content_rel ul li{
    padding: 10px 0;
    text-align: center;
    list-style: none;
    color: #33363A;
    text-transform: uppercase;
}

.burger_nav_content_rel ul li:hover{
    background-color: #33363A;
    color: white;
}

.burger_nav_content_rel ul a{
    text-decoration: none;
}

.burger_nav_content_rel{
    padding: 1rem 0;
    background-color: #FAFAFA;
    z-index: 4;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.1);
    border-bottom: 1px solid #dee2e6;
}

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

    .navbar_resize{
        padding: 0.5rem;
        /* Seulement lors de la connection */
        /* padding-top: 0; */
    }

    .admin-and-logout-tabs{
        padding: 0.5rem;
/*         margin-bottom: 0.5rem; */
    }

    .left_nav_content #compagny_rel{
        margin-top: 2px;
        font-size: 2.25rem;
    }

    .burger_nav_content{
        display: block;
        padding-top: 0.65rem;
        padding-bottom: 0.55rem;
/*         position: fixed;
        right: 0.5rem;
        top:0; */
        cursor: pointer;
    }

    .right_nav_content{
        display: none;
    }

    .navbar_content:first-child {
        width: 80%;
    }

    .navbar_content:last-child {
        width: 20%;
        position: relative;
    }

    .footer_top_content{
        padding: 0 3%;
    }
}

@media screen and (max-width: 768px) {
    .footer_top_content{
        padding: 0 2%;
    }
    .footer_top_content:first-child{
        padding: 0 2%;
    }
    .footer_top_content:last-child{
        padding: 0 2%;
    }
}


@media screen and (max-width: 767px) {
    .footer_top_content{
        display: block;
        margin: auto;
        margin-bottom: 1.5rem;
    }

    .footer_top_content:last-child{
        margin-bottom: 0;
    }
}

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

    .connect_or_login_form{
        width: 100% !important;
    }

    .footer_bottom_linkrel{
        margin-bottom: 0.5rem;
    }

    .footer_bottom_linkrel:last-child{
        margin-bottom: 0;
    }
}

/* Adminitration */

/* NAVARB */

.form_edit_navbar{
    max-width: 550px;
    padding: 1rem 0;
    margin: auto;
    margin-bottom: 8rem;
    margin-top: 2rem;
}

.admin_tabs_container{
    /* background-color: salmon; */
    text-align: center;
}

.save_changes_navbar{
    margin-top: 2rem;
}

.save_changes_navbar button:hover{
    text-decoration: underline;
}

.admin_tabs_layout{
    background-color: rgba( 51, 54, 58, .85);
    text-align: left;
    width: 100%;
    margin: auto;
    margin-bottom: 0.75rem;
    position: relative;
    text-align: center;
    padding: 1rem 0;
    border-radius: 5px;
}

.admin_tabs_layout:last-child{
    padding: 0;
}

.admin_tabs_layout input{
    margin: 0 0.5rem;
    font-size: 1rem;
    background-color: #65686b;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 0.5rem;
    outline: none;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.admin_tabs_layout input:hover{
    background-color: #838688;
}

.admin_tabs_layout input:focus{
    background-color: white;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.admin_navbar_add_content_section{
    width: 100%;
    color: white;
    text-align: center;
}

.add_navbar_tab{
    border-radius: 5px;
    border: none;
    font-family: Montserrat;
    color: #33363A;
    width: 100%;
    cursor: pointer;
    font-size: 1rem;
    padding: 0.5rem 2rem;
    font-weight: 400;
}

.add_navbar_tab:hover{
    text-decoration: underline;
}

.remove_navbar_tab_btn_css{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0.25rem 0.5rem;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    width: 20px;
    padding: 0.25rem;
}

.remove_navbar_tab_btn_css:hover{
    background-color: grey;
}

.remove_navbar_tab{
    margin: 0.25rem 0.5rem;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    width: 20px;
    padding: 0.25rem;
}


/* Footer Admin */

.admin_footer_top_content{
    width: 250px;
    display: inline-block;
    color: white;
    text-align: center;
    vertical-align: middle;
    margin: 0 1rem;
}

.admin_footer_top_content input:focus{
    outline: none;
    background-color: #55585b;
}

.admin_footer_top_content input:hover{
    background-color: #55585b;
}

.admin_footer_top_content textarea:hover{
    background-color: #55585b;
}

.admin_footer_top_content textarea:focus{
    outline: none;
    background-color: #55585b;
}

.admin_footer_top_content input, textarea{
    font-family: Montserrat;
    text-align: center;
    margin-bottom: 0.75rem;
    min-width: 225px;
    border: none;
    color: white;
    font-size: 1rem;
    padding: 0.25rem 0.75rem;
    background-color: #65686b;
    color: white;
    border: none;
    border-radius: 5px;
    outline: none;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.admin_footer_top_content textarea{
    min-height: 60px;
    max-height: 60px;
    min-width: 80%;
    max-width: 80%;
    resize: none;
}

.footer_top_admin_title_class{
    font-size: 1rem;
    text-decoration: underline;
}

.footer_bottom_editable_content{
    width: 250px;
    display: inline-block;
    text-align: left;
    margin: 0 1rem;
    vertical-align: bottom;
}

.form_labels_and_inputs_alignments{
    display: inline-block;
}

.form_align_labels{
    width: 25%;
}

.form_align_inputs{
    width: 100%;
}

.form_align_inputs input{
    /* width:-webkit-fill-available; */
    width: 100%;
    box-sizing: border-box;
    background-color: #33363A;
    border: none;
    color: white;
    font-size: 1rem;
    text-align: center;
    padding: 0.25rem 0.75rem;
    border-radius: 5px;
}

.form_align_inputs input:focus{
    outline: none;
    background-color: #55585b;
}

.form_align_inputs input:hover{
    background-color: #55585b;
}

.remove_top_footer_section, .remove_bottom_footer_section{
    text-align: center;
    margin: 0.5rem 0;
    color: white;
    width: 20px;
    margin-right: 0;
    margin-left: 90%;
    border-radius: 5px;
    cursor: pointer;
    padding: 0.25rem;
    display: none;
}

.remove_top_footer_section:hover{
    background-color: #55585b;
}

.remove_bottom_footer_section:hover{
    background-color: #55585b;
}

.footer_submit_position{
    text-align: center;
    padding: 1rem;
    text-align: center;
    position: fixed;
    bottom: 53px;
    left: 0;
    right: 0;
    padding: 1rem 0;
    z-index: 250;
    background: rgba(255,255,255,0.9);
}

.footer_edit_submit{
    font-family: Montserrat;
    font-size: 1rem;
    border: none;
    background-color: #52565b;
    padding: 0.5rem 2rem;
    color: white;
    border-radius: 0.25rem;
    text-decoration: none;
    transition: 0.2s;
    cursor: pointer;
    font-weight: 400;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);
}

#form_edit_footer{
    margin-bottom: 8rem;
}

.footer_edit_submit:hover{
    text-decoration: underline;
}

.form_labels_and_inputs_alignments .footer_bottom_admin_link_class {
    font-size: 0.8rem;
}

.add_top_footer_section{
    border-radius: 5px;
    border: none;
    padding: 0.35rem 1rem;
    font-family: Montserrat;
    color:#33363A;
    line-height: 23px;
    width: 250px;
    cursor: pointer;
    display: none;
}

.add_top_footer_section:hover{
    text-decoration: underline;
}

.ajouter_un_container{
    text-align: center;
}

.add_bottom_footer_section{
    border-radius: 5px;
    border: none;
    padding: 0.35rem 1rem;
    font-family: Montserrat;
    color: #33363A;
    line-height: 23px;
    width: 250px;
    cursor: pointer;
    display: none;
}

.admin_footer_top_content:last-child{
    display: none;
}

.footer_bottom_editable_content:last-child{
    display: none;
}

.add_bottom_footer_section:hover{
    text-decoration: underline;
}

/* BURGER ICON */

.burger-menu {
    position: relative;
/*     width: 30px; */
    height: 30px;
    cursor: pointer;
  }
  .burger {
    position: absolute;
    background: rgba(111,111,111,1);
    width: 30px;
    height: 3px;
    top: 60%;
    right: 0px;
    margin-top: -5px;
    opacity: 1;
  }
  .burger::before {
    position: absolute;
    background: rgba(111,111,111,1);
    width: 30px;
    height: 3px;
    top: 10px;
    content: "";
    display: block;
  }
  .burger::after {
    position: absolute;
    background: rgba(111,111,111,1);
    width: 30px;
    height: 3px;
    bottom: 10px;
    content: "";
    display: block;
  }
  .burger::after, .burger::before, .burger {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
  }
  .burger-menu.menu-on .burger::after{
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
    bottom: 0px;
  }
  .burger-menu.menu-on .burger::before{
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 0px;
  }
.burger-menu.menu-on .burger{
    background: rgba(111,111,111,.0);
}

.admin_bottom_section_and_copyright{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    text-align:center;
    background-color: #33363A;
    color: white;
}


/* LOGIN */

.main-container-ym {
    display: flex;
    height: 92vh;
}

.little-container-ym {
    margin: auto;
    width: 100%;
    max-width: 500px;
}

.login-index-return{
    margin-top: 2rem;
}

.login-index-return a{
    text-decoration: none;
    color: slategrey;
}

.login-index-return a:hover{
    text-decoration: underline;
}

.se-connecter-bouton:hover{
    text-decoration: underline;
}

.login-card-ym{
    margin: auto;
    max-width: 500px;
    border-radius: 5px;
/*     margin-top: 3rem;
    margin-bottom: 4rem; */
    color: #33363A;
    border: 1px solid #dee2e6;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.08);
}

.login-card-ym .form-group {
    padding: 0 1rem;
    padding-bottom: 1.35rem;
    text-align: left;
}

.login-card-ym .form-check {
    margin-top: 0.25rem;
}

.login-card-ym .form-control {
    width: 100%;
    box-sizing: border-box;
    margin-top: 0.5rem;
    border-radius: 3px;
    padding: 0.25rem 0.25rem;
    border: 1px solid #bfbfbf;
}

.login-card-ym .invalid-feedback{
    text-align: center;
}

.connect_or_login_form {
    width: 80%;
    margin: auto;
    margin-top: 2rem;
}

.card-body {
    max-width: 1280px;
    margin: auto;
}

.card-header{
    text-align: center;
    margin: 0;
    padding: 1rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.login-ym-submit-thing {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.login-ym-submit-thing button {
    background-color: #636b6f;
    padding: 0.35rem 2rem;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    font-family: Montserrat;
    font-size: 1rem;
    border: none;
    cursor: pointer;
}

#compagny_rel_2::first-letter{
    color: #33363A;
}

#compagny_rel_2 a {
    text-decoration: none;
    color: #03a9f4;
    padding: 0 0.75rem;
    font-size: 2.5rem;
}

/* Adminiviews */

.admin-view-margin{
    margin-top: 35px;
}

.admin-view-margin h1{
    padding: 2.5rem 0 0.5rem 0;
}

.admin-view-content{
    width: 100%;
    max-width: 950px;
    margin: auto;
    text-align: center;
}

.how-to-admin-info{
    text-align: center;
}

.how-to-admin-download{
    width: fit-content;
    margin: auto;
    line-height: 37px;
    margin-top: 2rem;
}

.how-to-admin-download a{
    border: 1px solid #33363A;
    padding: 0.5rem 2.5rem;
    border-radius: 5px;
    text-align: center;
    background-color: #33363A;
    color: white;
    text-decoration: none;
    transition: 0.2s;
    font-size: 1rem;
}

.how-to-admin-download a:hover{
    text-decoration: underline;
    background-color: white;
    color:#33363A;
}

.admin-gest-choice{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.admin-gest-choice a{
    color: #636b6f;
}

.admin-choice-item{
    display: inline-block;
    width: 30%;
}

@media screen and (max-width: 382px) {
    .admin-view-margin{
        margin-top: 70px;
    }
}

/* Page à éditer selection - admin */

.admin-page-liste-container{
    margin-bottom: 1rem;
}

.admin-page-list-inline{
    display: inline-block;
}

.admin-page-list-item a{
    color: #636b6f;
}

.admin-page-list-item a:hover{
    color: black;
}

.admin-page-name{
    position: absolute;
    left: 0;
}

.admin-page-edition-link{
    text-align: right;
}

.admin-page-list-item{
    padding: 0.5rem 0;
    border-bottom: 1px solid;
    position: relative;
    text-align: end;
}

.minus-h2{
    font-size: 1.25rem;
    padding: 2rem 0 1rem 0;
    text-align: left;
    text-decoration: underline;
}

.return-back-admin-home{
    position: fixed;
    bottom: 70px;
    left: 1rem;
    border: 1px solid #52565b;
    background-color: #52565b;
    padding: 0.5rem 2rem;
    color: white;
    border-radius: 0.25rem;
    text-decoration: none;
    transition: 0.2s;
}

.return-back-admin-home:hover{
    text-decoration: underline;
    background-color: white;
    color: #33363A;
}

/* Gestion des utilisateurs */

.admin-users-table{
    margin: auto;
}

.inline-ym-modal-content{
    display: inline-block;
}

.modal-body input {
    width: 71%;
    border-radius: 3px;
    padding: 0.15rem 0.25rem;
    border: 1px solid #bfbfbf;
}

.modal-body label {
    width: 25%;
    text-align: left;
    color: #414749;
}

.modal-body select {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background-color: white;
}

.modal-body .form_content_input {
    margin-bottom: 0.5rem;
}

.modal-body .form_content_input_last {
    margin-bottom: 0;
    text-align: initial;
    margin-left: 2px;
}

.modal-footer button{
    margin: 0 10px;
    background-color: #33363A;
    padding: 0.35rem 2rem;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    border: 1px solid #33363A;
    font-size: 0.9rem;
    cursor: pointer;
    font-family: Montserrat;
    transition: 0.2s;
}

.modal-footer button:hover{
    color: #33363A;
    background-color: white;
    text-decoration: underline;
}

.form-ym-modal-footer{
    margin-top: 1rem;
    padding: 1rem;
    padding-bottom: 0;
}

@media screen and (max-width: 440px){
    .modal-body label {
        width: 100%;
    }

    .modal-body input{
        width: 97%;
    }
}

/* Tableau */

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

tr{
    line-height: 25px;
}

th, td {
    text-align: center;
    padding: 0.5rem 1.25rem;
    border: 1px solid black;
}

.this-user-selector-admin-modal-button {
/*     margin: 0 10px; */
    background-color: #dedede;
    padding: 0.25rem 1rem;
    border-radius: 5px;
    color: #636b6f;
    text-decoration: none;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    width: 100%;
}

.this-user-selector-admin-modal-button:hover{
    text-decoration: underline;
}

.admin-add-user-button{
    border: 1px solid #33363A;
    padding: 0.5rem 2.5rem;
    border-radius: 5px;
    text-align: center;
    background-color: #33363A;
    color: white;
    text-decoration: none;
    transition: 0.2s;
    font-size: 0.9rem;
    cursor: pointer;
}

.make-a-responsive-table{
    overflow-x: auto;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.admin-add-user-button:hover{
    background-color:white;
    color:#33363A;
    text-decoration: underline;
}

.empty-table-notification{
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.update-image-preview{
    padding-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
}

.admin-gallery-item{
    /* height: 250px; */
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    cursor: zoom-in;
}

.admin-delete-this-image{
    position: absolute;
    top: 0;
    right: 0;
}

.this-image-selector-admin-modal-button{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #dedede;
    padding: 0.25rem 1rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #636b6f;
    text-decoration: none;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    width: 100%;
    opacity: 0.75;
    transition: 0.2s;
}

.this-image-selector-admin-modal-button:hover{
    text-decoration: underline;
    opacity: 1;
}

.admin-homemade-gallery{
    max-width: 1500px;
    margin: auto;
    text-align: center;
    padding: 1rem 0 1.5rem 0;
}

.drop_an_image_from_the_gallery{
    padding: 0.25rem 0.5rem;
    font-size: 1.25rem;
    background-color: #dedede;
    border:none;
    opacity: 0.75;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: 0.2s;
    cursor: pointer;
}

.drop_an_image_from_the_gallery:hover{
    opacity: 1;
}

.homemade-galerie-panel-admin{
/*     width: 250px; */
    width: 150px;
    display: inline-block;
    position: relative;
    margin: 0.5rem;
}

.homemade-galerie-panel-admin img{
    width: 100%;
}

.homemade-gallery-upload-system{
    text-align: center;
    position: fixed;
    bottom: 53px;
    left: 0;
    right: 0;
    padding: 1rem 0;
    z-index: 250;
    background: rgba(255,255,255,0.9);

}

  #carouselExampleControls{
    width: 100%;
    margin: 30px auto;
    background: #6ff2b2;
  }
  .jumbotron{
    background: #fff;
  }

  .carousel{
      z-index: 0;
  }

  .carousel-item{
    height: 50vw;
    max-height: 750px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .carousel-caption{
      left: 0 !important;
      right: 0!important;
      bottom: 0!important;
      background-color: #3382a5;
  }

  .carousel-inner{
    margin-top: 85px;
  }

  .remove_app_parameters_because_yolo{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .carousel-caption h5{
      text-transform: uppercase;
      font-size: 2rem;
      font-weight: 400;
      padding-bottom: 1rem;
  }

  .carousel-caption h5::first-letter{
    font-weight: 600;
  }

  .carousel-caption-subline-paragraph{
      max-width: 700px;
      margin: auto;
      padding-bottom: 1rem;
      padding-left: 15%;
      padding-right: 15%;
  }

  .carousel-caption {
      padding-bottom: 2rem;
  }

  .carousel-indicators{
    padding-bottom: 0.8rem;
  }

@media screen and (max-width: 1024px) {
    .carousel-inner{
        margin-top: 65px;
    }
}

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

    .carousel-caption h5{
        font-size: 1.5rem;
    }

    .carousel-caption-subline-paragraph{
        display: none;
    }
  }

  @media screen and (max-width: 425px) {
    .carousel-caption h5{
        padding-bottom: 0;
        font-size: 1.25rem;
    }

    .carousel-caption{
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
        display: none;
    }

    .carousel-indicators{
        display: none;
    }
}

.admin-slider-editor-view{
    width: 250px;
    margin: auto;
    display: inline-block;
}

.admin-slider-editor-image-preview{
    width: 100%;
    position: relative;
}

.admin-slider-editor-image-preview img{
    width: 100%;
    border-radius: 5px;
    height: 200px;
}

.admin-slider-editor-infos-preview{
    display: none;
}

.admin-slider-editor-view{
    padding: 0.25rem;
}

.admin_slider_container{
    text-align: center;
    max-width: 1500px;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.admin_slider_container h2{
    margin-bottom: 1.5rem;
}

.add-a-slide-to-the-homepage{
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid black;
}

.admin-delete-homeSlide-button{
    position: absolute;
    right: 0;
    top:0;
    padding: 0.25rem 0.5rem;
    font-size: 1.25rem;
    background-color: #dedede;
    border: none;
    opacity: 0.75;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: 0.2s;
    cursor: pointer;
}

.admin-update-homeSlide-button{
    position: absolute;
    bottom: 4px;
    width: inherit;
    left: 0;
    opacity: 0.75;
    transition: 0.2s;
    background-color: #dedede;
    padding: 0.25rem 1rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #636b6f;
    text-decoration: none;
    border: none;
    font-size: 1rem;
    cursor: pointer;
}

.admin-update-homeSlide-button:hover , .admin-delete-homeSlide-button:hover{
    opacity: 1;
    text-decoration: underline;
}

.to-be-selected-or-not img{
    width: 100%;
    height: 90px;
    cursor: pointer;
    display: none;
}

.to-be-selected-or-not{
    width: 30%;
    height: 90px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    border: 2px solid white;
    cursor: pointer;
    transition: 0.2s;
}

.to-be-selected-or-not:hover{
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);
}

.choisissez-une-image{
    height: 150px;
    overflow-y: visible;
    overflow-x: hidden;
    font-size: 0px;
    overflow-y: scroll;
    scrollbar-color: rebeccapurple green;
    scrollbar-width: thin;
    text-align: left;
}

.add-an-image-to-the-picker{
    background-color: lightgrey;
    position: relative;
}

.plus-icon-add-an-image-to-the-picker{
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 3.5rem;
    text-align: center;
    color: white;
}

.ym-max-width-1250px{
    max-width: 1250px;
    text-align: justify;
/*     padding: 0 1rem; */
    padding: 0 2rem;
    margin: auto;
}

.ym-page-section{
    padding: 2rem 0;
}

.blue-section-layout{
    background-color: #3382a5;
    color: white;
}

.ym-page-section h2{
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
}

.ym-page-section h3{
    text-align: center;
    font-size: 2rem;
}

.ym-page-section h4{
    text-align: center;
    font-weight: 400;
    font-size: 1.15rem;
}

.ym-page-headline{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2.1rem;
}

.ym-textual-introduction{
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: left;
}

.ym-but-et-solutions-container{
    text-align: center;
    font-size: 0;
    display: -webkit-flex;
    display: flex;
}

.homepage-but-et-solutions{
    position: relative;
    text-align: justify;
    font-size: 1rem;
    width: 50%;
    border-radius: 5px;
    padding: 1.75rem;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    background-color: RGBA(255,255,255,0.8);
}

.homepage-but-et-solutions:first-child{
    margin-left: 0;
    margin-right: 1.25%;
}

.homepage-but-et-solutions:last-child{
    margin-left: 1.25%;
    margin-right: 0;
}

.homepage-but-et-solutions h2{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.75rem;
}

.homepage-but-et-solutions p{
    margin: 1.5rem 1.5rem 3.5rem 1.5rem;
    text-align: left;
}

.button-but-et-solutions-align{
    text-align: center;
}

.homepage-but-et-solutions a{
    position: absolute;
    bottom: 1.75rem;
    left: 0;
    right: 0;
    width: 90px;
    margin: auto;
}

.ym-guest-page-button{
    margin: 0 10px;
    background-color: #54575a;
    padding: 0.35rem 2.5rem;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    border: 1px solid #54575a;
    font-size: 0.9rem;
    cursor: pointer;
    font-family: Montserrat;
    transition: 0.2s;
}

.ym-guest-page-button:hover{
    background-color: white;
    color: #54575a;
    text-decoration: underline;
}

.ym-circled-logo-infoblock{
    width: 175px;
    text-align: center;
    display: inline-block;
}

.ym-icones-container{
    text-align: center;
    margin-top: 2rem;
}

.iconogramme{
    height: 110px;
    background-color: #3d4044;
    border-radius: 5rem;
    width: 110px;
    margin: auto;
    margin-bottom: 1.5rem;
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
    transition:0.2s;
}

.iconogramme:hover{
    background-size: 80%;
}

.admin-icono:hover{
    background-size: 90%;
}

.ym-pourquoi-nous-confier-container{
    font-size: 0;
    text-align: center;
}

.ym-pourquoi-nous-confier-container h4{
    font-weight: 500;
    text-decoration: underline;
}

.ym-homepage-rea-inlineblocks{
    display: inline-block;
    width: 48.75%;
    font-size: 1rem;
    padding: 0 1.5rem;
    text-align: left;
    box-sizing: border-box;
    vertical-align: text-top;
    /* margin-right: 1%; */
    margin-top: 2rem;
    border-right: 1px solid;
    padding-left: 0;
}

.ym-homepage-rea-inlineblocks:last-child{
    border: none;
    padding-left: 1.5rem;
    padding-right: 0;
}


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

    .homepage-but-et-solutions p{
        margin: 1.5rem 0 3.5rem 0;
    }

}

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

    .homepage-but-et-solutions{
        margin: 0.5rem 0!important;
        width: 100%;
    }

    .homepage-but-et-solutions:first-child{
        margin-bottom: 1.25rem !important;
    }

    .ym-but-et-solutions-container{
        display: block;
    }

    .ym-homepage-rea-inlineblocks {
        display: inline-block;
        width: 100%;
        font-size: 1rem;
        /* padding: 0 1.5rem; */
        text-align: left;
        box-sizing: border-box;
        vertical-align: text-top;
        /* margin-right: 1%; */
        margin-top: 2rem;
        border: none;
        /* border-right: 1px solid; */
        padding: 0;
    }

    .ym-homepage-rea-inlineblocks:last-child{
        border: none;
        padding-left: 0;
        padding-right: 0;
        margin-top: 1.25rem;
    }

    .ym-homepage-rea-inlineblocks p {
        margin-bottom: 0!important;
    }

    .ym-homepage-rea-inlineblocks:last-child p{
        margin-bottom: 2rem !important;
    }

    #rea-redirection_1{
        display: none;
    }

    #rea-redirection_2{
        display: block;
        width: 150px;
        margin: auto;
    }

}

.ym-quelques-reas{
    text-align: center;
    margin: 2rem 0;
}

.ym-rea-card{
    width: 29%;
    /* max-width: 350px; */
    min-width: 250px;
    text-align: center;
    display: inline-block;
    padding: 0.25rem;
    margin: 0 0.75rem;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
}

.ym-rea-card-image-layout{
    height: 235px;
    border-radius: 5px;
    background-position: center;
    background-size: cover;
}

.ym-rea-card-caption{
    padding: 0.5rem;
    padding-bottom: 0.25rem;
    font-size: 0.9rem;
}

.ym-homepage-rea-inlineblocks p{
    margin-bottom: 2rem;
}


/* HOME ADMIN */
.admin-headline-section-h1-textinput{
    font-size: 2.1rem;
    text-align: center;
    padding: 0.25rem 0;
    font-family: Montserrat;
    font-weight: 500;
    text-transform: uppercase;
    color: #636b6f;
    width: 100%;
    max-width: 400px;
}

.admin-headline-box-h2-textinput{
    font-size: 1.75rem;
    text-align: center;
    padding: 0.25rem 0;
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: 400;
    color: #636b6f;
    width: 100%;
    max-width: 300px;
}

.admin-headline-section-h3-textinput{
    font-size: 2rem;
    text-align: center;
    padding: 0.25rem 0;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    color: #636b6f;
    width: 100%;
    max-width: 450px;
    box-sizing: border-box;
}

.admin-headline-section-h4-textinput{
    text-align: center;
    padding: 0.25rem 0;
    font-family: Montserrat;
    color: #636b6f;
    width: 100%;
    max-width: 450px;
    text-align: center;
    font-weight: 400;
    font-size: 1.15rem;
    box-sizing: border-box;
}

.admin-text-section-textarea{
    background-color: white;
    color: #636b6f;
    font-size: 1rem;
    border: 1px solid black;
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    min-height: 10ch;
    height: 11.5ch;
    max-height: 15ch;
    padding: 0.75rem 1rem;
    text-align: inherit;
    resize: none;
    transition: 0.1s;
}

.admin-headline-section-h3-textinput:hover{
    background-color: #5496b3;
}

.admin-text-section-textarea:hover{
    background-color: #5496b3;
}

.centered-admin-box-content{
    text-align: center;
    margin-bottom: 1.5rem;
}

.admin-disabled-button-and-links{
    background-color:lightgrey;
    color:#636b6f;
    border:none;
    cursor: not-allowed;
}

.admin-disabled-button-and-links:hover{
    background-color:lightgrey;
    color:#636b6f;
    border:none;
    cursor: not-allowed;
}

.admin-goals-and-solutions-boxes{
    min-height: 31ch;
    height: 31ch;
    max-height: 31ch;
    margin-bottom: 1.5rem;
}

.admin-homepage-but-et-solutions{
    position: relative;
    text-align: justify;
    font-size: 1rem;
    width: 50%;
    border-radius: 5px;
    padding: 1.75rem;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    padding-bottom: 2rem;
}

.admin-homepage-but-et-solutions:first-of-type{
    margin-right: 1rem;
}

.admin-homepage-but-et-solutions:last-of-type{
    margin-left: 1rem;
}

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

    .admin-homepage-but-et-solutions:first-of-type{
        margin: 0;
    }

    .admin-homepage-but-et-solutions:last-of-type{
        margin: 0;
    }

    .admin-homepage-but-et-solutions{
        width: 100%;
        display: inline-block;
        margin: 0;
        margin-bottom: 2rem !important;
    }

    .ym-textual-introduction textarea{
        margin-bottom: 0;
    }
}

.ym-admin-section-headline{
    text-align: center;
}

.admin-rea-desc-contents {
    height: 18.5ch;
    max-height: 18.5ch;
}

.admin-update-rea-image{
    width: 100%;
    height: inherit;
    opacity: 25%;
    border: none;
    cursor: pointer;
}

.admin-update-rea-image:hover{
    opacity: 50%;
}

.admin-update-activite-et-valeur-image{
    width: 100%;
    height: inherit;
    opacity: 25%;
    border: none;
    cursor: pointer;
    border-radius: 5rem;
}

.admin-update-activite-et-valeur-image:active{
    border-radius: 5rem;
}

.admin-update-activite-et-valeur-image:focus{
    border-radius: 5rem;
}

.ym-icones-valeurs-container {
    text-align: center;
    margin-top: 2rem;
}

.admin-update-valeur-image{
    width: 100%;
    height: inherit;
    opacity: 0;
    border: none;
    cursor: pointer;
    border-radius: 5rem;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.admin-update-valeur-image:hover{
    opacity: 0.3;
}

.admin-icono:hover{
    background-size: 80%;
}

.ym-last-homepage-section-stuff-bruuuuh{
    margin-bottom: 0 !important;    
}

.admin-add-valeurEntreprise-button{
    margin-bottom: 8rem !important;
}

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

    .ym-circled-logo-infoblock{
        width: 150px;
        margin-top: 2rem !important;
    }

    .iconogramme{
        width: 95px;
        height: 95px;
    }
}

@media screen and (max-width: 999px){
    .ym-icones-container{
        max-width: 700px;
        margin: auto;
    }
}

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

    .ym-icones-valeurs-container {
        max-width: 500px;
        margin: auto;
        margin-top: 2rem;
    }

    .ym-circled-logo-infoblock:nth-child(4){
        margin-top: 2rem;
    }

    .ym-circled-logo-infoblock:nth-child(7){
        margin-top: 2rem;
    }

    .ym-circled-logo-infoblock:nth-child(10){
        margin-top: 2rem;
    }
}

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

}

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

    .ym-circled-logo-infoblock{
        width: 130px;
    }

    .iconogramme {
        width: 80px;
        height: 80px;
    }

    .ym-circled-logo-infoblock:nth-child(3){
        margin-top: 2rem;
    }

    .ym-circled-logo-infoblock:nth-child(4){
        margin-top: 0;
    }

    .ym-circled-logo-infoblock:nth-child(5){
        margin-top: 2rem;
    }
}

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

    .ym-circled-logo-infoblock{
        width: 125px;
    }
}


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

    .ym-rea-card{
        width: 29%;
        min-width: 0;
        margin: 0 0.5rem;
    }

    .ym-rea-card-caption {
        padding: 0.5rem 1rem;
        padding-bottom: 0.25rem;
        font-size: 0.9rem;
    }
}

.ym-admin-save-changes{
    text-align: center;
    position: fixed;
    bottom: 53px;
    left: 0;
    right: 0;
    padding:1rem 0;
    z-index: 250;
    background: rgba(255,255,255,0.9);
}

.ym-admin-save-changes button{
    font-family: Montserrat;
    font-size: 1rem;
    border: none;
    background-color: #52565b;
    padding: 0.5rem 2rem;
    color: white;
    border-radius: 0.25rem;
    text-decoration: none;
    transition: 0.2s;
    cursor: pointer;
    font-weight: 400;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);
}

.ym-admin-save-changes button:hover{
    text-decoration: underline;
}

.ym-admin-logged-footer-bruh{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #33363A;
    z-index: 2000;
}

.ym-last-admin-page-layout{
    margin-bottom: 3.5rem;
}

.first-classic-pages-section{
    padding-top: 3rem;
    margin-top: 85px;
    background-color: #3382a5;
    color: white;
}

.ym-clients-galerie-container{
    text-align:center;
    margin-bottom: 2rem;
}

.logos-clients{
    width: 20%;
    height: 150px;
    display: inline-block;
    background-position: center;
    background-size: 100%;
    transition: 0.2s;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin: 13px;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    background-color: white;
}

.logos-clients:hover{
    background-size: 90%;
}

.guest-clients-view{
    position: relative;
}

.guest-clients-view a{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.guest-clients-galerie-view{
    margin-bottom: 0;
}

.admin-logos-clients{
    width: 20%;
    height: 150px;
    display: inline-block;
    background-position: center;
    background-size: 100%;
    transition: 0.2s;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin: 13px;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    position: relative;
}

.admin-update-client-button{
    width: 100%;
    height: inherit;
    opacity: 0.5;
    cursor: pointer;
    border: none;
}

.admin-update-client-button:hover{
    opacity: 0.75;
}

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

    .first-classic-pages-section {
        margin-top: 65px;
    }

    .logos-clients{
        width: 30%;
        margin: 10px;
        height: 138px;
        background-size: 80%;
    }

    .admin-logos-clients{
        width:30%;
        margin: 10px;
        height: 138px;
        background-size: 80%;
    }
}


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

    .logos-clients{
        height: 100px;
    }

    .admin-logos-clients{
        height: 100px;
    }
}


@media screen and (max-width: 720px){
    .logos-clients {
        width: 45%;
    }

    .admin-logos-clients{
        width:45%;
    }
}

@media screen and (max-width: 499px){
    .logos-clients {
/*         width: 44%; */
        background-size: 100%;
        margin: 5px;
        height: 75px;
    }

    .admin-logos-clients{
        width: 41%;
        background-size: 100%;
    }
}

@media screen and (max-width: 350px){
    .logos-clients {
        width: 90%;
        background-size: 80%;
        margin: 0;
        margin-bottom: 15px;
        height: 100px;
    }

    .admin-logos-clients{
        width: 100%;
        background-size: 80%;
        margin: 0;
        margin-bottom: 20px;
    }
}

.ym-thumbnail-carousel{
    display: inline-block;
    width: 100%;
    /* width: 31%; */
    /* width: 95% !important; */
    /* margin: 0 1%; */
    vertical-align: top;
/*     max-width: 325px; */
/*     height: 290px; */
    background-color: #f0f0f0;
    padding:0.25rem;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
}

/* .ym-thumbnail-carousel:first-child{
    margin: 0 1% 0 0;
} */

/* .ym-thumbnail-carousel:last-child{
    margin: 0 0 0 1%;
} */

.ym-indicateurs-de-diapositives li{
    background-color: black;
}

.ym-indicateurs-de-diapositives{
    position: relative;
    margin-top: 0.8rem;
}

.ym-realisations-carousel-container{
/*     height: 385px; */
    max-width: 1125px;
    margin: auto;
    margin-top: 0;
/*     background-color: antiquewhite; */
    text-align: center;
    position: relative;
}

.ym-rea-carousel-row{
    margin-top: 40px;
    font-size: 0;
}

.ym-carousel-control-mtf-left{
    position: absolute;
    top: 47%;
    z-index: 1000;
    left: 1rem;
}

.ym-carousel-control-mtf-right{
    position: absolute;
    top: 47%;
    right:1rem;
    z-index: 1000;
}

.ym-carousel-next-and-previous-button{
    filter:invert(0.5);
    padding: 0.25rem;
}

.ym-carousel-controls-and-images-container{
    width: 100%;
    padding: 0 4rem;
    box-sizing: border-box;
}

.ym-rea-page-diapo-container{
    background-color: #6ff2b2;
    max-width: 1250px;
    margin: auto;
}

.ym-rea-page-owl-slides-container{
    max-width: 1150px;
    margin: auto;
    background-color: blueviolet;
}

.ym-rea-mase-logo{
    width: 200px;
    height: 200px;
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 5px;
    vertical-align: top;
    margin: 2rem 1% 0 2%;
    float: right;
}

.ym-rea-mase-logo-guest-view{
    position: relative;
    width: 225px;
    height: 225px;
    background-position: center;
    background-size: 85%;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 5px;
    vertical-align: top;
    margin: 2rem 0 1rem 2rem;
    float: right;
    transition: 0.2s;
    cursor: pointer;
}

.ym-rea-mase-logo-guest-view a{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.ym-rea-mase-logo-guest-view:hover{
    background-size: 75%;
}

.first-rea-textinput{
    width: 75%;
}

@media screen and (max-width: 1023px){
    .first-rea-textinput{
        width: 70%;
    }
}

@media screen and (max-width: 850px){
    .first-rea-textinput{
        width: 67%;
    }
}

@media screen and (max-width: 767px){
    .first-rea-textinput{
        width: 63%;
    }
}

@media screen and (max-width: 699px){
    .first-rea-textinput{
        width: 100%;
    }

    .ym-rea-mase-logo{
        margin: 0;
        margin-top: 2rem;
        background-size: contain;
        width: 100%;
        height: 125px;
    }
}

@media screen and (max-width: 499px){
    .ym-rea-mase-logo-guest-view{
        float: none;
        margin: auto;
        margin-top: 2rem;
    }
}

.ym-page-rea-slider-img{
    width: 100%;
    height: 200px;
    margin: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px;
}

.ym-carousel-rea-page-inner{
    margin-top: 0;
}

.ym-thumbnail-carousel-caption-page-rea{
    font-size: 1rem;
/*     height: 74px; */
    background-color: #f9f9f9;
    color: #636b6f;
    line-height: 55px;
    border-radius: 3px;
    margin-top: 0.25rem;
    position: relative;
}

.ym-thumbnail-carousel-caption-page-rea p{
    padding: 0.5rem 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    /* margin-bottom: 0.25rem; */
    margin-bottom: 0.5rem;
    margin-top: 1.1rem;
    font-size: 0.95rem;
}

.rea-categorie-h5{
    position: absolute;
    top: -22px;
    left: 15px;
    border: 2px solid white;
    padding: 0.1rem 1.5rem;
    background-color: #52565b;
    color: white;
    font-weight: 400;
    font-size: 0.8rem;
    border-radius: 5rem;
    text-transform: uppercase;
    line-height: 1.75rem;
}

.ym-page-realisation-image-container{
    height: 125px;
    width: 23%;
    border-radius: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
    display: inline-block;
}

.ym-responsive-realisations-gallery{
    background-color: aquamarine;
    max-width: 1250px;
    margin: auto;
    text-align: center;
    padding: 0 1rem;
    padding-top: 0.25rem;
    box-sizing: border-box;
    display: none;
}

.moyens-entreprise-diapo-container{
    width: 250px;
    height: 240px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0.25rem;
    border-radius: 5px;
    margin: 5px 5px;
    position: relative;
}

.moyens-entreprise-image{
    width: 100%;
    height: 200px;
    background-size: cover;
}

.kinda-moyens-slider-container{
    text-align: center;
    margin-top: 1.5rem;
}

.kinda-moyens-slider-container{
    text-align: center;
    margin-top: 2rem;
}

.moyens-entreprise-diapo-container:hover{
    opacity: 0.8;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

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

    .moyens-entreprise-image{
        width: 100%;
        height: 160px;
    }

    .moyens-entreprise-diapo-container{
        width: 200px;
        height: 200px;
    }
}

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

    .moyens-entreprise-image{
        width: 100%;
        height: 115px;
    }

    .moyens-entreprise-diapo-container{
        width: 150px;
        height: 150px;
    }

    .moyens-counter-display{
        line-height: 50px;
    }
}

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

    .moyens-entreprise-image{
        width: 100%;
        height: 90px;
    }

    .moyens-entreprise-diapo-container{
        width: 125px;
        height: 125px;
    }

    .moyens-counter-display{
        line-height: 50px;
        font-size: 0.9rem;
    }
}

.moyens-counter-display{
    line-height: 40px;
}

.moyens-special-title-input{
    color: #636b6f !important;
    outline: none;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer !important;
    border: none;
    border-radius: 5px;
    transition: 0.1s;
    background-color: #f7f7f7 !important;
}

.moyens-special-title-input:hover{
    background-color:#ececec !important;
}

.moyens-special-title-input:focus{
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(116,119,123,1) !important;
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(116,119,123,1) !important;
    box-shadow: inset 0px 0px 0px 2px rgba(116,119,123,1) !important;
    background-color:#ececec !important;
}


@media screen and (max-width: 999px){
    .ym-responsive-realisations-gallery{
        display: block;
    }
}

.ym-slick-carousel-thumbnail-container{
    padding:3%;
    box-sizing: border-box;
}

.moyensregular .slick-prev {
    filter: invert(0.25) !important;
}

.moyensregular .slick-next{
    filter: invert(0.25) !important;
}



/* .slick-current{
    padding-left: 0;
} */

.ym-slick-carousel-thumbnail-container:last-child .slick-active {
    padding-right: 0;
}

  .ym-slick-slider_container{
/*     background-color: brown; */
    max-width: 1250px;
    padding: 0 5em;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .slick-slide{
      text-align: center;
      background-color: transparent !important;
  }


  .slick-prev, .slick-next{
      width: 30px!important;
      height: 30px !important;
      filter: invert(0.5);
  }

  .slick-next{
    right: -3.2rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important;
  }

  .slick-prev{
    left: -3.2rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important;
  }

  .slick-next:before{
      display: none;
  }

  .slick-prev:before{
    display: none;
}

/*   .slick-prev:before, .slick-next:before{
      background-color: plum;
  } */

  .slick-dots{
      position: initial !important;
  }

  .slick-dots li button:before{
    display: none;
  }

  .slick-dots li button{
    content:'' !important;
    height: 3px !important;
    width: 30px !important;
    background-color: rgba(111,111,111,0.5) !important;
    padding:0 !important;
  }

  .slick-dots li{
      width: 30px !important;
      height: 3px !important;
      margin: 0 3px !important;
  }

  .slick-active{
      background-color: rgba(111,111,111,1);
  }

  .page-rea-second-section-ym-container{
      max-width: 1250px;
      margin: auto;
      padding:0 1rem;
  }

  .ym-rea-page-h2{
      text-align: left;
      text-decoration:underline;
      padding: 2rem 0;
      font-weight: 500;
      color: #636b6f;
  }

@media screen and (max-width: 768px){
    .slick-dots{
        display: none !important;
    }
}

@media screen and (max-width: 650px){
    .ym-rea-page-h2{text-align: center;}

    .ym-slick-slider_container{
        padding:0 3rem;
    }

    .slick-prev {
        left: -2.7rem !important;
    }

    .slick-next {
        right: -2.7rem !important;
    }
}

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

    .rea-categorie-h5{
        right: 15px;
        max-width: 150px;
        margin: auto;
    }

    .slick-prev, .slick-next {
        width: 20px!important;
        height: 20px !important;
    }

    .ym-slick-slider_container {
        padding: 0 1rem;
    }

    .slick-prev {
        left: -1.5rem !important;
    }

    .slick-next {
        right: -1.5rem !important;
    }
}

.ym-admin-rea-page-sub-section-textinput{
    text-align: left;
    padding: 0.25rem;
    text-decoration: underline;
    font-weight: 500;
    font-size: 1.5rem;
}

@media screen and (max-width: 650px){
    .ym-admin-rea-page-sub-section-textinput{
        text-align: center;
    }

    .admin-rea-page-second-container-sub-title{
        text-align: center;
    }
}

.rea-categorie-h5-admin-edit{
    text-transform: uppercase;
    font-family: Montserrat;
    font-size: 12.8px;
    text-align: center;
}

.rea-page-slide-caption-textarea{
    padding: 0.5rem 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    /* margin-bottom: 0.25rem; */
    margin-bottom: 0.5rem;
    margin-top: 1.1rem;
    font-size: 0.95rem;
}

.rea-page-slide-caption-textarea:hover{
    background-color: #ececec;
}

.ym-page-section .contact-page-section-headline{
    text-align: left;
    text-transform: none;
    text-decoration: underline;
    font-size: 1.25rem;
    font-weight: 100;
}

.ym-contact-page-tab-container{
    font-size: 0;
    text-align:center;
}

.ym-contact-page-tab-box{
    display: inline-block;
    font-size: 1rem;
    width: 33.333%;
    margin: 2rem 0;
}

.ym-contact-page-tab-row{
    text-align: center;
    border-bottom: 1px solid white;
    padding: 0.5rem 0;
}

.ym-contact-page-tab-row:first-child{
    font-weight: 500;
}

.ym-contact-page-tab-row a{
    color: white;
    text-decoration: none;
}

.ym-contact-page-tab-row a:hover{
    cursor: pointer;
    text-decoration: underline;
}

@media screen and (max-width: 768px){
    .ym-contact-page-tab-box{
        width: 80%;
        text-align:center;
    }

    .ym-contact-page-tab-box{
        margin: 2rem 0 0.5rem 0;
        max-width: 650px;
        width: 100%;
    }
}

.ym-entire-contact-form-container{
    font-size: 0;
    margin: 2rem 0;
}

.ym-form-container{
    font-size: 0rem;
    display: inline-block;
}

.ym-left-form-section{
    width: 35%;
}

.ym-right-form-section{
    width: 65%;
    font-size: 1rem;
    vertical-align: top;
    padding-left: 2rem;
    box-sizing: border-box;
}

.ym-form-labels-and-inputs-container{
    display: inline-block;
    font-size: 0;
    width: 100%;
}

.ym-form-labels-and-inputs-container input{
    width: 100%;
    box-sizing: border-box;
    padding: 0.25rem;
}

.ym-contact-page-form-label-container{
    width: 35%;
    font-size: 1rem;
}

.ym-contact-page-form-inputs-container{
    width: 60%;
    font-size: 1rem;
}

.ym-label-and-input-contact-form-group{
    font-size: 1rem;
    width: 50%;
    display: inline-block;
}

.ym-label-contact-page{
    width: 30%;
    max-width: 100px;
}

.ym-input-contact-page{
    width: 70%;
    max-width: 280px;
}

.ym-label-contact-page-big{
    width: 100%;
    margin-bottom: 1rem;
}

.ym-input-contact-page-big{
    width: 100%;
}

.ym-input-contact-page-big textarea{
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    resize: none;
    text-align: left;
    padding:0.5rem;
    height: 200px;
    background-color: white;
    border: 1px solid black;
    color: black;
    border-radius: 3px;
}

.ym-contact-form-group{
    margin-bottom: 1rem;
}

.ym-radio-contact-page{
    width: 100px;
}

.ym-radio-contact-page span{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.ym-radio-contact-page span:first-child{
    width: 12%;
/*     margin: 2px 0 0 0; */
}

.ym-radio-contact-page span:last-child{
    width: 88%;
    text-align: left;
    padding: 0 0 0 1rem ;
    box-sizing: border-box;
}

.ym-form-labels-and-inputs-container input[type="radio"]{
    width: 12px;
    vertical-align: top;
}

.ym-rgpd-contact-field{
    font-size: 0rem;
    margin-top: 1rem;
}

.ym-rgpd-contact-field span:first-child{
    vertical-align: middle;
    font-size: 1rem;
}

.ym-rgpd-contact-field span:last-child{
    margin-left: 0.25rem;
    font-size: 1rem;
}

.submit-ym-page-contact-form{
    background-color: #54575a;
    padding: 0.35rem 2.5rem;
    min-width: 180px;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    border: 1px solid #54575a;
    font-size: 0.9rem;
    cursor: pointer;
    font-family: Montserrat;
    transition: 0.2s;
}

.admin-submit-ym-page-contact-form{
    background-color: lightgrey;
    color: #636b6f;
    border: none;
    cursor: not-allowed;
    padding: 0.35rem 2.5rem;
    min-width: 180px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 0.9rem;
    font-family: Montserrat;
    transition: 0.2s;
}

.submit-ym-page-contact-form:hover{
    background-color: white;
    color: #54575a;
    text-decoration: underline;
}

.third-classic-pages-section{
    padding-top: 2rem;
    background-color: rgba(	51, 54, 58, .97);
    color: white;
}

.ym-page-contact-coordonnees-data .ym-coordonnees-h3-title{
    font-size: 1rem;
    text-align: left;
    margin-bottom: 0.35rem;
    text-decoration: underline;
    font-weight: 500;
}

.ym-page-contact-coordonnees-data{
    margin-bottom: 1rem;
}

.ym-page-contact-coordonnees-and-localisation-container{
    display: inline-block;
    width: 50%;
    font-size: 1rem;
    vertical-align: top;
    box-sizing: border-box;
}

.ym-page-contact-coordonnees-and-localisation-container a{
    color: white;
}

.ym-page-contact-coordonnees-and-localisation-container h2{
    margin-bottom: 2rem;
}

.ym-page-contact-coordonnees-and-localisation-container iframe{
    width: 100%;
/*  max-width: 650px; */
    max-height: 350px;
    border-radius: 5px;
}

.ym-page-contact-coordonnees-and-localisation-container:first-of-type{
    width: 40%;
    border-right: 2px solid white;
    padding-right:4rem;
}

.ym-page-contact-coordonnees-and-localisation-container:last-of-type{
    width: 60%;
    text-align: end;
    padding-left:4rem;
}

.contact-page-coord-and-loc-section{
    font-size: 0;
}

@media screen and (max-width: 899px){
    .ym-radio-contact-page {
        width: 35%;
        max-width: 100px;
    }
}


@media screen and (max-width: 768px){
    .ym-left-form-section{
        width: 100%;
    }

    .ym-right-form-section{
        width: 100%;
        padding:0;
    }

    .submit-button-contact-page-container{
        text-align:center;
    }

    .ym-input-contact-page {
        width: 280px;
        max-width: 100%;
    }

    .ym-page-contact-coordonnees-and-localisation-container:last-of-type{
        width: 100%;
        text-align: center;
        padding-left: 0;
    }

    .ym-page-contact-coordonnees-and-localisation-container iframe{
        max-width: 100%;
    }
}

@media screen and (max-width: 445px){
    .ym-input-contact-page {
        width: 100%;
    }

    .ym-label-contact-page-big{
        margin-bottom: 0.35rem;
    }

    .ym-label-contact-page{
        margin-bottom: 0.35rem;
    }

    .ym-contact-form-civilite-field{
        margin-bottom: 0;
    }

    .ym-rgpd-contact-field{
        margin-top: 0.5rem;
    }

    .ym-radio-contact-page {
        width: 35%;
        /* min-width: 100px; */
    }
}

.contact-info-name, .normal-contact-infos{
    text-align: center;
    padding: 0.25rem;
    width: 250px;
    font-size: 1rem;
    font-family: Montserrat;
}

.contact-info-name{
    font-weight: 600;
}

.contact-coordonees-admin-input{
    height: 6ch;
    min-height: 6ch;
}

#contact-coordonees-admin-input-n-1{
    height: 8ch;
}

#contact-coordonees-admin-input-n-3{
    height: 14ch;
}

.global-contact-infos{
    display: block;
}

.global-contact-infos .ym-contact-page-tab-row:first-child{
    font-weight: 100;
}

.hidden-contact-more{
    border-bottom: none;
    display: none;
}


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

    .global-contact-infos{display: none;}

    .ym-page-contact-coordonnees-data{
        text-align: center;
    }

    .ym-page-contact-coordonnees-data .ym-coordonnees-h3-title{
        text-align: center;
    }

    .ym-page-contact-coordonnees-and-localisation-container h2{
        text-align: center !important;
    }

    .ym-page-contact-coordonnees-and-localisation-container:first-of-type {
        width: 100%;
        border-bottom: 2px solid white;
        border-right: 0;
        padding-right: 0;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .hidden-contact-more{
        display: block;
    }
}

.contact-form-ym-individual-inputs{
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    transition: 0.2s;
}

.ym-radio-input-validator{
    height: 13px;
    width: 14px;
    text-align: center;
    border-radius: 100%;
}

.ym-checkbox-input-validator{
    width: 17px;
    text-align: center;
    height: 17px;
    border-radius: 3px;
}

.ym-rgpd-form-consent{
    display: inline-block;
}

.first-consent-box{
    width: 20px;
    vertical-align: 17px !important;
}

.second-consent-box{
    width: 97%;
}

@media screen and (max-width: 1040px){
    .second-consent-box{
        width: 95%;
    }

    .first-consent-box{
        width: 20px;
        vertical-align: 35px !important;
    }
}

@media screen and (max-width: 718px){
    .first-consent-box{
        width: 20px;
        vertical-align: 54px !important;
    }
}

@media screen and (max-width: 699px){
    .second-consent-box{
        width: 92%;
    }

    .first-consent-box{
        width: 20px;
        vertical-align: top !important;
        margin-top: 2px;
    }


}

@media screen and (max-width: 375px){
    .second-consent-box{
        width: 90%;
    }
}

.ym-form-control-error-display{
    font-size: 1.15rem !important;
    text-decoration: underline;
}

.ym-form-success-message{
    display: none;
    text-align: center;
    background-color: #3382a5;
    color: white;
    padding: 1rem;
    border-radius: 5px;
}

.ym-form-checking-errors{
    margin-bottom: 2rem;
    padding: 1rem;
    color: white;
    border-radius: 5px;
    background-color: rgb(234, 67, 53);
    display: none;
}




#erreur-civilite,#erreur-nom,#erreur-prenom,#erreur-email,#erreur-sujet,#erreur-message,#erreur-consentement,.global-errors-message{
    display: none;
    margin-bottom: 0.5rem;
    text-align: left;
}

.global-errors-message{
    margin-bottom: 1.5rem;
}

.ym-form-submition-loader{
    text-align: center;
    display: none;
}

.ym-form-submition-loader img{
    width: 40px;
}

.ym-legals-container p{
    margin-bottom: 1rem;
}

.ym-legals-headline{
    padding-top: 2rem;
    margin-bottom: 2rem;
}

.ym-legals-h2{
    font-size: 1.35rem !important;
    font-family: Montserrat;
    text-transform: none !important;
    text-align: left;
    text-decoration: underline;
    margin-bottom: 1rem;
    color: #3382a5;
}

.ym-legals-container h3{
    font-size: 1.35rem;
    font-family: Montserrat;
    text-transform: none !important;
    text-align: left;
    text-decoration: underline;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #3382a5;
}

.ym-legals-container h4{
    font-size:1rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    text-decoration: underline;
    color: #3382a5;
}

.ym-legals-container{
    margin-bottom: 2rem;
    text-align: left;
}

.second-consent-box a{
    color: #3382a5;
    text-decoration: none;
}

.second-consent-box a:visited{
    color: #3382a5;
    text-decoration: none;
}

.second-consent-box a:hover{
    text-decoration: underline;
}

.ym-contact-form-group textarea{
    border: 1px solid #a6a6a6;
}

.ym-legals-container a{
    color: #3382a5;
    text-decoration: none;
}

.ym-legals-container a:hover{
    text-decoration: underline;
}

.ym-legals-container a:visited{
    color: #3382a5;
    text-decoration: none;
}

.ym-legals-container ul{
    margin-left: 3rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.ym-legals-container ul li{
    margin-bottom: 0.25rem;
}

.ym-legals-container h5{
    font-size: 1rem;
    text-decoration: underline;
    margin-bottom: 0.75rem;
    color: #3382a5;
}

.mentions_legales{
    margin-top:85px;
}

@media screen and (max-width: 1024px){
    .mentions_legales{
        margin-top:65px;
    }
}

.admin-headline-section-h3-textinput{
    border: none;
    border-radius: 5px;
    background-color: #418bab;
    color: white;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
    outline: none;
}

.admin-text-section-textarea{
    border: none;
    border-radius: 5px;
    background-color: #418bab;
    color: white;
    outline: none !important;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.admin-text-section-textarea:focus, .admin-headline-section-h3-textinput:focus{
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
    background-color: white;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.admin-update-client-button{
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
    opacity: 0;
}

.admin-update-client-button:hover{
    background-color: white;
    opacity: 0.3;
}

.rea-desc-textera-box-height{
    height: 26ch; 
    min-height:26ch;
}

.ym-rea-page-some{
    margin-top: 1rem;
    margin-bottom: 8rem;
}

.ym-rea-page-some .ym-admin-rea-page-sub-section-textinput:hover{
    background-color:#ececec;
}

.ym-rea-page-some .ym-admin-rea-page-sub-section-textinput:focus{
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(116,119,123,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(116,119,123,1);
    box-shadow: inset 0px 0px 0px 2px rgba(116,119,123,1);
    background-color:#ececec;
}

.ym-rea-page-some .ym-admin-rea-page-sub-section-textinput{
    outline: none;
    border:none;
    background-color:#f7f7f7;
    border-radius: 5px;
    padding:0.5rem;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.rea-categorie-h5-admin-edit{
    background-color: transparent;
    border: none;
    outline: none;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
    color: white;
    transition: 0.1s;
    border-radius: 5rem;
    height: 30px;
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
}

.admin-rea-categorie-special{
    padding:0;
}

.admin-rea-categorie-special:hover{
    background-color: #74777B;
}

.rea-categorie-h5-admin-edit:focus{
    background-color: white;
    color: #636b6f;
    font-family: Montserrat;
    border: 2px solid #636b6f;
    font-weight: 800 !important;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.rea-page-slide-caption-textarea{
    height: 6ch; 
    min-height:6ch;
    background-color: #f9f9f9;
    color: black;
    transition: 0.1s;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.rea-page-slide-caption-textarea:focus{
    background-color: #ececec;
    color: black;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(236,236,236,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(236,236,236,1);
    box-shadow: inset 0px 0px 0px 2px rgba(236,236,236,1);
}

.add-a-slide-to-the-homepage{
    margin-bottom: 6rem;
}


@media screen and (max-width: 1024px){
    .rea-desc-textera-box-height{
        height: 33ch; 
        min-height:33ch;
    }
}

@media screen and (max-width: 768px){
    .rea-desc-textera-box-height{
        height: 45ch; 
        min-height:45ch;
    }
}

@media screen and (max-width: 425px){
    .rea-desc-textera-box-height{
        height: 60ch; 
        min-height:60ch;
    }
}

@media screen and (max-width:375px){
    .ym-admin-save-changes{
        bottom: 78px;
    }

    .add-a-slide-to-the-homepage{
        margin-bottom: 8rem;
    }
}

.clients-page-description-css{
    height: 6ch; 
    min-height:6ch;
}

@media screen and (max-width:800px){
    .clients-page-description-css{
        height: 8ch; 
        min-height:8ch;
    }
}

@media screen and (max-width:625px){
    .clients-page-description-css{
        height: 11ch; 
        min-height:11ch;
    }
}

@media screen and (max-width:320px){
    .clients-page-description-css{
        height: 17ch;
        min-height: 17ch;
    }
}

.admin-third-contact-page-section-css{
    margin-bottom: 7rem;
}

.admin-h4-contact-page-grey-section{
    margin-bottom: 2rem;
    background-color: #65686b;
    color: white;
    border: none;
    border-radius: 5px;
    outline: none;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.admin-h4-contact-page-grey-section:hover{
    background-color: #838688;
}

.admin-h4-contact-page-grey-section:focus{
    background-color: white;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.admin-h4-contact-page-blue-section{
    border: none;
    border-radius: 5px;
    background-color: #418bab;
    color: white;
    outline: none !important;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.admin-h4-contact-page-blue-section:hover{
    background-color: #5496b3;
}

.admin-h4-contact-page-blue-section:focus{
    background-color:white;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;    
}

.ym-contact-page-tab-row input{
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 5px;
    background-color: #418bab;
    color: white;
    outline: none !important;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.ym-contact-page-tab-row input:hover{
    background-color: #5496b3;
}

.ym-contact-page-tab-row input:focus{
    background-color:white;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.ym-page-contact-coordonnees-and-localisation-container textarea{
    background-color: #65686b;
    color: white;
    border: none;
    border-radius: 5px;
    outline: none;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.ym-page-contact-coordonnees-and-localisation-container textarea:hover{
    background-color: #838688;
}

.ym-page-contact-coordonnees-and-localisation-container textarea:focus{
    background-color: white;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.coordonnees-title-underline-stuff-from-the-shadows-mofokeu{
    font-weight: 500;
    text-decoration: underline;
    font-family: Montserrat;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    margin-bottom: 0.35rem;
    background-color: #65686b;
    color: white;
    border: none;
    border-radius: 5px;
    outline: none;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.coordonnees-title-underline-stuff-from-the-shadows-mofokeu:hover{
    background-color: #838688;    
}

.coordonnees-title-underline-stuff-from-the-shadows-mofokeu:focus{
    background-color: white;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.contact-first-section-text-area-css{
    height: 6ch; 
    min-height:6ch;
}

@media screen and (max-width:1308px){
    .contact-first-section-text-area-css{
        height: 8ch; 
        min-height:8ch;
    }
}

@media screen and (max-width:746px){
    .contact-first-section-text-area-css{
        height: 9.5ch; 
        min-height:9.5ch;
    }
}

@media screen and (max-width:590px){
    .contact-first-section-text-area-css{
        height: 15ch; 
        min-height:15ch;
    }
}

@media screen and (max-width:375px){
    .contact-first-section-text-area-css{
        height: 20ch; 
        min-height:20ch;
    }
}

@media screen and (max-width:320px){
    .contact-first-section-text-area-css{
        height: 22ch; 
        min-height:22ch;
    }
}

@media screen and (max-width:955px){
    .admin-tab-box-display-css{
        width: 100%;
    }
}

@media screen and (max-width:768px){
    .admin-contact-page-container-css{
        margin-bottom: 2rem;
    }
}



@media screen and (max-width:375px){
    .admin-tab-box-display-css .ym-contact-page-tab-row input{
        width: 100%;
        box-sizing: border-box;
    }

    .coordonnees-title-underline-stuff-from-the-shadows-mofokeu{
        width: 100%;
        box-sizing:border-box;
    }
}

.ym-add-slide-homepage-css-corrective{
    padding-top: 1rem;
    padding-bottom: 2.5rem;
    margin-bottom: 0;
}

.admin-update-homeSlide-button{
    top:0;
    bottom: 0;
    opacity: 0;
    transition: 0.1s;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
    z-index: 100;
}

.admin-update-homeSlide-button:hover{
    opacity: 0.3;
}

.admin-slide-change-css-caption{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: lightgray;
    padding: 0.5rem 1rem;
    z-index: 99;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.admin-delete-homeSlide-button{
    z-index: 101;
}

.ym-admin-page-new-kind-of-button-css{
    margin: 0 10px;
    background-color: #52565b;
    padding: 0.35rem 2.5rem;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    border: 1px solid #52565b;
    font-size: 1rem;
    cursor: pointer;
    font-family: Montserrat;
    transition: 0.2s;
}

.ym-admin-page-new-kind-of-button-css:hover{
    background-color: white;
    color: #52565b;
    border:1px solid #52565b;
    text-decoration: underline;
}

.admin_slider_container{
    margin-top: 0;
}

.ym-compagny-page-first-section-css-thing{
    padding-top: 0;
    padding-bottom: 2.5rem;
}

.ym-admin-white-inputs-to-style-css{
    color: #636b6f;
    outline: none;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
    border:none;
    border-radius: 5px;
    transition: 0.1s;
    background-color: #f7f7f7;
}

.ym-admin-white-inputs-to-style-css:hover{
    background-color:#ececec;
}

.ym-admin-white-inputs-to-style-css:focus{
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(116,119,123,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(116,119,123,1);
    box-shadow: inset 0px 0px 0px 2px rgba(116,119,123,1);
    background-color:#ececec;
}

.ym-admin-activite-edit-css-thing{
    width: 100%;
    outline: none;
    height: inherit;
    opacity: 25%;
    border: none;
    cursor: pointer;
    border-radius: 5rem;
    opacity: 0;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

.ym-admin-activite-edit-css-thing:hover{
    opacity: 0.3;
}

.admin-circled-info-block-css-thing{
/*     border: 1px solid white; */
    border-radius: 5px;
    padding: 3rem 1rem 2rem 1rem;
    box-sizing: border-box;
    margin: 0 0.5rem;
    position: relative;
    background-color: #418bab;
}

.admin-delete-activite-css-thing{
    position: absolute;
    top: 0;
    right: 0;
}

.admin-circled-info-block-css-thing input{
    width: 100%;
    text-align: center;
    padding:0.25rem 0.25rem;
    font-size: 1rem;
    box-sizing: border-box;
    outline:none;
    background-color: #5899b5;
    color: white;
    border: none;
    border-radius: 5px;
    font-family: Montserrat;
    font-weight: 500;
    transition: 0.1s;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.admin-circled-info-block-css-thing input:hover{
    background-color:#6ea7bf;
    color: white;
}

.admin-circled-info-block-css-thing input:focus{
    background-color:white;
    color: #636b6f;
}

.new-ym-css-button-hover-transparent{
    background-color: #52565b;
    border-color: #52565b;
}

.new-ym-css-button-hover-transparent:hover{
    background-color: #52565b;
    color: white;
    border-color: #52565b;
}

.ym-activite-section-no-margin-css-thing{
    margin-bottom: 0;
}

.admin-ym-icones-container-css-thing{
    margin-top: 0;
}

.admin-circled-info-block-css-thing{
    margin-top: 2rem!important;
}


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

    .admin-circled-info-block-css-thing{
        width: 130px;
    }

    .admin-circled-info-block-css-thing .iconogramme{
        width: 80px;
        height: 80px;
    }
}

@media screen and (max-width:1024px){
    .admin-ym-icones-container-css-thing{
        max-width: 700px;
        margin: auto;
    }

    .admin-circled-info-block-css-thing{
        width: 170px;
    }
}

@media screen and (max-width:599px){
    .admin-circled-info-block-css-thing{
        width: 40%;
        max-width: 200px;
    }
}

@media screen and (max-width:375px){
    .admin-circled-info-block-css-thing{
        width: 42%;
        max-width: 200px;
    }

    .admin-circled-info-block-css-thing .iconogramme{
        width: 70px;
        height: 70px;
    }

    .ym-admin-page-new-kind-of-button-css{
        padding: 0.35rem 1.5rem;
    }
}

.admin-blue-homepage-section{
    padding: 2rem 1rem;
}

.admin-subline-homepage-rarastuff-mofokeu{
    margin-top: 0.5rem;
    border: none;
    border-radius: 5px;
    background-color: #418bab;
    color: white;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
    outline: none;
    padding:0.5rem 0.75rem;
}

.admin-subline-homepage-rarastuff-mofokeu:hover{
    background-color: #5496b3;
}

.admin-subline-homepage-rarastuff-mofokeu:focus{
    background-color: white;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
    color: #33363A;
}

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

    .ym-back-previous-responsive-view{
        display: none;
    }

    .admin-but-solutions-blocks{
        display: flex;
    }

    .ym-different-slick-stuff-for-css{
        margin-bottom: 0;
    }
    
    .ym-different-slick-guest-view-for-css{
        margin-bottom: 15px !important;
    }

}

@media screen and (max-width:767px){
    .ym-compagny-page-first-section-css-thing{
        padding-bottom: 0;
    }

    .admin-but-solutions-blocks{
        display: block;
    }
}

.ym-homepage-last-section-for-css-stuff{
    padding: 0 1rem;
}

.ym-gallery-display-for-css{
    margin-bottom: 12rem;
}

.image-categorie{
    display: none;
}

.display-none-form-input-because-yolo-css{
    display: none;
}

.add_an_image_to_the_gallery{
    display: none;
}

.inline-upload-rara-stuff-admin-gallery{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
}

.ym-uploading-notification-for-css{
    padding: 0.25rem 1rem;
    border-radius: 5px;
    text-align: center;
    overflow:hidden;
    height: 17px;
}

.inline-upload-rara-stuff-admin-gallery:first-child{
/*     width: 30%; */
/*     min-width: 150px; */
    text-align: left; 
}

#upload-image-submit-button-for-css{
    border: 1px solid black;
    padding: 0.5rem 1rem;
    width: 150px;
    margin-left: 1rem;
    font-size: 0.9rem;
    border-radius: 5px;
    vertical-align: sub;
    font-family: Montserrat;
    cursor: pointer;
    background-color: white;
}

#upload-image-submit-button-for-css:hover{
    text-decoration: underline;
}


.inline-last-admin-upload-container{
    display: inline-block;
}

.inline-upload-rara-stuff-admin-gallery:last-child{
    min-width: 250px; 
}

.upload-image-global-upload-container{
    padding: 0.25rem 1rem;
    border: 1px dashed black;
    border-radius: 5px;
    min-width: 250px;
    max-width: 450px;
    font-size: 0;
    margin: auto;
    margin-top: 1rem;
    cursor: pointer;
    background-color: white;
}

.admin-upload-gallery-form-blablabla{
    padding: 0 1rem;
}

@media screen and (max-width:596px){
    #upload-image-submit-button-for-css{
        margin-left: 0;
        margin-top: 1rem;
        margin-bottom: 0.35rem;
    }
}

@media screen and (max-width:425px){
    .ym-uploading-notification-for-css{
        text-align: center;
    }
}

@media screen and (max-width:375px){
    .ym-uploading-notification-for-css{
        text-align: center;
    }
    .admin-upload-gallery-form-blablabla{
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:709px){
    .homemade-galerie-panel-admin{
        width: 100px;
    }

    .admin-gallery-item{
        height: 100px;
    }

    .drop_an_image_from_the_gallery{
        font-size: 0.9rem;
    }

    .this-image-selector-admin-modal-button{
        font-size: 0.8rem;
        padding: 0;
    }
}

@media screen and (max-width:425px){
    .homemade-galerie-panel-admin{
        width: 70px;
    }

    .admin-gallery-item{
        height: 70px;
    }
}

@media screen and (max-width:1130px){
    .admin-slider-editor-view{
        width: 200px;
    } 
}

@media screen and (max-width:877px){
    .admin-slider-editor-view{
        width: 150px;
    }
    
    .admin-slider-editor-image-preview img{
        height: 150px;
    }
}

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

    .admin-slide-change-css-caption{
        font-size: 0.9rem;
    }

    .admin-slider-editor-view{
        width: 125px;
    }
    
    .admin-slider-editor-image-preview img{
        height: 125px;
    }
}

@media screen and (max-width:560px){
    .admin-slider-editor-view{
        width: 225px;
    }
    
    .admin-slider-editor-image-preview img{
        height: 150px;
    }
}

@media screen and (max-width:503px){
    .admin-slider-editor-view{
        width: 150px;
    }
    
    .admin-slider-editor-image-preview img{
        height: 150px;
    }
}

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

    .admin-slide-change-css-caption{
        font-size: 0.85rem;
    }

    .admin-delete-homeSlide-button{
        font-size: 1.2rem;
    }
    .admin-slider-editor-view{
        width: 125px;
    }
    
    .admin-slider-editor-image-preview img{
        height: 125px;
    }
}

@media screen and (max-width:768px){
    .ym-rea-card{
        width: 90%;
        margin-bottom: 1.5rem;
    }

    #ym-rea-card-n-3{
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width:425px){
    .ym-rea-card-image-layout{
        height: 150px;
    }
}

.ym-rea-card textarea{
    background-color: transparent;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.ym-rea-card textarea:hover{
    background-color: #ececec;
    
}

.ym-rea-card textarea:focus{
    background-color: #ececec;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(236,236,236,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(236,236,236,1);
    box-shadow: inset 0px 0px 0px 2px rgba(236,236,236,1);
}

.admin-update-rea-image{
    opacity: 0;
    transition: 0.1s;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.admin-update-rea-image:hover{
    opacity: 0.3;
}

.save_changes_navbar{
    text-align: center;
    position: fixed;
    bottom: 53px;
    left: 0;
    right: 0;
    padding: 1rem 0;
    z-index: 250;
    background: rgba(255,255,255,0.9);
}

.save_changes_navbar button{
    font-family: Montserrat;
    font-size: 1rem;
    border: none;
    background-color: #52565b;
    padding: 0.5rem 2rem;
    color: white;
    border-radius: 0.25rem;
    text-decoration: none;
    transition: 0.2s;
    cursor: pointer;
    font-weight: 400;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);
}

@media screen and (max-width:600px){
    .admin_tabs_layout input{
        width: 250px;
        margin-bottom: 0.5rem;
    }

    .admin_tabs_layout input:last-of-type{
        margin-bottom: 0;
    }
}

@media screen and (max-width:375px){
    .admin_tabs_layout input{
        width: 200px;
    }
}

@media screen and (max-width:350px){
    .admin_tabs_layout input{
        width: 175px;
    }
}

.form_align_inputs input{
    font-family: Montserrat;
    text-align: center;
    margin-bottom: 0.5rem;
    min-width: 225px;
    border: none;
    color: white;
    font-size: 1rem;
    padding: 0.25rem 0.75rem;
    background-color: #65686b;
    color: white;
    border: none;
    border-radius: 5px;
    outline: none;
    transition: 0.1s;
    cursor: url(../images/otherStuff/whitepencursor.png) 8 8,pointer;
}

@media screen and (max-width:920px){
    .admin_footer_top_content{
        width: 50%;
        min-width: 400px;
        margin-bottom: 1rem;
    }

    .form_labels_and_inputs_alignments{
        margin-bottom: 1.25rem;
    }

    #footer_top_content_box_n_116{
        margin-bottom: 0;
    }

    #footer_top_content_box_n_116 textarea{
        margin-bottom: 0;
    }
}

@media screen and (max-width:525px){
    .admin_footer_top_content{
        width: 90%;
        min-width: auto;
    }

    .admin_footer_top_content input, textarea{
        min-width: auto;
    }
}

@media screen and (max-width:375px){
    .footer_submit_position{
        bottom: 76px;
    }
}

.admin_footer_top_content input:focus, textarea:focus:hover{
    background-color: #838688;
}

.admin_footer_top_content input:focus, textarea:focus:focus{
    background-color: white;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.form_align_inputs input:focus{
    background-color: white;
    color: #636b6f;
    cursor: url(../images/otherStuff/blackpencursor.png) 8 8,pointer;
}

.first-rea-section-for-background-image{
    background-image: url("../images/otherStuff/background-rea_1.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.last-rea-section-for-background-image{
    background-image: url("../images/otherStuff/background-rea_2.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

.slick-dotted.slick-slider{
    margin-bottom: 0 !important;
}

.clients-page-css-background-image-for-css{
    background-image: url("../images/otherStuff/background-clients.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.clients-page-css-background-image-first-section-for-css{
    background-image: url("../images/otherStuff/background-clients-reversed.png");
    background-size: inherit;
    background-repeat: no-repeat;
}

.contact-middle-section-background-css-stuff{
    background-image: url("../images/otherStuff/background-contact.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-last-section-background-css-stuff{
    background-image: url("../images/otherStuff/background-contact-last.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.first-css-homepage-background-stuff{
    background-image: url("../images/otherStuff/homepage-first-background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.image-gestion-pages-for-css{
    background-image: url("../images/otherStuff/admin-pages-icon.png");
}

.image-gestion-medias-for-css{
    background-image: url("../images/otherStuff/admin-image-icon.png");
}

.image-gestion-users-for-css{
    background-image: url("../images/otherStuff/admin-users-icon.png");
}

.admin-gestion-des-elements-ym-bruuuh{
    height: 230px;
    width: 250px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 30px;
    position: relative;
    border: 1px solid black;
    border-radius: 5px;
    transition: 0.1s;
}

.admin-gestion-des-elements-ym-bruuuh:hover{
    background-position-y: 35px;
    background-size: 45%;
}

.admin-gestion-des-elements-ym-bruuuh p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding:0.5rem;
    border-top: 1px solid black;
    transition: 0.1s;
}

.admin-gestion-des-elements-ym-bruuuh p:hover{
    text-decoration: underline;
}


.last-css-homepage-background-stuff{
    background-image: url("../images/otherStuff/homepage-second-background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width:950px){
    .admin-gestion-des-elements-ym-bruuuh{
        height: 230px;
        width: 85%;
        margin: auto;
        background-size: 100px;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: 35px;
        position: relative;
        border: 1px solid black;
        border-radius: 5px;
        transition: 0.1s;
    }
}

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

    .admin-choice-item{
        width: 45%;
    }

    .admin-choice-item:first-child{
        margin-bottom: 1rem;
    }

    .admin-choice-item:nth-child(2){
        margin-bottom: 1rem;
    }
}

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

    .admin-choice-item{
        width: 80%;
    }
}

.how-to-admin-download{
    margin-bottom: 7rem;
}

.toto-is-the-new-style-bruuh-for-toujours-plus-grand{
    /* width: 250px; */
    background-color: rgba(255, 255, 255, 0.5);
    /* padding: 0.25rem; */
    border-radius: 5px;
    margin: 5px 5px;
    position: relative;
    display: inline-block;
}

.moyens-entreprise-diapo-container {
    width: 250px;
    height: 240px;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    padding: 0;
}