@media (min-width: 43.75rem) {
    #content.region.region--content.grid-full.layout--pass--content-medium.ie11-autorow {
        display: block;
        /* max-width: 1200px; */
        /* margin: 0 auto; */
    }
}
/*######      -THEME-      ######*/
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

body.custom-node--type-home , h1, h2, h3, h4 {
  font-family: 'Oswald', sans-serif !important;
  background-image: none !important;
  background-color: white;
}
body {
  background-image: unset !important;
}
.golden-orange {
  color: #faa41c;
}
.oswald_police, .change-picture, #form-add-agenda {

    font-family: 'Oswald', sans-serif !important;
}
form#form-user-profile input, #form-user-password input {
    font-family: 'Oswald', sans-serif !important;
}
.back-home {
      padding-left: 36px;
}
.head-inscription-bloc img {
    width: 31%;
}
.font-white {
  color: white;
}
#main-navigation ul.navbar-nav {
    display: flex;
    gap: 33px;
    padding-left: 80px;
    padding-right: 35px;
}
[name="genre"] {
    font-size: 55px !important;
    width: 13px !important;
    height: 13px !important;
}
.image-confirm {
    display: flex;
    justify-content: center;
}
.custom-node--type-confirmation p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    line-height: 22px;
}
span#back-arrow {
    padding-right: 10px;
}
.custom-page-inscription.role-anonymous #main-menu {
    display: none;
}
#inscription .steps.clearfix li a {
  font-family: 'Oswald', sans-serif !important;
}
.simplelogin-wrapper .form-element.form-element--type-text.form-element--api-textfield.is-invalid {
    border: 2px solid red !important;
}
.invalid-feedback {
    font-size: 13px;
    position: absolute;
    top: 42px;
}
.simplelogin .js-form-type-textfield.form-item-name.js-form-item-name {
    position: relative;
}
form#dossier-inscription .p-3.border.border-secondary {
    font-size: large;
}
#parametre-compte #dossier-inscription .custom-file-label {
    width: 85% !important;
}
[data-target="#reglement-disciplinaire"] {
    color: #343434 !important;
}
.role-anonymous div#main-navigation .user-button.order-1 a.btn-primary, #reglement-disciplinaire button.btn.btn-primary {
    background-color: #BC1E6F;
    color: white !important;
    border: none;
}
.role-enseignant main, .account-setting-cus .layout {
  background-color: #F5F5F5;
}
.course-preview {
    text-align: center;
    background: none;
}

#main-menu li ul, #main-menu .user-menu  {
  left: -158px !important;
}
span.career-student.oswald_police {
    text-transform: lowercase;
}
span.career-student.oswald_police::first-letter {
    text-transform: capitalize;
}
select#obtention-bacc {
    border: 2px solid #FAA41C !important;
    border-radius: 30px !important;
    width: 100%;
}
#inscription-p-1 .bordered-box label, #inscription-p-1 .bordered-box span {
    color: black;
}
.d-flex.justify-content-between.content-radio-inscription.paie-radio {
    width: 54% !important;
}
#inscription-p-1 h4.mb-0.p-3.d-flex.text-light.justify-content-between {
    margin-top: 19px;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}
#inscription-p-1 .bordered-box {
    padding-left: 0;
    padding-right: 0;
}
#inscription-error .modal-dialog {
    right: 139px;
    float: right;
    top: 0;
}
.custom-node--type-contact #content > div {
    margin-bottom: 0;
}
.page-notification #content > div {
    margin-bottom: 0;
}
.py-3.mobile-paiement input.form-check-input {
    top: 7px;
}
.step-tabs li.step-item.current:not(:last-child)::after {
  border-bottom: 2px solid #faa41c;
}
.step-tabs li.step-item:not(:last-child)::after {
    position: absolute;
    content: '';
    top: -18px;
    width: 110%;
    left: 69%;
    height: 2px;
    border-bottom: 2px solid #E3DDDD;
}
body.custom-node--type-cours h2.exercice:after {
    left: 0;
    width: 14%;
}
body .notify-drop .drop-content li {
  padding: 10px 10px 10px 0 !important;
}
body .ul.nav.navbar-nav.navbar-right li.notification-items.unread{
  padding-top: 10px !important;
}
table#list-cours tbody tr td {
    vertical-align: middle;
}
body .user-dossier.bordered-box .custom-file input {
    cursor: pointer !important;
}
th.custom-status.oswald_police.sorting {
    min-width: 100px;
}
a.document-exercice {
    color: #BA1E6F;
}
li.exo-doc {
    list-style: none;
}
h2.exercice {
    position: relative;
}
.content-parcours .txt-content h3 {
    color: #faa41c;
    font-weight: 200;
    margin-bottom: 0;
    margin-top: 18px;
}
.img-notif .visio {
    background: #faa41c;
    padding: 10px;
    border-radius: 55%;
    width: 54px;
    height: 51px;
}
#inscription-form #inscription--- .actions.clearfix button.btn:not(.send-inscription) {
    background: #D9D9D9;
}
.simplelogin-form .forgot-password {
    margin: 4px 0 0 !important;
    color: #b4b4b4;
    font-size: 13px;
    text-align: center;
    padding-bottom: 42px;
}
.list-student-cus .layout, .list-files-cus .layout, .list-notes-cus {
    background: #f5f5f5;
}
#table-search-bibliotheque {
    border-radius: 30px !important;
    height: calc(2.25rem + 2px);
    min-height: auto;
}
.custom-page-inscription .form-group.licence-mention {
    padding-top: 11px;
}

.mobile-sidebar-left-trigger {
  display: none;
}
label#genre-error {
    margin-top: -23px !important;
    min-width: 231px !important;
}
#inscription-p-2 .border-bottom h4.two-col .descriptions-lab {
  text-align: left;
}
#inscription-p-2 .border-bottom h4.two-col {
    display: flex !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #E3DDDD;
    border-radius: unset;
}
#inscription-p-2 .border-bottom {
    border-bottom: unset !important;
}
#reinscription .form-check-input, #inscription .form-check-input {
    border-color: none !important;
    background-color: #E3DDDD !important;
    border: none;
    padding: 9px;
}
.inscription-genre {
    display: flex;
    margin-top: -15px;
    padding-top: 12px;
}
label#genre-error {
    min-width: 240%;
}
.parcours-and-contact {
    display: flex;
    width: 84%;
    gap: 2px;
}
.field.field--name-field-date-de-la-visioconference.field--type-datetime.field--label-above .field__item time {
  font-weight: bold;
}
.field.field--name-field-date-de-la-visioconference.field--type-datetime.field--label-above .field__label {
    font-weight: 200 !important;
}
.listes-courses a.btn-acheter.disabled {
    display: none;
}
.footer-logo-and-social-media {
    width: 33%;
}
.page-search-course {
  background: #f3f3f3;
}
#frmStripePayment input#submit-btn {
    float: right;
}
#frmStripePayment #error-message {
    position: absolute;
    top: -16px;
    left: 0px;
}
span#reponse {
    margin-left: -12px;
}
.custom-page-inscription #frmStripePayment {
    position: absolute !important;
    top: 47% !important;
    background: #fcfcfc !important;
    width: 38.8% !important;
    z-index: 69;
    border: none !important;
    border-radius: unset !important;
    box-shadow: unset;
    margin-left: 0px;
    height: 158px !important;
    border-bottom-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}
.parcours-and-contact {
    display: flex;
    width: 67%;
}
.message-and-date {
    display: flex;
    width: 83%;
    gap: 9px;
    justify-content: space-between;
}
.parcours-, .col-contact-information {
    width: 50%;
}
.geit-tel ul li {
    padding-right: 26px;
}
.page-title.pay-card h2 {
    margin-top: 92px;
}
.menu-utilisateur-horizontal a {
   
  display: inline-block;
  padding-bottom: 6px;
  position: relative;
 }    
 .custom-node--type-article {
  background: #f5f5f5;
 }
 .menu-utilisateur-horizontal a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 6px;
  left: 50%;
  position: absolute;
  background: #ffa41c;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
h2.h2-fichier {
  width: 100%;
}
.head-contents {
    display: flex;
    justify-content: space-between;
}
.menu-utilisateur-horizontal a:hover {
  color: white !important;
} 
.menu-utilisateur-horizontal a:hover:after { 
  width: 100%; 
  left: 0; 
}
img.default-img {
    width: 50%;
}
.custom-edit-cours #update-course .custom-file-label {
    border-radius: 25px;
}
.dashboard-custom td.cours-is-pub {
    width: 12%;
}
.custom-reset-pass input#edit-submit {
    background-color: #FAA41C;
    border: none;
    border-radius: 30px;
}
.custom-reset-pass form#user-pass-reset {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 4%;
}
#paiement-form label.form-check-label {
    padding-left: 40px;
}
.dashboard-custom , .custom-reset-pass .layout{
  background: #f5f5f5;
}
.custom-edit-cours button#update-cours {
    background: #faa41c;
    border: none;
    border-radius: 25px;
    width: 27%;
    display: flex;
    justify-content: center;
}
.cuss-file .user-course.d-card.add .user-course--icon {
    margin-bottom: 0;
    border-bottom: 0;
    padding: 0;
}
#mes-mentions .card.card-expanded {
    flex: auto;
    margin-right: 0 !important;
}
.user-course.d-card.add .user-course--icon img {
    width: 16px;
}
hr#courses {
    background: #faa41c;
    width: 85%;
    margin-bottom: 40px;
}
svg.remove-notif {
    width: 5%;
    height: 50%;
    position: absolute;
    left: 17px;
}
.faq-question {
  cursor: pointer;
  font-weight: bold;
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  margin-bottom: 2px;
  font-size: 15px;
}

.faq-head {
  width: 100%;
  height: 500px;
  background-image: url("/themes/custom/esum/images/faq.png");
  background-size: cover;      /* équivalent de object-fit: cover */
  background-position: center;
}

.faq-answer {
  padding: 10px;
  border: 1px solid #ddd;
  border-top: none;
}
.custom-page-faq .layout {
    background: #f5f5f5;
}
.custom-page-faq main {
      /* margin-top: -56px; */
}
h2#faqtitle {
    padding: 174px 42px 0 111px;
}
.custom-page-faq .faq-content {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 2%;
}
#show-modal-bibliotheque {
  border: none;
}
.cuss-file .user-course--icon {
  width : 18px;
}
.bibliotheque .course-content {
    border: none;
}
td.cours-is-pub
 {
    padding-left: 0 !important;
}
.mention-hidden {
  display: none;
}
.pri-cus-file .custom-file-label {
  background-color: #faa41c !important;
}
svg.close-menu-mobile {
    display: none;
}
button.navbar-toggler.closing-but {
    margin-left: auto !important;
    display: block;
    padding-top: 20px;
}
.login-back-home- {
    margin: 0 auto;
    width: 100%;
    color: #FFFFFF;
}
form.user-login-form:before {
    width: 123%;
    margin-left: -30px;
}
.mention-custom-group {
  display: none;
}
#add-bibliotheque input#titre_document {
    border-radius: 30px;
    border: 2px solid #faa41c;
    min-height: auto;
}
input.champ-recherche-custom::placeholder {
    color: #e7dddd;
    font-weight: 200;
}
.role-anonymous.simplelogin {
    background: #343434;
}
.cus-importfile svg{
      width: 14px;
}
.cus-importfile {
    background: #faa41c !important;
    border-radius: 30px;
}
.alert.alert-geit {
    background: #c4155c;
    margin-top: 36px;
    color: white;
}
button#ajout-document, #ajout-agenda {
    background: #faa41c;
    border-radius: 30px;
    border: none;
    color: black;
    font-weight: 200;
    padding: 7px 59px;
}
.cuss-file .user-course.d-card.add {
    display: flex;
    gap: 13px;
    justify-content: space-between;
    border: none;
    background: #faa41c;
    border-radius: 20px;
    padding: 7px 15px;
}
.white-police {
  color: white !important;
  font-weight: 200 !important;
}
.menu-utilisateur-horizontal a.is-active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #faa41c;
  border-radius: 0px;
}
.custom-forgeting-pass .invalid-feedback {
    top: 62px;

}
.custom-forgeting-pass .form-item label, .custom-forgeting-pass .form-wrapper .label,
.custom-forgeting-pass input#edit-submit,.custom-forgeting-pass  [name="name"]::placeholder {
    font-size: 1.10em !important;
}
h2.form-custom-title {
    position: absolute;
    top: 0;
    background: none;
    font-size: 19px;
    display: flex;
    justify-content: flex-end;
    right: 55px;
    text-transform: none;
}
.who-are-we-header-img {
  display: none;
}
.menu-utilisateur-horizontal {
    display: flex;
    list-style: none;
    padding: 0;
    background: #343434;
    margin: 0;
    gap: 20px;
    justify-content: center;
    margin-left: 0 !important;
    height: 59px;
    align-items: center;
}
.menu-utilisateur-horizontal li {
    height: 100%;
    display: flex;
    width: 10%;
    align-items: center;
    justify-content: center;
}
.menu-utilisateur-horizontal.menu--level-2 li {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
div#main-navigation ul.navbar-nav a {
  font-size: 18px;
}
.menu-utilisateur-horizontal a {
  text-decoration: none;
  color: #d3cccc;
  font-size: 17px;
}
.close-sidebar-cours {
  display: none;
}


img.user-avatar {
    width: 67%;
}

td.see-details {
    padding-left: 0 !important;
    width: 100%;
    padding-top: 32px;
}
td.cours-is-pub {
    width: 100%;
}
.semestre-tabs {
    padding-top: 12px;
}

.buy-prof-course {
      margin-top: 6px;
}


/********** Page QUIZ ***/
.container-ready-for-quiz {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 6%;
    text-align: center;
    display: flex;
    justify-content: center;
}
#icon-quiz-and-head {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2%;
}
h2.quiz-head {
  text-transform: none;
}
.icon-quiz-lauch {
    width: 11%;
    height: auto;
    object-fit: contain;
}
.ready-for-quiz {
    background: #343434;
}
.back-to-course {
    display: flex;
    padding: 2%;
    color: #ffff !important;
}
.btn.btn-primary.btn-lauch-quiz {
    background: #faa41c;
    border-radius: 20px;
    border: none;
    padding: 10px 80px;
    color: #343434;
    font-size: 15px;
}
.page-liste-projet input#edit-submit-liste-projet {
  display: none;
}
.geit-list-quiz .views-element-container, 
.page-liste-projet  .views-element-container{
    background: #ffff;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px;
    border-radius: 30px;
    margin-top: -70px;
}
.text-content.clearfix.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    padding-right: 70px;
    padding-left: 30px;
}
.confirmation {
    background: #ffffff;
    border-radius: 15px;
    border: none;
}
.custom-node--type-confirmation main {
    background: #F5F5F5;
}
.custom-page-inscription select.ui-datepicker-year {
  height: 38px;
}
.custom-page-inscription .ui-datepicker-month {
    padding-right: 2.375rem;
    height: 38px;
}
.custom-file-input-ref {
  display: none;
}
.user-dossier.bordered-box {
  padding-top: 0 !important;
}
#inscription-p-0 .bg-light.user-information {
  padding-bottom: 0;
}
.user-dossier.bordered-box h4.text-secondary {
    margin-top: 0;
    margin-bottom: 0;
}

.custom-page-inscription span.ui-icon.ui-icon-circle-triangle-w {
      margin-top: 11px;
}
.custom-page-inscription .ui-datepicker-header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.custom-page-inscription .ui-datepicker{
    width: 100%;
    top: 42px !important;
    left: 0 !important;
    padding: .5rem 1rem 0 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 0.875rem !important;
    background-color: #FFF !important;
    z-index: 10 !important;
    border: 1px solid gray;
    background: rgb(245, 245, 245);
    border: none;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.simplelogin a, .simplelogin-form .forgot-password a, .simplelogin a:hover, .simplelogin a:focus,
[data-target="#reglement-disciplinaire"] {
    color: #BC1E6F;
}
.custom-page-inscription .region > * {
    margin-bottom: 1.375rem;
}
.form-container.custom-class-inscription-div input[type="radio"], #paiement-form input.form-check-input  {
    width: 0.6875rem;
    height: 0.6875rem;
}
#paiement-form input.form-check-input {
  border-color: #faa41c;
}
.form-container.custom-class-inscription-div .form-control {
    min-height: 2rem;
}
ul.menu-utilisateur-horizontal.oswald_police.menu.menu--level-1 {
    position: sticky;
    top: 74px;
    z-index: 9;
}
.role-authenticated main {
  overflow: unset;
}
.geit-list-quiz table.oswald_police.views-table.cols-4, .oswald_police.views-table.liste-projet {
    width: 100%;
}
td.views-field.views-field-field-licence-quiz a {
    color: #BA1E6F;
    background-color: #D9D9D9;
    padding: 3px 23px;
    border-radius: 15px;
}
.geit-list-quiz .js-form-submit.form-submit.btn.btn-primary {
  display: none;
}
.geit-list-quiz td.views-field.views-field-edit-node, th#view-edit-node-table-column  {
  text-align: center;
}
.geit-list-quiz td.views-field.views-field-edit-node a {
    color: white !important;
    background-color: #faa41c;
    padding: 5px 20px;
    border-radius: 15px;
    border: none;
    margin-right: 20px;
}
.no-published, .yes-published {
    background: #ffffff;
    border: 1px solid #D9D9D9;
    border-radius: 30px;
    text-align: center;
    padding: 3px 0;
    width: 67%;
}
.dashboard-custom .group-niveau-filter {
    max-width: 30%;
}
.dashboard-custom td.date-activities.oswald_police.date-td {
    padding-left: 0 !important;
    padding-right: 0;
    width: 100%;
}
.fichier-student input#table-search-bibliotheque {
    width: 29% !important;
}
span.date-sent {
    font-size: 10px;
}
.cus-print {
  cursor: pointer;
}
td.views-field.views-field-field-elements {
    font-size: 20px;
}
#talkjs-container {
  height: 500px;
}
.chat-container
{
    background: #faa41c !important;
}
.custom-chat-page .chat-container {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 30px;
    width: 50%;
    padding: 20px;
    box-shadow: 0px 5px 20px 1px;
    background-color:  #faa41c;
}
#chat-form button {
    font-size: 17px;
}
.card-who_can_subscribe h2 {
      background-color: unset;
      text-transform: none;
  }
.discuss-chat a {
    background: #BA1E6F;
    color: #ffff;
    padding: 10px 20px;
    border-radius: 20px;
    width: max-content;
    float: right;
}
.group-chat-geit #content {
    background: #ffffff;
    padding: 50px;
    max-width: 1200px;
    margin: 0 auto;
}
.ChatHeader__header {
    background: #FAA41C;
    border: #FAA41C 1px solid;
}
div#chat-box {
    border: #FAA41C 1px solid;
    border-radius: 13px;
}
.geit-list-quiz .view-empty {
    padding-top: 3%;
}
.yes-published {
    background: #D9D9D9;
    border: none;
}
.quiz-preparation {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
    width: 35%;
}
.role-anonymous #main-menu .navbar-brand img {
    width: 75px;
    height: auto;
}
.wide-image.primary-image.field.field--name-field-image.field--type-image.field--label-above {
    margin-left: 0 !important;
    width: 100%;
}
.custom-node--type-confirmation .field.field--name-field-titre-message.field--type-string.field--label-hidden.field__item {
    color: #bc1e6f;
}
.cus-soumission-quiz {
  background: #f5f5f5;
}
table.oswald_police.custom-table-soumission {
  width: 100%;
}
table.oswald_police.custom-table-soumission, table.oswald_police.custom-table-soumission tr, table.oswald_police.custom-table-soumission td, table.oswald_police.custom-table-soumission th {
    /* border: gray 1px solid; */
}

.cus-soumission-quiz #content {
  max-width: 1200px;
  margin: 0 auto;
}
.page-add-quiz .breadcrumb-container,.cus-soumission-quiz .breadcrumb-container,  .geit-list-quiz .breadcrumb-container, .custom-node--type-confirmation  .breadcrumb-container, .custom-page-faq   .breadcrumb-container{
    display: none;
}
#quiz-navigation {
    display: flex;
}
.page-add-quiz #content {
    max-width: 1200px;
    margin: 0 auto;
}
p.titre-quiz-form.oswald_police {
    font-size: 24px;
    font-weight: bold;
}

form#node-quiz-form p.titre-quiz-form,
form#node-quiz-edit-form p.titre-quiz-form
 {
  position: relative;
}
.custom-quiz-form input.js-text-full.text-full.form-text.form-control {
  width: 100%;
}
.custom-node--type-chapitre_cours #content {
    max-width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    padding: 40px;
}
.custom-node--type-cours tbody td {
    width: 50%;
}
.custom-node--type-cours tbody td img {
    width: 100%;
}
p.oswald_police.already-done-message {
    padding-top: 35px;
}
.custom-quiz-form input.js-text-full.text-full.form-text.form-control, 
.page-add-quiz input.form-date.form-element.form-element--type-date.form-element--api-date.form-control,
.page-add-quiz input.form-time.form-element.form-element--type-time.form-element--api-date.form-control,
.custom-quiz-form input.form-autocomplete.form-text.form-control.form-element.form-element--type-text, 
.custom-quiz-form input.form-number.form-control.form-element.form-element--type-number.form-element--api-number,
.custom-class-devoir input.js-text-full.text-full.form-text.form-control, 
.custom-class-devoir input.form-autocomplete.form-text.form-control.form-element.form-element--type-text, 
.custom-class-devoir input.form-number.form-control.form-element.form-element--type-number.form-element--api-number
 {
  border: 1px solid #faa41c;
  border-radius: 44px;
  padding: 5px;
  min-height: auto;
}
.custom-node--type-element_constitutif .tab-content.user-account--tab-content h2:after {
  display: none;
}
.custom-node--type-unite_d_enseignement .layout, .custom-node--type-element_constitutif .layout , .page-chat-cours, .vue-liste-personnes .layout{
  background: #f5f5f5;
}
.page-chat-cours main {
  padding: 40px;
  max-width: 1200px;
  margin: 0 auto;
  background: #ffffff;
}
h2.chat-discuss::after {
  content: '';
    position: absolute;
    left: 0;
    width: 25%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
}
.dashboard-custom .form-group.date-range-picker.oswald_police {
  display: none;
}
.dashboard-custom select.custom-select.oswald_police {
    width: 67%;
}
h2.chat-discuss {
  position: relative;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
}
.custom-node--type-unite_d_enseignement .container.ue {
    background: #ffff;
}
.custom-quiz-form  .form-item__label {
  font-weight: bold;
}
.custom-quiz-form input.form-autocomplete.form-text.form-control.form-element.form-element--type-text,
.custom-quiz-form input.form-number.form-control.form-element.form-element--type-number.form-element--api-number {
  width: 50%;
}
.exercises p.titre-quiz-form {
  position: relative;
}
form#node-quiz-form p.titre-quiz-form:after,
.custom-class-devoir p.titre-quiz-form:after,
form#node-quiz-edit-form p.titre-quiz-form:after
{
  content: '';
  position: absolute;
  left: 0;
  width: 15%;
  height: 9px;
  background-color: #FAA41C;
  z-index: 0;
  bottom: -10px;
}
.exercises p.titre-quiz-form:after {
  width: 23%;
}
#course-name {
    float: right;
}
.comment-threaded.custom-comment {
    scroll-margin-top: 177px;
}
span#new-pass, #confirm-pass {
    top: 12px;
    font-size: 16px;
}
/* Champ valide → vert */
input.yes-valid-pass {
  border: 2px solid #28a745;
  box-shadow: 0 0 5px rgba(40, 167, 69, 0.5);
}

/* Champ invalide → rouge */
input.is-invalid-pass {
  border: 2px solid #dc3545;
  box-shadow: 0 0 5px rgba(220, 53, 69, 0.5);
}

.list-notes-cus td.student-info.sorting_1 {
    width: 100%;
}
.list-notes-cus  .tab-content.user-account--tab-content h2:after {
  width: 11%;
}
.see-details .see-detail-course {
  margin-right: 10px;
}

.custom-node--type-devoir #content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px;
    background: #ffff;
}
div#inscription-p-1 .bordered-box .form-check-input {
    top: 8px;
}

.why-register-1 h3 {
  font-size: 1.9rem;
}

form#node-quiz-form, 
form#node-quiz-edit-form
{
    background: white;
    padding: 46px;
    border-radius: 15px;
    font-family: 'Oswald', sans-serif !important;
  }
.user-pass-reset, .user-pass-reset em,  .user-pass-reset p, .user-pass-reset .js-form-submit, #paiement-form .actions.clearfix ul.pagination button  {
  font-family: 'Oswald', sans-serif !important;
}
#paiement-form .actions.clearfix ul.pagination button {
    border-radius: 30px;
}
.view-content.oswald_police.all-rows-quiz table thead th{
    font-family: 'Oswald', sans-serif !important;
}
.container-view-filters {
    display: flex;
    justify-content: space-between;
}
form.esum-quiz-do-form {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px;
}
.esum-quiz-do-form .submit-quiz  {
  border: none;
}
.quiz-input-group .form-item__label {
    padding-left: 42px !important;
}
span.fieldset-legend p {
    margin-bottom: 0;
    margin-top: 80px;
}
.layout.quiz {
    background: #F5F5F5;
}
fieldset.quiz-input-group.fieldgroup.form-composite.js-form-item.form-item.js-form-wrapper.form-wrapper {
    background: #FFFFFF;
    padding: 15px;
    padding-top: 20px;
    border-radius: 15px;
}
#quiz-timer {
    position:sticky;
    top: 100px;
    max-width: 100%;
    left: 0;
    right: 0;
    width: 100vw;
    margin-left: calc(-50vw + 600px);
    background: white;
    z-index: 1000;
    padding-left: 44px;
}
#quiz-container label.form-item__label.option {
    font-size: 14px;
}
#quiz-container .form-type-boolean {
  position: relative;
}
#quiz-container input.form-check-input.btn.btn-primary.form-boolean.form-boolean--type-radio {
    width: 13px;
    top: 6px;
    height: 13px;
}
.quiz-page .breadcrumb-container, .group-chat-geit  .breadcrumb-container{
  display: none;
}
#quiz-container span.fieldset-legend {
    display: flex;
    align-items: baseline;
    font-weight: bold;
}
#quiz-container span.highlight-title > p {
    font-size: 23px;
}
#quiz-timer > .inner {
    color: #faa41c;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 34px;
    padding: 25px 0 ;
    z-index: 1000;
    font-weight: bold;
    font-size: 23px;
}
.quiz-page main {
  overflow: visible;
}
#quiz-container input[type="radio"] {
      border: 4px solid #D9D9D9;
}
#quiz-container  .form-check-input.btn-primary:hover {
    color: #fff;
    background-color: #faa41c;
    border-color: #faa41c;
}
#quiz-container input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23FAA41C'/%3E%3C/svg%3E");
  background-size: 1.0625rem;
}
 #quiz-container .btn-primary:not(:disabled):not(.disabled):active {
  border: none !important;
 }
 select#edit-field-quiz-status {
    width: 14%;
    background: #faa41c;
}
.custom-question- [id*="field-reponses-values"] th.field-label h4 {
  padding-bottom: 10px;

}
.custom-question- tr td, .custom-question- th {
  font-family: 'Oswald', sans-serif !important;

}
tr.draggable.paragraph-type--question-quiz .paragraph-top.add-above-off {
    display: flex;
    gap: 16px;
    /* align-items: center; */
}
.field--type-string.field--name-field-reponse .form-group.js-form-item.form-item.js-form-type-textfield label.form-item__label {
    display: none;
}
.custom-question- input[type="checkbox"]:checked {
    background-image:  url("../img/checked.png");
}
.custom-question- input.field-add-more-submit.button--small {
    background: #faa41c;
    border: none;
    border-radius: 30px;
    color: white;
    font-size: 15px;
}
.custom-question- .field-multiple-table th.field-label .paragraphs-actions .js-form-submit.form-submit.btn.btn-primary {
    position: absolute;
    left: 126px;
    top: 0;
    color: white;
    background: #faa41c;
    border-radius: 30px;
    border: none;
    height: 44px;
    font-weight: 200;
    font-size: 14px;
  }
