/* { outline: 1px dashed #000;} */

/* PADDING / MARGIN *******************************************************************/
.form-radio [type=checkbox]:checked + label:before, .form-radio [type=radio]:checked + label:before, .form-checkbox [type=checkbox]:checked + label:before, .form-checkbox [type=radio]:checked + label:before, .form-radio label:before, .form-checkbox label:before, .obligatoire::after {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
}

.card-alert, .card-valid, .card-warning, .card-info {
  padding-left: clamp(1em, 1.5vw, 2em);
  padding-right: clamp(1em, 1.5vw, 2em);
}

.card-alert, .card-valid, .card-warning, .card-info {
  padding-top: clamp(1em, 1.5vw, 2em);
  padding-bottom: clamp(1em, 1.5vw, 2em);
}

label {
  transition: ease-in-out 0.1s;
}

.id-choix label, .id-modifier-action .btn-id, .id-modifier-action .btn-pro, .form-radio label:before, .form-checkbox label:before, .form-radio label, .form-checkbox label, .form-file input[type=file] + label, input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], input[type=heure], input[type=time], textarea, select {
  transition: ease-in-out 0.2s;
}

.flex-1 .form-g { margin-bottom: 1rem; font-weight: bold;  }

/********************* DARK *********************/
/*:root:has(.admin-theme > [value="dark"]:checked) */
body.dark {
  --h: 225deg;
  --l: 6%;
  --primary: hsl(263deg 37% 52%);
  --darki: hsl(var(--h) var(--l) 10%);
  /* header */
  --header-bg: var(--darki);
  --header-icone: hsl(210, 9%, 80%);
  --header-icone-h: hsl(206deg 81% 55%);
  --header-border-color: hsl(0deg 0% 43% / 40%);
  /* NAV */
  --nav-bg: hsl(var(--h) var(--l) 16%);
  --nav-a-bg: hsl(var(--h) var(--l) 20%);
  --nav-a-bgh: hsl(var(--h) var(--l) 10%);
  --nav-a-bga: hsl(var(--h) var(--l) 8%);
  /* NAV MOBILE */
  --smm-bg: hsl(0deg 0% 100% / 10%);
  --smm-a: hsl(255, 100%, 100%);
  --smm-border: hsla(0, 0%, 100%, 0.2);
  /* GLOBAL MENU */
  --menu-bg: var(--darki);
  --menu-srub-txt: hsl(var(--h) var(--l) 100%);
  --menu-a-txt: hsl(var(--h) var(--l) 80%);
  --menu-a-txth: hsl(var(--h) var(--l) 100%);
  --menu-a-bgh: hsl(var(--h) 0% 100% / 5%);
  --menu-a-bga: hsl(var(--h) 0% 100% / 10%);
  /* PARCOURS */
  --parcours: hsl(0deg 100% 45%);
  --parcours-titre: hsl(42, 100%, 52%);
  --parcours-filda: var(--parcours-titre);
  --parcours-gamme: hsla(175, 71%, 43%, .5);
  --parcours-tech: hsla(133, 74%, 27%, .5);
  --parcours-administratif: hsla(34, 90%, 31%, .5);
  --parcours-utiliserpts: hsla(290, 43%, 35%, .5);
  --parcours-activite: hsla(34, 100%, 47%, .5);
  --parcours-lignee: hsla(354, 94%, 46%, .5);
  --parcours-fb: hsla(221, 44%, 41%, .5);
  --parcours-service: hsla(201, 27%, 38%, .5);
  --parcours-fidelite-h: hsla(240, 0%, 0%, 1);
  --parcours-gamme-h: hsla(175, 71%, 43%, .25);
  --parcours-tech-h: hsla(133, 74%, 27%, .25);
  --parcours-administratif-h: hsla(34, 90%, 31%, .25);
  --parcours-utiliserpts-h: hsla(290, 43%, 35%, .25);
  --parcours-activite-h: hsla(34, 100%, 47%, .25);
  --parcours-lignee-h: hsla(354, 94%, 46%, .25);
  --parcours-fb-h: hsla(221, 45%, 50%, .25);
  --parcours-service-h: hsla(201, 27%, 38%, .25);
  /* GLOBAL PAGE */
  --global-page-bg: hsl(var(--h) var(--l) 18%);
  /* FORM */
  --input-border-color: hsl(222deg 7% 29%);
  --input-border-color-h: hsl(221, 17%, 37%);
  --form-int: hsl(227deg 14% 71%);
  --border-btn: hsla(0, 0%, 100%, 0.16);
  --bg-btn: hsl(0deg 0% 0% / 50%);
  --bg-btn-h: hsl(0deg 0% 0% / 75%);
  /* TAB */
  --tab-bg:hsla(0, 0%, 0%, .1);
  --tab-bg-h:hsla(0, 0%, 0%, .2);
  --tab-border:hsla(0, 0%, 0%, .3);
  /* DIVERS */
  --rev-black: hsl(0, 0%, 100%);
  --rev-white: #24292d;
  --h2: hsl(220deg 46% 77%);
  --bg-alert: hsl(0deg 69% 40%);
  --bg-alert-h: hsl(0deg 69% 30%);
  --bg-valid: hsl(127deg 20% 50%);
  --bg-warning: hsl(37 76% 40%);
  --bg-info: hsl(195 54% 40%);
  --bg-soft: hsla(0, 0%, 0%, 0.2);
  --valid: hsl(135, 56%, 54%);
  --info: hsl(206, 75%, 70%);
  --alert: hsl(0deg 69% 40%);
  --error: hsl(0deg 69% 40%);
  --warning: hsl(31, 84%, 54%);
}
body.dark header {
  border: 0;
}
body.dark .header-logo img {
  filter: invert(1) hue-rotate(0.5turn);
}
body.dark .header-account, body.dark .header-config {
  border-color: var(--global-page-bg);
}

/*
    @media only screen and (max-width:768px)
    {
        :root {   
            --font-size-primary : 15px;  
        }
    }    
*/
/* MATERIAL ICONS */
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 20;
}

a {
  color: var(--rev-black);
}

/* H1 - H2 - H3 - H4 - H5   */
h1 {
  font-size: clamp(1.25em, 2vw, 1.5em);
  margin: 0 0 var(--xl-vw) 0;
  width: 100%;
}

h2 {
  font-size: clamp(1.1em, 1.5vw, 1.3em);
  margin: 0 0 var(--lg) 0;
  color: var(--h2);
}

h3, .adm-titre {
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 var(--lg-vw) 0;
}

p {
  margin: 0 0 var(--lg) 0;
}

.ok {
  outline: 4px solid #CC0000 !important;
}

/* MARGIN */
.mb-1 {
  margin-bottom: 0.5em;
}

.mt-1 {
  margin-top: 0.5em;
}

.mr-1 {
  margin-right: 0.5em;
}

.ml-1 {
  margin-left: 0.5em;
}

.mb-2 {
  margin-bottom: 1em;
}

.mt-2 {
  margin-top: 1em;
}

.mr-2 {
  margin-right: 1em;
}

.ml-2 {
  margin-left: 1em;
}

.mb-3 {
  margin-bottom: 1.5em;
}

.mt-3 {
  margin-top: 1.5em;
}

.mr-3 {
  margin-right: 1.5em;
}

.ml-3 {
  margin-left: 1.5em;
}

.mb-4 {
  margin-bottom: 2em;
}

.mt-4 {
  margin-top: 2em;
}

.mr-4 {
  margin-right: 2em;
}

.ml-4 {
  margin-left: 2em;
}

.ml-auto {
  margin-left: auto;
}

/* MESSAGE */
.card-alert, .card-valid, .card-warning, .card-info {
  border-radius: var(--radius-sm);
  list-style: none;
  flex-grow: 1;
  margin: auto auto var(--xl) auto;
  color: #FFF;
}
.card-alert div, .card-valid div, .card-warning div, .card-info div {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 500;
  margin-bottom: var(--sm);
}
.card-alert div:last-child, .card-valid div:last-child, .card-warning div:last-child, .card-info div:last-child {
  margin-bottom: 0;
}
.card-alert .material-symbols-outlined, .card-valid .material-symbols-outlined, .card-warning .material-symbols-outlined, .card-info .material-symbols-outlined {
  margin-right: var(--lg);
}

.card-alert {
  background-color: var(--bg-alert);
}

.card-valid {
  background-color: var(--bg-valid);
}

.card-warning {
  background-color: var(--bg-warning);
}

.card-info {
  background-color: var(--bg-info);
}

/* PLACEMENTS */
.pl-grid {
  display: grid;
  gap: var(--lg-vw);
}

.pl-grid.grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.pl-flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lg-vw);
  margin-bottom: var(--lg-vw);
}

.flex-grow {
  flex-grow: 1;
}

.flex-auto {
  flex: auto;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-1.divi-2, .flex-2.divi-2, .flex-3.divi-2 {
  display: flex;
  gap: var(--lg-vw);
}

/* COULEURS */
.border-gr-1 {
  border: 2px solid var(--gr-1);
}

.border-gr-2 {
  border: 2px solid var(--gr-2);
}

.border-gr-3 {
  border: 2px solid var(--gr-3);
}

.gr-1 {
  background-color: var(--gr-1);
  color: var(--rev-white);
}

.gr-2 {
  background-color: var(--gr-2);
  color: var(--rev-black);
}

.gr-3 {
  background-color: var(--gr-3);
  color: var(--rev-black);
}

/* FORM  */
.form-champs {
  width: 100%;
  display: flex;
  gap: 0.5em;
  flex-direction: column;
  /*margin-bottom: var(--lg-vw);  */
}

.form-int {
  font-size: 0.9em;
  font-weight: 600;
  display: flex;
  gap: 0.5em;
  margin-bottom: var(--xs);
  width: -webkit-fill-available;
  width: -moz-available;
}

label {
  display: inline-flex;
  cursor: pointer;
}

input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], input[type=heure], input[type=time], textarea, select {
  font-size: 1em;
  border: 1px solid var(--input-border-color);
  padding: var(--padding-champs);
  border-radius: var(--radius-sm);
  width: -webkit-fill-available;
  width: -moz-available;
}
input[type=text].error, input[type=email].error, input[type=password].error, input[type=number].error, input[type=date].error, input[type=heure].error, input[type=time].error, textarea.error, select.error {
  outline: 2px solid var(--error);
}
input[type=text]:disabled, input[type=email]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=date]:disabled, input[type=heure]:disabled, input[type=time]:disabled, textarea:disabled, select:disabled {
  opacity: 0.4;
}
input[type=text]:focus-visible, input[type=email]:focus-visible, input[type=password]:focus-visible, input[type=number]:focus-visible, input[type=date]:focus-visible, input[type=heure]:focus-visible, input[type=time]:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 1px solid var(--primary);
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=heure]::-moz-placeholder, input[type=time]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: var(--gr-2);
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=number]::placeholder, input[type=date]::placeholder, input[type=heure]::placeholder, input[type=time]::placeholder, textarea::placeholder, select::placeholder {
  color: var(--gr-2);
}
input[type=text]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, input[type=date]:focus::-webkit-input-placeholder, input[type=heure]:focus::-webkit-input-placeholder, input[type=time]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder {
  opacity: 0;
}
input[type=text]:hover, input[type=email]:hover, input[type=password]:hover, input[type=number]:hover, input[type=date]:hover, input[type=heure]:hover, input[type=time]:hover, textarea:hover, select:hover {
  border: 1px solid var(--input-border-color-h);
}