tr.draggable.paragraph-type--question-quiz .paragraphs-actions .js-form-submit {
    border-radius: 30px;
    border: none;
    background: black;
    font-size: 14px;
    color: white;
    padding: 0px 30px;
    height: 39px;
}
 #field-questions-values > tbody tr.draggable.paragraph-type--question-quiz > td.field-multiple-drag {
    display: none;
}
.custom-question- tr.draggable.paragraph-type--question-quiz img.paragraph-type-icon, .custom-question- .form-item--editor-format  {
    display: none;
}
.custom-question- .field-multiple-table th.field-label h4 {
    background: none;
    color: white;
    font-size: 20px;
    padding-left: 25px;
    padding-top: 10px;
}
.custom-question- .form-type-boolean.form-group.js-form-type-checkbox label {
    padding-left: 41px;
}
div#field-questions-0-subform-field-reponses-0-item-wrapper > div {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
}
div#edit-field-questions-0-subform-field-reponses-0-subform {
  width: 100%;
}
[id*="field-reponses-values"] .paragraph-top.add-above-off.js-form-wrapper.form-wrapper > div:first-of-type {
    display: none;
}
[id*="field-questions-"][id*="-subform-field-reponses-"][id*="-item-wrapper--"] > div .paragraphs-subform.js-form-wrapper.form-wrapper{
  width: 100%;
}
[id*="field-questions-"][id*="-subform-field-reponses-"][id*="-item-wrapper--"] > div {
    display: flex;
    flex-direction: row-reverse;
    width: max-content;
    min-width: 100%;
}
.custom-question- .field-multiple-table th.field-label {
    background: #343434;
    border-radius: 15px;
    border-bottom: none;
    position: relative;
    padding-bottom: 33px;
}
[id*="edit-field-questions-0-subform-field-reponses-add-more"] {
  background: none !important;
}
.field--name-field-questions [data-drupal-selector="edit-field-questions"] > .clearfix,  .field--name-field-questions .clearfix  {
  color: transparent;
}
.custom-class-devoir #edit-actions input#edit-submit,
.node-quiz-form #edit-actions input#edit-submit,
.node-quiz-edit-form #edit-actions input#edit-submit 
{
    background: #faa41c;
    border: none;
    border-radius: 30px;
    color: #343434;
    font-family: 'Oswald', sans-serif !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .custom-class-devoir textarea.text-summary.js-text-summary.form-textarea {
    border: 1px solid #faa41c;
    border-radius: 15px;
  }
  .custom-class-devoir div#edit-actions,
  .node-quiz-form div#edit-actions,
  .node-quiz-edit-form div#edit-actions
   {
    display: flex;
    gap: 9%;
  }



/* Cacher les sous-menus par défaut */
.menu--level-2.menu-utilisateur-horizontal {
  display: none !important;
  position: absolute;
  background-color: white;
  min-width: 160px;
  z-index: 1000;
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
  padding: 0;
  margin: 0;
}

.menu--level-2.menu-utilisateur-horizontal li {
    display: block;
    padding: 8px 16px;
    background: #343434;
}
.page-liste-projet .view-liste-projet {
    max-width: 1200px;
    margin: 0 auto;
}

/* Afficher les sous-menus au survol */
.menu__item--has-children:hover > .menu--level-2.menu-utilisateur-horizontal {
    display: block !important;
    top: 57px;
    left: 61px;
}
li.menu__item.menu__item--link.menu__item--level-1.menu__item--has-children {
    margin-left: -32px;
}

/* Positionner correctement le sous-menu */
.menu__item--has-children {
  position: relative;
}

/* Style de base du menu horizontal */
.menu-utilisateur-horizontal {
  /* list-style: none !important;
  display: flex !important;
  gap: 20px;
  padding: 0; */
}

.menu-utilisateur-horizontal li a {
  /* text-decoration: none !important;
  color: #000;
  padding: 10px;
  display: block; */
}








  .simplelogin-form .alert ul {
    display: block;
  }
  .custom-class-devoir .form-select.custom-select {
      min-height: 3.375rem;
  }
  .custom-class-devoir [name="field_document_0_remove_button"] {
    background: #faa41c;
    border: none;
    border-radius: 29px;
    color: #151515f0;
  }
  .node-quiz-edit-form a#edit-delete ,  .custom-class-devoir a#edit-delete{
      background: #BC1E6F;
      color: white;
      border: none;
      border-radius: 30px;
  }
  .custom-quiz-form input {
      padding-left: 20px !important;
  }
  input.btn-quiz.button.js-form-submit.form-submit.btn.btn-primary {
    border: none;
  }
  .field--name-field-questions [id*="field-reponses-values"] + .clearfix > .paragraphs-dropbutton-wrapper.paragraphs-add-wrapper {
    padding-left: 50px;
  }
  .icon-quiz{
    width: 10%;
  }
  .custom-node--type-cours h2.titre-quiz:after {
    content: '';
    position: absolute;
    left: 0;
    width: 8%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
  }
  a.btn-start-quiz:focus {
      outline: none;
      outline-offset: 2px;
  }
  .each-quiz h4 {
      margin-top: 20px;
      margin-bottom: 20px;
  }
  .btn-start-quiz {
      font-size: 15px;
      display: flex;
      background: #faa41c;
      width: 239px;
      justify-content: center;
      align-items: center;
      padding-right: 0;
      border-radius: 18px;
      height: 38px;
      color: white;
      padding-right: 3%;
  }
  .custom-class-devoir #edit-preview,
  .node-quiz-form #edit-preview,
   .node-quiz-edit-form #edit-preview
  .node-quiz-edit-form #edit-preview, .node-quiz-edit-form #edit-preview
  {
    border: none;
    color: #ffff;
    background: #343434;
    font-family: 'Oswald', sans-serif !important;
    border-radius: 30px;
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.field--name-field-feedback .form-item--editor-format {
    display: none;
}
.node-quiz-form input.form-date.form-element.form-element--type-date.form-element--api-date, 
.node-quiz-form input.form-time.form-element.form-element--type-time.form-element--api-date,
.node-quiz-edit-form input.form-date.form-element.form-element--type-date.form-element--api-date, 
.node-quiz-edit-form input.form-time.form-element.form-element--type-time.form-element--api-date,

.custom-class-devoir input.form-date.form-element--type-date.form-element--api-date, 
.custom-class-devoir input.form-time.form-element--type-time.form-element--api-date
{
    width: 31%;
    border: 1px solid #faa41c;
    border-radius: 30px;
}
.field--name-field-questions .clearfix > em {
  display: none;
}
.field--name-field-questions [data-drupal-selector="edit-field-questions"] > .clearfix > .paragraphs-dropbutton-wrapper.paragraphs-add-wrapper input:before {
      content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/accordion-list.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.field--name-field-questions [data-drupal-selector="edit-field-questions"] > .clearfix > em.placeholder {
  display: none;
}
.field--name-field-questions [data-drupal-selector="edit-field-questions"] > .clearfix > .paragraphs-dropbutton-wrapper.paragraphs-add-wrapper {
  padding-left: 50px;
}
.field--name-field-questions .clearfix > .paragraphs-dropbutton-wrapper.paragraphs-add-wrapper {
    width: 100%;
    background: #343434;
    border-radius: 15px;
}
.custom-question- button.paragraphs-dropdown-toggle {
  display: none;
}
.custom-question- [id*="field-reponses-values"]  th.field-label h4 {
  color: black;
}
.custom-question- [id*="field-reponses-values"] th.field-label {
  background: none;
}
 .form-group.js-form-item.form-item.js-form-type-number.form-item-field-quiz-duration-0-value.js-form-item-field-quiz-duration-0-value > label:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../img/clock.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
 }
/********** Page QUIZ ***/

/********** Page soumission projet ***/
.node-soumission-devoir-projet-form {
    max-width: 1200px;
    margin: 0 auto;
}
.soumission-projet-custom {
    display: flex;
}
/********** Page soumission projet ***/


/********** Page Parcours ***/
.custom-node--type-nos_parcours #content > div  {
  margin-bottom: 0;
}
.custom-node--type-nos_parcours .breadcrumb-container, .page-liste-projet .breadcrumb-container,  .page-notification .breadcrumb-container  {
  display: none;
}
.page-liste-projet #content {
  max-width: 1200px;
  margin: 0 auto;
}
h2.oswald_police.txt-head, .div-txt-intro h3 {
    background: none;
}
#c-header {
    background-color: white;
}

.img-spe img {
    height: auto;
    width: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-left-txt-right, .txt-left-img-right {
    display: flex;
    gap: 30px;

    display: flex;
    gap: 30px;
    margin-top: 36px;
    background-color: white;
    border-radius: 15px;
    padding: 0 35px;
}
.image-left-txt-right .img-spe {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.txt-left-img-right .img-spe {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.image-left-txt-right {
    padding-left: 0;
    /* padding-bottom: 20px; */
}
.txt-intro {
  position: relative;
}
.txt-head p em {
    font-style: italic;
}
h2.oswald_police.txt-head {
    text-transform: none;
}
.txt-left-img-right {
  padding-right: 0;
  /* padding-bottom: 20px; */
}
.list-puce.bold-txt table {
  width: 100% !important;
}
.txt-right {
    width: 50%;
    padding-bottom: 20px;
}
.bold-txt{
  font-weight: bold;
}
.img-spe {
    background-color: #343434;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.txt-intro:before {
    content: '';
    top: 0;
    width: 51px;
    background-color: #faa41c;
    height: 73px;
    z-index: 4;
    left: -56px;
    position: absolute;
}
.div-txt-intro {
    display: flex;
    gap: 267px;
    align-items: center;
}
#parcours-header {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    gap: 114px;
}
.content-parcours {
      margin: 0 auto;
    max-width: 1200px;
}
div#parcours-header img {
    width: 38%;
}
h2.oswald_police.txt-head span {
    color: #faa41c;
}
.custom-node--type-nos_parcours {
  background: #F5F5F5;
}

/********** Page Parcours ***/


span#exam-elem-const, span#exam-course, span#date-visio, span#visio-cours-title{
    font-weight: bold;
}
.img-notif svg.exam-notif {
    background: #faa41c;
    border-radius: 61px;
    padding: 4px 7px;
    width: 48%;
    height: 8%;
}
.list-agenda ul.slick-dots li {
    list-style: none;
}
.list-agenda ul.slick-dots {
    display: flex !important;
}
.see-all-notif {
    display: flex;
}



/********** Page 404 - 403 ***/
.img-403 {
  width: 28%;
}
.system-404 , body main.page-403, main.page-404-main {
    background: #343434 !important;
}
#parcours-3, #parcours-2, #parcours-1 {
  scroll-margin-top: 100px; /* ajuste selon la hauteur de ton header */
}
.back-to-home {
    /* margin-left: 45px; */
    top: 0px;
    position: absolute;
    color: white !important;
    font-weight: normal !important;
}
.not-found-page, .forbidden-page {
  position: relative;
}
h2.h404, h2.forbidden {
  background: none !important;
  font-weight: bold !important;
  text-transform: none;
  margin-bottom: 10px;
}

p.white-police.oswald_police {
    font-size: 15px;
}
.img-404 {
  width: 75%;
}
main .page-404, .page-403-content {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/********** Page 404 - 403 ***/



/******Page liste personne****/
.vue-liste-personnes .breadcrumb-container {
  display: none;
}


.vue-liste-personnes  .button.js-form-submit {
    background: none;
    border: none;
    position: absolute;
    top: 6px;
    left: 222px;
}
.vue-liste-personnes .views-exposed-form  {
  position: relative;
}
.vue-liste-personnes td.views-field.views-field-view-user a {
    text-align: left !important;
    background: #D9D9D9;
    padding: 8px 23px;
    border-radius: 20px;
    color: #BA1E6F;
}
.vue-liste-personnes  td.views-field.views-field-view-user {
    padding-left: 39px !important;
}
.content-search-course .js-form-type-textfield.form-item-title {
  width: 30%;
}
.content-search-course .views-exposed-form.form--inline {
    padding-bottom: 20px;
}
.vue-liste-personnes  input.button.js-form-submit.form-submit.btn.btn-primary,
.recherche-actu .button.js-form-submit,
 .content-search-course    input.button.js-form-submit.form-submit.btn.btn-primary{
  display: none;
}
button.submit-loupe {
    margin-left: -54px;
}
.vue-liste-personnes .views-exposed-form .form-item-combine  {
    width: 30%;
}
.vue-liste-personnes td {
  border: none !important;
}
.vue-liste-personnes .views-table tr.odd {
  background-color: #FFFFFF;
}
.vue-liste-personnes #content > div {
    margin-bottom: 0;
}
.view-liste-des-personnes {
    max-width: 1200px;
    margin: 0 auto;
}
div#paiement-p-0 .d-flex.justify-content-between.p-3 input.form-check-input {
    top: 8px;
}
.vue-liste-personnes  nav.pager {
    display: flex;
    justify-content: center;
}
.vue-liste-personnes .pager__item {
    width: 2rem;
    height: 2rem;
}
.vue-liste-personnes  .pager__item--active {
    color: #fff;
    background-color: #faa41c;
    color: black;
}
table.oswald_police.views-table.cols-0 td {
    vertical-align: middle;
}

.vue-liste-personnes .views-table tr.even {
  background-color: #F3F3F3;
}

.view-liste-des-personnes [name="combine"],.content-search-course [name="title"], .recherche-actu [name="combine"]{
  border-radius: 60px;
  border-color: #faa41c;
  width: 100%;
  min-height: 46px;
}
.view-liste-des-personnes {
    background: white;
    border-radius: 15px;
    padding: 20px;
    top: 36px;
}
.vue-liste-personnes  td.views-field.views-field-user-picture {
    width: 12%;
    padding-right: 0;
    padding-left: 73px !important;
}
.custom-quiz-form button.link.tabledrag-toggle-weight {
    display: none;
}
.vue-liste-personnes  td.views-field.views-field-custom-my-field {
    width: 7%;
    max-width: 50px;
}

.vue-liste-personnes td.views-field.views-field-custom-fullname-field {
    padding-left: 160px !important;
        width: 41%;
}

/******Page liste personne****/
.container.actualites-list {
    padding-bottom: 9%;
}

/******Page recherche cours****/
.page-search-course .breadcrumb-container {
  display: none;
}
.content-search-course {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    padding: 20px 30px;
    border-radius: 15px;
}
header.cours-slider-header {
    margin-bottom: 35px;
}
.page-search-course .ue-block {
    margin-bottom: 1rem;
    display: flex;
    gap: 30px;
}
.page-search-course ul.each-cours-block li img{
    max-height: 200px;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: cover;
}
.page-search-course ul.each-cours-block li{
    width: 100%;
}
.page-search-course .content-bloc {
    width: auto;
    padding-bottom: 20px;
    min-width: 30%;
}
.page-search-course #content > div {
    margin-bottom: 0;
    margin-top: 0;
}
.img-mobile-money svg {
    width: 66% !important;
    padding-left: 7%;
}
/******Page recherche cours****/

/******Page detail actu****/
h4.article-title {
    margin-bottom: 10px;
    margin-top: 0;
}
.more-actu-title {
    width: 100%;
}
.article .social-media-list  {
  list-style: none;
}
.article .social-media-list a i:before { 
  color: white;
}
.article .social-media-list a {
    background-color: #BA1E6F;
}
.more-actu {
    display: flex;
    gap: 20px;
}
.recent-article {
  width: 100%;
}
.col-lg-4.article-sidebar {
  max-width: 100% !important;
  flex: 0 0 38%;
}
.img-actu {
    width: 50%;
    min-height: 100px;
    object-fit: cover;
}
.recent-article>div {
  border-bottom: none;
}
#articles-actualite.article img {
  height: auto !important;
}
.custom-node--type-article #articles-actualite.article .more-actu {
    margin-bottom: 0;
    padding-bottom: 0;
}
#articles-actualite article img {
  max-height: 320px;
}
.custom-node--type-article #articles-actualite.article .img-actu img {
    height: 100px !important;
    width: auto;
}
.article img, .actualites-list .article-secondaire img {
    width: 100%;
    margin-bottom: 20px;
    height: 98px !important;
    object-fit: cover;
    border-radius: unset !important;
}
.page-liste-actu .page-title h2 {
  border-radius: 15px;
}


.headline-news .img-head {
  position: relative;
  overflow: hidden;
}

.headline-news .img-head img {
  display: block;
  width: 100%;
  height: auto;
}
a.noti-store-msg {
    color: black;
}
.img-notif svg {
    background: #BC1E6F;
    padding: 10px;
    border-radius: 30px;
}
a.noti-store-msg {
    width: 65%;
    text-align: left;
}
.notif-content {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    padding: 30px;
    border-radius: 15px;
}
span#reponse {
    font-weight: bold;
}
.time-notif svg {
    width: 12%;
    padding-right: 5px;
}
.img-notif {
    margin-top: -25px;
    width: 8%;
}
span#ccc {
    margin-left: -11px;
}
.cus-notification {
    position: relative;
    margin-left: 24px;
    text-transform: none;
}
.cus-notification::after {
    content: '';
    position: absolute;
    left: 3px;
    width: 22%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
}
.notification-meta {
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    padding: 3% 7%;
    align-items: center;
    padding-left: 0;
}
.time-notif small {
    color: #D9D9D9;
}
ul.notifications-list li {
    list-style: none;
}
ul.notifications-list {
    display: flex;
    flex-direction: column;
}
.custom-comment-reply .breadcrumb-container {
  display: none;
}
.custom-node--type-cours input#edit-preview {
    display: none;
}
#main-menu .user-button {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    margin-left: 0;
}

.role-anonymous #main-menu .user-button {
  width: 100%;
}

ul.nav.navbar-nav.navbar-right {
        margin-right: -3px !important;
}
ul.nav.navbar-nav.navbar-right #notificationcount.notification-icon:after {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    position: absolute;
    content: attr(data-count);
    margin-left: 8.1225px;
    margin-top: -18.8775px;
    padding: 0 3px;
    line-height: 9.755px;
    background: #faa41c;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 7.004px;
    font-weight: 600;
    border-radius: 15px;
    border: 1px solid;
}

/* Calque sombre semi-transparent */
.headline-news .img-head__overlay {
  position: absolute;
  top: 140px;
  left: 0;
  right: 22px;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
}

/* Texte superposé */
.headline-news .img-head__text {
    position: absolute;
    left: 2rem;
    right: 8rem;
    width: 82%;
    bottom: 31px;
    z-index: 2;
    color: #fff;
}
.headline-news {
  position: relative;
}

/* Ajuste le style des paragraphes si besoin */
.headline-news .img-head__text .title {
  margin: 0 0 0.25rem;
  font-size: 1.5rem;
  line-height: 1.2;
}

.headline-news .img-head__text .date {
  margin: 0;
  font-size: 0.9rem;
  opacity: 0.85;
}

/* Responsive (optionnel) */
@media (max-width: 768px) {
  .custom-page-inscription select#parcours {
    width: 100%;
  }
  body {
    background: rebeccapurple;
  }
  body.simplelogin{
    min-height: 63% !important;
  }
  ul.nav.nav-tabs.user-mention-nav-tabs.tabs-mentions li a {
    font-size: 24px !important;
  }
  ul.nav.nav-tabs.user-mention-nav-tabs.tabs-mentions {
    display: -webkit-inline-box;
    width: 100%;
  }
  hr#courses {
      background: #faa41c;
      width: 93%;
      margin-bottom: 40px;
  }

  #main-menu .user-button {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-left: 0;
  }
  .menu-utilisateur-horizontal a {
      text-decoration: none;
      color: #d3cccc;
      font-size: 11px;
  }
  .menu-utilisateur-horizontal {
      gap: 7px;
  }
  .field-content p {
      font-size: 13px !important;
  }
  .search-submit-button {
      position: absolute;
      top: 40%;
      right: 0.5rem;
      transform: translateY(-50%);
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      height: 100%;
      display: flex;
      align-items: center;
      width: 11%;
  }
  #etudiant-list h2:after {
      width: 55%;
  } 
  #list-etudiant_wrapper .w-50 {
      width: 100% !important;
  }
  #list-etudiant_wrapper .d-flex {
      flex-direction: column;
  }
  .head-contents {
      flex-direction: column;
  }
  #nos-mentions {
      padding: 0;
  }
  .role-etudiant input#edit-keys, .champ-recherche-custom {
      border-radius: 30px !important;
      width: 100%;
      border: 2px solid #FAA41C !important;
      font-family: 'Oswald', sans-serif !important;
      background-color: unset !important;
      height: 5px !important;
      margin-bottom: 15px !important;
      min-height: 2.5rem;
  }
  .headlines-actu {
    display: flex;
    gap: 60px;
    flex-direction: column;
  }
  .headline-news .img-head__text {
    bottom: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
  }
  .headline-news .img-head__text .title {
    font-size: 1.2rem;
  }
}

.col-md-7.col-lg-6.field-contact h2 {
    text-transform: none;
}
.role-anonymous .user-button.order-1 a {
    border-radius: 30px !important;
    padding: 10px 30px !important;
}


.img-head.oswald_police img {
    max-width: 96%;
}
.article-secondaire > div {
    width: 40%;
}
article.article-carte.oswald_police img {
    height: 61%;
    min-height: auto;
    max-height: 265px;
    width: 100%;
    object-fit: cover;
    border-radius: unset;
}
.page-liste-actu .articles-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
  gap: 0;
  padding-bottom: 45px;
}
article.article-carte.oswald_police {
    margin-top: 24px;
}
.summary-article {
  margin-bottom: 0;
}
.custom-search-actu .breadcrumb-container {
    display: none;
}
.page-liste-actu  h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.article-carte a.btn.oswald_police {
    background-color: #faa41c;
    color: white;
    border-radius: 17px;
    padding: 9px 30px;
    padding-right: 16px;
    width: 26%;
}
.article-carte a.btn svg {
    width: 50%;
    padding-left: 14%;
}
p.oswald_police.cu-date {
    color: #6D6E71;
}
#main-menu .navbar-nav.navbar-right .dropdown-menu.notify-drop {
    left: -173px !important;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
#notificationcount {
    color: #faa41c;
    background: white;
    font-size: 20px;
}
#evenement-tab-content .user-agenda--details {
    min-height: 150px;
}

#evenement-tab-content .user-agenda--date:after {
    content: '';
    position: absolute;
    top: 69px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 70%;
    background-color: black;
}

.page-liste-actu #block-esum-page-title h2.text-center{
    text-align: left !important;
    padding: 23px 0 25px 34px;
    text-transform: none;
}
.page-liste-actu #block-esum-page-title {
    margin-bottom: 28px;
}
.inner.headlines-actu {
    padding-top: 0;
    padding-bottom: 0;
}
.title-and-date.oswald_police {
    width: 100%;
}
#articles-actualite article h2.oswald_police {
    margin-bottom: 0;
    margin-top: 0;
}
#articles-actualite h3.text-secondary{
  position: relative;
  border-bottom: none;
  color: black !important;
}
#articles-actualite h3.text-secondary:after {
    content: '';
    position: absolute;
    left: 0;
    width: 46%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
}
#articles-actualite {
    background: white;
    border-radius: 15px;
    max-width: 1200px;
}
#articles-actualite.article article {
    width: 650px;
    text-align: justify;
}
#articles-actualite .field--type-image.field--label-hidden.field__item {
    margin: 0;
    width: 100%;
}
.custom-node--type-article .breadcrumb-container, .page-liste-actu .breadcrumb-container {
    display: none;
}
.custom-node--type-article #content > div {
    margin-bottom: 0;
}
/******Page detail actu****/

/******Page liste actu****/
.headlines-actu {
  display: flex;
  gap: 60px;
}
div#mon-agenda button#show-modal-agenda {
    background: #BC1E6F;
    border: none;
}
p.custom-credit-cours {
    margin-top: 18px;
}
th.element-const-cus.oswald_police.sorting, th.unite-ens.oswald_police.sorting_asc {
    width: 17% !important;
}
th.custom-disucc.oswald_police.sorting {
    min-width: 118px;
}
#list-cours td.see-details {
    display: flex;
    justify-content: space-between;
}
.already_payed {
  cursor: pointer;
}
p.finalisation-inscri.oswald_police {
    font-size: 20px;
}
#dossier-inscription label.custom-file-label.oswald_police {
    cursor: pointer;
}
td.cus-col-element-const {
    padding-left: 5px !important;
}
th.unite-enseignements.sorting_1 {
    padding-left: 6px !important;
}
.article-secondaire {
    gap: 10px;
}
.title-and-date h3, .title-and-date h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.page-liste-actu #content > div {
    margin-bottom: 0;
}
.articles-secondaires {
    width: 45%;
}
#affiche-plus-actualites {
    width: 52%;
}
.article-secondaire, .article-secondaires {
  display: flex;
}
.page-liste-actu #content {
    max-width: 1200px;
    background: white;
    margin: 0 auto;
    border-radius: 15px !important;
}
.page-liste-actu {
    background: #F5F5F5;
}

.actualites-list .headlines-actu img {
    border-radius: unset !important;
    height: 360px;
    width: 110%;
    object-fit: cover;
}
/******Page liste actu****/


/********** Page contact ***/
.custom-node--type-contact  {
  background: #F5F5F5;
}
.image-contact-us {
    padding-top: 60px;
}
.custom-node--type-contact .breadcrumb-container {
    display: none;
}
.view.view-liste-des-personnes.view-id-liste_des_personnes {
    max-width: 1200px;
    margin: 0 auto;
}
td.views-field.views-field-user-picture img {
    width: 55%;
    border-radius: 50%;
}
.custom-search-actu .loading {
  display: none;
}
.webform-submission-contact-add-form input, .webform-submission-contact-add-form textarea {
    border-color: #faa41c;
    border-radius: 30px;
    font-family: 'Oswald', sans-serif !important;
}
.node-soumission-devoir-projet-form .button.js-form-submit {
  border: none;
}
.webform-submission-contact-add-form input#edit-actions-submit,
.btn-quiz.button, #btn-next, #btn-previous,
 .submit-quiz, .node-soumission-devoir-projet-form .button.js-form-submit {
    background-color: #faa41c !important;
    border-radius: 31px !important;
    padding: 10px 50px;
    color: black !important;
}
.col-md-7.col-lg-6.field-contact {
    background-color: white;
    border-radius: 15px;
}
svg.first-one {
    width: 200px;
    padding-left: 26%;
}
.custom-node--type-contact h2.text-center {
    display: none;
}
svg.second-one {
    width: 76%;
    height: auto;
}
.custom-page-inscription table.ui-datepicker-calendar {
    line-height: 10px;
}
#page-contact form.webform-submission-form.webform-submission-add-form input {
    min-height: 10px;
}
.image-contact-us {
    display: flex;
    width: 50%;
    flex-direction: column;
    padding-left: 129px;
}
.row.contact-us-content {
    display: flex;
}
/********** Page contact ***/

header.cours-slider-header {
    position: sticky !important;
    top: 74px !important;
    z-index: 9;
}


/********** QUI sommes-nous ***/
.custom-node--type-qui_sommes_nous .breadcrumb-container {
    display: none;
}

.intro-hero-who {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 600px; /* Ajuste selon le besoin */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.custom-node--type-qui_sommes_nous .region > * {
    margin-bottom: 0;
}
.who_are_we .container {
    padding: 0;
    width: 100%;
    margin: 0;
    max-width: 100%;
    height: auto;
}
.field--name-field-adresse p {
  margin-top: 0 !important;
  line-height: 20px;
}
.field--name-field-adresse h3 {
    margin: 0;
    position: relative;
    padding-bottom: 15px;
}
.field.field--name-body h2 {
    background: no-repeat;
    text-transform: none;
}
.mode-enseign {
    display: flex;
}
.mode-enseign-txt {
    width: 50%;
    background-color: #faa41c;
    padding: 40px;
    border-radius: 30px;
}
.valeur-item {
    background-color: white;
    padding: 30px;
    border-radius: 15px;
}
.valeur-item h3 {
    margin-bottom: 7px;
    color: #BA1E6F;
}
.valeur-item img {
    width: 90px;
}
.valeur-item {
    width: 100%;
}
.mode-enseign-img img {
      width: 66%;
}
.custom-node--type-qui_sommes_nous div#content {
    background-color: #F5F5F5 !important;
}
h2.our-values {
    text-align: center;
    background: no-repeat;
    text-transform: none;
}
.nos-valeurs-wrapper {
    display: flex;
    gap: 20px;
}
.inner.pd-7 {
    padding-top: 7%;
}
.page-notification main {
    background: #f5f5f5;
}
.mode-enseign-img .field--name-field-image .field__label  {
  display: none;
}
.mode-enseign-img .field--name-field-image .field__item img {
    position: absolute;
    width: 102%;
    top: -113px;
    left: -69px;
}
.user-profil-cus main {
    background: #F5F5F5 !important;
}
.mode-enseign-img .field--name-field-image .field__item {
  position: relative;
}
.mode-enseign-img {
    width: 50%;
}
.intro-content {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 75%;
    margin-top: 22%;
    height: auto;
    border-radius: 15px;
    padding: 20px 30px;
}
.content-head {
    width: 50%;
}
.field--name-field-adresse h3:after {
    content: '';
    position: absolute;
    left: 0;
    top: 36px;
    width: 18%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
}
.head-who-are-whe {
    color: black;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-transform: none;
}
/* 
.intro-hero-who::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5); Optionnel : pour rendre le texte plus lisible
  z-index: 1;
} */