.form-file {
  width: -webkit-fill-available;
  width: -moz-available;
  position: relative;
}
.form-file .btn {
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  right: 5px;
  top: 5px;
  background: var(--alert) url(/media/ic-trash.svg) no-repeat 50% 50%;
  background-size: 50%;
  display: none;
}
.form-file input[type=file] {
  display: none;
}
.form-file input[type=file]::-webkit-file-upload-button, .form-file input[type=file]::file-selector-button {
  visibility: hidden;
}
.form-file input[type=file] + label {
  border: 1px solid var(--gr-2);
  padding: 1rem;
  flex-direction: column;
  align-items: center;
  border-radius: var(--radius-sm);
  background-color: var(--rev-white);
}
.form-file input[type=file] + label:hover {
  border-color: var(--gr-2);
}
.form-file input[type=file] + label:hover .ic-etat {
  border-color: var(--valid);
  opacity: 0.6;
}
.form-file input[type=file] + label:hover .ic-etat::after {
  animation: upload 1s infinite;
}
.form-file input[type=file] + label .ic-etat {
  width: 62px;
  height: 62px;
  border: 3px dashed var(--rev-black);
  opacity: 0.3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.form-file input[type=file] + label .ic-etat::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(/media/ic-upload.svg) no-repeat 50% 50%;
  background-size: cover;
}
.form-file input[type=file] + label .file-int, .form-file input[type=file] + label .file-name {
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold;
}
.form-file input[type=file] + label .file-name {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}

.form-file input[type=file] + label.fileOk .file-int, .form-file input[type=file] + label.fileOk .ic-etat {
  display: none;
}
.form-file label.fileOk + .btn {
  display: block;
}
.form-file .form-file-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-md);
  margin-bottom: var(--md);
  width: 220px;
  height: 150px;
}
@media only screen and (max-width:768px) {
  .form-file .form-file-img {
    width: 180px;
    height: 120px;
  }
}
.form-file .form-file-img img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 95%;
  max-width: 95%;
}

@keyframes upload {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(0px, -1.25px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, -5px);
    opacity: 0;
  }
}
@media only screen and (max-width:576px) {
  #infosCIE {
    grid-template-columns: 1fr;
    gap: 0;
  }
  #infosFirst, #infosCIE {
    grid-template-columns: 1fr 2fr;
  }
}
div.error {
  background-color: var(--bg-alert);
  padding: var(--md-vw);
  font-size: 0.9em;
  color: #FFF;
  border-radius: var(--radius-sm);
}

.obligatoire::after {
  color: var(--info);
  font-size: clamp(1.9em, 2vw, 2.2em);
  right: 0.5em;
  content: "*";
  line-height: 0em;
  font-weight: bold;
}

.form-radio, .form-checkbox {
  display: flex;
  gap: var(--md);
  flex-wrap: wrap;
}
@media only screen and (max-width:768px) {
  .form-radio, .form-checkbox {
    justify-content: center;
  }
}
.form-radio label, .form-checkbox label {
  display: inline-flex;
  padding: 0.6em 0.8em;
  gap: var(--sm);
  border-radius: var(--radius-sm);
  /*outline: 1px solid var(--input-border-color);*/
  background-color: var(--rev-white);
  align-items: center;
}
.form-radio label:hover, .form-checkbox label:hover {
  outline-color: var(--valid);
}
.form-radio label:before, .form-checkbox label:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  margin: auto;
  border: 2px solid var(--gr-2);
}
.form-radio [type=checkbox], .form-radio [type=radio], .form-checkbox [type=checkbox], .form-checkbox [type=radio] {
  display: none;
}
.form-radio [type=radio]:checked + label, .form-radio [type=checkbox]:checked + label, .form-checkbox [type=radio]:checked + label, .form-checkbox [type=checkbox]:checked + label {
  display: inline-flex; 
  background-color: var(--bg-valid);
  outline-color: var(--bg-valid);
  color: #FFF;
}
.form-radio [type=checkbox]:checked + label:before, .form-radio [type=radio]:checked + label:before, .form-checkbox [type=checkbox]:checked + label:before, .form-checkbox [type=radio]:checked + label:before {
  content: " ";
  background: url(/media/ic-valid.png) no-repeat 0 0;
  background-size: contain;
  border: 2px solid hsla(0, 0%, 100%, 0.635);
}

.form-radio label:before {
  border-radius: 50%;
}

input[type=submit], .btn, .btn-plus, button {
  /*padding: var(--md) var(--lg);*/
  border: 0;
  display: inline-flex;
  align-items: center;
  background-color: var(--bg-btn);
  text-align: center;
  color: #FFF;
  border-radius: var(--radius-sm);
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
input[type=submit]:hover, .btn:hover, .btn-plus:hover, button:hover {
  background-color: var(--bg-btn-h);
}
input[type=submit]:active, .btn:active, .btn-plus:active, button:active {
  box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.3) inset;
}

.btn-delete {
  background-color: var(--bg-alert);
}
.btn-delete:hover {
  background-color: var(--bg-alert-h);
}

input[type=submit].btn-plus, a.btn-plus, button.btn-plus, .btn-plus {
  padding: var(--md-vw) var(--lg-vw);
  font-weight: bold;
}

.btn.material-symbols-outlined, .btn-plus.material-symbols-outlined {
  padding: 0 var(--md);
}

input[type=submit]:disabled, .btn-disable, a[href="#"] {
  opacity: 0.25;
}

.bg-primary {
  background-color: var(--bg-primary);
  color: #FFF;
}

.txt-primary {
  color: var(--primary);
}

.border-primary {
  border: 1px solid var(--primary) !important;
}

.box-primary {
  border: 1px solid var(--primary);
  padding: var(--md-vw);
  border-radius: var(--radius-sm);
}

.box-primary .box-titre {
  color: var(--primary);
  margin-bottom: var(--md);
}

.box-primary p:last-child {
  margin-bottom: 0;
}

.bg-valid {
  background-color: var(--bg-valid);
  color: #FFF;
}

.txt-valid {
  color: var(--valid);
}

.border-valid {
  border: 1px solid var(--valid) !important;
}

.box-valid {
  border: 1px solid var(--valid);
  padding: var(--md-vw);
  border-radius: var(--radius-sm);
}

.box-valid .box-titre {
  color: var(--valid);
  margin-bottom: var(--md);
}

.box-valid p:last-child {
  margin-bottom: 0;
}

.bg-warning {
  background-color: var(--bg-warning);
  color: #FFF;
}

.txt-warning {
  color: var(--warning);
}

.border-warning {
  border: 1px solid var(--warning) !important;
}

.box-warning {
  border: 1px solid var(--warning);
  padding: var(--md-vw);
  border-radius: var(--radius-sm);
}

.box-warning .box-titre {
  color: var(--warning);
  margin-bottom: var(--md);
}

.box-warning p:last-child {
  margin-bottom: 0;
}

.bg-alert {
  background-color: var(--bg-alert);
  color: #FFF;
}

.txt-alert {
  color: var(--alert);
}

.border-alert {
  border: 1px solid var(--alert) !important;
}

.box-alert {
  border: 1px solid var(--alert);
  padding: var(--md-vw);
  border-radius: var(--radius-sm);
}

.box-alert .box-titre {
  color: var(--alert);
  margin-bottom: var(--md);
}

.box-alert p:last-child {
  margin-bottom: 0;
}

.bg-info {
  background-color: var(--bg-info);
  color: #FFF;
}

.txt-info {
  color: var(--info);
}

.border-info {
  border: 1px solid var(--info) !important;
}

.box-info {
  border: 1px solid var(--info);
  padding: var(--md-vw);
  border-radius: var(--radius-sm);
}

.box-info .box-titre {
  color: var(--info);
  margin-bottom: var(--md);
}

.box-info p:last-child {
  margin-bottom: 0;
}

.g {
  font-weight: 600;
}

.text-align-center, .center {
  text-align: center;
}

.margin-auto {
  margin: auto;
}

.mini {
  font-size: 0.8em;
}

.underline {
  text-decoration: underline;
}