.intro-content- {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 800px;
}
.advantages-txt ul li:before{
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 18px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg clip-path='url(%23clip0_1315_1639)'%3E%3Cpath d='M14.9992 0C6.72873 0 0 6.72873 0 14.9992C0 23.2697 6.72873 29.9984 14.9992 29.9984C23.2697 29.9984 30 23.2697 30 14.9992C30 6.72873 23.2713 0 14.9992 0ZM14.9992 27.4464C8.1364 27.4464 2.5536 21.8636 2.5536 15.0008C2.5536 8.138 8.1364 2.5536 14.9992 2.5536C21.862 2.5536 27.4464 8.13641 27.4464 14.9992C27.4464 21.862 21.8636 27.4448 14.9992 27.4448V27.4464Z' fill='%23FAA41C'/%3E%3Cpath d='M13.287 21.8543C13.0029 21.8543 12.7268 21.7537 12.5097 21.567L7.91163 17.6392C7.40889 17.2099 7.34984 16.455 7.77916 15.9523C8.20848 15.4495 8.96339 15.3905 9.46613 15.8198L13.0683 18.8969L20.3365 8.65058C20.7195 8.11113 21.4665 7.98345 22.0059 8.36649C22.5453 8.74953 22.6714 9.49646 22.29 10.0359L14.2637 21.3515C14.069 21.6261 13.7689 21.8048 13.4354 21.8463C13.3859 21.8527 13.3364 21.8559 13.2886 21.8559L13.287 21.8543Z' fill='%23FAA41C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1315_1639'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
.custom-class-devoir #content form {
    background: white;
    padding: 46px;
    border-radius: 15px;
    font-family: 'Oswald', sans-serif !important;
}
.custom-class-devoir #content {
  max-width: 1200px;
  margin: 0 auto;
}
.geit-user-register .js-text-full.text-full.form-text,  .geit-user-register .form-element.form-element--type-text.form-element--api-textfield {
    border-radius: 30px !important;
    height: calc(2.25rem + 2px);
    min-height: 11px !important;
    border: 2px solid #FAA41C !important;
    border-radius: 30px !important;
}
#sub-quiz {
  position: relative;
}
[name="search_custom"] {
    border-radius: 30px !important;
    width: 100%;
    border: 2px solid #FAA41C !important;
    font-family: 'Oswald', sans-serif !important;
    background-color: unset !important;
    height: 5px !important;
    margin-bottom: 15px !important;
    height: 38px !important;
    min-height: unset !important;
    margin-top: 0;
}
.custom-div-list-quiz .view-filters {
    width: 70%;
}
.form-item-field-licence-quiz-target-id {
  width: 30%;
}
#sub-quiz:before {
    content: '';
    position: absolute;
    top: -3px;
    right: 13px;
    cursor: pointer;
    width: 24px;
    height: 50px;
    z-index: 5555555;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' class='cus-submit-quiz' height='28' viewBox='0 0 30 28' fill='none'%3E%3Cg clip-path='url(%23clip0_1739_2852)'%3E%3Cpath d='M29.0445 19.5972L17.2004 12.4635C17.7092 11.3558 17.9956 10.1282 17.9956 8.83755C17.9956 3.96431 13.9594 0 8.9978 0C4.03619 0 0 3.96431 0 8.83755C0 13.7108 4.03619 17.6751 8.9978 17.6751C11.1912 17.6751 13.2022 16.8999 14.7666 15.6133L26.9513 22.9517C27.2778 23.1484 27.6404 23.2428 27.9969 23.2428C28.67 23.2428 29.329 22.9084 29.7076 22.3044C30.2864 21.3777 29.99 20.1658 29.0465 19.5992L29.0445 19.5972ZM8.9978 13.7403C6.24558 13.7403 4.00614 11.5408 4.00614 8.83755C4.00614 6.13434 6.24558 3.93479 8.9978 3.93479C11.75 3.93479 13.9894 6.13434 13.9894 8.83755C13.9894 11.5408 11.75 13.7403 8.9978 13.7403Z' fill='%23E3DDDD'/%3E%3Cpath d='M14.1504 18.2256V21.9263L20.6443 25.682L24.6505 27.9996V24.2989L20.6443 21.9813L14.1504 18.2256Z' fill='%23E3DDDD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1739_2852'%3E%3Crect width='30' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
.advantages-txt ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}
.advantages-txt ul {
    list-style: none;
    padding-left: 0;
}
.faa41c {
  color: #faa41c;
}
.our-advantages h2 {
    background: none;
    text-transform: none;
    font-size: 2.45rem;
}
.who_are_we_president {
    background-color: white;
    padding: 27px;
    margin-top: 38px;
}
.advantages-txt {
    border: 1px solid;
    border-radius: 15px;
    padding: 20px;
    width: 65%;
    font-family: "Georgia" !important;
}
.our-advantages {
  display: flex;
  align-items: center;
    gap: 80px;
    padding-top: 45px;
    width: 73%;
    margin: 0 auto;
}
.advantages-txt li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;utf8,<svg fill="green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6"/></svg>') no-repeat center;
    background-size: contain;
}

.txt-president {
    width: 34%;
}

.pic-president img {
    width: 56%;
    padding-top: 40px;
}
.pic-president {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    position: relative;
}
span.pdg-words {
    position: absolute;
    color: white;
    padding: 14px 44px;
    background: #faa41c;
    border-radius: 30px;
    top: 87px;
    right: 101px;
    font-size: 25px;
    font-weight: bold;
}
.who_are_we_president {
    background-color: white;
    padding: 27px;
    margin-top: 38px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding-left: 100px;
}
.valeur-description p {
    line-height: 22px;
}
.txt-president svg {
    width: 65px;
}
.custom-node--type-qui_sommes_nous main {
  background-color: white;
}

.pic-president svg {
    width: 106px;
    padding-top: 64px;
}



/********** QUI sommes-nous ***/


/********** Profil teacher ***/
.profil-user-teacher {
    display: flex;
    gap: 2%;
    padding-top: 50px;
}
.profil-user-teacher .full-text-center img {
    border: 6px solid #faa41c !important;
}
h3.matiere-prof.oswald_police {
    margin-top: 0;
}
span.buy-course {
    border-radius: 35px;
    border: 2px solid #E3DDDD;
    padding: 5px 32px;
    color: black;
    background: #E3DDDD;
}
p.ue-prof {
    color: #faa41c;
    margin-bottom: 5px;
}
span.crd.oswald_police {
    border-radius: 35px;
    border: 2px solid #faa41c;
    padding: 5px 32px;
    color: #faa41c;
}
.credit-matiere {
  display: flex;
      gap: 80px;
}
h3.oswald_police.list-course {
    position: relative;
    background: none;
}
.list-course:after {
  content: '';
    position: absolute;
    left: 0;
    width: 35%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
}
.each-course {
    background-color: white;
    padding: 15px;
    padding-left: 40px;
    width: 85%;
    border-radius: 15px;
    margin-bottom: 20px;
}
.liste-course:after {
    content: '';
    position: absolute;
    left: 0;
    width: 20%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
}
.enseignant-profil-container {
    width: 29%;
    margin-right: 0;
    margin-left: 124px;
}
.courses-with-prof {
    width: 70%;
}
.enseignant-profil-container .tab-content.user-account--tab-content {
    width: 100%;
    margin-left: 0%;
    margin-right: 0;
}
.container.px-0.enseignant-profil-container {
    width: 30%;
}
/********** Profil teacher ***/

/********** recherche actu ***/
.recherche-actu {
    width: 1200px;
    margin: 0 auto;
    background: white;
    margin-top: 35px;
    padding: 50px;
}
article.article-carte.oswald_police {
    padding-top: 24px;
}
article.article-carte.oswald_police {
  width: 50%;
  height: 100%;
}
.page-liste-actu article.article-carte.oswald_police {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-right: 35px;
}
.each-actu-line {
  display: flex;
  gap: 1rem;
}
/********** recherche actu ***/



/********** detail COURS ***/
.custom-node--type-cours .text-content.clearfix.field.field--name-body {
    padding-right: 35px;
}
.contacts-informations svg {
    width: 7%;
    height: auto;
}
.first-col {
    width: 68%;
}
.second-col .field__label {
    position: relative;
    margin-bottom: 24px;
    margin-left: 26px;
    font-size: 2.25rem;
    font-family: 'Oswald', sans-serif !important;
    padding-top: 120px;
    padding-bottom: 10px;
}
.second-col li {
  /* font-family: 'Oswald', sans-serif !important; */
}
.second-col {
    width: 30%;
}
.cours-entete.cours-entete-only.twocol {
    display: flex;
}
.layout-cours {
    margin: 0 auto;
    background-color: white;
    padding: 30px;
    border-radius: 15px;
}
h2.titre-chapitre {
    margin-top: 0;
}
.cours-entete.cours-entete-only.twocol:after {
    content: '';
    background-color: #faa41c;
    width: 92%;
    position: absolute;
    height: 2px;
    bottom: -14px;
    transform: translateX(-50%);
    left: 50%;
}
h4.cours-chapitre {
    margin-bottom: 10px;
}
.cours-chapitre {

}
h2.titre-chapitre::after , .contenu h2:after
{
  display: none;
}
h2.cours-support:after {
  left: 0 !important;
}
.content-cours h2 {
    display: flex;
}
/********** detail COURS ***/


.bg-light.paiement.text-secondary .mr-2.mb-sm-2 img {
    display: none;
}
.bg-light.paiement.text-secondary .d-flex.border-bottom.border-secondary {
    max-width: 100% !important;
}
div#inscription-p-2 .paiement.text-secondary .border-bottom h4 {
    padding: 5px 47px;
    text-align: center;
        font-family: "Georgia" !important;
}
.bg-light.paiement.text-secondary {
    background-color: unset !important;
}
div#inscription-p-2, .step.body.current .pt-3.border-bottom.border-secondary .two-col {
    background-color: unset !important;
}
.paiement.text-secondary .d-flex.border-bottom.border-secondary h4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
#reinscription .pagination button:not(:disabled), #inscription .pagination button:not(:disabled), #paiement .pagination button:not(:disabled) {
    background-color: #FAA41C;
}
.custom-class-inscription-div input.btn.btn-primary {
    background-color: #FAA41C;
    border-radius: 30px;
    color: black;
    font-weight: 400;
    width: 48%;
    border: none;
}
.simplelogin-wrapper p, input#edit-pass, input#edit-name, .simplelogin-wrapper input#edit-submit , .custom-class-inscription-div .actions.clearfix .btn {
    font-family: 'Oswald', sans-serif !important;
}
.content.clearfix .step.body.current .bg-light.user-information {
    background-color: unset !important;
}
.bordered-box .d-flex.justify-content-end.text-secondary.border-0.mb-0.pb-0 span {
    font-weight: 400 !important;
}
#inscription--- .actions .btn {
    /* border-radius: 30px; */
    color: black;
    font-weight: 400;
    /* background-color: #E3DDDD !important; */
}
div#inscription .content.clearfix {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    margin: 0 auto 50px;
    padding: 45px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    border-radius: 25px;
    padding-top: 10px !important;
    height: 63rem;
    height: auto !important;
    padding-bottom: 16%;
}
form#frmStripePayment input#name, form#frmStripePayment  [name="email-stripe"] {
    border-radius: 30px !important;
    width: 100%;
    border: 2px solid #FAA41C !important;
    font-family: 'Oswald', sans-serif !important;
  }
form#frmStripePayment .text-secondary {
  font-family: 'Oswald', sans-serif !important;
}
form#frmStripePayment {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    margin: 0 auto 50px;
    padding: 45px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    border-radius: 25px;
    padding-top: 10px !important;
    height: 63rem;
    height: auto !important;
    padding-bottom: 2%;
}
[name="pay_now"] {
    font-family: 'Oswald', sans-serif !important;
    background-color: #FAA41C;
    border: none;
    border-radius: 30px;
    color: black;
    font-weight: 400;
}
body.custom-page-inscription .step-link {
    color: #FFFFFF;
}
body.custom-page-inscription .step-item::before{
  background-color: unset;
}
body.custom-page-inscription {
    background-color: #343434;
    background-image: unset;
}
body.role-administrator {
    font: normal 81.3% / 1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif !important;
}
.simplelogin-wrapper .js-form-type-password .form-item__label, .simplelogin-wrapper .js-form-type-textfield .form-item__label{
    display: block;
    overflow: visible;
    position: relative !important;
    width: 100%;
    height: auto;
    color: gray;
    margin: 0;
    padding-left: 7%;
    font-family: ui-rounded;
    font-family: 'Oswald', sans-serif !important;
}
.simplelogin input.form-text {
    opacity: 1;
    background-color: unset;
    min-height: 21px;
    height: 45px;
}
.simplelogin input.form-text::placeholder {
    opacity: 0.5;
}
.custom-slide {
    display: flex;
    justify-content: center;
}
.custom-slide img{
    width: 100vw !important;
    height: auto !important;
    display: block;
    object-fit: cover !important;
    max-height: 450px;
    object-position: 0 4%;
}
div.views_slideshow_cycle_slide.views_slideshow_slide , .views_slideshow_cycle_teaser_section, .view.view-slider-carrousel-home-etudiant .view-content {
     max-height: 450px; 
     min-height: 450px; 
}

.role-authenticated.role-etudiant div#content > div { 
    margin-bottom: 0;
}
p.login-intro {
    position: absolute;
    top: 38px;
    width: 50%;
    right: 0;
    padding-right: 35px;
    font-size: 1rem;
}
.join-us-image {
    height: 178%;
}
.simplelogin-form {
    border-radius: 25px;
    padding-top: 10px !important;
}
form.user-login-form:before {
    content: "";
    display: block;
    height: 1px;
    background-color: #dfdfdf;
    margin-bottom: 1rem;
    width: 110%;
    margin-left: -18px;
}



.password-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.password-wrapper input[type="password"] {
  padding-right: 2.5rem; /* make space for the eye */
}

.toggle-password {
  position: absolute;
  right: 0.75rem;
  cursor: pointer;
  font-size: 1.82rem;
  color: #888;
  top: 20px;
  opacity: 0.5;
}

span.register-custom {
    font-weight: bold;
}
.simplelogin-form label.form-item__label.visually-hidden.js-form-required.form-required:after {
    display: none;
}
a.login-back-home-:focus {
    outline:none;
    outline-offset: 2px;
}
.simplelogin-form {
  max-height: 464px;
}
ul.chat-participants.oswald_police {
    height: 66px;
}
ul.chat-participants.oswald_police li {
    display: contents;
}
.simplelogin .content-alert {
  position: absolute;
}
.simplelogin #message-esum {
    position: absolute;
    top: -65px;
    width: 96%;
    margin-left: -39px !important;
    z-index: 55;
    padding-top: 4px;
    padding-bottom: 4px;
}
.simplelogin-form .forgot-password a {
  color: #b4b4b4 !important;
}
.simplelogin-form .forgot-password {
    margin: 15px 0 0;
    color: #b4b4b4 !important;
    font-size: 15px !important;
    text-align: center;
    position: absolute;
    top: 68.5%;
    right: 12%;
    font-family: 'Oswald', sans-serif !important;
}
.card-why_register h2 {
    margin-bottom: 7px;
    text-transform: none;
}
.why-register-1 h3 {
    font-weight: bold;
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 0;
    margin-top: 60%;
    padding-bottom: 2%;
    font-size: 1.9rem;
}
a.subscribe.custom-subscribe {
    font-weight: 400;
    color: gray;
}
a.subscribe.custom-subscribe p {
    display: block;
    font-size: medium;
}
.simplelogin-wrapper .simplelogin-form {
    padding-bottom: 0;
}
a.subscribe.custom-subscribe {
    position: absolute;
    bottom: 0;
    padding-left: 15%;
}
.ready-to-code {
      font-size: 1.5rem;
    display: flex;
    font-weight: bold;
}
.login-intro {
  display: block !important;
}
.simplelogin-logo img
 {
    max-width: 100%;
    width: 44%;
    min-height: 100px;
}
#mon-agenda ul.slick-dots {
    display: none;
}


.simplelogin-wrapper input#edit-submit {
    background-color: #FAA41C;
    border-radius: 30px;
    color: black;
    font-weight: 400;
    height: 48px;
    margin-right: 0;
    font-size: medium;
}
.form-element--type-password.form-element--api-password, .simplelogin-wrapper  .form-element.form-element--type-text.form-element--api-textfield {
    border: 2px solid #FAA41C !important;
    border-radius: 30px !important;
}
.inscription-texte {
    font-size: 1.5rem;
    display: flex;
    font-weight: bold;
}
.inscription-intro {
    padding-right: 60px;
    font-size: 1rem;
    width: 53%;
}
.step.body.current::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #E3DDDD;
    margin-top: 20px;
    min-width: 118%;
    margin-left: -45px;
}
.head-inscription-bloc {
    display: flex;
    align-items: flex-end;
    gap: 15%;
    padding-left: 17%;
    padding-top: 2%;
}
div#inscription-p-2 .pt-3.border-bottom.border-secondary h4  {
    margin: 0;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    font-family: 'Oswald', sans-serif !important;
}
.py-3.mobile-paiement .mb-2 label {
    padding-left: 38px;
    font-family: 'Oswald', sans-serif !important;
  }
.py-3.mobile-paiement .custom-file label {
  font-family: 'Oswald', sans-serif !important;
}
.all-mobile-payement {
    display: flex;
}
div#inscription-p-2 .pt-3.border-bottom.border-secondary {
    display: flex;
    flex-direction: column;
    gap: 23px;
}
#reinscription  input#coding,
#inscription input#coding 
{
    border: 2px solid #faa41c;
    background-color: white !important;
}
#inscription-form .actions .btn, #inscription-form  .actions .btn {
  border-radius: 30px;
  color: black;
  font-weight: 400;
  background-color: #E3DDDD;
}
#inscription-form .actions .btn.send-inscription {
    background-color: #FAA41C;
}

#inscription-form .actions.clearfix {
    /* top: 61rem; */
    bottom: 65px;
    position: absolute;
    z-index: 5;
    width: 100%;
}
#inscription {
  position: relative;
}

#inscription-form [type="text"], #inscription-form [type="tel"], #inscription-form [type="email"], .custom-select {
    border: 2px solid #FAA41C !important;
    border-radius: 30px !important;
    width: 100%;
}
table#list-etudiant img {
    width: 40px !important;
}
td.note-number {
    color: #faa41c !important;
}
#notes .form-group {
    flex: 0 0 25% !important;
}
form#views-exposed-form-liste-soumission-quizzes-page-1 {
    display: flex;
    gap: 30px;
}
#table-search-etudiant, #table-search-notes , .view-liste-soumission-quizzes  [name="combine"], .js-form-type-textfield.form-item-title input{
    border-radius: 30px !important;
    width: 100%;
    height: calc(2.25rem + 2px);
    min-height: 11px !important;
}
#etudiant-list h2:after {
  width: 21%;
}
#inscription-form  input[type="checkbox"]:checked, #reinscription  input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='17px' height='13px' viewBox='0 0 17 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M14.8232,0.176777 C14.9209,0.0791457 15.0791,0.0791455 15.1768,0.176777 L16.9445,1.94454 C17.0422,2.04217 17.0422,2.20047 16.9445,2.2981 L6.23744,13.0052 C6.13981,13.1028 5.98151,13.1028 5.88388,13.0052 L0.176777,7.2981 C0.0791456,7.20047 0.0791456,7.04218 0.176777,6.94454 L1.94454,5.17678 C2.04217,5.07915 2.20047,5.07915 2.2981,5.17678 L5.88388,8.76256 C5.98151,8.86019 6.13981,8.86019 6.23744,8.76256 L14.8232,0.176777 Z' id='Path' fill='%23FAA41C' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
}

#inscription-form label, #inscription-form input[type="text"]::placeholder, .bordered-box,
#inscription-form [name="mention"], #inscription-form [name="telephone"], 
#inscription-form [name="parcours"],  #inscription-form table.ui-datepicker-calendar,
#inscription-form .ui-datepicker-title {
    font-family: 'Oswald', sans-serif !important;
    color: #6D6E71;
}
#reinscription .form-check label, #inscription .form-check label {
    font-weight: 400;
}
ul.nav.navbar-nav.navbar-right li.notification-items.unread {
    min-height: 30px !important;
    height: 30px !important;
    padding-bottom: 26px !important;
}
#main-menu li ul li.notification-items:not(:last-of-type) {
    margin-bottom: 0;
}









.chat-container {
  border: 1px solid #ccc;
  padding: 10px;
  max-width: 600px;
}
.custom-node--type-article div#main-navigation .navbar-nav [data-drupal-link-system-path="actualites"] {
  color: #faa41c !important;
}
.chat-header {
  margin-bottom: 20px;
}
form#chat-form {
  padding-top: 13px;
}
div#main-navigation ul.navbar-nav.oswald_police a {
    color: #343434 !important;
}
label.custom-file-label.file-upload-success {
    background-color: #b57d6f1c;
    background-size: contain;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.discuss-chat.oswald_police.top-one{
    margin-bottom: 53px;
}
.send-messages{
    color: white;
    cursor: pointer;
    font-weight: bold;
}
.duration-completed {
  padding-top: 0;
}
.chat-participants {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 5px;
}

.chat-messages {
  border: 1px solid #ddd;
  height: 300px;
  overflow-y: auto;
  padding: 10px;
  background: #f9f9f9;
  margin-bottom: 10px;
}

.message {
  max-width: 70%;
  margin-bottom: 5px;
  padding: 5px 10px;
  border-radius: 10px;
  clear: both;
}

.message.self {
  background-color: #BA1E6F;
  color: white;
  float: right;
}
input#chat-message {
    border-radius: 20px;
    border: none;
    width: 62%;
}

.message.other {
  background-color: #e0e0e0;
  float: left;
}
ul.chat-participants {
    overflow: scroll;
}









#parametre-compte #update-info-error .modal-content .confirmation strong {
    color: #faa41c !important;
}
p#notif {
    margin-bottom: 0;
    margin-top: -24px;
    padding-left: 11px;
}
#acheter-info  #frmStripePayment {
    width: 100%;
}
#acheter-info  [name="pay_now"] {
    margin-top: 66px;
    width: 35%;
    min-height: 45px;
    color: white;
}
#acheter-info #frmStripePayment {
    border: none;
    box-shadow: none;
}
#acheter-info #frmStripePayment {
  display: none;
}
.content-radio-inscription label.form-check-label {
    width: 7rem;
    padding-left: 36px !important;
}
#inscription input[type="radio"]:checked:focus, #inscription input[type="radio"]:checked, #paiement-form input.form-check-input:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%23FAA41C'/%3E%3C/svg%3E") !important;
  border: 6px solid #D9D9D9;
  padding: 6px;
}

#inscription input[type="radio"]:focus:checked {
    border: none !important;
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%23FAA41C'/%3E%3C/svg%3E") !important;
    border: 6px solid #D9D9D9 !important;
    padding: 6px;
}
#paiement-form input.form-check-input:checked {
  border: none;
}
#acheter-info .modal-content .form-container {
    padding-bottom: 21px;
}
#inscription input[type="radio"]:focus {
  border: none !important;
  box-shadow: none;
}

.card.orange p {
    color: black;
}

.step.body.current h4 {
    background-color: #F3F3F3 !important;
    color: black !important;
    border-radius: 9px;
    font-weight: 400;
    padding-left: 10%;
    padding-bottom: 0 !important;
    margin-bottom: 20px;
}
body.custom-page-inscription .breadcrumb {
    display: none;
}
#inscription .steps.clearfix {
    margin-left: -17px;
    margin-right: 29px;
}
/*** SLIDER**/

.views-row.views-row-1.views-row-even.views-row-last.custom-slide {
    position: relative;
}
.views-field.views-field-body {
    position: absolute;
    top: 24%;
    text-align: center;
    width: 50%;
}
.custom-body-wrapper h1 {
    background-color: unset;
    text-transform: capitalize;
}
.custom-body-wrapper.field-content p {
    font-size: 18px;
}
/*** SLIDER**/
.notify-drop .drop-content li {
    padding: 0px 10px 0px 30px !important;
}


/********** COMMENTAIRES ********/
.comment-threaded {
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  border-left: 2px solid #ddd;
}

.custom-comment .comment-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.custom-comment .comment-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 0.75rem;
}

.custom-comment .comment-meta {
  font-size: 0.9rem;
  color: #555;
}
.list-notes-cus .container {
    width: 100%;
    max-width: fit-content;
}
th.col-note.sorting, td.note-number {
    max-width: 103px;
    text-align: center;
    padding-left: 5px !important;
    padding-right: 6px !important;
}
.custom-comment .comment-author {
  font-weight: bold;
  color: #333;
  margin-right: 0.5rem;
}

.custom-comment .comment-body {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.custom-comment .comment-actions {
  font-size: 0.85rem;
  color: #0074d9;
}

.custom-comment .comment-actions a {
  margin-right: 1rem;
  text-decoration: none;
}

.custom-comment .comment-children {
  margin-top: 1rem;
  margin-left: 2rem;
  border-left: 1px dashed #ccc;
  padding-left: 1rem;
}
.comments-section.custom-comment {
    background-color: white;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 50px !important;
}
 .comment-form .cke {
  border-radius: 15px !important;
  border: 1px solid #ccc;
  overflow: hidden;
  padding-bottom: 12px;
}
.fichiers .field.field--name-field-fichiers-chapitre {
    padding-bottom: 34px;
}
.comments-section.custom-comment h2 {
    padding-left: 0 !important;
}

/* Réduire la hauteur de l'éditeur */
 .comment-form .cke_contents {
  min-height: 40px !important;
  max-height: 45px;
}
.custom-node--type-cours .cke_contents {
  overflow: hidden !important;      /* Enlève la scrollbar */
  max-height: 45px !important;      /* Optionnel : enlève toute limite de hauteur */
  height: auto !important;
}
 body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
  margin-top: 0 !important;
 }
body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders, body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
    padding-top: 0;
    line-height: 1.5;
}
.role-etudiant main {
    /* background-color: #F5F5F5 !important; */
}
.listes-courses, .historique-student, .agenda-student, .fichier-student, .parametre-compte-student, .page-notification .layout {
    background: #F5F5F5;
}
.cke_editable {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
.role-etudiant .breadcrumb {
    display: none;
}
/* Optionnel : ajuster le padding dans le contenu de l'iframe */
 .comment-form .cke_wysiwyg_frame {
  border-radius: 15px;
}

body.custom-node--type-cours .custom-comment h2 {
    text-align: justify;
    padding-left: 20px;
    border-radius: 15px;
}
.comment-actions li {
    list-style: none;
}
section .comment-form {
    background-color: white;
    border-radius: 15px;
}
.layout-cours {
    display: flex;
    max-width: 1200px; /* max global */
    margin: 0 auto;
    gap: 2rem;
    padding: 1rem;
}
ul.decale-droite {
    padding-left: 10% !important;
}
.li-chapitre.active {
  font-weight: bold;
}
li.li-chapitre {
    position: relative;
}
section.chapitre-section {
    scroll-margin-top: 100px;
}
a.chapitre-link.oswald_police {
    text-transform: lowercase;
    display: inline-block;
}
a.chapitre-link.oswald_police::first-letter {
    text-transform: uppercase;
}
ul.decale-droite li {
    padding-left: 0;
    padding-right: 0;
}
ul.decale-droite {
    padding-left: 0px !important;
}

li.li-chapitre.active:before {
    content: '';
    background-color: #faa41c;
    width: 111%;
    position: absolute;
    height: 100%;
    z-index: -1;
    top: 0;
    left: -16px;
}
h4.cours-chapitre {
    color: #faa41c;
}
.fichiers .field__item span:last-of-type {
    display: none;
}
.user-course.d-list img {
    width: 20px;
}
.custom-node--type-home .section-1-cols {
    margin-top: 0;
}
.fichiers .field__item {
    padding-top: 20px;
}
.fichiers .field__item a:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/download_file.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
    margin-top: -3px;
}


.join-us-image {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.join-us-image::before {
    content: '';
    position: absolute;
    top: 58px;
    left: 0;
    width: 83%;
    height: 75%;
    background-image: url(../images/home_subscribe.png);
    background-size: contain;
    background-position: center;
    z-index: 0;
    background-repeat: no-repeat;
}
.online-courses-image.last {
  position: relative;
}
.online-courses-image.last::before {
    content: '';
    position: absolute;
    top: 58px;
    left: 0px;
    width: 100%;
    height: 81%;
    background-image: url(../images/Ellipse.png);
    background-size: contain;
    background-position: center;
    z-index: 0;
    background-repeat: no-repeat;
}
img.who-can-subscribe-0, .who_can_subscribe-image, .online-courses-image.second, .who-can-subscribe-img-3 {
    position: relative;
}
.who_can_subscribe-image::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 10px;
    width: 84%;
    height: 100%;
    background-image: url(../images/Polygon.png);
    background-size: contain;
    background-position: center;
    z-index: 0;
    background-repeat: no-repeat;
}
#add-agenda #form-add-agenda input {
    border: 2px solid #FAA41C !important;
    border-radius: 30px !important;
    width: 100%;
}
.online-courses-image.second::before {
    content: '';
    position: absolute;
    top: 58px;
    left: 61px;
    width: 70%;
    height: 60%;
    background-image: url(../images/square.png);
    background-size: contain;
    background-position: center;
    z-index: 0;
    background-repeat: no-repeat;
}
.online-courses-image.last img {
    width: 300px;
    height: 294px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    z-index: 5;
    position: relative;
}
.join-us-2 {
    width: 60%;
    position: relative;
}
.join-us-1 {
    width: 40%;
}
.home-join-us {
    position: absolute;
    z-index: 93;
    max-width: 76%;
    height: auto;
    padding-left: 151px;
    padding-top: 0;
    margin-top: -24px;
}