.flex {
  display: flex;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-gap-md {
  gap: var(--md-vw);
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.position-relative {
  position: relative;
}

.filda {
  display: flex;
  gap: 0.5em;
  font-size: 0.8em;
  margin-bottom: 0.25em;
}

.mw-100 {
  max-width: 100px;
}

.mw-125 {
  max-width: 125px;
}

.mw-150 {
  max-width: 150px;
}

.mw-175 {
  max-width: 175px;
}

.mw-200 {
  max-width: 200px;
}

.mw-fitcontent {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.fitcontent {
  width: -moz-fit-content;
  width: fit-content;
}

/* TABLE */
.tab {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--lg-vw);
}
.tab tr:nth-of-type(2n+1) {
  background-color: var(--tab-bg);
}
.tab tr:hover td {
  background-color: var(--tab-bg-h);
}
.tab tr th {
  background-color: var(--tab-bg-h);
}
.tab th {
  color: var(--titre);
}
.tab th, .tab td {
  padding: var(--md-vw);
  border: 1px solid var(--tab-border);
  text-align: center;
}
.tab th p, .tab td p {
  margin: 0 0 var(--sm) 0;
}
.tab th .prix, .tab td .prix {
  color: var(--info);
  font-weight: 500;
}
.tab th.txt-left, .tab td.txt-left {
  text-align: left;
}
.tab th.txt-right, .tab td.txt-right {
  text-align: right;
}

@media only screen and (max-width:768px) {
  .tab th {
    display: none;
  }
  .tab th:nth-of-type(2n) {
    background-color: hsla(0, 0%, 100%, 0.4);
  }
  .tab th:last-child {
    display: block;
    border: 0;
  }
  .tab th .min-suiv-prec {
    justify-content: flex-end;
  }
  .tab td {
    display: grid;
    grid-template-columns: auto 1fr;
    outline: 0px;
    border: 0;
    padding: 0 1em;
    text-align: left;
  }
  .tab td .ic {
    font-size: 12px;
  }
  .tab td[data-cell=Points] {
    font-weight: bold;
  }
  .tab td:first-child {
    padding-top: 1em;
  }
  .tab td:last-child {
    padding-bottom: 1em;
  }
  .tab td::before {
    content: attr(data-cell);
    font-weight: 700;
    font-size: 0.8em;
    text-transform: capitalize;
    margin-right: 0.5em;
    width: 60px;
    flex-shrink: 0;
    display: inline-block;
  }
}
/* DIVERS */
.ic-txt {
  display: flex;
  align-items: center;
  gap: var(--md);
}

.txt-mini {
  font-size: 0.8em;
  color: var(--gr-1);
}

summary {
  list-style: none;
}

.mob-on {
  display: none;
}

.min-suiv-prec {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.4em;
  min-width: 70px;
  justify-content: center;
}

/* PARCOURS */
.parcours-fidelite h2, .parcours-fidelite .filda, .parcours-fidelite .adm-titre {
  color: var(--parcours-titre);
}

.txt-or {
  color: var(--parcours-titre);
}

.parcours-box {
  background-color: var(--nav-bg);
  padding: var(--xl-vw);
}
.parcours-box .adm-titre {
  text-align: center;
  font-size: 1em;
  min-height: 50px;
}
@media only screen and (max-width:992px) {
  .parcours-box .adm-titre {
    min-height: auto;
    margin-bottom: var(--md-vw);
  }
}
.parcours-box .parcours-box-img {
  width: calc(5 * var(--lg-vw));
  height: calc(5 * var(--lg-vw));
  overflow: hidden;
  margin: 0 auto var(--md-vw);
  border-radius: 50%;
}
.parcours-box .parcours-box-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.parcours-box ul {
  padding: 0;
}
.parcours-box ul li {
  list-style: none;
  margin-bottom: var(--md-vw);
}
.parcours-box .parcours-box-nom {
  text-align: center;
  font-weight: bold;
  margin-bottom: var(--md-vw);
}
.parcours-box input[type=submit].btn-plus, .parcours-box a.btn-plus {
  width: 70%;
}

:root:has(.admin-theme > [value=dark]:checked) {
  /* FORM */
}
:root:has(.admin-theme > [value=dark]:checked) input[type=text], :root:has(.admin-theme > [value=dark]:checked) input[type=email], :root:has(.admin-theme > [value=dark]:checked) input[type=password], :root:has(.admin-theme > [value=dark]:checked) input[type=number], :root:has(.admin-theme > [value=dark]:checked) input[type=date], :root:has(.admin-theme > [value=dark]:checked) input[type=heure], :root:has(.admin-theme > [value=dark]:checked) input[type=time], :root:has(.admin-theme > [value=dark]:checked) textarea, :root:has(.admin-theme > [value=dark]:checked) select {
  color: var(--rev-black);
  background-color: var(--darki);
}

@media only screen and (max-width:992px) {
  /* DIVERS */
  .mob-off {
    display: none;
  }
  .mob-on {
    display: block;
  }
}
@media only screen and (max-width:768px) {
  /* PLACEMENT */
  .pl-flex.max {
    flex-flow: column wrap;
  }
  .pl-flex.max .flex-1, .pl-flex.max .flex-2, .pl-flex.max .flex-3 {
    flex: 100%;
  }
  .flex-1.divi-2, .flex-2.divi-2, .flex-3.divi-2 {
    display: block;
  }
}
/* { outline: 1px dotted hsla(0, 0%, 0%, .5);} */
:root {
  color-scheme: light;
  scroll-behavior: smooth;
}

h1 {
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  padding: 1em 0;
}

h2 {
  margin-bottom: var(--md);
}
@media only screen and (max-width:768px) {
  h2 {
    text-align: center;
  }
}

.page-global {
  background: radial-gradient(circle, rgb(85, 142, 177) 50%, rgb(22, 90, 132) 100%);
}

.id-plusinfo {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  border: 2px solid var(--info-h);
  background-color: var(--info);
  border-radius: 1em;
  color: var(--rev-white);
  gap: 0.25rem;
  padding: 0.25rem;
  font-size: 0.9em;
  align-items: center;
  z-index: 10;
}
.id-plusinfo svg {
  height: 20px;
  width: 20px;
  fill: var(--rev-white);
}
@media only screen and (max-width:768px) {
  .id-plusinfo span {
    display: none;
  }
}

.affixe {
  font-weight: bold;
  font-size: 1.1em;
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: var(--info);
  color: var(--rev-white);
  border-radius: 2rem;
}

.id-derogatoire, .id-box, .id-charte {
  margin-bottom: var(--xl-vw);
}

.id-box {
  margin-bottom: var(--xl-vw);
  border: 1px dotted var(--gr-2);
  border-radius: var(--sm);
  padding: var(--lg-vw);
}

.ifok .id-box {
  margin-bottom: 0;
}

.id-page {
  max-width: 1200px;
  background-color: var(--rev-white);
  margin: auto;
  border-radius: 1em;
  padding: clamp(1.5em, 4vw, 3em) clamp(1.5em, 4vw, 4em);
  justify-content: space-between;
  gap: 0 3em;
  box-shadow: 0 0 14px hsla(0, 0%, 0%, 0.1);
  position: relative;
}

.id-valid {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3em auto;
  position: absolute;
  top: -80px;
  right: calc(50% - 40px);
  background-color: var(--rev-white);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  fill: var(--valid);
}
.id-valid svg {
  height: 70%;
  width: 70%;
}
@media only screen and (max-width:768px) {
  .id-valid {
    width: 50px;
    height: 50px;
    top: -75px;
    right: calc(50% - 25px);
  }
}

#divSearchSiret {
  margin-bottom: var(--lg-vw);
}

#divSearchSiret .alert {
  background-color: color-mix(in oklab, var(--alert) 20%, var(--rev-white) 20%);
  text-align: center;
  padding: var(--lg-vw);
}


#siretSearch { border-top-right-radius: 0; border-bottom-right-radius: 0; }

#siretSearchBtn {
  /*position: absolute;*/
  bottom: 1px;
  right: 0;
  border-radius: 0 .5rem .5rem  0;
  padding: 0 1rem !important;
} 

.affich-siret {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: 400px;
}
.affich-siret button {
  padding: var(--padding-champs);
  font-size: 1em;
}

.id-derogatoire input[type=checkbox], .id-charte input[type=checkbox] {
  display: none;
}
.id-derogatoire label, .id-charte label {
  padding: var(--lg-vw);
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: var(--lg-vw);
  border: 2px dashed var(--gr-2);
  border-radius: var(--sm);
}
.id-derogatoire label:hover, .id-charte label:hover {
  border-color: var(--primary);
}
.id-derogatoire label > span:first-child, .id-charte label > span:first-child {
  width: 30px;
  height: 30px;
  border: 3px solid var(--gr-2);
  background-color: var(--rev-white);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

#infosCIEexact .form-g, .affich-siret .form-g { margin-bottom: .5rem;}

.form-d.pt5 { padding: 0} 



@media only screen and (max-width:768px) {
  .id-derogatoire label > span:first-child, .id-charte label > span:first-child {
    width: 25px;
    height: 25px;
  }
}
.id-derogatoire label > span:first-child svg, .id-charte label > span:first-child svg {
  display: none;
}
@media only screen and (max-width:768px) {
  .id-derogatoire label, .id-charte label {
    flex-direction: column;
  }
}
.id-derogatoire input[type=checkbox]:checked + label, .id-charte input[type=checkbox]:checked + label {
  background-color: color-mix(in oklab, var(--valid) 20%, var(--rev-white) 20%);
  outline: 0;
  border-color: var(--valid);
}
.id-derogatoire input[type=checkbox]:checked + label span, .id-charte input[type=checkbox]:checked + label span {
  border-color: var(--valid);
  background-size: contain;
}
.id-derogatoire input[type=checkbox]:checked + label span svg, .id-charte input[type=checkbox]:checked + label span svg {
  display: block;
  fill: var(--valid);
}

.id-etape {
  padding: 0 0 1rem 0;
  display: inline-flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  font-weight: 500;
}
.id-etape span {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  padding: 0.25rem;
  font-weight: bold;
  color: #FFF;
  background-color: var(--info);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-atara {
  padding: 2em 0 4em 0;
  width: 200px;
  height: 60px;
  margin: auto;
}

.logo-atara svg {
  fill: var(--rev-white);
}

.siret {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--info);
  border-radius: var(--radius-xl);
  font-size: 0.9em;
  color: #FFF;
  font-weight: 600;
}

/*
input[type=submit], .btn, .btn-plus, button {
  font-size: 1.1em;
  padding: var(--padding-champs) 2em;
  font-weight: 600;
}
*/

.id-modifier-action {
  padding: var(--xl-vw) 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--xl-vw);
}
@media only screen and (max-width:768px) {
  .id-modifier-action {
    padding: var(--md-vw) 0 var(--xl-vw) 0;
    grid-gap: var(--sm);
  }
}
.id-modifier-action .btn-id, .id-modifier-action .btn-pro {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--md-vw);
  align-items: center;
  border: 4px solid color-mix(in oklab, var(--primary) 15%, #FFF 85%);
  padding: var(--lg-vw) 0;
  border-radius: var(--radius-xl);
  text-align: center;
  font-weight: bold;
  min-height: 110px;
}
@media only screen and (max-width:768px) {
  .id-modifier-action .btn-id, .id-modifier-action .btn-pro {
    font-size: 0.9em;
    gap: var(--sm);
    min-height: 70px;
  }
}
.id-modifier-action .btn-id svg, .id-modifier-action .btn-pro svg {
  height: 60px;
  width: 80%;
  fill: color-mix(in oklab, var(--primary) 15%, #FFF 85%);
}
@media only screen and (max-width:768px) {
  .id-modifier-action .btn-id svg, .id-modifier-action .btn-pro svg {
    height: 45px;
    max-width: 45px;
  }
}
.id-modifier-action :hover {
  border-color: var(--primary);
}

.btn-id.check, .btn-pro.check {
  border-color: var(--valid);
  background-color: var(--valid);
  color: #FFF;
}
.btn-id.check ::after, .btn-pro.check ::after {
  content: "";
  border: 0 0 100% 0;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 20px);
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid var(--valid);
}
@media only screen and (max-width:768px) {
  .btn-id.check ::after, .btn-pro.check ::after {
    bottom: -15px;
    left: calc(50% - 15px);
    border-right: 15px;
    border-left: 15px;
    border-top: 15px;
  }
}
.btn-id.check svg, .btn-pro.check svg {
  fill: #FFF;
}

.id-choix {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--lg);
  width: 100%;
}
@media only screen and (max-width:576px) {
  .id-choix {
    grid-template-columns: 1fr;
  }
}
.id-choix label {
  display: inline-flex;
  padding: var(--padding-champs);
  flex: 1;
  gap: var(--sm);
  align-items: center;
  border-radius: var(--radius-sm);
  outline: 1px solid var(--input-border-color);
}
.id-choix label:hover {
  outline-color: var(--valid);
}
.id-choix label svg {
  width: clamp(20px, 2vw, 30px);
  height: clamp(20px, 2vw, 30px);
  border-right: 1px dotted var(--gr-2);
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  flex-shrink: 0;
}
.id-choix [type=checkbox], .id-choix [type=radio] {
  display: none;
}
.id-choix [type=radio]:checked + label {
  display: inline-flex;
  background-color: var(--bg-valid);
  outline-color: var(--bg-valid);
  color: #FFF;
}
.id-choix [type=radio]:checked + label svg {
  fill: var(--rev-white);
}