.fichiers .field__item a {
    color: #faa41c;
}
.li-chapitre {
  padding: 11px;
}
a.chapitre-link.oswald_police {
    font-weight: 400;
}
.sidebar-cours ul {
  margin-left: 0 !important;
}
aside.sidebar-cours {
    padding-left: 0;
    padding-right: 0;
}
.content-cours {
    width: 100%;
}
.sidebar-cours {
    flex: 0 0 250px; /* largeur fixe */
    position: sticky;
    top: 7.2rem;
    height: fit-content;
    padding: 1rem;  
}
.custom-node--type-cours main {
    overflow: unset;
}
p.duree {
    padding-top: 5%;
}
svg.duration-svg {
    width: 2.2%;
    margin-right: 2%;
    margin-top: -4px;
}
.buy-cours.oswald_police a {
    color: black;
    background: #faa41c;
    padding: 7px 20px;
    border-radius: 15px;
    font-weight: bold;
}
ul.each-cours-block img {
    border-radius: 9px;
    max-height: 188px;
    width: 100%;
    height: auto;
    object-fit: cover;
}
body.custom-node--type-cours .custom-comment h2:after {
    left: 0;
    width: 20%;
}
aside.sidebar-cours li {
    list-style: none;
}
.indented {
    padding-left: 50px;
}

.default-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  opacity: 0.5;
}
.-custom-duscussion-com .js-filter-wrapper.filter-wrapper.js-form-wrapper.form-wrapper {
    display: none;
}
.custom-comment-reply #content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px;
    background: #ffff;
}
 .custom-comment input#edit-submit--2 ,.custom-comment  input#edit-preview,
  form#comment-form input.button.button--primary.js-form-submit, form#comment-form .form-submit.btn.btn-primary, 
  .custom-node--type-cours .button--primary.button.js-form-submit.form-submit.btn.btn-primary
  {
    background-color: #FAA41C;
    border-radius: 30px;
    color: black;
    font-weight: 400;
    border: none;
    font-family: 'Oswald', sans-serif !important;
}

form.comment-discussion-commentaire-form .field--name-subject .js-form-type-textfield {
    display: none;
}
form#comment-form {
    background-color: white;
    padding: 20px;
    border-radius: 15px;
}

/********** COMMENTAIRES ********/

/***LISTE COURS**/

.cours-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}


.semestre-block {
  margin-bottom: 2rem;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 6px;
}
.custom-liste-cours .breadcrumb-container, .custom-class-devoir  .breadcrumb-container{
    display: none;
}
.semestre-tabs .nav-link{
      cursor: pointer;
      color: #343434!important;
      background-color: white!important;
      width: 100%;
      padding: 4px 45px !important;
      border-radius: 20px !important;
      font-family: 'Oswald', sans-serif !important;
      text-transform: capitalize;
      margin-top: 2%;
      margin-left: 1%;
      font-size: 2.25rem !important;
      font-weight: 700 !important;
}
.tabs-mentions {
  margin-left: 0 !important;
  margin-bottom: 15px;
}
#acheter-info #frmStripePayment {
  display: none;
}
button#acheter-touts {
    background: #E3DDDD;
    color: black !important;
    padding: 9px 33px;
    border-radius: 21px;
    border-color: snow;
    font-size: 23px;
    margin-bottom: 18px;
}
.listes-courses input#ref_money {
    border-radius: 30px;
    min-height: 25px;
}
.semestre-tabs .nav-link.active {
    color: #ffff !important;
    background-color: #343434 !important;
}
p.custom-credit-cours, .total-credit-by-semestre, .credit-ue {
    color: #FAA41C;
    border: 1px solid #FAA41C;
    width: fit-content;
    padding: 2px 17px;
    border-radius: 20px;
}
.ue-block ul {
  margin-left: 0 !important;
}
.ue-block {
  margin-bottom: 1rem;
}
ul.each-cours-block li {
    background-color: white;
}
.ue-block li {
    list-style: none;
    width: 29%;
}
.semestre-block h2 {
    color: #ffff;
    background-color: #343434;
    width: fit-content;
    padding: 2px 17px;
    border-radius: 20px;
    font-family: 'Oswald', sans-serif !important;
    text-transform: capitalize;
}
.each-cours-block {
    display: flex;
    gap: 4%;
}
.ue-block h4 a {
  color: black;
}
.ue-block h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.cours-enseignant-and-buy {
    display: flex;
    justify-content: space-between;
}
.ue-block h3 {
    background-color: unset;
    margin-bottom: 0.5rem;
    font-weight: 400;
}







ul.each-cours-block {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.each-cours-block li {
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
  min-height: 380px;
  box-sizing: border-box;
  position: relative;
  justify-content: space-between;
      max-height: 251px;
    height: 100%;
}
footer .row p, footer .row a {
    font-size: 16px;
}

.cours-txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding: 10px;
  max-height: 162px;
}

.cours-enseignant-and-buy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto; 
  margin-bottom: 10px;
}

ul.each-cours-block li.already_payed:before {
  display: none;
}
/* ul.each-cours-block li:before {
    content: url("../images/cadenas.png");
    display: block;
    width: 50px;
    height: auto;
    margin-bottom: 0.5rem;
    position: absolute;
    top: 10px;
    right: 0;
} */
.custom-liste-cours main {
  background-color: #f8f9fa;
}


.buy-cours p {
    background-color: #E3DDDD;
    color: #0f0f0f;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
    border-radius: 18px;
    font-weight: 500;
}

.cours-enseignant strong {
  font-weight: 600;
}


/**********PAGE DETAIL COURS*******/
aside.sidebar-cours li a {
    color: black;
}
body.custom-node--type-cours .dialog-off-canvas-main-canvas {
    background-color: #F5F5F5;
}
.field.field--name-field-videos-cours .field__label {
    display: none;
}
.cours-entete.cours-entete-only {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
.cus-crd {
    color: #FAA41C;
    border: 1px solid #FAA41C;
}
.cus-coef {
    color: #BC1E6F;
    border: 1px solid #BC1E6F;
    margin-left: 10px;
}
.cus-crd, .cus-coef {
    width: fit-content;
    padding: 2px 17px;
    border-radius: 20px;
}
.oswald_police.createur {
    padding: 10px 0;
}
body.custom-node--type-cours h1 {
    background-color: unset;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: none;
}
.cours-entete, .cours-media {
    width: 50%;
}
body.custom-node--type-cours .breadcrumb {
    display: none;
}
.cours-layout-2col {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}
.field.field--name-field-media-oembed-video  {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.custom-node--type-nos_parcours p, .custom-node--type-nos_parcours li {
  font-size: 0.92rem;
}
.list-puce.bold-txt p {
    margin-bottom: 0;
}
.custom-node--type-nos_parcours .txt-head h2 {
  margin-bottom: 10px;
}
.page-liste-actu article.article-carte p {
    font-size: 0.95rem;
    margin-bottom: 0;
}
.custom-node--type-article .text-content p {
    line-height: 24px;
    font-size: 0.94rem;
    color: black;
}
.div-txt-intro h3 {
    padding-left: 88px;
}
.custom-node--type-nos_parcours h2 {
  font-size: 2.40rem;
  margin-top: 10px;
  text-transform: none;
}
aside.cours-media h2 {
    margin-bottom: 26px;
}
.field.field--name-field-fichier-cours a {
    color: #FAA41C;
    text-align: right;
}
 .custom-node--type-qui_sommes_nous  .txt-president p {
  font-size: .975rem;
 }
.field.field--name-field-date-de-la-visioconference {
    display: flex;
    gap: 10px;
}
.field.field--name-field-lien-visioconference .field__label {
    display: none;
}
.field.field--name-field-lien-visioconference .field__item a {
    color: #FAA41C;
}
.field.field--name-field-fichier-cours a:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 24px;
    background-image: url(../images/icon_file.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    vertical-align: middle;
    z-index: 88;
}
.field.field--name-field-videos-cours .field__items {
    display: flex;
    gap: 40px;
    flex-direction: column;
}
.field.field--name-field-date-de-la-visioconference .field__label {
  position: relative;
  padding-left: 26px;
}
.field.field--name-field-date-de-la-visioconference .field__label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 24px;
    background-image: url(../images/visio.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    top: 8px;
    left: -2px;
    z-index: 88;
}
.field.field--name-field-fichier-cours .field__item  {
   text-align: right;
}
.field.field--name-field-fichier-cours .field__item span:last-of-type {
    display: none;
}
.field.field--name-field-media-oembed-video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
body.custom-node--type-cours h2:after {
    content: '';
    position: absolute;
    right: 0;
    width: 23%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
}
h4.semester {
    margin: 0;
    color: #faa41c;
}
.second-col .field__label:after {
    content: '';
    position: absolute;
    padding-bottom: 1;
    left: 0;
    width: 50%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
}

.oswald_police.coef-and-crd {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 5px;
}
.field.field--name-field-credit {
    padding-right: 14px;
}
.field.field--name-field-credit, .field.field--name-field-coefficient {
    display: flex;
}
.field.field--name-field-createur-cours {
    display: contents;
}
body.custom-node--type-cours h2 {
    text-transform: none;
    font-size: 2.25rem;
    text-align: end;
    position: relative;
}
.field--name-field-semestre-cours .field__label {
    display: none;
}
.cours-layout-2col {
    max-width: 1200px;
    margin: 0 auto;
    background-color: white;
    padding: 30px;
    border-radius: 15px;
}
.field.field--name-field-semestre-cours {
    margin-bottom: 0 !important;
}


.field.field--name-field-unite  {
  margin-bottom: 0 !important;
}
.field.field--name-field-unite a , .field--name-field-semestre-cours .field__item a, .list-puce.bold-txt, .list-puce.bold-txt p{
    font-family: 'Oswald', sans-serif !important;

}
.field.field--name-field-unite a {
    color: black;
}
.field--name-field-semestre-cours .field__item a {
    color: #FAA41C;
}
/************ TABLEAUX DE BORD ENSEIGNANT **/
p.add-new-course {
  position: relative;
  color: #faa41c;
  cursor: pointer;
}
.modal-header.text-center {
    display: flex;
    justify-content: center;
}
button#ajout-cours {
    margin-bottom: 10px;
    background-color: #FAA41C;
    text-align: left;
    border-radius: 27px;
    width: auto;
    text-align: center;
    padding-top: 13px;
    color: black;
    padding-bottom: 13px;
    border: none;
    font-weight: 400;
    padding-left: 90px;
    padding-right: 90px;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 400;
}
.form-group.date-range-picker input, #table-search, #titre-cours {
    border-radius: 30px !important;
    height: calc(2.25rem + 2px);
    min-height: 11px !important;
    border-color: #D9D9D9;
}
#titre-cours {
    border-color: #FAA41C;
}

.custom-filtering input, .custom-filtering select {
    border: 1px solid #D9D9D9 !important;
}

.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.modal-close svg {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform 0.2s ease;
}
.comment-actions li.p-2
{
    padding-top: 0 !important;
}
.comment-meta  {
  display: flex;
}
td.cours-is-pub {
    text-align: center;
}
.comment-avatar.with-pic img {
    height: 52px;
    width: auto;
}
span.text-status.published.cours-pub {
    color: white !important;
    background-color: #faa41c;
    padding: 5px 27px;
    border-radius: 15px;
}
.custom-node--type-cours div#content > div {
    margin-bottom: 0;
}
.custom-node--type-cours header.cours-slider-header {
      margin-bottom: 35px;
}
.comment-actions.reply-comment ul {
    margin-top: 0;
}
.comment-avatar {
    width: auto;
    height: 90px;
    padding-right: 1.5%;
}
.comment-avatar svg {
    height: 66px;
    width: auto;
}
.comment-body-and-action {
  display: flex;
}
.comment-avatar svg {
  width: 70px;
}
.reply-comment {
  color: #faa41c;
}
.text-content.field.field--name-comment-body.field--type-text-long {
    margin-bottom: 0;
}
body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
    line-height: 0.8rem !important;
}

.modal-close:hover svg {
  transform: rotate(90deg);
}

.cours-is-pub {
    padding-left: 17px;
}
.cours-not-pub {
    color: black;
    background-color: unset;
    padding: 3px 23px;
    border-radius: 15px;
    border: 1px solid #000000;
}
.no-border, .course-action {
  border: none;
}
 .preview-file-icon:before {
  content: '';
  display: inline-block;
  width: 111px;
  height: 40px; /* or appropriate height */
  background-image: url('../images/miniature_cours.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.modal-header {
    display: flex;
    justify-content: center;
}
.for-file svg {
    width: 21%;
    padding-bottom: 6px;
}
label.custom-file-label.oswald_police {
    /* background-color: #faa41c !important; */
    width: 100px !important;
    display: flex;
    border-radius: 25px;
    gap: 12px;
}
label.custom-file-label.oswald_police svg {
    background-color: #faa41c !important;
}
p.add-new-course::before, .setting-account-change-pic::before {
    content: '';
    display: inline-block; /* or block, depending on layout */
    width: 16px; /* set actual width */
    height: 16px; /* set actual height */
    background-image: url('../images/accordion-list.svg');
    background-size: contain; /* or cover */
    background-repeat: no-repeat;
    margin-right: 8px; /* spacing between image and text */
    vertical-align: middle;
}
/************ TABLEAUX DE BORD ENSEIGNANT **/


/************ MON COMPTE ETUDIANT ********/
#parametre-compte h2 {
    padding-bottom: 0;
}
p.change-picture.oswald_police {
    font-size: 1rem;
}
.tab-content.user-account--tab-content #parametre-compte h2:after {
    left: 17px;
    width: 28%;
    height: 9px;
    background-color: #FAA41C;
    z-index: 0;
    bottom: -10px;
}
.change-picture {
  color:#FAA41C;
}
.change-picture::before {
    content: '';
    display: inline-block;
    width: 16px; /* Adjust to match your icon size */
    height: 16px;
    background-image: url('../images/add_photo.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px; /* spacing between icon and text */
    vertical-align: middle;
    margin-top: -3px;
}
.col-md-6.col-password {
    padding-top: 59px;
}
.change-pass {
    margin-bottom: 15px;
}
form#form-user-profile .form-control, #form-user-password .form-control {
    border-radius: 35px;
    width: 100%;
    min-height: auto;
}
#dossier-inscription label.custom-file-label::after {
  color: #FAA41C;
}
#form-user-password #update-password,#form-user-validation  #send-validation
, #form-user-profile #update-profile, #dossier-inscription #update-document {
    margin-bottom: 10px;
    background-color: #FAA41C;
    text-align: left;
    border-radius: 27px;
    width: auto;
    text-align: center;
    padding-top: 13px;
    color: black;
    padding-bottom: 13px;
    border: none;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;    
    font-family: 'Oswald', sans-serif !important;
    font-weight: 400;

}
#parametre-compte h4.font-weight-bold.oswald_police {
    margin-bottom: 10px;
}
#dossier-inscription .border-secondary {
    border-color: #D9D9D9 !important;
    border-radius: 18px;
}
form#form-user-validation .form-group select {
  border : none !important;
}
form#form-user-validation .form-group
 {
    border: 2px solid #D9D9D9;
    border-radius: 18px;
    padding-right: 11px;
}
/************ MON COMPTE ETUDIANT ********/



/************ Historique ETUDIANT ********/
h2.tab-label.historic-title {
    padding-bottom: 0;
    padding-left: 0;
}
a.download.files:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/download_file.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
    margin-top: -3px;
}
td.date-activities .span-date-activity, .see-detail-course {
    color: #BA1E6F;
    background-color: #D9D9D9;
    padding: 3px 23px;
    border-radius: 15px;
    height: 26px;
}
#bibliotheques .table td, #bibliotheques .table td {
    padding-left: 13px !important;
}
#bibliotheques li.page-item.pager__item.pager__item--first,
#bibliotheques li.page-item.pager__item.pager__item--last
 {
  display: none;
}
#bibliotheques  #bibliotheque_paginate {
    display: none;
}
.my-bibliotheque input#table-search-bibliotheque {
    border: 2px solid #D9D9D9 !important;
}
.my-bibliotheque .custom-select {
    border: 2px solid #D9D9D9 !important;
}
.my-bibliotheque th, .my-bibliotheque td {
    border-right: none !important;
}
  #bibliotheques [type="search"],  #bibliotheques [type="text"] {
      border-radius: 15px !important;
      min-height: 2.375rem;
      width: 100%;
  }
.my-bibliotheque .table {
    border-top: 2px solid #faa41c !important;
}
.my-bibliotheque .course-content {
  border: none;
}  
.my-bibliotheque.tab-content.user-account--tab-content h2:after {
  width: 17%;
}  
.my-bibliotheque td.date-activities .span-date-activity {
    padding: 8px 23px;
}
a.download-file .user-course--label {
    padding-top: 5px;
}
a.download-file {
    display: flex;
    gap: 10px;
    color: #faa41c;
}
#bibliotheques .page-item.active .page-link,#bibliotheques li.page-item.pager__item.is-active a{
    color: black;
    background-color: #FAA41C;
    border-color: #FAA41C;
    border-radius: unset;
}
#bibliotheques .page-item .page-link  {
  border: none;
}
#bibliotheques .pagination {
      gap: 0;
}
td.see-details {
    display: flex;
    gap: 13px;
}
#list-cours th, #list-cours td {
  border: unset !important;
}
.nbr-comment {
  color: #faa41c;
}
#tableau-de-bord .table#list-cours {
    border-top: 1px solid #faa41c;
}
.recherche-actu ul.pagination, .recherche-actu div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  gap: 0;
}
ul.pagination, div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    gap: 8px;
}
.full-text-center img {
    width: 38%;
    border: 6px solid #BC1E6F !important;
    margin: auto;
    margin-top: 20px;
}
span.level-student.oswald_police h2 {
    margin: 5px 0;
}
.mail-student svg {
    width: 7%;
}
.phone-number-student svg {
    width: 5%;
}
.student-name h2 {
    margin: 5px 0;
}
.phone-number-student, .mail-student {
    display: flex;
    align-items: center;
    padding: 16px 0;
}

.mail-student {
    gap: 21px;
    padding-top: 3px;
}
.phone-number-student {
    gap: 24px;
}


.level-and-career {
    display: inline-flex;
    align-items: baseline;
    gap: 15px;
}
.student-name h2:after, .level-student h2:after {
  display: none;
}
.student-name h2 {
    font-weight: 400;
}
.profil-user .tab-content.user-account--tab-content {
    width: 38%;
}
table#list-notes img {
    border-radius: 100px;
    width: auto;
    max-width: 43px;
}
td.student-info {
    display: inline-flex;
    align-items: center;
    gap: 17px;
}
td.student-info.sorting_1 {
    width: -webkit-fill-available;
}
#historique .page-item.is-active .page-link, #list-cours_paginate .page-item.active .page-link,
.recherche-actu .vue-pagination .is-active .page-link,
.vue-liste-personnes .vue-pagination .is-active .page-link,
.content-search-course .vue-pagination .is-active .page-link,
.list-files-cus li.paginate_button.page-item.active a.page-link,
.cus-soumission-quiz .page-item.pager__item.is-active a.page-link,
 #etudiant-list .page-item.active .page-link,   #list-notes_paginate .page-item.active .page-link {
    color: black;
    background-color: #FAA41C;
    border-color: #FAA41C;
    border-radius: unset;
}
.view-liste-soumission-quizzes .js-form-submit {
  display: none;
}
.view-liste-soumission-quizzes.view-id-liste_soumission_quizzes {
    background: white;
    padding: 20px;
    border-radius: 15px;
}
li.is-active.onglet-item {
    background: #faa41c;
}
.font-black {
  color: black;
}
.recherche-actu .view-filters {
    margin-bottom: 20px;
}
ul.onglets-recherche__list li {
    list-style: none;
    background: #D9D9D9;
    padding: 6px 12px;
    border-radius: 18px;
}
.date-creation {
  margin-bottom: 2px;
}
ul.onglets-recherche__list {
    display: flex;
    flex-direction: row !important;
    gap: 2%;
    margin-left: 0 !important;
    padding-bottom: 19px;
}
.custom-search-actu .card-body {
    padding: 0;
}
.custom-search-actu .card-body h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
ul.onglets-recherche__list li {
    list-style: none;
}
div#nos-mentions > .inner
 {
    padding-top: 5px;
}
#nos-mentions .content--list {
  border: none;
}
#historique .page-item .page-link, .recherche-actu .vue-pagination .page-link, .vue-liste-personnes .vue-pagination .page-link, .content-search-course .vue-pagination .page-link{
    border: unset;
}
td.btn-wrapper.third-column {
    min-width: 21vw;
}
.historique-page thead tr th, .historique-page tbody tr td {
    width: 42%;
}
.historique-page {
  display: block;
}
.historique-page {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Arial', sans-serif;
}
a.download.files {
    color: #faa41c;
}
.historique-page  thead {
  background-color: #fff;
  font-weight: bold;
  text-align: left;
}

.historique-page  th, .historique-page  td {
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
}

.historique-page  tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}

.historique-page  td {
  vertical-align: middle;
  font-size: 15px;
}

td .badge-date {
  display: inline-block;
  background-color: #f3f3f3;
  color: #c23761;
  border-radius: 20px;
  padding: 4px 12px;
  font-weight: bold;
  font-size: 14px;
}

.historique-page  td .file-link {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #f5a623;
  text-decoration: none;
  font-weight: 500;
}

.historique-page  td .file-link i {
  font-size: 16px;
}

/************ Historique ETUDIANT ********/


/************ Recherche COURS ********/
.content-search-course ul.pager__items.js-pager__items {
    display: flex;
    justify-content: center;
}
.content-search-course .pager__item {
    width: 2.375rem;
    height: 2.375rem;
}
.content-search-course li.pager__item.pager__item--active {
    color: black;
    background-color: #FAA41C;
    border-color: #FAA41C;
    border-radius: unset;
}
/************ Recherche COURS ********/
.user-agenda--date span.date-jour {
    display: none;
}
.user-agenda.same-month .user-agenda--date::after, .user-agenda--date.same-events::after, .user-agenda--date.empty-date::after {
    top: -10px !important;
    height: 118% !important;
}

/************ AGENDA ETUDIANT ********/
select.custom-select.filter-date-event option, select.custom-select.filter-date-agenda option {
    background-color: white;
}
.user-agenda--date.empty-date:after {
      content: '';
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 130%;

}
.tab-content.user-account--tab-content h2 {
      text-transform: none;
  }
  div#agenda {
      padding-left: 16px;
  }
  p.date-event {
      font-family: 'Oswald', sans-serif !important;
      color: #FAA41C;
  }
  .user-agenda--details h4{
    margin-top: 10px;
  }
  .user-agenda--date:after {
      content: '';
      position: absolute;
      top: 55px;
      left: 50%;
      transform: translateX(-50%);
      width: 1px;
      height: 70%;
      background-color: black;
  }
  .draggable:hover {
      background-color: unset !important;
  }
  .user-agenda--date {
      position: relative;
  }
  #mon-agenda .nav-link {
      flex: 20%;
      border-radius: 15px;
      text-align: center;
      font-family: 'Oswald', sans-serif !important;
      font-weight: 400;
      color: black;
    }
    #mes-mentions .card-content .nav-link.active, #mon-agenda .nav-link.active {
      background-color: #FAA41C;
      color: black;
      border-color: unset;
      border: none;
  }
  span.cus-print {
      padding-left: 10px;
  }
  div#evenement-tab .nav-link {
      background-color: #E6E6E6 !important;
  }
  div#evenement-tab {
      padding-left: 2%;
      width: 60%;
  }
  h4.title-course {
      margin-top: 10px;
      color: black !important;
      font-weight: 400;
  }
  h4.matiere-course {
      margin-top: 10px;
      font-weight: 400;
  }
  span.date-mois {
      font-size: 1.25rem;
      font-weight: bold;
  }
  #mon-agenda .custom-select:focus {
      border-color: #80bdff;
      outline: 0;
      box-shadow: none;
  }
  a#link-pdf-agenda img {
      width: 100% !important;
  }
  div#agenda {
      display: flex;
      gap: 25px;
      flex-direction: row;
      width: 65%;
  }
  div#mon-agenda .col-lg-6 {
      padding-left: 0;
  }
  .tab-content.user-account--tab-content h2:after, .historic-title h2:after, .all-quizzes:after , .all-projects::after, #faqtitle::after{
    content: '';
    position: absolute;
      left: 0;
      width: 20%;
      height: 9px;
      background-color: #FAA41C;
      z-index: 0;
      bottom: -10px;
  }
  #faqtitle {
    background: none;
    margin-top: -55px;
  } 
  #faqtitle::after {
    width: 41%;
    left: 7%;
  }
  input#table-search-bibliotheque {
      width: 98%;
  }
  .page-liste-projet .form-item-combine-1 {
    margin-top: 3px;
  }
  .form-item-field-type-value {
    padding-right: 39px;
  }
  .page-liste-projet .js-form-submit  {
    display: none;
  }
  .page-liste-projet .form-item-combine-1 [name="combine_1"] {
      border: 2px solid #FAA41C !important;
      border-radius: 30px !important;
      width: 100%;
      height: 39px;
      min-height: 87%;
  }
  .all-projects {
    position: relative;
    text-transform: none;
  }
  .all-projects::after {
    width: 22%;
  }
  h4.filter {
    margin-bottom: 10px;
  }
  button.btn.btn-sm.btn-warning.toggle-publish-btn {
      background: #343434;
      border: none;
      color: #ffff;
      border-radius: 30px;
      padding: 5px 20px;
      width: 20%;
  }
  tr.views-row.odd{
    background: #F3F3F3;
  }
  table.oswald_police.cols-4.views-table.liste-quizzes tbody tr td, .views-table.liste-projet tbody tr td,
  .views-table.liste-projet thead tr th,
  table.oswald_police.cols-4.views-table.liste-quizzes thead tr th {
    border: none;
    padding-left: 8px;
  }
  table.oswald_police.cols-4.views-table.liste-quizzes thead tr th, .views-table.liste-projet thead tr th {
    border-top: solid 1px #faa41c;
  }
  .add-more-quiz {
      margin-right: 55px;
      margin-top: 58px;
      background: #faa41c;
      display: flex;
      width: 75%;
      border-radius: 30px;
      gap: 12px;
      padding: 10px 20px;
      height: 46px;
      color: white;
      border:none;
  }
  .historic-title h2:after {
      width: 16%;
  }
  .tab-content.user-account--tab-content h2, .historic-title h2, .all-quizzes, #faqtitle {
      text-transform: none;
      position: relative;
  }
  .tab-content.user-account--tab-content {
      background-color: white;
      padding: 15px;
      padding-left: 40px;
      width: 1200px;
      margin: 0 auto;
      border-radius: 15px;
  }
  /************ AGENDA ETUDIANT ********/


/**********PAGE DETAIL COURS*******/

/* Responsive */
@media (max-width: 1024px) {
  ul.each-cours-block li {
    flex: 1 1 calc(50% - 1rem); /* 2 par ligne */
  }
  body {
    background-color: violet;
  }
  #parcours-header {
    gap: 0;
  }
  .txt-head {
    padding-right: 41px;
  }
  .txt-intro {
    position: relative;
    margin-left: 144px;
  }
  .div-txt-intro h3 {
    padding-left: 88px;
    width: 100%;
  }
  .div-txt-intro {
    display: flex;
    gap: 0;
    align-items: center;
  }
  .custom-node--type-qui_sommes_nous .text-content.field.field--name-body p {
      font-size: .97rem;
      line-height: 22px;
  }
}

@media (max-width: 600px) {
  ul.each-cours-block li {
    flex: 1 1 100%; /* 1 par ligne */
  }
   .custom-page-inscription #frmStripePayment {
        position: absolute !important;
        top: 47% !important;
        background: #fcfcfc !important;
        width: 90% !important;
        max-width: inherit !important;
        z-index: 69;
        border: none !important;
        border-radius: unset !important;
        box-shadow: unset;
        height: 170px  !important;
        border-bottom-right-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
        left: 5%;
    }
}



/***LISTE COURS**/