.form-radio label:before {
  border-radius: 50%;
}

.infosCIEnon {
  position: relative;
  margin-bottom: var(--lg);
}
.infosCIEnon::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background: hsl(0, 0%, 100%) url("/resources/images/identification/bg-barre-1.png") repeat 50% 50%;
  opacity: 0.3;
}

#infosFirst div, #infosCIE div {
  padding: var(--md-vw);
  border: 1px solid var(--gr-3);
}

#infosFirst div:nth-child(2n+1), #infosCIE div:nth-child(2n+1) {
  background-color: var(--gr-3);
}

#infosFirst div:nth-child(2n), #infosCIE div:nth-child(2n) {
  border-left: 0;
}

#infosFirst, #infosCIE {
  display: grid;
  gap: 0.125rem 0;
  grid-template-columns: 1fr 2fr;
  margin: 0 auto var(--lg);
  width: -webkit-fill-available;
  width: -moz-available;
}
@media only screen and (max-width:576px) {
  #infosFirst, #infosCIE {
    grid-template-columns: 1fr;
    border: 3px solid var(--gr-2);
    padding: 0.5em;
    border-radius: 0.25em;
  }
  #infosFirst div:nth-child(2n+1), #infosCIE div:nth-child(2n+1) {
    padding: 0.2em var(--xs) 0 var(--xs);
    background-color: transparent;
    font-weight: 600;
    border: 0;
    font-size: 0.9em;
    color: var(--primary);
  }
  #infosFirst div:nth-child(2n), #infosCIE div:nth-child(2n) {
    padding: 0 var(--xs);
    font-weight: normal;
    border: 0;
    margin-bottom: var(--xs);
  }
}

#infosFirst, #infosCIE {
  margin-top: var(--lg);
}

#inputSearch, #info-cie-autre {
  margin-bottom: var(--lg);
}
#inputSearch .titre, #info-cie-autre .titre {
  font-weight: bold;
  color: var(--primary);
  font-size: 1.1rem;
  margin-bottom: var(--lg);
}

#inputSearch {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: var(--lg);
}
#inputSearch h3 {
  width: 100%;
}
#inputSearch .form-champs {
  margin-bottom: 0;
}

.ifok.notok {
  position: relative;
}
.ifok.notok::after {
  content: "";
  background-color: var(--rev-white-75);
  inset: 0 0 0 0;
  position: absolute;
  z-index: 10;
}

.id-footer {
  height: 6em;
  background: hsl(0, 0%, 100%) url("/resources/images/identification/bg-id-footer.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: var(--radius-md);
  margin-top: 2em;
}

.annonce-verifiee, .compte-valide {
  display: flex;
  gap: 0.25rem;
  color: #FFF !important;
  border-radius: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2rem 1rem 0.2rem 0.4rem;
  align-items: center;
  margin-bottom: var(--ec-2);
}

.annonce-verifiee {
  background-color: #399f0d;
  border: 1px solid #2f8908;
}

.compte-valide {
  background-color: #0671a2;
  border: 1px solid #05597f;
}

#connection {
  margin: auto;
  text-align: center;
}

.id-code {
  display: inline-flex;
  border-radius: var(--radius-sm);
  justify-content: center;
  border: 1px solid var(--input-border-color);
  background: var(--gr-4);
  margin-bottom: 1.5em;
  width: -webkit-fill-available;
  width: -moz-available;
  max-width: 250px;
}
@media only screen and (max-width:768px) {
  .id-code {
    max-width: -webkit-fill-available;
    max-width: -moz-available;
  }
}
.id-code span {
  display: block;
  width: 60px;
  opacity: 0.5;
  background: url(/resources/images/ic-key.svg) no-repeat 50% 50%;
  background-size: 50%;
  flex-shrink: 0;
}
.id-code .box-log-input {
  width: 100px;
  font-size: 1.6em !important;
  font-weight: bold;
  flex-grow: 1;
  padding: 1rem;
  font-size: 1rem;
  border: 0;
  text-align: center;
}
.id-code .box-log-input::-moz-placeholder {
  font-size: 1.2rem;
}
.id-code .box-log-input::placeholder {
  font-size: 1.2rem;
}
@media only screen and (max-width:768px) {
  .id-code .box-log-input {
    width: -webkit-fill-available;
    width: -moz-available;
    min-width: auto;
  }
}
.id-code .box-log-input:hover, .id-code .box-log-input:active {
  border: 0 !important;
}