@media (min-width: 1024px) {
  #reinscription .paiement>div, #inscription .paiement>div {
      max-width: 80%;
      margin: 0 auto;
  }
  body {
    background: #0074d9;
  }
  .card-why_register h2 {
    margin-bottom: 7px;
    text-transform: none;
}
.div-txt-intro {
    gap: 246px;
}
.field--name-field-adresse h3:after {
    width: 27%;
}
.why-register-1 h3 {
    font-weight: bold;
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 0;
    margin-top: 60%;
    padding-bottom: 2%;
    font-size: 1.7rem;
}
  .join-us-image {
    height: 178%;
  }
  .tab-content.user-account--tab-content {
      width: 100%;
  }
  #tableau-de-bord .table#list-cours {
    border-top: 1px solid #faa41c;
    display: block;
    overflow: scroll;
  }
  .role-anonymous .user-button.order-1 a {
    border-radius: 30px !important;
    padding: 5px 14px !important;
  }
  .custom-page-inscription #frmStripePayment {
    top: 50.35% !important;
    width: 100% !important;
    max-width: inherit;
  }
  div#inscription .content.clearfix.stripe-desktop {
        height: 50rem !important;
  }
  #inscription-form .actions.clearfix {
    top: 45rem !important;
    top: auto !important;
  }
  h1 {
    font-size: 48px !important;
  }
  #reinscription .pagination, #inscription .pagination, #paiement .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
  }
  #inscription .dumbest-top .pagination {
    width: 58%;
  }
  #inscription .dumbest-top ul.pagination li:first-of-type {
    width: 100%;
    flex-basis: 300% !important;
  }
  form.esum-quiz-do-form
 {
      max-width: 1200px;
      margin: 0 auto;
      padding: 50px;
      padding-top: 0;
  }
  #quiz-timer{
      position: sticky;
      top: 100px;
      max-width: 100%;
      left: 0;
      right: 0;
      width: 98vw;
      margin-left: calc(-53vw + 599px);
      background: white;
      z-index: 9;
  }
  .content-parcours {
      margin: 0 auto;
      max-width: 1100px;
  }
  .niveau-container {
      max-width: 1100px;
      margin: 0 auto;
  }
  div#main-navigation ul.navbar-nav a {
    font-size: 16px;
  }
  #main-navigation ul.navbar-nav {
      padding-right: 0;
      padding-left: 0;
  }
  a.navbar-brand {
      width: 19%;
  }
  /***** ROLE ETUDIANT ***/
  .role-etudiant #main-menu .navbar-expand-lg {
      max-width: 100%;
      justify-content: space-between;
  }

  .role-etudiant #main-menu .navbar-collapse {
    flex: 0 0 auto;
    margin-left: auto;
    margin: 0 auto;
    gap: 22px;
  }
  .role-etudiant input#edit-keys {
      border-radius: 30px !important;
      width: 100%;
      border: 2px solid #FAA41C !important;
      font-family: 'Oswald', sans-serif !important;
      background-color: unset !important;
  }




  .bloc-esum-search-form {
  position: relative;
  max-width: 400px;
}

.search-input-wrapper {
  position: relative;
}

.champ-recherche-custom {
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem; /* espace pour l’icône */
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.search-submit-button {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
}

ul.nav.navbar-nav.navbar-right {
        right: 0;
        margin-left: 85px;
}
.page-liste-actu ul.nav.navbar-nav.navbar-right {
    width: 16%;
}

.search-submit-button svg {
  width: 20px;
  height: 20px;
  fill: #999;
}

.search-submit-button:hover svg {
  fill: #faa41c;
}

  
  .role-authenticated a.navbar-brand, .navbar-nav li a,  .role-authenticated  .navbar-nav li,
    .role-authenticated  ul.nav.nav-tabs.user-menu li a{
      font-family: 'Oswald', sans-serif !important;
  }
  .role-etudiant input#edit-keys , .champ-recherche-custom{
    border-radius: 30px !important;
    width: 100%;
    border: 2px solid #FAA41C !important;
    font-family: 'Oswald', sans-serif !important;
    background-color: unset !important;
    height: 5px !important;
    margin-bottom: 15px !important;
    min-height: 2.5rem;
  }
  input.champ-recherche-custom {
    min-height: 38px;
    margin-bottom: 0 !important;
    width: 100%;
  }
  /******ROLE ETUDIANT*****/

  .custom-node--type-home div#content div:nth-child(2) {
      margin-bottom: 0;
  }
  img.parcour-img-class {
    width: 40%;
}

  body.custom-node--type-home #content{
    background-color: #f3f3f3;
  }
  .custom-node--type-home main {
    background-color: white;
  }
  .custom-node--type-home .layout {
    background-color: #f3f3f3;
  }
  .custom-node--type-home .grid-full {
      display: flex;
  }

  .section-1-cols .col-text-head a {
    font-family: 'Oswald', sans-serif !important;

  }
  .col-text-head h1, .col-text-head h2 {
    margin: 0;
  }
  .section-1-cols .col-text-head  {
    text-align: left;
    padding-left: 81px;
    padding-bottom: 2%;
  }

  .section-2-cols .col-text-head h2 {
    color: #FAA41C;
  }
  .section-2-cols .col-text-head, .section-2-cols .col-text-head h1, .section-2-cols .col-text-head h2 {
    background-color: #BC1E6F;
    padding: 50px;
    padding-top: 5px;
    padding-left: 27px;
    padding-bottom: 0;
  }
  .col-text-head h3 {
    background-color: unset;
    padding: 50px;
    padding-top: 5px;
    padding-left: 27px;
    padding-bottom: 0;
    color: white;
    margin:0;
  }
  .section-2-cols .col-text-head p {
    padding-left: 27px;
    padding-top: 16px;
  }
  .section-2-cols .col-text-head h1 {
    color: #FAA41C;
  }
  .section-2-cols .col-text-head {
    color: white;
  }
  .join-us-text a {
        font-size: .875rem;
  }
    .section-1-cols .col-text-head a, .join-us-text a {
    background-color: #BC1E6F;
    border-radius: 19px;
    color: white;
    padding: 7px 23px;
  }
  /* body {
    font-family: 'Georgia', serif;
  } */

   
  #main-menu .navbar-brand img {
      width: 26%;
      height: auto;
  }

  div#main-navigation ul.navbar-nav li a.is-active {
    color: #faa41c !important;
  }


  /* Pour colorer directement le <li> qui contient un lien actif */
  .navbar-nav li > a.is-active {
    color: #ffa41c;
  }

  /* Pour colorer le <span> ou <a> du parent <li> quand un lien enfant est actif */
  .navbar-nav li ul li > a.is-active {
    color: #ffa41c;
  }

  .box-user.btn.btn-bordered.border-secondary.text-secondary {
    border-radius: 100px;
    border-color: unset;
  }
  #main-menu li span, #main-menu a:not(.navbar-brand):not(.my-account-link):not(.btn) {
    font-weight: 400;
  }
  #main-menu li span:hover, #main-menu li span:focus, #main-menu a:not(.btn):hover, #main-menu a:not(.btn):focus {
    color: #ffa41c !important;
    text-decoration: none;
  }
  #main-menu .user-button .box-user.btn.btn-bordered.border-secondary.text-secondary {
    border: none;
  }
  #main-menu .user-button a:not(.user-menu a).my-account-link {
    color: black !important;
    font-weight: 400;
  }

  #main-menu .user-menu li a:hover, #main-menu .user-menu li a:focus, #main-menu .user-menu li a.active  {
    color: #ffa41c !important;
  }

  /* div#main-navigation span, div#main-navigation li a, */ p {
    font-family: 'Georgia', serif;
  }

  .section-1-cols p {
      margin-bottom: 0;
  }

  /**** Home header ******/

  .section-1-cols, .section-2-cols {
    display: flex;
    align-items: center;
    gap: 2rem;
    align-items: flex-end;
  }

  .niveau-cards {
    display: flex;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 2%;
    max-width: 1200px;
    gap: 25px;
  }

  .col-text-head {
      flex: 0 0 46.8%;
  }
  a.navbar-brand {
      display: flex
  ;
      align-items: center;
      color: black;
  }
  .section-1-cols .col-text-head {
      flex: 0 0 58%;
  }
  .home-header-container-2 {
      max-width: 1200px;
      margin: 0 auto;
      padding-bottom: 20px;
  }

  .section-2-cols .col-image-head img {
    max-width: 100%; 
  }
  .col-image-head img {
    max-width: 23%; /* or whatever size you want */
    width: 100%;
    height: auto;
    display: block;
  }


  .section-1-cols .col-image-head {
    text-align: left; /* align content inside */
    display: flex;
    position: relative;
  }


  div#home-header {
    padding-left: 5rem;
    padding-right: 5rem;
    background-color: white;
  }

  
  .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active{
      background-color: #FAA41C !important;
  }
  .views-slideshow-controls-bottom .views-slideshow-pager-bullets li{
      background-color: #aaa !important;
  }
  /**** page connexion ***/
  .role-anonymous   div#main-navigation .user-button.order-1 a {
    background-color: #FAA41C;
  }
  div#main-navigation .user-button.order-1 a {
      background-color: none;
      border: none;
      color: black !important;
      font-weight: 400;
  }

  .section-1-cols {    
    margin-bottom: 2%;
    margin-top: 3%;
  }

  .section-2-cols {
      padding-top: 0%;
  }

  footer p {
    font-family: 'Oswald', sans-serif !important;
  }

  .section-1-cols .col-image-head img {
      position: relative;
      max-width: 100%;
      left: -10%;
      top: 1px;
      margin-top: 0;
      width: 550px;
      height: auto;
      object-fit: contain;
      display: block;
      margin: 0 auto;
  }
  .home-header-container h1 {
    text-transform: math-auto;
    padding-bottom: 15px;
    font-weight: 400;
  }
  .section-2-cols .col-image-head {
      flex: 0 0 50%;
  }

  /****Parcours***/

  .card.orange h3 {
      background-color: #FAA41C;
  }
  .icon-parcour {
      padding-top: 40px;
  }
  .niveau-details {
      background-color: white;
      border-bottom-right-radius: 15px;
      padding: 15px;
      border-bottom-left-radius: 15px;
  }
  .intro-parcours {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-left: 0;
  }


  .intro-parcours h3 {
      background-color: unset;
  }
  .niveau-details h4 {
      margin: 0;
  }
  .niveau-details h3 {
      margin-bottom: 0;
  }

  .card.orange {
      padding: 25px;
      background-color: #FAA41C;
      width: 18rem;
      border-radius: 15px;
      height: 100%;
  }

  .parcours-container {
      margin-top: 32px;
      margin-bottom: 32px;
  }
  .parcours-cards {
      display: flex;
      gap: 20px;
  }
  .parcours-container {
      max-width: 1100px;
      margin: 0 auto;
  }


  /****Pourquoi s'inscrire HOME**/
  .card-why_register h2 {
      text-align: center;
      color: #FAA41C;
      background-color: #f3f3f3;
  }

  .why_register-container {
      max-width: 1077px;
      margin: 0 auto;
      background-color: #f3f3f3;
  }

  .why_register-cards {
      display: flex;
      background-color: #F3F3F3;
      gap: 25px;
  }

  .why-register-1 img {
      width: 20%;
      position: absolute;
      top: 33px;
      right: 23px;
  }
  .card-why_register h2 {
      margin-bottom: 7px;
  }
  .titre-desc h3 {
      margin-bottom: 8px;
  }
  .why-register-1 h3{
    font-weight: bold;
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 0;
        margin-top: 63%;
  }
  .why-register-1 {
      background-color: white;
      padding: 5px 46px;
      border-radius: 12px;
      border-top-right-radius: 85px;
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
  }
  /***** niveau***/
  .niveau-details p {
    color: black;
    font-family: 'Oswald', sans-serif !important;
  }
  .niv-title {
    margin-bottom: 0;
  }
  .niv-enseignant {
    padding-top: 25px;
  }
  .niv-description p {
      margin-bottom: 0;
  }
  .niveau-details .niv-title {
      margin-bottom: 10px;
      background-color: #FAA41C;
      text-align: left;
      border-radius: 18px;
      width: 41%;
      padding-left: 24px;
      padding-top: 5px;
      color: white;
      padding-bottom: 5px;
  }


  /******* Qui peut s'inscrire *****/
  .card-who_can_subscribe {
      display: flex;
      max-width: 1100px;
      margin: 0 auto;
  }
  .card-who_can_subscribe h2 {
      background-color: unset;
      text-align: center;
  }
  .card-who_can_subscribe h2 {
      background-color: unset;
      text-transform: none;
  }
  .who_can_subscribe-image {
    display: flex;
    justify-content: center;
  }
  .who-can-subscribe-container {
      margin-top: 60px;
  }
  .who_can_subscribe-image img {
      width: 344px;
      height: 350px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
  }
  .who_can_subscribe-titre-desc.black  {
    background-color: #343434;
    color: white;
    min-height: 100%;
  }
  .online-courses-container {
      max-width: 1200px;
      margin: 0 auto;
      margin-top: 20px;
  }
  .online-courses-cards {
    display: flex;
    gap: 0;
  }
  .who_can_subscribe-titre-desc.orange h3 {
    color: black;
  }
  .online-courses-image img {
      width: 300px;
      height: 294px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
      margin-top: 40px;
  }
  .online-courses-1 {
      width: 100%;
  }
  .who_can_subscribe-titre-desc.orange  {
    background-color: #FAA41C;
  }
  .who_can_subscribe-titre-desc h3{
    background-color: unset;
    color: white;
    height: 100%;
  }
  .who_can_subscribe-titre-desc {
    border-radius: 15px;
    padding: 20px;
    padding-bottom: 80px;
  }
  .who_can_subscribe-cards {
    display: flex;
    gap: 50px;
  }
  .online-courses-titre-desc h3 {
    color: #BA1E6F;
  }
  .online-courses-titre-desc {
      background-color: white;
      padding: 20px;
      border-radius: 15px;
      color: #BA1E6F;
  }
  .who_can_subscribe-1 {
      width: 100%;
  }




  /*********Rejoins-nous*****/

  .join-us-container {
      background-color: white;
      max-width: 100%;
      margin: 0 auto;
      padding: 64px;
      margin-top: 50px;
  }
  .join-us-cards {
      display: flex;
      gap: 42px;
  }
  .join-us-text p {
      font-size: 1.5rem;
      padding-top: 0;
      margin-bottom: 0;
  }
  .custom-node--type-qui_sommes_nous .text-content.field.field--name-body h2{
    /* font-size: 3rem; */
  }
  .custom-node--type-qui_sommes_nous .text-content.field.field--name-body p{
    font-size: .97rem;
    line-height: 22px;
  }
  
  .join-us-image {
    margin-top: -75px;
  }
  .custom-node--type-home #content {
    margin-bottom: 0;
  } 
  .card-join-us-home {
    max-width: 1200px;
    margin: 0 auto;
  }

  /***** footer  ****/

  footer {
      color: #FFF;
      background-color: #343434;
  }
  li.each-parcour, .geit-tel li {
      list-style: none;
  }
  footer h3 {
    background-color: unset;
  }
  footer .all-parcours ul {
        display: flex;
      flex-direction: column;
      gap: 25px;
  }
  footer .all-parcours ul, footer .geit-tel ul{
    margin-left: 0;
  }
  .geit-tel li {
      display: inline;
  }
  li.each-parcour {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  li.each-parcour a, .text-footer p {
    font-family: 'Oswald', sans-serif !important;
    color: white;
  }
  .geit-mail, .geit-adress, .geit-tel li {
    font-family: 'Oswald', sans-serif !important;
        margin-bottom: 0;
  }
  .geit-tel, .mail-contact, .adress-contact {
      display: flex;
      gap: 40px;
  }
  .contacts-informations img {
      width: 12%;
  }

  .contacts-informations {
      display: flex;
      flex-direction: column;
      gap: 40px;
  }

  footer .fa-facebook:before, footer .fa-twitter:before, footer .fa-linkedin:before , footer .fa-instagram:before{
      color: white;
  }
  footer i.fab.fa-facebook, footer i.fab.fa-twitter , footer i.fab.fa-linkedin , footer i.fab.fa-instagram {
      background-color: #BA1E6F;
      border-radius: 26px;
      width: 46px;
      height: 46px;
      padding: 8px;
  }

  .footer-site-logo {
      width: 40%;
      height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body{
    background: red;
  }
  div#inscription .content.clearfix.stripe-content-device {
    /* height: 47.4rem !important; */
  }
  .card-who_can_subscribe h2 {
      background-color: unset;
      text-transform: none;
  }
  .recherche-actu {
    width: 100%;
  }
  div#parcours-header img{
    width: 50%;
  }
  ul.each-cours-block {
    display: flex
;
    flex-wrap: wrap;
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}
#tableau-de-bord .table#list-cours {
  display: block;
    overflow: scroll;
}
#main-menu #search-block-form {
  position: static;
  flex-basis: 100%;
  margin-left: 0;
  padding-bottom: 0.5rem;
  z-index: 0;
  display: flex;
  justify-content: center;
  max-width: 200px;
}
#main-menu #search-block-form div {
      padding-top: 10px;
}
.champ-recherche-custom {
      border-radius: 30px !important;
    width: 100% !important;
    border: 2px solid #FAA41C !important;
    font-family: 'Oswald', sans-serif !important;
    background-color: unset !important;
    height: 5px !important;
    margin-bottom: 15px !important;
    min-height: 2.5rem !important;
}
.user-button.order-1.oswald_police {
    padding-top: unset !important;
}
ul.nav.navbar-nav.navbar-right {
    padding-top: 5px !important;
}
.search-submit-button {
      position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
}
.role-etudiant #main-menu .navbar-expand-lg {
  max-width: 100%;
  justify-content: unset;
}
#bibliotheque .form-group:first-of-type {
    flex: 0 0 32%;
}
  .tab-content.user-account--tab-content {
    background-color: white;
    padding: 15px;
    padding-left: 40px;
    width: 100%;
    margin: 0 auto;
    border-radius: 15px;
  }
  button.navbar-toggler {
    position: absolute;
    right: 0;
  }
  #inscription-form #inscription---.add-more-heigh .actions.clearfix.dumbest-top {
    /* top: 45rem !important; */
  }
  .content-parcours {
    max-width: 90%;
  }
  div#parametre-compte {
    max-width: 780px;
  }
  #inscription .pagination {
    gap : 50px;
  }
  div#parametre-compte .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 45%;
  }
    .card.orange {
        padding: 25px;
        background-color: #FAA41C;
        width: 14rem;
        border-radius: 15px;
        height: 100%;
    }
 .home-header-container-2 {
    max-width: 90%; /* ou une largeur fixe plus petite, selon le rendu */
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
  }
  .section-1-cols .col-text-head {
      text-align: left;
      padding-left: 0;
      flex: unset;
      width: 100%;
  }
  .section-1-cols .col-text-head {
      padding-bottom: 2%;
  }
  .section-1-cols {
     margin-bottom: 0;
     margin-top: 3%;
  }
  .section-1-cols, .section-2-cols {
      display: flex;
      align-items: center;
      gap: 0;
  }
  h1 {
    font-size: 48px !important;
  }
  .home-header-container h1 {
      font-size: 2.5rem;
      line-height: normal;
  }
  .section-1-cols .col-image-head img {
      position: relative;
      max-width: 100%;
      left: 9%;
      top: 30px;
      width: 71rem;
  }
  div#home-header {
      padding-left: 5rem;
      padding-right: 5rem;
      background-color: white;
      padding-bottom: 2%;
  }
  .parcours-container {
      max-width: 90%;
      margin: 0 auto;
  }
  .niveau-cards {
    max-width: 90%;
  }
  .why_register-container {
    max-width: 90%;
  }
  .card-who_can_subscribe {
      max-width: 90%;
  }
  .custom-node--type-home h2 {
    font-size: 1.75rem;
  }
  .who_can_subscribe-cards {
      gap: 2%;
  }
  .who_can_subscribe-1:first-of-type {
    width: 55%;
  }
  .online-courses-container {
      max-width: 90%;
  }
  .online-courses-cards {
      display: flex;
      gap: 27px;
  }
}
@media (min-width: 1280px) {
  body {
    background: cyan;
  }
  #tableau-de-bord .table#list-cours {
        border-top: 1px solid #faa41c;
        display: block;
        overflow: unset;
    }
  .div-txt-intro {
    gap: 267px;
  }
  h2.our-values {
    margin-top: -8px;
  }
  .field--name-field-adresse h3:after {
    width: 22%;
  }
  .card-why_register h2 {
    margin-bottom: 7px;
    text-transform: none;
}
.why-register-1 h3 {
    font-weight: bold;
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 0;
    margin-top: 60%;
    padding-bottom: 4%;
    font-size: 1.7rem;
}
  .custom-page-inscription #frmStripePayment {
    position: absolute !important;
    top: 48% !important;
    background: #fcfcfc !important;
    width: 46.1% !important;
  }
  #inscription-form #inscription--- .actions.clearfix {
      top: auto !important;
  }
  #inscription-form #inscription---.add-more-heigh .actions.clearfix {
        top: 41rem !important;
  }
  #inscription-form #inscription---.add-more-heigh .actions.clearfix.dumbest-top {
    top: 47rem !important;
  }
  .role-anonymous .user-button.order-1 a {
    border-radius: 30px !important;
    padding: 10px 30px !important;
  }
  form.esum-quiz-do-form {
      max-width: 1200px;
      margin: 0 auto;
      padding: 50px;
      padding-top: 0;
      padding-left: 27px;
  }
  #quiz-timer {
      position:sticky;
      top: 100px;
      max-width: 100%;
      left: 0;
      right: 0;
      width: 100vw;
      margin-left: calc(-50vw + 600px);
      background: white;
      z-index: 9;
  }
  .join-us-text a {
        padding: 12px 27px;
  }
  .section-1-cols .col-text-head {
        /* text-align: justify; */
        /* padding-left: 81; */
  }
  .section-1-cols .col-image-head img {
      top: 19;
  }
  .content-parcours {
      margin: 0 auto;
      max-width: 1200px;
  }
  .card-who_can_subscribe {
      display: flex;
      max-width: 1200px;
      margin: 0 auto;
  }
  .niveau-container {
      max-width: 1200px;
      margin: 0 auto;
  }
  .why_register-container {
      max-width: 1200px;
      margin: 0 auto;
      background-color: #f3f3f3;
  }
  .card.orange {
      padding: 25px;
      background-color: #FAA41C;
      width: 20rem;
      border-radius: 15px;
      height: 100%;
  }
    .parcours-container {
        max-width: 1200px;
        margin: 0 auto;
    }
  .custom-devoir-form input, .custom-devoir-form select {
    min-height: 10px !important;
  }
  div#main-navigation ul.navbar-nav a {
      font-size: 17px;
  }
  .account-setting-cus .layout, .page-liste-projet .layout, .custom-node--type-article .layout, .custom-search-actu .layout {
    background: #f5f5f5;
  }
  #main-navigation ul.navbar-nav {
      padding-right: 35px;
      padding-left: 80px;
  }
  a.navbar-brand {
      width: 100%;
  }
  #main-menu .navbar-brand img {
      width: 11%;
      height: auto;
  } 
}
@media (min-width: 1440px) {
    body {
    background: rgb(255, 183, 0);
  }
  #inscription-form #inscription---.add-more-heigh .actions.clearfix.dumbest-top {
    top: 49.4rem !important;
  }
  .custom-page-inscription #frmStripePayment {
        position: absolute !important;
        top: 50% !important;
        background: #fcfcfc !important;
        width: 38.8% !important;
  }
  .section-1-cols .col-text-head {
      text-align: justify;
      padding-left: 160px;
      z-index: 20;
  }
    .section-1-cols .col-image-head img {
      top: 0;
    }
}



@media (min-width: 768px) and (max-width: 1023px) { 
    body {
    background: cyan;
  }
  .custom-page-inscription #frmStripePayment {
    top: 46.5% !important;
    width: 65% !important;
    max-width: inherit;
  }

  #main-menu .navbar-brand img {
      width: 8%;
      height: auto;
  }
  a.navbar-brand {
    display: contents;
  }


  h1 {
    font-size: 2.5rem;
  }
 h2 {
    font-size: 1.75rem;
  }


  .custom-node--type-home div#content div:nth-child(2) {
      margin-bottom: 0;
  }

  body.custom-node--type-home #content{
    background-color: #f3f3f3;
  }
  .custom-node--type-home main {
    background-color: white;
  }
  .custom-node--type-home .layout {
    background-color: #f3f3f3;
  }
  .custom-node--type-home .grid-full {
      display: flex;
  }

  .section-1-cols .col-text-head a {
    font-family: 'Oswald', sans-serif !important;

  }
  .col-text-head h1, .col-text-head h2 {
    margin: 0;
  }
  .section-1-cols .col-text-head  {
    text-align: justify;
    padding-left: 0;
  }
  .section-2-cols .col-text-head h2 {
    color: #FAA41C;
  }
  .section-2-cols .col-text-head, .section-2-cols .col-text-head h1, .section-2-cols .col-text-head h2 {
    background-color: #BC1E6F;
    padding: 50px;
    padding-top: 5px;
    padding-left: 27px;
    padding-bottom: 0;
  }
  .col-text-head h3 {
    background-color: unset;
    padding: 50px;
    padding-top: 5px;
    padding-left: 27px;
    padding-bottom: 0;
    color: white;
    margin:0;
  }
  .section-2-cols .col-text-head p {
    padding-left: 27px;
    padding-top: 16px;
  }
  .section-2-cols .col-text-head h1 {
    color: #FAA41C;
  }
  .section-2-cols .col-text-head {
    color: white;
  }
  .join-us-text a {
        font-size: .875rem;
  }
    .section-1-cols .col-text-head a, .join-us-text a {
    background-color: #BC1E6F;
    border-radius: 19px;
    color: white;
    padding: 7px 23px;
  }
  /* body {
    font-family: 'Georgia', serif;
  } */

  #main-menu .navbar-brand img {
      width: 16%;
      height: auto;
  }

  div#main-navigation ul.navbar-nav li a.is-active {
    color: #faa41c !important;
  }


  /* Pour colorer directement le <li> qui contient un lien actif */
  .navbar-nav li > a.is-active {
    color: #ffa41c;
  }

  /* Pour colorer le <span> ou <a> du parent <li> quand un lien enfant est actif */
  .navbar-nav li ul li > a.is-active {
    color: #ffa41c;
  }

  .box-user.btn.btn-bordered.border-secondary.text-secondary {
    border-radius: 100px;
    background-color: #faa41c;
    background-color: unset;
    border-color: unset;
  }
  #main-menu li span, #main-menu a:not(.navbar-brand):not(.my-account-link):not(.btn) {
    font-weight: 400;
  }
  #main-menu li span:hover, #main-menu li span:focus, #main-menu a:not(.btn):hover, #main-menu a:not(.btn):focus {
    color: #ffa41c !important;
    text-decoration: none;
  }
  #main-menu .user-button .box-user.btn.btn-bordered.border-secondary.text-secondary {
    border: none;
  }
  #main-menu .user-button a:not(.user-menu a).my-account-link {
    color: black !important;
    font-weight: 400;
  }

  #main-menu .user-menu li a:hover, #main-menu .user-menu li a:focus, #main-menu .user-menu li a.active  {
    color: #ffa41c !important;
  }

  /* div#main-navigation span, div#main-navigation li a, */ p {
    font-family: 'Georgia', serif;
  }

  .section-1-cols p {
      margin-bottom: 0;
  }

  /**** Home header ******/

  .section-1-cols, .section-2-cols {
    display: flex;
    align-items: center;
    gap: 2rem;
  }

  .niveau-cards {
    display: flex;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 2%;
    max-width: 780px;
    gap: 25px;
  }

  .col-text-head {
      flex: 0 0 46.8%;
  }
  a.navbar-brand {
      display: flex
  ;
      align-items: center;
      color: black;
  }
  .section-1-cols .col-text-head {
      flex: 0 0 58%;
  }
  .home-header-container-2 {
      max-width: 1200px;
      margin: 0 auto;
      padding-bottom: 20px;
  }

  .section-2-cols .col-image-head img {
    max-width: 100%; 
  }
  .col-image-head img {
    max-width: 23%; /* or whatever size you want */
    width: 100%;
    height: auto;
    display: block;
  }


  .section-1-cols .col-image-head {
    text-align: left; /* align content inside */
    display: flex;
    position: relative;
  }


    div#home-header {
        padding-left: 2rem;
        padding-right: 1rem;
        background-color: white;
    }

  /**** page connexion ***/
  div#main-navigation .user-button.order-1 a {
      background-color: #FAA41C;
      border: none;
      color: black !important;
      font-weight: 400;
  }

  .section-1-cols {    
    margin-bottom: 2%;
    margin-top: 3%;
  }

  .section-2-cols {
      padding-top: 2%;
  }


  .section-1-cols .col-image-head img {
      position: relative;
      max-width: 100%;
      left: -10%;
      top: 0;
      margin-top: 0;
      width: 550px;
      height: auto;
      object-fit: contain;
      display: block;
      margin: 0 auto;
  }
  .home-header-container h1 {
    text-transform: math-auto;
    padding-bottom: 15px;
    font-weight: 400;
  }
  .section-2-cols .col-image-head {
      flex: 0 0 50%;
  }

  /****Parcours***/

  .card.orange h3 {
      background-color: #FAA41C;
  }
  .icon-parcour {
      padding-top: 40px;
  }
  .niveau-details {
      background-color: white;
      border-bottom-right-radius: 15px;
      padding: 15px;
      border-bottom-left-radius: 15px;
  }
  .intro-parcours {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-left: 0;
  }


  .intro-parcours h3 {
      background-color: unset;
  }
  .niveau-details h4 {
      margin: 0;
  }
  .niveau-details h3 {
      margin-bottom: 0;
  }

  .card.orange {
      padding: 13px;
      background-color: #FAA41C;
      width: 90%;
      border-radius: 15px;
      padding-top: 0%;
      padding-bottom: 0;
  }

  .parcours-container {
      margin-top: 32px;
      margin-bottom: 32px;
  }
  .parcours-cards {
      display: flex;
      gap: 20px;
  }
  .parcours-container {
        max-width: 780px;
      margin: 0 auto;
  }


  /****Pourquoi s'inscrire HOME**/
  .card-why_register h2 {
      text-align: center;
      color: #FAA41C;
      background-color: #f3f3f3;
  }

  .why_register-container {
      max-width: 780px;
      margin: 0 auto;
      background-color: #f3f3f3;
  }

  .why_register-cards {
      display: flex;
      background-color: #F3F3F3;
      gap: 25px;
  }

  .why-register-1 img {
      width: 20%;
      position: absolute;
      top: 33px;
      right: 23px;
  }
  .card-why_register h2 {
      margin-bottom: 7px;
  }
  .titre-desc h3 {
      margin-bottom: 8px;
  }
  .why-register-1 h3{
    font-weight: bold;
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 0;
        margin-top: 63%;
  }
  .why-register-1 {
      background-color: white;
      padding: 0 20px;
      border-radius: 12px;
      border-top-right-radius: 85px;
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
  }
  /***** niveau***/
  .niveau-details p {
    color: black;
    font-family: 'Oswald', sans-serif !important;
  }
  .niv-title {
    margin-bottom: 0;
  }
  .niv-enseignant {
    padding-top: 25px;
  }
  .niv-description p {
      margin-bottom: 0;
  }
  .niveau-details .niv-title {
      margin-bottom: 10px;
      background-color: #FAA41C;
      text-align: left;
      border-radius: 18px;
      width: 41%;
      padding-left: 24px;
      padding-top: 5px;
      color: white;
      padding-bottom: 5px;
  }


  /******* Qui peut s'inscrire *****/
  .card-who_can_subscribe {
      display: flex;
      max-width: 780px;
      margin: 0 auto;
  }
  .card-who_can_subscribe h2 {
      background-color: unset;
      text-align: center;
  }
  .card-who_can_subscribe h2 {
      background-color: unset;
  }
  .who_can_subscribe-image {
    display: flex;
    justify-content: center;
  }
  .who-can-subscribe-container {
      margin-top: 60px;
  }
  .who_can_subscribe-image img {
      width: 344px;
      height: 350px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
  }
  .who_can_subscribe-titre-desc.black  {
    background-color: #343434;
    color: white;
  }
  .online-courses-container {
      max-width: 780px;
      margin: 0 auto;
      margin-top: 20px;
  }
  .online-courses-cards {
    display: flex;
    gap: 10px;
  }
  img.parcour-img-class {
    width: 50%;
  }
  .who_can_subscribe-titre-desc.orange h3 {
    color: black;
  }
  .online-courses-image img {
      width: 300px;
      height: 216px;  
      object-fit: contain;
      display: block;
      margin: 0 auto;
      margin-top: 40px;
  }
  .online-courses-1 {
      width: 100%;
  }
  .who_can_subscribe-titre-desc.orange  {
    background-color: #FAA41C;
  }
  .who_can_subscribe-titre-desc h3{
    background-color: unset;
    color: white;
    height: 100%;
  }
  .who_can_subscribe-titre-desc {
      border-radius: 15px;
      padding: 20px;
      padding-bottom: 1px;
      padding-top: 1px;
  }
  .who_can_subscribe-cards {
    display: flex;
    gap: 15px;
  }
  .online-courses-titre-desc h3 {
    color: #BA1E6F;
  }
  .online-courses-titre-desc {
      background-color: white;
      padding: 20px;
      border-radius: 15px;
      color: #BA1E6F;
  }
  .who_can_subscribe-1 {
      width: 100%;
  }




  /*********Rejoins-nous*****/

  .join-us-container {
      background-color: white;
      max-width: 1200px;
      margin: 0 auto;
      padding: 64px;
      margin-top: 50px;
  }
  .join-us-cards {
      display: flex;
      gap: 42px;
  }
  .join-us-text p {
      font-size: 1rem;
      padding-top: 42px;
  }

  /***** footer  ****/

  footer {
      color: #FFF;
      background-color: #343434;
  }
  li.each-parcour, .geit-tel li {
      list-style: none;
  }
  footer h3 {
    background-color: unset;
  }
  footer .all-parcours ul {
        display: flex;
      flex-direction: column;
      gap: 25px;
  }
  footer .all-parcours ul, footer .geit-tel ul{
    margin-left: 0;
  }
  .geit-tel li {
      display: inline;
  }
  li.each-parcour {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  li.each-parcour a, .text-footer p {
    font-family: 'Oswald', sans-serif !important;
    color: white;
  }
  .geit-mail, .geit-adress, .geit-tel li {
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 0;
  }
  .geit-tel, .mail-contact, .adress-contact {
      display: flex;
      gap: 10%;
  }
  .contacts-informations img {
      width: auto;
  }

  .contacts-informations {
      display: flex;
      flex-direction: column;
      gap: 40px;
  }

  footer .fa-facebook:before, footer .fa-twitter:before, footer .fa-linkedin:before , footer .fa-instagram:before{
      color: white;
  }
  footer i.fab.fa-facebook, footer i.fab.fa-twitter , footer i.fab.fa-linkedin , footer i.fab.fa-instagram {
      background-color: #BA1E6F;
      border-radius: 26px;
      width: 46px;
      height: 46px;
      padding: 8px;
  }

  .footer-site-logo {
      width: 40%;
      height: auto;
  }

  footer p {
    font-family: 'Oswald', sans-serif !important;
  }


  
}

@media (min-width: 768px) and (max-width: 991px) {
  /* Styles tablette */
  body {
    background-color: peru;
  }
  #inscription-form .actions.clearfix {
    bottom: 72px;
  }
  .ue-block li {
    list-style: none;
    width: 94%;
  }
  ul.each-cours-block img {
      border-radius: 9px;
      max-height: 125px;
      height: 100%;
      width: 100%;
      height: auto;
      object-fit: cover;
  }
  ul.each-cours-block li {
    display: flex;
    flex-direction: column;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    min-height: 315px;
    box-sizing: border-box;
    position: relative;
    justify-content: space-between;
    max-height: 208px;
    height: 100%;
  }

  ul.each-cours-block {
        display: grid;
        flex-wrap: nowrap;
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
        list-style: none;
        padding: 0;
        margin: 0;
  }
  .menu-utilisateur-horizontal li {
    height: 100%;
    display: flex;
    width: 12%;
    align-items: center;
    justify-content: center;
  }
  .tab-content.user-account--tab-content {
    width: 100%;
  }
  .tab-content.user-account--tab-content h2:after {
    width: 34%;
  }
  .tab-content.user-account--tab-content h2 {
    margin-bottom: 0;
  }
  #tableau-de-bord .table#list-cours {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
  svg.remove-notif {
    width: 5%;
    height: 50%;
    position: absolute;
    left: 5px;
    display: none;
  }
  .role-anonymous #main-menu .navbar-brand {
      width: 61%;
      margin-right: -121px;
  }
  .role-anonymous #main-navigation ul.navbar-nav {
    padding-left: 46px;
  }
  #main-menu .nav.navbar-nav.navbar-right li a:not(:only-child) {
      width: 93px;
      margin-right: 2px !important;
      margin-left: 10px;
  }
  .navbar-toggler {
    margin-left: 5px !important;
    padding-left: 42px;
    position: absolute;
    right: 0;
  }
  #main-menu .navbar-brand {
      width: 29%;
      margin-right: -121px;
      margin-top: -20px;
  }
  .menu-utilisateur-horizontal a {
    font-size: 16px;
  }
  h2.h2-fichier.oswald_police:after {
    bottom: 0;
    width: 42%;
  }
  .all-projects::after {
    width: 34%;
  }
  div#parametre-compte h2 {
    margin-bottom: 21px;
  }
  .recherche-actu {
    width: 100%;
  }
  .tab-content.user-account--tab-content.agenda-page > h2 {
    margin-bottom: 25px;
  }
  #etudiant-list h2:after {
    width: 41%;
  }
  #main-menu .user-button {
    /* display: none; */
      margin-top: -13px;
  }
  .box-user.btn.btn-bordered.border-secondary.text-secondary {
      border-radius: 100px;
      background-color: snow;
      border-color: unset;
  }
  .search-submit-button svg {
        width: 20px;
        height: 20px;
        fill: #999;
    }
    #main-menu .navbar-nav {
        border-bottom: none;
    }
    .search-submit-button {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        transform: translateY(-50%);
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        height: 100%;
        display: flex;
        align-items: center;
    }
    input.champ-recherche-custom {
        min-height: 38px;
        margin-bottom: 0 !important;
        width: 100%;
    }
  .champ-recherche-custom {
        border-radius: 30px !important;
        width: 100%;
        border: 2px solid #FAA41C !important;
        font-family: 'Oswald', sans-serif !important;
        background-color: unset !important;
        height: 5px !important;
        margin-bottom: 15px !important;
        min-height: 2.5rem;
    }
    .navbar {
      justify-content: unset;
    }
  #main-menu #search-block-form, .quiz-page  #main-menu #search-block-form{
        position: static;
        flex-basis: 38%;
        margin-left: 0;
        padding-bottom: 0.5rem;
        z-index: 0;
        margin-right: 41px;
        margin-left: 7%;
  }
   #main-menu .user-menu {
    left: unset !important;
    right: 0;
    top: 50px;
  }
  #quiz-timer {
    margin-left: 0;
    z-index: 99;
  }
  form.esum-quiz-do-form {
    max-width: 100%;
    margin: 0 auto;
    padding: 50px;
    padding-top: 0;
  }
  #main-menu #search-block-form div {
    width: 130%;
    position: relative;
    margin-bottom: 0;
  }
  a.navbar-brand {
    display: flex;
    align-items: center;
    color: black;
  }
  span.txt-home.oswald_police {
    display: none;
  }
  #main-menu .navbar-brand img {
      width: 27%;
      height: auto;
  }








  .role-anonymous #main-menu .navbar-brand img {
        width: 14%;
        height: auto;
  }
  .custom-page-inscription #frmStripePayment {
    top: 50.7rem !important;
    width: 100% !important;
    left: auto;
    max-width: inherit;
  }
  #inscription-p-2 .bg-light.paiement.text-secondary {
    padding-bottom: 30px;
  }
  #inscription .pagination li {
    margin: -17px 10px;
  }
  .role-anonymous #main-menu .user-button {
        width: 100%;
        margin-top: 8px;
        margin-left: 0;
        display: flex !important;
        justify-content: center;
    }
    div#parcours-header img {
      width: 50%;
      height: fit-content;
    }
    .image-contact-us{
      display: flex;
      width: 40%;
      flex-direction: column;
      padding-left: 32px;
    }
    #faqtitle::after {
      width: 78%;
      left: 15%;
    }
    svg.first-one {
      width: 129px;
      padding-left: 26%;
    }
    #parcours-header {
      margin: 0 auto;
      max-width: 100%;
      gap: 0;
    }
    body  .navbar-collapse.collapse.show {
        display: block !important;
    }
    .parcours-cards {
        display: flex;
        gap: 7px;
    }
    footer i.fab.fa-facebook, footer i.fab.fa-twitter, footer i.fab.fa-linkedin, footer i.fab.fa-instagram {
        border-radius: 26px;
        width: 40px;
        height: 40px;
        padding: 7px;
    }
    .mode-enseign-img .field--name-field-image .field__item img {
      position: absolute;
      width: 110%;
      top: 2px;
      left: -58px;
    }
    .our-advantages {
      width: 90%;
    }
    .intro-content {
      width: 89%;
    }
    .valeur-item {
      padding: 10px;
    }
    footer i {
      margin: 0;
      font-size: 1.675rem;
    }
    .who_are_we_president {
      padding-left: 40px;
    }
    .card.orange {
        width: 12rem;
    }
    .niveau-cards, .parcours-container, .why_register-container, .card-who_can_subscribe, .online-courses-container {
        max-width: 730px;
    }
    .home-join-us {
      position: absolute;
      z-index: 93;
      max-width: 68%;
      height: auto;
      padding-left: 95px;
      padding-top: 0;
      margin-top: 40px;
    }
    h1 {
        font-size: 37px !important;
    }
    .section-1-cols .col-image-head img {
        max-width: 138%;
        left: -26%;
        top: 38px;
    }
    .section-2-cols .col-text-head, .section-2-cols .col-text-head h1, .section-2-cols .col-text-head h2 {
        background-color: #BC1E6F;
        padding: 15px;
        padding-top: 0;
        padding-left: 15px;
        padding-bottom: 0;
    }
}



@media (max-width: 767px)  {
  body {
    background: #000000;
  }
  .custom-chat-page .chat-container {
    max-width: 92%;
    width: 100%;
  }
  #reglement-disciplinaire {
    position: fixed;
    top: 0;
    max-height: 61%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    overflow-y: scroll;
    outline: 0;
}
  .step.body.current::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #E3DDDD;
    margin-top: 20px;
    min-width: 105%;
    margin-left: -9px;
  }
  .inscription-genre {
    margin-top: -30px;
    padding-top: 12px;
  }
  label#genre-error {
    margin-top: -35px !important;
    min-width: 231px !important;
    padding-right: 57px !important;
    margin-bottom: 29px !important;
  }
  #inscription .steps.clearfix {
    margin-left: -17px;
    margin-right: 0;
  }
  .custom-node--type-nos_parcours h2 {
    font-size: 1.50rem;
  }
  #parcours-header {
    gap: 0 !important;
  }
  .div-txt-intro h3 {
    padding-left: 0;
  }
    
  .txt-intro {
      position: relative;
      margin-left: 0;
  }
  .div-txt-intro {
        gap: 91px !important;
  }
  .txt-head {
    padding-right: 0;
  }
  #reinscription .paiement .custom-file, #inscription .paiement .custom-file {
    min-width: 127%;
  }
  .custom-page-inscription select.ui-datepicker-year {
    padding-right: 0.375rem;
  }
  #inscription-form .ui-datepicker-title {
    width: 90%;
  }
  select.ui-datepicker-year, select.ui-datepicker-month {
    background-image: unset;
  }
  .custom-page-inscription .ui-datepicker-month {
    padding-right: 0.375rem;
    height: 38px;
  }
  .ui-datepicker-month, .ui-datepicker-year {
    padding: 0 .5rem;
    font-family: Poppins, sans-serif !important;
  }
  .step-item {
    flex: 0 0 123px;
    counter-increment: step;
    position: relative;
    text-align: center;
    margin-top: 30px;
    list-style: none;
    width: 28px;
  }
  #inscription ul.step-tabs {
    margin-left: 0px;
  }
  #inscription .pagination li a button.btn {
    width: 70%;
    padding: 8px;
  }
  #inscription-form #inscription---.add-more-heigh .actions.clearfix.dumbest-top {
      top: unset !important;
  }


  .custom-page-inscription #frmStripePayment {
    position: absolute !important;
    top: 49.2% !important;
    background: #fcfcfc !important;
    width: 88% !important;
    max-width: inherit !important;
    z-index: 69;
    border: none !important;
    border-radius: unset !important;
    box-shadow: unset;
    height: 170px !important;
    border-bottom-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    left: 9%;
    width: 82% !important;
  }
   
  .recherche-actu {
    width: 100%;
  }
  h2#faqtitle {
    padding: 203px 42px 0 21px;
  }
  li.nav-item.semestre-tabs a.nav-link {
    width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .discuss-chat.oswald_police {
    width: 100%;
    min-width: 100%;
    height: 48px;
  }
  .discuss-chat a {
    width: 100%;
    text-align: center;
  }
  button.submit-loupe.custom-search {
    position: absolute;
    margin-left: 308px;
    margin-top: -55px;
  }
  .dashboard-custom select.custom-select.oswald_police {
    width: 100%;
  }
  .vue-liste-personnes .views-exposed-form .form-item-combine {
    width: 100%;
  }
  .vue-liste-personnes td.views-field.views-field-custom-fullname-field {
    padding-left: 27px !important;
    width: 41%;
    padding-right: 47px;
  }
  article.article-carte.oswald_police {
    width: 100%;
    height: 100%;
  }
  .page-search-course .ue-block {
    margin-bottom: 1rem;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr;
}
.content-search-course .js-form-type-textfield.form-item-title {
    width: 100%;
}
 .content-search-course [name="title"] {
      min-height: 25px;
 }
.group-chat-geit #content {
    padding: 0;
}
h2.chat-discuss {
    margin-bottom: 40px;
}
h2.chat-discuss::after {
    width: 57%;
}
.role-anonymous #main-menu .navbar-brand img {
    width: 16%;
    height: auto;
}
.custom-class-devoir #content form {
    padding-left: 20px;
    padding-right: 20px;
}
.exercises p.titre-quiz-form:after {
    width: 62%;
}
.page-liste-actu article.article-carte.oswald_police {
  padding-right: 0;
}
.list-course:after {
    width: 70%;
}
.quiz-preparation {
    width: 76%;
}
#quiz-container span.highlight-title > p {
    font-size: 15px;
}
#quiz-container span.fieldset-legend {
    font-size: 15px;
}
form.esum-quiz-do-form{
    padding: 0;
}
#quiz-timer {
    margin-left: 0;
    padding-left: 44px;
}
.back-to-home {
    margin-left: 0;
    top: 0px;
    position: absolute;
    color: white !important;
    font-weight: normal !important;
}
.container.dashboard .course-content.no-border {
  padding-right: 0;
  padding-left: 0;
}
.container.dashboard, .container.dashboard .inner .row .col{
    padding: 0;
}
td.date-activities.oswald_police.date-td {
    display: flex;
}
td.date-activities.oswald_police.licence-td, td.btn-edit-cours {
    vertical-align: middle;
}
td.cours-is-pub {
    vertical-align: baseline;
}
.custom-filtering .content--filter .d-flex {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.recherche-actu {
    padding-left: 20px;
}
.custom-search-actu .card-body {
    width: 100%;
}
.each-actu-line {
    display: grid;
}
.page-title.pay-card h2 {
    margin-top: 92px !important;
}
.user-agenda--details.same-date {
    position: relative;
}
.user-agenda--date.empty-date {
  display: none;
}
.user-agenda--details.same-date:after {
    content: '';
    position: absolute;
    top: -27px;
    left: 28px;
    transform: translateX(-50%);
    width: 1px;
    height: 116%;
    background-color: black;
}
ul.notifications-list {
    margin-left: 0;
}
.time-notif svg {
    width: 8%;
    padding-right: 5px;
}
.cus-notification::after {
    content: '';
    position: absolute;
    left: 3px;
    width: 39%;
}
.message-and-date {
    flex-direction: column;
}
ul.notifications-list {
  margin-left: 0;
}
.notif-content {
  padding: 0;
}
.img-notif {
    margin-top: 0;
    width: 8%;
}
.notification-meta {
    align-items: flex-start;
}
a.noti-store-msg {
    width: 100%;
    text-align: left;
}
  form.user-login-form:before {
    content: "";
    display: block;
    height: 1px;
    background-color: #dfdfdf;
    margin-bottom: 1rem;
    width: 122%;
    margin-left: -31px;
}
  .page-liste-actu .articles-wrapper {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
      gap: 0;
      padding-bottom: 108px;
  }
  #articles-actualite.article article {
    width: 100%;
    text-align: justify;
  }
  header.cours-slider-header{
    margin-bottom: 23px;
  }
  .custom-node--type-article #content {
    background-color: white;
  }
  .nos-valeurs-wrapper {
      display: grid;
      gap: 20px;
      grid-template-columns: 1fr 1fr;
  }
  .valeur-item img {
      width: 70px;
  }
  .our-advantages {
      align-items: flex-start;
  }
  div#bibliotheque_wrapper table td {
      vertical-align: middle;
  }
  svg.close-sidebar-cours {
      display: flex;
      margin-left: auto;
      margin-right: 20px;
  }
  .footer-logo-and-social-media {
      width: 100%;
  }
  .footer-logo-and-social-media {
      display: flex;
  }
  .parcours-and-contact {
      display: flex;
      width: 100%;
  }
  .col-contact-information {
      min-width: 50% !important;
  }
  .mobile-sidebar-left-trigger {
        display: block;
        position: fixed;
        width: 14%;
        height: 20%;
        top: 40%;
        right: 18px;
        z-index: 5;
        background: none;
  }
  .second-col .field__label {
      padding-top: 40px;
  }
  .cours-entete.cours-entete-only.twocol{
      flex-direction: column;
  }
  .custom-node--type-cours header.cours-slider-header {
      margin-bottom: 22px;
  }
  .first-col, .second-col {
      width: 100%;
  }
  /* Quand sidebar est visible */
 
  .second-col .field__label {
      margin-left: 0;
  }
  body.custom-node--type-cours h2 {
      text-transform: none;
      font-size: 2rem;
      text-align: left;
      position: relative;
  }
 .sidebar-cours {
  position: fixed;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background-color: #f5f5f5;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1001;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

/* Quand visible */
.sidebar-cours.is-visible {
  transform: translateX(0);
  width: 100%;
}

  span.txt-home {
      display: none;
  }
  ul.menu-utilisateur-horizontal.oswald_police.menu.menu--level-1 {
      display: none;
  }
  ul.dropdown-menu.notify-drop.show li {
      width: 100% !important;
  }
  form#search-block-form input {
      min-height: 46px;
              min-height: 38px;
        margin-bottom: 0 !important;
        width: 100%;
  }
  ul.nav.navbar-nav.navbar-right {
      width: 9%;
  }
  #main-menu #search-block-form {
      position: relative;
      flex-basis: content;
      margin-left: 0;
      padding-bottom: 1.5rem;
      z-index: 0;
  }
  .user-button.order-1 {
    order: 3 !important;
    /* display: none !important; */
  }
  .role-anonymous #main-menu .user-button {
    width: 70%;
    margin-top: -70px;
    margin-left: 75px;
    display: flex;
  }
  .role-anonymous #main-menu  ul.navbar-nav.oswald_police .user-button {
    width: 100%;
  }
  .role-anonymous #main-menu .navbar-collapse {
      min-height: 328px;
  }
  .who-are-we-header-img {
    display: block;
  }
  .intro-hero-who {
    background-image: none !important;
  }
  .intro-content {
    margin-top: 0;
  }
  .user-button.order-1 a {
      font-size: .675rem;
  }
  ul.navbar-nav.oswald_police .user-button.order-1  a{
    margin-bottom: 12px;
  }
  #main-menu .navbar-collapse {
    border-top: none;
  }
  .role-anonymous  button.navbar-toggler {
      margin-left: auto !important;
  }
  ul.navbar-nav.oswald_police .user-button.order-1 {
    margin-top: -8px !important;
    margin-left: 121px !important;
  }
  .role-anonymous .user-button.order-1 a.btn-primary {
      background-color: #BC1E6F !important;
      border: none;
      color: white !important;
  }
  .role-anonymous   .user-button.order-1 a {
      background-color: #FAA41C !important;
      border: none;
  }
  #main-menu .navbar-nav.navbar-right .dropdown-menu.notify-drop {
      margin-left: -96px;
      top: 55px;
      min-width: 421px;
     right: 0 !important;
  }
  a.noti-store-msg {
    margin-left: 38px;
  }
  .navbar-collapse.collapse.show ul.nav.nav-tabs.user-menu {
      padding-left: 37% !important;
  }
  #main-menu .navbar-nav li {
      padding: 0;
      width: 7%;
  }
  nav.navbar.navbar-expand-lg {
      justify-content: space-between;
  }
  #main-menu .navbar-collapse {
    min-height: 458px;
  }
  #main-menu ul.dropdown-menu.notify-drop.show li span {
      background: none;
      /* margin-left: 20px; */
  }
  svg.remove-notif {
    display: none;
  }
  button.navbar-toggler {
        margin-left: 5px !important;
        padding-left: 42px;
  }
  ul.nav.navbar-nav.navbar-right li a {
      width: 3% !important;
  }
  #main-menu #search-block-form {
        width: 53%;
        height: 73%;
        padding-bottom: 36px !important;
        order: 0;
        padding: 0px 5px;
        padding-right: 20px;
        padding-left: 13px;      
  }
  #main-menu .navbar-nav  {
        margin-right: 2px !important;
        margin-left: 10px;
  }
  #main-menu .navbar-nav {
      border-bottom: none;
  }
  .actualites-list .headlines-actu img {
    border-radius: unset !important;
    height: auto;
    width: 110%;
  }
  #affiche-plus-actualites {
      width: 100%;
  }
  .page-liste-actu .articles-wrapper {
    grid-template-columns: 1fr;   /* toute la largeur */
    gap: 0.5rem;                  /* gap plus petit sur mobile */
  }
  .articles-secondaires {
    width: 100%;
  }
  #c-header {
    background-color: white;
    padding: 0 20px;
  }
  .txt-intro {
    width: 70%;
  }
  .image-left-txt-right, .txt-left-img-right {
    flex-direction: row;
    gap: 6px;
  }
  .txt-left-img-right {
        flex-direction: row;
  }
  div#parcours-header img {
    width: 54%;
  }
  article.article-carte.oswald_police img {
    height: 40%;
    min-height: auto;
    max-height: 310px;
    width: 100%;
  }
  .article-carte a.btn.oswald_police {
    width: 35%;
  }
  .page-liste-actu #content {
      margin-top: 18px;
  }
  .image-left-txt-right, .txt-left-img-right {
    padding: 0 0px;
  }
  .image-left-txt-right .img-spe {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .list-puce.bold-txt tr {
    display: flex;
    flex-direction: column;
  }
  .list-puce td li {
      font-size: 10px;
  }
  .div-txt-intro {
      display: flex;
      align-items: center;
      gap: 31px;
  }
  .txt-intro:before {
    content: '';
    top: 0;
    width: 20px;
    background-color: #faa41c;
    height: 125px;
    z-index: 4;
    left: -28px;
    position: absolute;
  }
  .div-txt-intro h3 {
    width: 60%;
  }
  .txt-right {
    width: 50%;
  }

  .content-parcours {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px;
  }
  #parcours-header img {
    width: 58%;
    height: 100%;
  }
  .txt-head {
    text-align: left;
  }
  #parcours-header {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    gap: 10px;
    flex-direction: row;
    align-items: center;
  }
  .intro-content {
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      width: 100%;
      margin-top: 0;
      gap: 17px;
      padding: 20px 18px;
  }
  .mode-enseign-img {
      width: 100%;
  }
  .mode-enseign-img .field--name-field-image .field__item img {
      position: relative;
      width: 100%;
      top: 0;
      left: 0;
      display: block !important;
  }
  #qui-sommes-nous .inner {
    padding-bottom: 0;
  }
  ul.navbar-nav.oswald_police .user-button.order-1 {
      flex-direction: column;
      display: flex;
      align-items: flex-start;
      padding-left: 24% !important;
  }
  .intro-hero-who {
      min-height: 220px;
  }
  .head-who-are-whe {
      width: 79%;
  }
  .mode-enseign {
      flex-direction: column;
  }
  .mode-enseign-img .field--name-field-image .field__item img {
    display: none;
  }
  .valeur-item {
      width: 98%;
  }
  .mode-enseign-txt {
    width: 100%;
  }
  .our-advantages {
      width: 100%;
      gap: 20px;
      flex-direction: column;
  }
  .who_are_we_president {
      flex-direction: column;
  }
  span.pdg-words {
    right: 36px;
  }
  .txt-president {
      width: 96%;
  }
  .pic-president img {
      width: 64%;
      padding-top: 40px;
  }
  .who_are_we_president {
      padding: 0;
      padding-left: 19px;
      flex-direction: column;
  }
  .advantages-txt {
      width: 100%;
  }
  .nos-valeurs-wrapper {
      flex-direction: column;
  }
  .field--name-field-adresse h3:after {
    top: 32px;
    width: 28%;
  }
  .content-head {
      width: 100%;
  }
  .field--name-field-adresse h3 {
      padding-bottom: 19px;
  }
  #main-menu li ul, #main-menu .user-menu {
    left: 0 !important;
  }
  .profil-user-teacher {
    gap: 2%;
    flex-direction: column;
  }
  .container.px-0.enseignant-profil-container {
    width: 90%;
    margin-left: 20px;
    margin-top: 4%;
  }
  .courses-with-prof {
    width: 100%;
  }
  .credit-matiere {
    gap: 50px;
  }
  h3.oswald_police.list-course {
    margin-left: 20px;
  }
  .each-course {
    background-color: white;
    padding: 15px;
    padding-left: 40px;
    width: 90%;
    margin-left: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
  }
  .profil-user .tab-content.user-account--tab-content {
      width: 81%;
      margin-top: 67px;
      margin-bottom: 40px;
      box-shadow: #a8a8ae 0.4px 0.5px 2px;
  }
  div.views_slideshow_cycle_slide.views_slideshow_slide, .views_slideshow_cycle_teaser_section, .view.view-slider-carrousel-home-etudiant .view-content {
    max-height: 241px;
    min-height: 226px;
}
span.box-user-icon {
  display: none;
}
.box-user.btn.btn-bordered.border-secondary.text-secondary {
    background-color: unset !important;
    width: 100%;
}