.id-explication {
  padding: 2rem;
  border: 2px dashed var(--gr-2);
  border-radius: var(--radius-xl);
}
@media only screen and (max-width:768px) {
  .id-explication {
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}
.id-explication .id-explication-titre {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 2rem;
}
.id-explication .id-explication-titre svg {
  width: 50px;
  height: 50px;
  opacity: 0.75;
}
@media only screen and (max-width:768px) {
  .id-explication .id-explication-titre {
    font-size: 1em;
    flex-direction: column;
    align-items: center;
  }
}
.id-explication .id-explication-box, .id-explication .id-article {
  position: relative;
  padding: var(--xl-vw);
  background-color: var(--gr-4);
  margin-bottom: 1em;
  overflow: hidden;
}
.id-explication .id-explication-box ul, .id-explication .id-article ul {
  list-style: circle;
}

.text-valid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.text-invalid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

[data-parent=password] {
  display: flex;
  font-size: 0.9em;
  padding: 0.2rem;
}

.security::after {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: url(/build/assets/ic-security.148a3da5.svg) no-repeat 50% 50%;
  opacity: 0.05;
  rotate: 30deg;
  background-size: cover;
  width: 280px;
  height: 280px;
  content: "";
}

.id-list-labelisation {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.id-ul {
  list-style: none;
  padding: 0;
}

.id-ul li {
  display: flex;
  gap: var(--md-vw);
  margin-bottom: 2em;
}
@media only screen and (max-width:768px) {
  .id-ul li {
    flex-direction: column;
  }
  .id-ul li::after {
    content: "";
    width: 50%;
    border-bottom: 2px dashed var(--gr-2);
    padding-bottom: 1rem;
    margin: auto;
  }
}
.id-ul li span {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  font-size: 0.8em;
  padding: 0.25rem;
  color: #FFF;
  background-color: #008290;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width:768px) {
  .id-ul li span {
    display: none;
  }
}

.sous {
  margin-bottom: 0.5em;
  padding: 0.5em 1em;
  border-radius: 0.5rem;
  align-items: center;
  background-color: #FFF;
  padding: var(--md-vw);
  border-radius: var(--radius-sm);
}

.id-explication-box a, .id-article a {
  color: var(--info);
  text-decoration: underline;
  font-weight: 500;
}

.id-separation {
  text-align: center;
  opacity: 0.5;
  padding: 1.5em 0;
}
.id-separation svg {
  width: 44px;
  height: 44px;
  opacity: 0.5;
}

.id-a {
  gap: 0.75rem;
}

.id-a, #attente-code > div:first-child {
  display: inline-flex;
  justify-content: center;
  background-color: var(--bg-btn);
  align-items: center;
  border-radius: var(--radius-sm);
  margin: auto;
  color: #FFF;
  font-size: 1.2em;
  font-weight: 500;
  min-width: 350px;
  width: 350px;
  height: 55px;
  transition: background-color 0.1s ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width:768px) {
  .id-a, #attente-code > div:first-child {
    width: -webkit-fill-available;
    width: -moz-available;
    min-width: auto;
  }
}
.id-a .id-a-plus, #attente-code > div:first-child .id-a-plus {
  flex: 1;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
.id-a .id-a-txt, #attente-code > div:first-child .id-a-txt {
  flex: 3;
}

#attente-code > div:first-child {
  flex-direction: column;
  font-size: 0.8em;
  cursor: wait;
  background-color: #ababab;
}

#attente-code > div:last-child {
  margin-top: var(--sm);
  color: var(--gr-1);
  font-weight: 600;
  font-size: 0.9em;
  opacity: 0.75;
}

#attente-code > div:first-child span {
  font-size: 1rem;
}

#attente-code > div:first-child span {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  display: block;
}

#attente-code div:nth-child(3) {
  color: #ddffe1;
  font-size: 0.8em;
}

.id-a:hover {
  background-color: #308a17;
}

.id-visu {
  margin-top: 2rem;
  height: 100px;
  border-radius: 0.25rem;
}

.id-flex {
  display: flex;
  gap: clamp(2em, 3vw, 4em);
  flex-wrap: wrap;
}

.id-flex > div {
  min-width: 500px;
  flex: 1;
}

.id-flex a {
  text-decoration: underline;
  color: #04a2b3;
}

.id-info {
  background-color: #e2f4f6;
  border: 1px solid #d4e6e8;
  padding: 2em;
}

.id-fleche {
  display: flex;
  animation: anim 1s infinite;
}
.id-fleche svg {
  height: 36px;
  width: 36px;
  fill: #FFF;
}

@keyframes anim {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#timer {
  font-weight: bold;
  font-size: 4em;
}

.chargement {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--xs);
  color: var(--gr-1);
  text-transform: uppercase;
  font-size: 0.7rem;
}
.chargement svg {
  animation: waiting 4s infinite;
  height: 32px;
  width: 32px;
  fill: var(--primary);
}

@keyframes waiting {
  0% {
    rotate: 0deg;
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    rotate: 360deg;
    opacity: 0.2;
  }
}
.id-list-important {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: rgba(204, 0, 0, 0.13);
}

.id-list-important ul li {
  display: flex;
  align-items: center;
}

.id-list-important ul li svg {
  fill: var(--alert);
  height: 18px;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

.id-list-important ul li span {
  text-decoration: underline;
  padding: 0.25rem;
  display: inline-block;
}

select, button, input, textarea {
  font-family: "Quicksand", sans-serif;
}

.glob-max-elvins {
  max-width: 1200px;
  margin: auto;
}

.glob-max-elvins {
  max-width: 1200px;
  margin: auto;
}

.glob-max-elvins h2 {
  margin-bottom: var(--ec-1);
}

.glob-max-elvins .id-box {
  border: 0;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  margin-bottom: var(--ec-0);
}

.glob-max-elvins .id-box select {
  width: inherit;
}

.glob-max-elvins .id-box .asavoir {
  display: block;
  margin-top: 0.5rem;
}

#infosFirst div:nth-child(2n+1),
#infosCIE div:nth-child(2n+1) {
  background-color: var(--gr-1);
}

#infosFirst div,
#infosCIE div {
  border: 1px solid var(--gr-1);
}

.box-alert {
  text-align: center;
  border-radius: var(--radius-sm);
  border: 3px dashed #CC0000;
  background-color: rgba(167, 0, 0, 0.09);
}

.form-file .btn {
  background: var(--alert) url(/media/ic-trash.svg) no-repeat 50% 50%;
  background-size: 50%;
}

@media only screen and (max-width:768px) {
.emailing_pub__align { text-align: left;} 
}