ul.nav.nav-tabs.user-menu {
    transform: none !important;
    position: relative !important;
    display: grid !important;
    width: 100% !important;
    background-color: unset !important;
    margin: 0;
    grid-template-columns: 1fr; /*1fr*/
    gap: 20px;
    opacity: 1 !important;
    z-index: 0 !important;
}

#main-menu .box-user-icon {
  display: none;
}
.tab-content.user-account--tab-content {
    width: 100%;
}
.my-bibliotheque .course-content {
    border: none;
    padding-left: 0;
    padding-right: 0;
}
a.download-file img {
    height: 100%;
    width: 14px;
    padding-top: 7px;
}
.my-bibliotheque th, .my-bibliotheque td {
    width: inherit;
}
.my-bibliotheque.tab-content.user-account--tab-content h2:after
 {
    width: 32%;
}
.user-accont--container.bibliotheque {
    padding: 10px;
}
.my-bibliotheque .d-flex {
    display: flex !important;
    flex-direction: column;
}
.tab-content.user-account--tab-content h2:after {
    width: 44%;
}
.user-agenda.same-month .user-agenda--date::after, .user-agenda--date.same-events::after, .user-agenda--date.empty-date {
    top: -108px !important;
    height: 227px;
}
#evenement-tab-content .user-agenda--date.empty-date:after
{
    top: 80px !important;
    height: 310px !important;
}
.user-agenda--date:after, #evenement-tab-content .user-agenda--date:after {
    left: 28px;
}
#evenement-tab-content .user-agenda--date:after {
    top: 35px;
    height: 350px;
}
.role-etudiant #evenement-tab-content .user-agenda--date:after {
    top: 35px;
    height: 146px;
}
.user-agenda--date:after {
        top: 35px;
        height: 108px;
}
.role-etudiant .user-agenda--date:after {
        top: 35px;
        height: 108px;
}

.user-agenda.same-month .user-agenda--date::after {
    top: -24px !important;
    height: 148px !important;
}
.user-agenda--details {
    padding-left: 31% !important;
}
#mon-agenda .tab-content {
  padding-right: 0;
}
.user-agenda .user-agenda--date {
  border-bottom: none !important;
}
.user-agenda .user-agenda--date span {
    display: flex;
    /* text-align: center; */
}
.user-agenda--date .date-jour {
  display: none !important;
}
.tab-content.user-account--tab-content {
    padding-left: 15px;
}
#mon-agenda .tab-content .tab-actions {
    justify-content: space-between;
}
div#agenda {
    display: flex;
    gap: 25px;
    flex-direction: row;
    width: 100%;
}

  .cours-layout-2col {
      display: flex;
      gap: 2rem;
      flex-direction: column;
      padding-left: 2% !important;
  }
  .cours-entete, .cours-media {
      width: 98%;
  }
    .custom-slide {
        display: flex;
        justify-content: normal;
    }
    .views-field.views-field-body {
        position: absolute;
        top: 11%;
        text-align: center;
        width: 94%;
    }

    #main-menu .navbar-brand img {
      width: 16%;
    }
    .custom-node--type-home .navbar-brand {
      display: contents;
    }
    .custom-node--type-home main {
      overflow: hidden;
      min-height: 457px;
      padding: 0 0.4rem;
    }
    .home-header-container {
      padding: 0 0.7rem;
    }
   .custom-node--type-home div#content div:nth-child(2) {
      margin-bottom: 0;
  }
  
  .section-1-cols, .section-2-cols {
      align-items: center;
      gap: 5px;
      flex-direction: row;
  }
  .section-2-cols {
      flex-direction: column;
  }

  div#home-header {
    padding-left: 0;
    padding-right: 0;
    background-color: white;
  }
  .section-1-cols .col-text-head {
    text-align: justify;
    padding-left: 0;
  }
  
  div#home-header {
      padding-left: 0;
      padding-right: 0;
      background-color: white;
  }

  body.custom-node--type-home #content{
    background-color: #f3f3f3;
  }
  .custom-node--type-home main {
    background-color: white;
  }
  .custom-node--type-home .layout {
    background-color: #f3f3f3;
  }
  .custom-node--type-home .grid-full {
      display: flex;
  }

  .section-1-cols .col-text-head a {
    font-family: 'Oswald', sans-serif !important;

  }
  .col-text-head h1, .col-text-head h2 {
    margin: 0;
  }
  .section-1-cols .col-text-head  {
    text-align: left;
    padding-left: 0;
  }
  .section-2-cols .col-text-head h2 {
    color: #FAA41C;
  }
  .section-2-cols .col-text-head, .section-2-cols .col-text-head h1, .section-2-cols .col-text-head h2 {
    background-color: #BC1E6F;
    padding: 50px;
    padding-top: 5px;
    padding-left: 27px;
    padding-bottom: 0;
  }
  .col-text-head h3 {
    background-color: unset;
    padding: 50px;
    padding-top: 5px;
    padding-left: 27px;
    padding-bottom: 0;
    color: white;
    margin:0;
  }
  .section-2-cols .col-text-head p {
    padding-left: 27px;
    padding-top: 16px;
  }
  .section-2-cols .col-text-head h1 {
    color: #FAA41C;
  }
  .section-2-cols .col-text-head {
    color: white;
  }
  .join-us-text a {
        font-size: .875rem;
  }
    .section-1-cols .col-text-head a, .join-us-text a {
    background-color: #BC1E6F;
    border-radius: 19px;
    color: white;
    padding: 7px 23px;
  }
  /* body {
    font-family: 'Georgia', serif;
  } */

  #main-menu .navbar-brand img {
      width: 10%;
      height: auto;
  }

  div#main-navigation ul.navbar-nav li a.is-active {
    color: #faa41c !important;
  }


  /* Pour colorer directement le <li> qui contient un lien actif */
  .navbar-nav li > a.is-active {
    color: #ffa41c;
  }

  /* Pour colorer le <span> ou <a> du parent <li> quand un lien enfant est actif */
  .navbar-nav li ul li > a.is-active {
    color: #ffa41c;
  }

  .box-user.btn.btn-bordered.border-secondary.text-secondary {
    border-radius: 100px;
    /* background-color: #faa41c; */
    border-color: unset;
  }
  #main-menu li span, #main-menu a:not(.navbar-brand):not(.my-account-link):not(.btn) {
    font-weight: 400;
  }
  #main-menu li span:hover, #main-menu li span:focus, #main-menu a:not(.btn):hover, #main-menu a:not(.btn):focus {
    color: #ffa41c !important;
    text-decoration: none;
  }
  #main-menu .user-button .box-user.btn.btn-bordered.border-secondary.text-secondary {
    border: none;
  }
  #main-menu .user-button a:not(.user-menu a).my-account-link {
    color: black !important;
    font-weight: 400;
  }

  #main-menu .user-menu li a:hover, #main-menu .user-menu li a:focus, #main-menu .user-menu li a.active  {
    color: #ffa41c !important;
  }

  /* div#main-navigation span, div#main-navigation li a, */ p {
    font-family: 'Georgia', serif;
  }

  .section-1-cols p {
      margin-bottom: 0;
  }

  /**** Home header ******/

  .section-1-cols, .section-2-cols {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .section-2-cols {
    gap: 0;
  }
  .intro-parcours h3 {
      font-size: 25px;
  }
  .card-niveau {
      width: 92%;
      text-align: center;
  }
    .niveau-cards {
        display: flex;
        margin: 0 auto;
        margin-top: 2%;
        margin-bottom: 2%;
        max-width: 1200px;
        gap: 25px;
        flex-direction: column;
        padding-top: 0%;
        align-items: center;
    }

  .col-text-head {
      flex: 0 0 46.8%;
  }
  a.navbar-brand {
      display: contents;
      align-items: center;
      color: black;
  }
  .section-1-cols .col-text-head {
      flex: 0 0 36%;
      padding-top: 71px;
  }
  .home-header-container-2 {
      max-width: 1200px;
      margin: 0 auto;
      padding-bottom: 20px;
  }

  .section-2-cols .col-image-head img {
    max-width: 100%; 
  }
  .col-image-head img {
    max-width: 23%; /* or whatever size you want */
    width: 100%;
    height: auto;
    display: block;
  }


  .section-1-cols .col-image-head {
    text-align: left; /* align content inside */
    display: flex;
    position: relative;
  }


  div#home-header {
    padding-left: 0;
    padding-right: 0;
    background-color: white;
  }

  /**** page connexion ***/
  div#main-navigation .user-button.order-1 a {
      background-color: white;
  }
  #main-navigation ul.navbar-nav {
    display: flex;
    gap: 8px;
    padding-left: 0;
    padding-right: 35px;
    align-items: center;
  }
  .row.contact-us-content {
      flex-direction: column-reverse;
  }
  svg.first-one {
      width: 65%;
      padding-left: 41%;
  }
  svg.second-one {
      width: 100%;
      height: auto;
  }
  .image-contact-us {
      width: 100%;
      flex-direction: column;
      padding: 52px;
  }
.webform-submission-contact-add-form input#edit-actions-submit {
    padding: 10px 30px;
}
div#page-contact .inner {
    padding-top: 0;
}
#main-menu #search-block-form div {
    width: 130%;
    position: relative;
    margin-bottom: 0;
}
.user-accont--container {
  margin-top: -23px;
}
td.date-activities .span-date-activity, .see-detail-course {
    color: #BA1E6F;
    background-color: #D9D9D9;
    padding: 8px;
    border-radius: 15px;
}
.navbar-toggler.collapsed .navbar-toggler-icon {
  /* background-image: url(../images/menu.svg); */
}
.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20fill%3D%22%23FAA41C%22/%3E%3Cpath%20d%3D%22M22%2023L42%2043%22%20stroke%3D%22white%22%20stroke-width%3D%229%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M42%2023L22%2043%22%20stroke%3D%22white%22%20stroke-width%3D%229%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
}
.navbar-collapse.collapse.show ul.nav.nav-tabs.user-menu {
    display: block !important;
    box-shadow: none !important;
    width: 100% !important;
    padding-left: 37%;
    text-align: center;
    font-family: 'Oswald', sans-serif !important;
    max-width: 100%;
    margin-top: 0 !important;
    padding-top: 0 !important;
    max-height: unset !important;
}

ul.nav.nav-tabs.user-menu li.nav-item {
    padding-top: 15px !important;
}
li.border-top.border-secondary.pt-2 {
  border: none !important;
}
div#main-navigation {
  padding-bottom: 20px !important;
}
ul.nav.nav-tabs.user-menu {
  display: none !important;
}
td.date-activities {
    width: 100% !important;
    padding: 0;
}
.user-accont--container {
    padding: 0.5rem;
}

  .section-1-cols {    
      margin-bottom: 2%;
      margin-top: 0;
      padding-top: 22px;
      padding-bottom: 19px;
  }

  .section-2-cols {
      padding-top: 2%;
  }


  .section-1-cols .col-image-head img {
        position: relative;
        max-width: unset;
        left: -115px;
        top: 49px;
        margin-top: 0;
        width: 423px !important;
        height: auto;
        display: block;
        margin: 0 auto;
  }
  .home-header-container h1 {
    text-transform: math-auto;
    padding-bottom: 15px;
    font-weight: 400;
    position: absolute;
    margin-top: -63px;
  }
  .section-2-cols .col-image-head {
      flex: 0 0 50%;
  }
  p.login-intro {
      position: absolute;
      top: 38px;
      width: 50%;
      right: 0;
      padding-right: 0;
      font-size: 1rem;
  }
  a.subscribe.custom-subscribe {
      position: absolute;
      bottom: 0;
      padding-left: 7%;
  }

  /****Parcours***/

  .card.orange h3 {
      background-color: #FAA41C;
  }
  .icon-parcour {
      padding-top: 10px;
  }
    .niveau-details {
        background-color: white;
        border-bottom-right-radius: 15px;
        padding: 15px;
        border-bottom-left-radius: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  .intro-parcours {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-left: 0;
      text-align: left;
      padding-top: 10%;
    }


  .intro-parcours h3 {
      background-color: unset;
  }
  .niveau-details h4 {
      margin: 0;
  }
  .niveau-details h3 {
      margin-bottom: 0;
  }

  .card.orange {
      padding: 15px;
      background-color: #FAA41C;
      width: 92%;
      border-radius: 15px;
      align-items: center;
      margin-bottom: 20px;
  }

  .parcours-container {
      margin-top: 32px;
      margin-bottom: 32px;
  }
  .parcours-cards {
      display: grid;
      gap: 0;
      grid-template-columns: repeat(2, 1fr);
      align-items: start;
      padding: 0 6px;
  }
  .card.orange img {
      width: 50%;
  }
  .parcours-container {
      max-width: 1200px;
      margin: 0 auto;
  }


  /****Pourquoi s'inscrire HOME**/
  .card-why_register h2 {
      text-align: center;
      color: #FAA41C;
      background-color: #f3f3f3;
  }

    .why_register-container {
        max-width: 1200px;
        margin: 0 auto;
        background-color: #f3f3f3;
        padding-top: 10%;
    }

    .why_register-cards {
        display: flex;
        background-color: #F3F3F3;
        gap: 25px;
        flex-direction: column;
        align-items: center;
    }

  .why-register-1 img {
      width: 20%;
      position: absolute;
      top: 33px;
      right: 23px;
  }
  .card-why_register h2 {
      margin-bottom: 7px;
  }
  .titre-desc h3 {
      margin-bottom: 8px;
  }
  .why-register-1 h3{
    font-weight: bold;
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 0;
        margin-top: 40%;
  }
    .why-register-1 {
        background-color: white;
        padding: 5px 46px;
        border-radius: 12px;
        border-top-right-radius: 85px;
        width: 92%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
    }
  /***** niveau***/
  .niveau-details p {
    color: black;
    font-family: 'Oswald', sans-serif !important;
  }
  .niv-title {
    margin-bottom: 0;
  }
  .niv-enseignant {
    padding-top: 25px;
  }
  .niv-description p {
      margin-bottom: 0;
  }
    .niveau-details .niv-title {
        margin-bottom: 10px;
        background-color: #FAA41C;
        text-align: left;
        border-radius: 18px;
        width: 41%;
        padding-left: 0;
        padding-top: 5px;
        color: white;
        padding-bottom: 5px;
        text-align: center;
    }


  /******* Qui peut s'inscrire *****/
  .card-who_can_subscribe {
      display: flex;
      max-width: 1200px;
      margin: 0 auto;
  }
  .card-who_can_subscribe h2 {
      background-color: unset;
      text-align: center;
  }
  .card-who_can_subscribe h2 {
      background-color: unset;
      color: #FAA41C;
  }
  .who_can_subscribe-image {
    display: flex;
    justify-content: center;
  }
  .who-can-subscribe-container {
      margin-top: 60px;
  }
  .who_can_subscribe-image img {
      width: 344px;
      height: 350px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
  }
  .who_can_subscribe-titre-desc.black  {
    background-color: #343434;
    color: white;
  }
  .online-courses-container {
      max-width: 1200px;
      margin: 0 auto;
      margin-top: 20px;
  }
     .online-courses-cards {
        display: flex;
        gap: 0;
        align-items: center;
        flex-direction: column;
    }
  .who_can_subscribe-titre-desc.orange h3 {
    color: black;
  }
  .online-courses-image img {
      width: 300px;
      height: 294px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
      margin-top: 40px;
  }
  img.who-can-subscribe-img-2 {
      display: none;
  }
  .join-us-1{
      width: 100%;
  }
  .online-courses-1 {
      width: 92%;
  }
  .who_can_subscribe-titre-desc.orange  {
    background-color: #FAA41C;
  }
  .who_can_subscribe-titre-desc h3{
    background-color: unset;
    color: white;
    height: 100%;
  }
    .who_can_subscribe-titre-desc {
        border-radius: 15px;
        padding: 20px;
        padding-bottom: 80px;
        text-align: center;
    }
    .who_can_subscribe-cards {
        display: flex;
        gap: 0;
        flex-direction: column;
        align-items: center;
    }
  .online-courses-titre-desc h3 {
    color: #BA1E6F;
  }
  .online-courses-titre-desc {
      background-color: white;
      padding: 20px;
      border-radius: 15px;
      color: #BA1E6F;
  }
  .who_can_subscribe-1 {
      width: 92%;
  }




  /*********Rejoins-nous*****/

  .join-us-container {
      background-color: white;
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      margin-top: 50px;
  }
    
  .join-us-text {
    text-align: left;
  }
  .join-us-image {
      position: relative;
      overflow: hidden;
      height: 207px;
      margin-top: -93px;
  }
  .join-us-image::before {
    width: 96%;
    height: 75%;
  }
  .home-join-us {
      position: absolute;
      z-index: 93;
      max-width: 122%;
      height: auto;
      padding-left: 111px;
      margin-top: -34px;
      margin-left: -48px;
      padding-bottom: 69px;
  }
  .col-md-4.footer-logo-and-social-media {
      display: flex;
      flex-direction: row;
  }
  .geit-logo {
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
  }
  .social-networks {
      text-align: initial;
      width: 50%;
  }
  .join-us-2 {
      width: 100%;
      position: relative;
  }
  .join-us-text p:last-of-type {
      padding-top: 0;
  }
    .join-us-cards {
        display: flex;
        gap: 42px;
        flex-direction: column;
        align-items: center;
    }
  a.link-site-logo {
    display: flex;
    width: 100%;
  }
  .join-us-text p {
      font-size: 1.1rem;
      padding-top: 42px;
  }
      footer [class*=col] {
        min-width: 100%;
        margin-bottom: 2rem;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .col-contact-information {
      padding-top: 3%;
    }
      footer [class*=col] {
        min-width: 100%;
        margin-bottom: 2rem;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

  /***** footer  ****/

  footer {
      color: #FFF;
      background-color: #343434;
  }
  li.each-parcour, .geit-tel li {
      list-style: none;
  }
  footer h3 {
    background-color: unset;
  }
  footer .all-parcours ul {
        display: flex;
      flex-direction: column;
      gap: 25px;
  }
  .flex.mt-lg-4.social-media a {
      margin-right: 9px !important;
  }
  footer .all-parcours ul, footer .geit-tel ul{
    margin-left: 0;
  }
  .geit-tel li {
      display: inline;
  }
  li.each-parcour {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  li.each-parcour a, .text-footer p {
    font-family: 'Oswald', sans-serif !important;
    color: white;
  }
  .contacts-informations svg.adress {
      width: 17%;
  }
  .geit-mail, .geit-adress, .geit-tel li {
    font-family: 'Oswald', sans-serif !important;
        margin-bottom: 0;
  }
  .geit-tel, .mail-contact, .adress-contact {
      display: flex;
      gap: 18px;
  }
  .contacts-informations svg {
      width: 12%;
      height: auto;
  }
  .contacts-informations img {
      width: 12%;
  }

    .contacts-informations {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding-top: 4%;
    }

  footer .fa-facebook:before, footer .fa-twitter:before, footer .fa-linkedin:before , footer .fa-instagram:before{
      color: white;
  }
  footer i.fab.fa-facebook, footer i.fab.fa-twitter , footer i.fab.fa-linkedin , footer i.fab.fa-instagram {
        background-color: #BA1E6F;
        border-radius: 26px;
        width: 35px;
        height: 35px;
        padding: 5px;
  }
  footer i {
    margin: 0;
    font-size: 24px;
  }

  .footer-site-logo {
      width: 40%;
      height: auto;
  }

  .head-inscription-bloc {
      display: flex;
      align-items: flex-end;
      gap: 8%;
      padding-top: 2%;
      width: 100%;
  }
  .head-inscription-bloc img {
      width: 40%;
  }
  .inscription-intro {
      padding-right: 0;
      font-size: 1rem;
      width: 100%;
  }
  div#inscription .content.clearfix {
      margin: 36px auto 50px;
  }

  div#inscription .content.clearfix {
      height: 78rem;
      width: 90%;
      padding: 0 9px;
      padding-bottom: 11%;
  }
  .head-inscription-bloc {
    padding-left: 0;
  }
  #inscription-form .actions.clearfix {
      bottom: 110px;
      width: 85%;
      position: relative;
      left: 6%;
  }
  #inscription input#bordereau {
    width: 60% !important;
}
  .custom-page-inscription .page-title h2.text-center {
      width: 72%;
      margin: 0 auto;
  }
  div#inscription .content.clearfix {
    /* height: 61rem !important; */
    /* height: 221vw !important; */
  }
  .step-tabs::before {
      position: absolute;
      content: '';
      top: 12px;
      width: 68%;
      left: 20%;
      height: 2px;
      border-bottom: 2px solid #707070;
  }
}


@media (max-width: 600px) {
body {
    background: #000000;
  }
  .step-tabs li.step-item:not(:last-child)::after {
    position: absolute;
    content: '';
    top: -18px;
    width: 93%;
    left: 65%;
    height: 2px;
    border-bottom: 2px solid #E3DDDD;
  }
    #inscription-form #inscription---.add-more-heigh .actions.clearfix.dumbest-top {
        top: 49.7rem !important;
  }
  #inscription .paiement>div {
      max-width: 96%;
      padding-bottom: 0;
  }
  div#inscription-p-2 .paiement.text-secondary .border-bottom h4 {
    padding: 5px 17px;
    text-align: center;
    font-family: "Georgia" !important;
  }
  .info-carte {
    display: none;
  }
  #inscription input[type="radio"]:checked:focus, #inscription input[type="radio"]:checked, #paiement-form input.form-check-input:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%23FAA41C'/%3E%3C/svg%3E") !important;
    border: 4px solid #D9D9D9;
    padding: 2px;
  }
   #reinscription .form-check-input, #inscription .form-check-input {
    padding: 6px;
  }
  div#inscription-p-2 .pt-3.border-bottom.border-secondary {
    gap: 9px;
  }
  .recherche-actu {
    width: 100%;
  }
  h2#faqtitle {
    padding: 203px 42px 0 21px;
  }
  li.nav-item.semestre-tabs a.nav-link {
    width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .discuss-chat.oswald_police {
    width: 100%;
    min-width: 100%;
    height: 48px;
  }
  .discuss-chat a {
    width: 100%;
    text-align: center;
  }
  button.submit-loupe.custom-search {
      position: absolute;
      margin-left: -50px;
      margin-top: 0;
  }
  .custom-search-actu .layout {
    background: #f5f5f5;
  }
  .dashboard-custom select.custom-select.oswald_police {
    width: 100%;
  }
  .vue-liste-personnes .views-exposed-form .form-item-combine {
    width: 100%;
  }
  .vue-liste-personnes td.views-field.views-field-custom-fullname-field {
    padding-left: 27px !important;
    width: 41%;
    padding-right: 47px;
  }
  article.article-carte.oswald_police {
    width: 100%;
    height: 100%;
  }
  .page-search-course .ue-block {
    margin-bottom: 1rem;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr;
}
.content-search-course .js-form-type-textfield.form-item-title {
    width: 100%;
}
 .content-search-course [name="title"] {
      min-height: 25px;
 }
.group-chat-geit #content {
    padding: 0;
}
h2.chat-discuss {
    margin-bottom: 40px;
}
h2.chat-discuss::after {
    width: 57%;
}
.role-anonymous #main-menu .navbar-brand img {
    width: 16%;
    height: auto;
}
.custom-class-devoir #content form {
    padding-left: 20px;
    padding-right: 20px;
}
.exercises p.titre-quiz-form:after {
    width: 62%;
}
.page-liste-actu article.article-carte.oswald_police {
  padding-right: 0;
}
.list-course:after {
    width: 70%;
}
.quiz-preparation {
    width: 76%;
}
#quiz-container span.highlight-title > p {
    font-size: 15px;
}
#quiz-container span.fieldset-legend {
    font-size: 15px;
}
form.esum-quiz-do-form{
    padding: 0;
}
#quiz-timer {
    margin-left: 0;
    padding-left: 44px;
}
.back-to-home {
    margin-left: 0;
    top: 0px;
    position: absolute;
    color: white !important;
    font-weight: normal !important;
}
.container.dashboard .course-content.no-border {
  padding-right: 0;
  padding-left: 0;
}
.container.dashboard, .container.dashboard .inner .row .col{
    padding: 0;
}
td.date-activities.oswald_police.date-td {
    display: flex;
}
td.date-activities.oswald_police.licence-td, td.btn-edit-cours {
    vertical-align: middle;
}
td.cours-is-pub {
    vertical-align: baseline;
}
.custom-filtering .content--filter .d-flex {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.recherche-actu {
    padding-left: 20px;
}
.custom-search-actu .card-body {
    width: 100%;
}
.each-actu-line {
    display: grid;
}
.page-title.pay-card h2 {
    margin-top: 92px !important;
}
.user-agenda--details.same-date {
    position: relative;
}
.user-agenda--date.empty-date {
  display: none;
}
.user-agenda--details.same-date:after {
    content: '';
    position: absolute;
    top: -27px;
    left: 28px;
    transform: translateX(-50%);
    width: 1px;
    height: 116%;
    background-color: black;
}
ul.notifications-list {
    margin-left: 0;
}
.time-notif svg {
    width: 8%;
    padding-right: 5px;
}
.cus-notification::after {
    content: '';
    position: absolute;
    left: 3px;
    width: 39%;
}
.message-and-date {
    flex-direction: column;
}
ul.notifications-list {
  margin-left: 0;
}
.notif-content {
  padding: 0;
}
.img-notif {
    margin-top: 0;
    width: 8%;
}
.notification-meta {
    align-items: flex-start;
}
a.noti-store-msg {
    width: 100%;
    text-align: left;
}
  form.user-login-form:before {
    content: "";
    display: block;
    height: 1px;
    background-color: #dfdfdf;
    margin-bottom: 1rem;
    width: 122%;
    margin-left: -31px;
}
  .page-liste-actu .articles-wrapper {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
      gap: 0;
      padding-bottom: 108px;
  }
  #articles-actualite.article article {
    width: 100%;
    text-align: justify;
  }
  header.cours-slider-header{
    margin-bottom: 23px;
  }
  .custom-node--type-article #content {
    background-color: white;
  }
  .nos-valeurs-wrapper {
      display: grid;
      gap: 20px;
      grid-template-columns: 1fr 1fr;
  }
  .valeur-item img {
      width: 70px;
  }
  .our-advantages {
      align-items: flex-start;
  }
  div#bibliotheque_wrapper table td {
      vertical-align: middle;
  }
  svg.close-sidebar-cours {
      display: flex;
      margin-left: auto;
      margin-right: 20px;
  }
  .footer-logo-and-social-media {
      width: 100%;
  }
  .footer-logo-and-social-media {
      display: flex;
  }
  .parcours-and-contact {
      display: flex;
      width: 100%;
  }
  .col-contact-information {
      min-width: 50% !important;
  }
  .mobile-sidebar-left-trigger {
        display: block;
        position: fixed;
        width: 14%;
        height: 20%;
        top: 40%;
        right: 18px;
        z-index: 5;
        background: none;
  }
  .second-col .field__label {
      padding-top: 40px;
  }
  .cours-entete.cours-entete-only.twocol{
      flex-direction: column;
  }
  .custom-node--type-cours header.cours-slider-header {
      margin-bottom: 22px;
  }
  .first-col, .second-col {
      width: 100%;
  }
  /* Quand sidebar est visible */
 
  .second-col .field__label {
      margin-left: 0;
  }
  body.custom-node--type-cours h2 {
      text-transform: none;
      font-size: 2rem;
      text-align: left;
      position: relative;
  }
 .sidebar-cours {
  position: fixed;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background-color: #f5f5f5;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1001;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

/* Quand visible */
.sidebar-cours.is-visible {
  transform: translateX(0);
  width: 100%;
}

  span.txt-home {
      display: none;
  }
  ul.menu-utilisateur-horizontal.oswald_police.menu.menu--level-1 {
      display: none;
  }
  ul.dropdown-menu.notify-drop.show li {
      width: 100% !important;
  }
  form#search-block-form input {
      min-height: 46px;
  }
  ul.nav.navbar-nav.navbar-right {
      width: 9%;
  }
  #main-menu #search-block-form {
      position: relative;
      flex-basis: content;
      margin-left: 0;
      padding-bottom: 1.5rem;
      z-index: 0;
  }
  .user-button.order-1 {
    order: 3 !important;
    /* display: none !important; */
  }
  .role-anonymous #main-menu .user-button {
    width: 70%;
    margin-top: -70px;
    margin-left: 75px;
    display: flex;
  }
  .role-anonymous #main-menu  ul.navbar-nav.oswald_police .user-button {
    width: 100%;
  }
  .role-anonymous #main-menu .navbar-collapse {
      min-height: 328px;
  }
  .who-are-we-header-img {
    display: block;
  }
  .intro-hero-who {
    background-image: none !important;
  }
  .intro-content {
    margin-top: 0;
  }
  .user-button.order-1 a {
      font-size: .675rem;
  }
  ul.navbar-nav.oswald_police .user-button.order-1  a{
    margin-bottom: 12px;
  }
  #main-menu .navbar-collapse {
    border-top: none;
  }
  .role-anonymous  button.navbar-toggler {
      margin-left: auto !important;
  }
  ul.navbar-nav.oswald_police .user-button.order-1 {
    margin-top: -8px !important;
    margin-left: 121px !important;
  }
  .role-anonymous .user-button.order-1 a.btn-primary {
      background-color: #BC1E6F !important;
      border: none;
      color: white !important;
  }
  .role-anonymous   .user-button.order-1 a {
      background-color: #FAA41C !important;
      border: none;
  }
  #main-menu .navbar-nav.navbar-right .dropdown-menu.notify-drop {
      margin-left: -96px;
      top: 55px;
      min-width: 421px;
     right: 0 !important;
  }
  a.noti-store-msg {
    margin-left: 38px;
  }
  .navbar-collapse.collapse.show ul.nav.nav-tabs.user-menu {
      padding-left: 37% !important;
  }
  #main-menu .navbar-nav li {
      padding: 0;
      width: 7%;
  }
  nav.navbar.navbar-expand-lg {
      justify-content: unset;
  }
  #main-menu .navbar-collapse {
    min-height: 458px;
  }
  #main-menu ul.dropdown-menu.notify-drop.show li span {
      background: none;
      /* margin-left: 20px; */
  }
  svg.remove-notif {
    display: none;
  }
  button.navbar-toggler {
        margin-left: 5px !important;
        padding-left: 31px;
  }
  ul.nav.navbar-nav.navbar-right li a {
      width: 3% !important;
  }
  #main-menu #search-block-form {
        width: 53%;
        height: 73%;
        padding-bottom: 36px !important;
        order: 0;
        padding: 0px 5px;
        padding-right: 20px;
        padding-left: 13px;      
  }
  #main-menu .navbar-nav  {
        margin-right: 2px !important;
        margin-left: 10px;
  }
  #main-menu .navbar-nav {
      border-bottom: none;
  }
  .actualites-list .headlines-actu img {
    border-radius: unset !important;
    height: auto;
    width: 110%;
  }
  #affiche-plus-actualites {
      width: 100%;
  }
  .page-liste-actu .articles-wrapper {
    grid-template-columns: 1fr;   /* toute la largeur */
    gap: 0.5rem;                  /* gap plus petit sur mobile */
  }
  .articles-secondaires {
    width: 100%;
  }
  #c-header {
    background-color: white;
    padding: 0 20px;
  }
  .txt-intro {
    width: 70%;
  }
  .image-left-txt-right, .txt-left-img-right {
    flex-direction: row;
    gap: 6px;
  }
  .txt-left-img-right {
        flex-direction: row;
  }
  div#parcours-header img {
    width: 54%;
  }
  article.article-carte.oswald_police img {
    height: 40%;
    min-height: auto;
    max-height: 310px;
    width: 100%;
  }
  .article-carte a.btn.oswald_police {
    width: 35%;
  }
  .page-liste-actu #content {
      margin-top: 18px;
  }
  .image-left-txt-right, .txt-left-img-right {
    padding: 0 0px;
  }
  .image-left-txt-right .img-spe {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .list-puce.bold-txt tr {
    display: flex;
    flex-direction: column;
  }
  .list-puce td li {
      font-size: 10px;
  }
  .div-txt-intro {
      display: flex;
      align-items: center;
      gap: 31px;
  }
  .txt-intro:before {
    content: '';
    top: 0;
    width: 20px;
    background-color: #faa41c;
    height: 174px;
    z-index: 4;
    left: -28px;
    position: absolute;
  }
  .div-txt-intro h3 {
    width: 60%;
  }
  .txt-right {
    width: 50%;
  }

  .content-parcours {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px;
  }
  #parcours-header img {
    width: 58%;
    height: 100%;
  }
  .txt-head {
    text-align: left;
  }
  #parcours-header {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    gap: 10px;
    flex-direction: row;
    align-items: center;
  }
  .intro-content {
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      width: 100%;
      margin-top: 0;
      gap: 17px;
      padding: 20px 18px;
  }
  .mode-enseign-img {
      width: 100%;
  }
  .mode-enseign-img .field--name-field-image .field__item img {
      position: relative;
      width: 100%;
      top: 0;
      left: 0;
      display: block !important;
  }
  #qui-sommes-nous .inner {
    padding-bottom: 0;
  }
  ul.navbar-nav.oswald_police .user-button.order-1 {
      flex-direction: column;
      display: flex;
      align-items: flex-start;
      padding-left: 24% !important;
  }
  .intro-hero-who {
      min-height: 220px;
  }
  .head-who-are-whe {
      width: 79%;
  }
  .mode-enseign {
      flex-direction: column;
  }
  .mode-enseign-img .field--name-field-image .field__item img {
    display: none;
  }
  .valeur-item {
      width: 98%;
  }
  .mode-enseign-txt {
    width: 100%;
  }
  .our-advantages {
      width: 100%;
      gap: 20px;
      flex-direction: column;
  }
  .who_are_we_president {
      flex-direction: column;
  }
  span.pdg-words {
    right: 36px;
  }
  .txt-president {
      width: 96%;
  }
  .pic-president img {
      width: 64%;
      padding-top: 40px;
  }
  .who_are_we_president {
      padding: 0;
      padding-left: 19px;
      flex-direction: column;
  }
  .advantages-txt {
      width: 100%;
  }
  .nos-valeurs-wrapper {
      flex-direction: column;
  }
  .field--name-field-adresse h3:after {
    top: 32px;
    width: 28%;
  }
  .content-head {
      width: 100%;
  }
  .field--name-field-adresse h3 {
      padding-bottom: 19px;
  }
  #main-menu li ul, #main-menu .user-menu {
    left: 0 !important;
  }
  .profil-user-teacher {
    gap: 2%;
    flex-direction: column;
  }
  .container.px-0.enseignant-profil-container {
    width: 90%;
    margin-left: 20px;
    margin-top: 4%;
  }
  .courses-with-prof {
    width: 100%;
  }
  .credit-matiere {
    gap: 50px;
  }
  h3.oswald_police.list-course {
    margin-left: 20px;
  }
  .each-course {
    background-color: white;
    padding: 15px;
    padding-left: 40px;
    width: 90%;
    margin-left: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
  }
  .profil-user .tab-content.user-account--tab-content {
      width: 81%;
      margin-top: 67px;
      margin-bottom: 40px;
      box-shadow: #a8a8ae 0.4px 0.5px 2px;
  }
  div.views_slideshow_cycle_slide.views_slideshow_slide, .views_slideshow_cycle_teaser_section, .view.view-slider-carrousel-home-etudiant .view-content {
    max-height: 241px;
    min-height: 226px;
}
span.box-user-icon {
  display: none;
}
.box-user.btn.btn-bordered.border-secondary.text-secondary {
    background-color: unset !important;
    width: 100%;
}

ul.nav.nav-tabs.user-menu {
    transform: none !important;
    position: relative !important;
    display: grid !important;
    width: 100% !important;
    background-color: unset !important;
    margin: 0;
    grid-template-columns: 1fr; /*1fr*/
    gap: 20px;
    opacity: 1 !important;
    z-index: 0 !important;
}

#main-menu .box-user-icon {
  display: none;
}
.tab-content.user-account--tab-content {
    width: 100%;
}
.my-bibliotheque .course-content {
    border: none;
    padding-left: 0;
    padding-right: 0;
}
a.download-file img {
    height: 100%;
    width: 14px;
    padding-top: 7px;
}
.my-bibliotheque th, .my-bibliotheque td {
    width: inherit;
}
.my-bibliotheque.tab-content.user-account--tab-content h2:after
 {
    width: 32%;
}
.user-accont--container.bibliotheque {
    padding: 10px;
}
.my-bibliotheque .d-flex {
    display: flex !important;
    flex-direction: column;
}
.tab-content.user-account--tab-content h2:after {
    width: 44%;
}
.user-agenda.same-month .user-agenda--date::after, .user-agenda--date.same-events::after, .user-agenda--date.empty-date {
    top: -108px !important;
    height: 227px;
}
#evenement-tab-content .user-agenda--date.empty-date:after
{
    top: 80px !important;
    height: 310px !important;
}
.user-agenda--date:after, #evenement-tab-content .user-agenda--date:after {
    left: 28px;
}
#evenement-tab-content .user-agenda--date:after {
    top: 35px;
    height: 350px;
}
.role-etudiant #evenement-tab-content .user-agenda--date:after {
    top: 35px;
    height: 146px;
}
.user-agenda--date:after {
        top: 35px;
        height: 108px;
}
.role-etudiant .user-agenda--date:after {
        top: 35px;
        height: 108px;
}

.user-agenda.same-month .user-agenda--date::after {
    top: -24px !important;
    height: 148px !important;
}
.user-agenda--details {
    padding-left: 31% !important;
}
#mon-agenda .tab-content {
  padding-right: 0;
}
.user-agenda .user-agenda--date {
  border-bottom: none !important;
}
.user-agenda .user-agenda--date span {
    display: flex;
    /* text-align: center; */
}
.user-agenda--date .date-jour {
  display: none !important;
}
.tab-content.user-account--tab-content {
    padding-left: 15px;
}
#mon-agenda .tab-content .tab-actions {
    justify-content: space-between;
}
div#agenda {
    display: flex;
    gap: 25px;
    flex-direction: row;
    width: 100%;
}

  .cours-layout-2col {
      display: flex;
      gap: 2rem;
      flex-direction: column;
      padding-left: 2% !important;
  }
  .cours-entete, .cours-media {
      width: 98%;
  }
    .custom-slide {
        display: flex;
        justify-content: normal;
    }
    .views-field.views-field-body {
        position: absolute;
        top: 11%;
        text-align: center;
        width: 94%;
    }

    #main-menu .navbar-brand img {
      width: 16%;
    }
    .custom-node--type-home .navbar-brand {
      display: contents;
    }
    .custom-node--type-home main {
      overflow: hidden;
      min-height: 457px;
      padding: 0 0.4rem;
    }
    .home-header-container {
      padding: 0 0.7rem;
    }
   .custom-node--type-home div#content div:nth-child(2) {
      margin-bottom: 0;
  }
  
  .section-1-cols, .section-2-cols {
      align-items: center;
      gap: 5px;
      flex-direction: row;
  }
  .section-2-cols {
      flex-direction: column;
  }

  div#home-header {
    padding-left: 0;
    padding-right: 0;
    background-color: white;
  }
  .section-1-cols .col-text-head {
    text-align: justify;
    padding-left: 0;
  }
  
  div#home-header {
      padding-left: 0;
      padding-right: 0;
      background-color: white;
  }

  body.custom-node--type-home #content{
    background-color: #f3f3f3;
  }
  .custom-node--type-home main {
    background-color: white;
  }
  .custom-node--type-home .layout {
    background-color: #f3f3f3;
  }
  .custom-node--type-home .grid-full {
      display: flex;
  }

  .section-1-cols .col-text-head a {
    font-family: 'Oswald', sans-serif !important;

  }
  .col-text-head h1, .col-text-head h2 {
    margin: 0;
  }
  .section-1-cols .col-text-head  {
    text-align: left;
    padding-left: 0;
  }
  .section-2-cols .col-text-head h2 {
    color: #FAA41C;
  }
  .section-2-cols .col-text-head, .section-2-cols .col-text-head h1, .section-2-cols .col-text-head h2 {
    background-color: #BC1E6F;
    padding: 50px;
    padding-top: 5px;
    padding-left: 27px;
    padding-bottom: 0;
  }
  .col-text-head h3 {
    background-color: unset;
    padding: 50px;
    padding-top: 5px;
    padding-left: 27px;
    padding-bottom: 0;
    color: white;
    margin:0;
  }
  .section-2-cols .col-text-head p {
    padding-left: 27px;
    padding-top: 16px;
  }
  .section-2-cols .col-text-head h1 {
    color: #FAA41C;
  }
  .section-2-cols .col-text-head {
    color: white;
  }
  .join-us-text a {
        font-size: .875rem;
  }
    .section-1-cols .col-text-head a, .join-us-text a {
    background-color: #BC1E6F;
    border-radius: 19px;
    color: white;
    padding: 7px 23px;
  }
  /* body {
    font-family: 'Georgia', serif;
  } */

  #main-menu .navbar-brand img {
      width: 16%;
      height: auto;
  }

  div#main-navigation ul.navbar-nav li a.is-active {
    color: #faa41c !important;
  }


  /* Pour colorer directement le <li> qui contient un lien actif */
  .navbar-nav li > a.is-active {
    color: #ffa41c;
  }

  /* Pour colorer le <span> ou <a> du parent <li> quand un lien enfant est actif */
  .navbar-nav li ul li > a.is-active {
    color: #ffa41c;
  }

  .box-user.btn.btn-bordered.border-secondary.text-secondary {
    border-radius: 100px;
    /* background-color: #faa41c; */
    border-color: unset;
  }
  #main-menu li span, #main-menu a:not(.navbar-brand):not(.my-account-link):not(.btn) {
    font-weight: 400;
  }
  #main-menu li span:hover, #main-menu li span:focus, #main-menu a:not(.btn):hover, #main-menu a:not(.btn):focus {
    color: #ffa41c !important;
    text-decoration: none;
  }
  #main-menu .user-button .box-user.btn.btn-bordered.border-secondary.text-secondary {
    border: none;
  }
  #main-menu .user-button a:not(.user-menu a).my-account-link {
    color: black !important;
    font-weight: 400;
  }

  #main-menu .user-menu li a:hover, #main-menu .user-menu li a:focus, #main-menu .user-menu li a.active  {
    color: #ffa41c !important;
  }

  /* div#main-navigation span, div#main-navigation li a, */ p {
    font-family: 'Georgia', serif;
  }

  .section-1-cols p {
      margin-bottom: 0;
  }

  /**** Home header ******/

  .section-1-cols, .section-2-cols {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .section-2-cols {
    gap: 0;
  }
  .intro-parcours h3 {
      font-size: 25px;
  }
  .card-niveau {
      width: 92%;
      text-align: center;
  }
    .niveau-cards {
        display: flex;
        margin: 0 auto;
        margin-top: 2%;
        margin-bottom: 2%;
        max-width: 1200px;
        gap: 25px;
        flex-direction: column;
        padding-top: 0%;
        align-items: center;
    }

  .col-text-head {
      flex: 0 0 46.8%;
  }
  a.navbar-brand {
      display: contents;
      align-items: center;
      color: black;
  }
  .section-1-cols .col-text-head {
      flex: 0 0 36%;
      padding-top: 71px;
  }
  .home-header-container-2 {
      max-width: 1200px;
      margin: 0 auto;
      padding-bottom: 20px;
  }

  .section-2-cols .col-image-head img {
    max-width: 100%; 
  }
  .col-image-head img {
    max-width: 23%; /* or whatever size you want */
    width: 100%;
    height: auto;
    display: block;
  }


  .section-1-cols .col-image-head {
    text-align: left; /* align content inside */
    display: flex;
    position: relative;
  }


  div#home-header {
    padding-left: 0;
    padding-right: 0;
    background-color: white;
  }

  /**** page connexion ***/
  div#main-navigation .user-button.order-1 a {
      background-color: white;
  }
  #main-navigation ul.navbar-nav {
    display: flex;
    gap: 8px;
    padding-left: 0;
    padding-right: 35px;
    align-items: center;
  }
  .row.contact-us-content {
      flex-direction: column-reverse;
  }
  svg.first-one {
      width: 65%;
      padding-left: 41%;
  }
  svg.second-one {
      width: 100%;
      height: auto;
  }
  .image-contact-us {
      width: 100%;
      flex-direction: column;
      padding: 52px;
  }
.webform-submission-contact-add-form input#edit-actions-submit {
    padding: 10px 30px;
}
div#page-contact .inner {
    padding-top: 0;
}
#main-menu #search-block-form div {
    width: 130%;
    position: relative;
    margin-bottom: 0;
}
.user-accont--container {
  margin-top: -23px;
}
td.date-activities .span-date-activity, .see-detail-course {
    color: #BA1E6F;
    background-color: #D9D9D9;
    padding: 8px;
    border-radius: 15px;
}
.navbar-toggler.collapsed .navbar-toggler-icon {
  /* background-image: url(../images/menu.svg); */
}
.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20fill%3D%22%23FAA41C%22/%3E%3Cpath%20d%3D%22M22%2023L42%2043%22%20stroke%3D%22white%22%20stroke-width%3D%229%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M42%2023L22%2043%22%20stroke%3D%22white%22%20stroke-width%3D%229%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
}
.navbar-collapse.collapse.show ul.nav.nav-tabs.user-menu {
    display: block !important;
    box-shadow: none !important;
    width: 100% !important;
    padding-left: 37%;
    text-align: center;
    font-family: 'Oswald', sans-serif !important;
    max-width: 100%;
    margin-top: 0 !important;
    padding-top: 0 !important;
    max-height: unset !important;
}

ul.nav.nav-tabs.user-menu li.nav-item {
    padding-top: 15px !important;
}
li.border-top.border-secondary.pt-2 {
  border: none !important;
}
div#main-navigation {
  padding-bottom: 20px !important;
}
ul.nav.nav-tabs.user-menu {
  display: none !important;
}
td.date-activities {
    width: 100% !important;
    padding: 0;
}
.user-accont--container {
    padding: 0.5rem;
}

  .section-1-cols {    
      margin-bottom: 2%;
      margin-top: 0;
      padding-top: 22px;
      padding-bottom: 19px;
  }

  .section-2-cols {
      padding-top: 2%;
  }


  .section-1-cols .col-image-head img {
        position: relative;
        max-width: unset;
        left: -115px;
        top: 49px;
        margin-top: 0;
        width: 423px !important;
        height: auto;
        display: block;
        margin: 0 auto;
  }
  .home-header-container h1 {
    text-transform: math-auto;
    padding-bottom: 15px;
    font-weight: 400;
    position: absolute;
    margin-top: -63px;
  }
  .section-2-cols .col-image-head {
      flex: 0 0 50%;
  }
  p.login-intro {
      position: absolute;
      top: 38px;
      width: 50%;
      right: 0;
      padding-right: 0;
      font-size: 1rem;
  }
  a.subscribe.custom-subscribe {
      position: absolute;
      bottom: 0;
      padding-left: 7%;
  }

  /****Parcours***/

  .card.orange h3 {
      background-color: #FAA41C;
  }
  .icon-parcour {
      padding-top: 10px;
  }
    .niveau-details {
        background-color: white;
        border-bottom-right-radius: 15px;
        padding: 15px;
        border-bottom-left-radius: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  .intro-parcours {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-left: 0;
      text-align: left;
      padding-top: 10%;
    }


  .intro-parcours h3 {
      background-color: unset;
  }
  .niveau-details h4 {
      margin: 0;
  }
  .niveau-details h3 {
      margin-bottom: 0;
  }

  .card.orange {
      padding: 15px;
      background-color: #FAA41C;
      width: 92%;
      border-radius: 15px;
      align-items: center;
      margin-bottom: 20px;
  }

  .parcours-container {
      margin-top: 32px;
      margin-bottom: 32px;
  }
  .parcours-cards {
      display: grid;
      gap: 0;
      grid-template-columns: repeat(2, 1fr);
      align-items: start;
      padding: 0 6px;
  }
  .card.orange img {
      width: 50%;
  }
  .parcours-container {
      max-width: 1200px;
      margin: 0 auto;
  }


  /****Pourquoi s'inscrire HOME**/
  .card-why_register h2 {
      text-align: center;
      color: #FAA41C;
      background-color: #f3f3f3;
  }

    .why_register-container {
        max-width: 1200px;
        margin: 0 auto;
        background-color: #f3f3f3;
        padding-top: 10%;
    }

    .why_register-cards {
        display: flex;
        background-color: #F3F3F3;
        gap: 25px;
        flex-direction: column;
        align-items: center;
    }

  .why-register-1 img {
      width: 20%;
      position: absolute;
      top: 33px;
      right: 23px;
  }
  .card-why_register h2 {
      margin-bottom: 7px;
  }
  .titre-desc h3 {
      margin-bottom: 8px;
  }
  .why-register-1 h3{
    font-weight: bold;
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 0;
        margin-top: 40%;
  }
    .why-register-1 {
        background-color: white;
        padding: 5px 46px;
        border-radius: 12px;
        border-top-right-radius: 85px;
        width: 92%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
    }
  /***** niveau***/
  .niveau-details p {
    color: black;
    font-family: 'Oswald', sans-serif !important;
  }
  .niv-title {
    margin-bottom: 0;
  }
  .niv-enseignant {
    padding-top: 25px;
  }
  .niv-description p {
      margin-bottom: 0;
  }
    .niveau-details .niv-title {
        margin-bottom: 10px;
        background-color: #FAA41C;
        text-align: left;
        border-radius: 18px;
        width: 41%;
        padding-left: 0;
        padding-top: 5px;
        color: white;
        padding-bottom: 5px;
        text-align: center;
    }


  /******* Qui peut s'inscrire *****/
  .card-who_can_subscribe {
      display: flex;
      max-width: 1200px;
      margin: 0 auto;
  }
  .card-who_can_subscribe h2 {
      background-color: unset;
      text-align: center;
  }
  .card-who_can_subscribe h2 {
      background-color: unset;
      color: #FAA41C;
  }
  .who_can_subscribe-image {
    display: flex;
    justify-content: center;
  }
  .who-can-subscribe-container {
      margin-top: 60px;
  }
  .who_can_subscribe-image img {
      width: 344px;
      height: 350px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
  }
  .who_can_subscribe-titre-desc.black  {
    background-color: #343434;
    color: white;
  }
  .online-courses-container {
      max-width: 1200px;
      margin: 0 auto;
      margin-top: 20px;
  }
     .online-courses-cards {
        display: flex;
        gap: 0;
        align-items: center;
        flex-direction: column;
    }
  .who_can_subscribe-titre-desc.orange h3 {
    color: black;
  }
  .online-courses-image img {
      width: 300px;
      height: 294px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
      margin-top: 40px;
  }
  img.who-can-subscribe-img-2 {
      display: none;
  }
  .join-us-1{
      width: 100%;
  }
  .online-courses-1 {
      width: 92%;
  }
  .who_can_subscribe-titre-desc.orange  {
    background-color: #FAA41C;
  }
  .who_can_subscribe-titre-desc h3{
    background-color: unset;
    color: white;
    height: 100%;
  }
    .who_can_subscribe-titre-desc {
        border-radius: 15px;
        padding: 20px;
        padding-bottom: 80px;
        text-align: center;
    }
    .who_can_subscribe-cards {
        display: flex;
        gap: 0;
        flex-direction: column;
        align-items: center;
    }
  .online-courses-titre-desc h3 {
    color: #BA1E6F;
  }
  .online-courses-titre-desc {
      background-color: white;
      padding: 20px;
      border-radius: 15px;
      color: #BA1E6F;
  }
  .who_can_subscribe-1 {
      width: 92%;
  }




  /*********Rejoins-nous*****/

  .join-us-container {
      background-color: white;
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      margin-top: 50px;
  }
    
  .join-us-text {
    text-align: left;
  }
  .join-us-image {
      position: relative;
      overflow: hidden;
      height: 207px;
      margin-top: -93px;
  }
  .join-us-image::before {
    width: 96%;
    height: 75%;
  }
  .home-join-us {
      position: absolute;
      z-index: 93;
      max-width: 122%;
      height: auto;
      padding-left: 111px;
      margin-top: -34px;
      margin-left: -48px;
      padding-bottom: 69px;
  }
  .col-md-4.footer-logo-and-social-media {
      display: flex;
      flex-direction: row;
  }
  .geit-logo {
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
  }
  .social-networks {
      text-align: initial;
      width: 50%;
  }
  .join-us-2 {
      width: 100%;
      position: relative;
  }
  .join-us-text p:last-of-type {
      padding-top: 0;
  }
    .join-us-cards {
        display: flex;
        gap: 42px;
        flex-direction: column;
        align-items: center;
    }
  a.link-site-logo {
    display: flex;
    width: 100%;
  }
  .join-us-text p {
      font-size: 1.1rem;
      padding-top: 42px;
  }
      footer [class*=col] {
        min-width: 100%;
        margin-bottom: 2rem;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .col-contact-information {
      padding-top: 3%;
    }
      footer [class*=col] {
        min-width: 100%;
        margin-bottom: 2rem;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

  /***** footer  ****/

  footer {
      color: #FFF;
      background-color: #343434;
  }
  li.each-parcour, .geit-tel li {
      list-style: none;
  }
  footer h3 {
    background-color: unset;
  }
  footer .all-parcours ul {
        display: flex;
      flex-direction: column;
      gap: 25px;
  }
  .flex.mt-lg-4.social-media a {
      margin-right: 9px !important;
  }
  footer .all-parcours ul, footer .geit-tel ul{
    margin-left: 0;
  }
  .geit-tel li {
      display: inline;
  }
  li.each-parcour {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  li.each-parcour a, .text-footer p {
    font-family: 'Oswald', sans-serif !important;
    color: white;
  }
  .contacts-informations svg.adress {
      width: 17%;
  }
  .geit-mail, .geit-adress, .geit-tel li {
    font-family: 'Oswald', sans-serif !important;
        margin-bottom: 0;
  }
  .geit-tel, .mail-contact, .adress-contact {
      display: flex;
      gap: 18px;
  }
  .contacts-informations svg {
      width: 12%;
      height: auto;
  }
  .contacts-informations img {
      width: 12%;
  }

    .contacts-informations {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding-top: 4%;
    }

  footer .fa-facebook:before, footer .fa-twitter:before, footer .fa-linkedin:before , footer .fa-instagram:before{
      color: white;
  }
  footer i.fab.fa-facebook, footer i.fab.fa-twitter , footer i.fab.fa-linkedin , footer i.fab.fa-instagram {
        background-color: #BA1E6F;
        border-radius: 26px;
        width: 35px;
        height: 35px;
        padding: 5px;
  }
  footer i {
    margin: 0;
    font-size: 24px;
  }

  .footer-site-logo {
      width: 40%;
      height: auto;
  }

  .head-inscription-bloc {
      display: flex;
      align-items: flex-end;
      gap: 8%;
      padding-top: 2%;
      width: 100%;
  }
  .head-inscription-bloc img {
      width: 40%;
  }
  .inscription-intro {
      padding-right: 0;
      font-size: 1rem;
      width: 100%;
  }
  div#inscription .content.clearfix {
      margin: 36px auto 50px;
  }

  div#inscription .content.clearfix {
    height: auto !important;
  }
  div#inscription .content.clearfix.stripe-content-device {
    height: 49.7rem !important;
    width: 90%;
    padding: 0 9px;
    padding-bottom: 15%;
  }

  .custom-page-inscription #frmStripePayment {
    position: absolute !important;
    top: 47.2% !important;
  }
  .head-inscription-bloc {
    padding-left: 0;
  }
  #inscription-form .actions.clearfix {
    bottom: 68px; 
    position: absolute;
    z-index: 4444;
    width: 100%;
  }
  #inscription-form .actions.clearfix.refmoneys {
    bottom: 68px !important; 
  }
  div#inscription-p-2 .pt-3.border-bottom.border-secondary{
    padding-left: 20px;
  }
  div#inscription-p-2 .pt-3.border-bottom.border-secondary h4 {
    gap: 9px;
    padding-left: 0;
  }
  .custom-page-inscription .page-title h2.text-center {
      width: 72%;
      margin: 0 auto;
  }
  div#inscription .content.clearfix {
    /* height: 61rem !important; */
    /* height: 221vw !important; */
  }
  .step-tabs::before {
      position: absolute;
      content: '';
      top: 12px;
      width: 68%;
      left: 20%;
      height: 2px;
      border-bottom: 2px solid #707070;
  }
  div#inscription .content.clearfix.stripe-content {
    height: 49.7rem !important;
  }
  .iti.iti--allow-dropdown {
    width: 100%;
  }
  #frmStripePayment input#submit-btn {
    float: right;
    margin-right: -43px !important;
  }
}

@media (max-width: 430px) {
  /* styles pour les plus grands smartphones */
  div#inscription .content.clearfix {
      height: auto !important;
      width: 90%;
      padding: 0 9px;
      padding-bottom: 15%;
  }
  .inscription-genre {
    padding-bottom: 12px;
  }
  .inscription-genre {
      margin-top: -11px;
      padding-top: 12px;
      margin-bottom: 2px;
  }
  label#genre-error {
    margin-top: -8px !important;
    min-width: 302px !important;
    padding-right: 57px !important;
    margin-bottom: 29px !important;
  }
}