/* SCREAA Custom css */


#group-degre-now .fieldset__wrapper > div {
  display: inline-flex;
  width: 45%;
  margin-block-start: var(--sp0-25);
}
.view > h3.title {
  margin: var(--sp0-5);
  color: var(--color--gray-30);
}
.bt_red, .bt_red:hover, .bt_red:focus, .bt_red:active{
  color:#e33f1e;
}
.bt_green, .bt_green:hover, .bt_green:focus, .bt_green:active{
  color:#3fa21c;
}



/*
Hidden form elements
*/
form.media-form * div.hidden_form_elements {
  display:none;
}


/* Menu atelier */
.tabs--atelier {
  --tabs-height: var(--sp3);
  --tabs-padding-inline: var(--sp1-5);
  --tabs-active-border-size: 0.375rem;
  --tabs-highlight-color: var(--color--primary-50); /* Minimum 3:1 contrast ratio against --tabs-background-color and --tabs-background-color-hover. */
  --tabs-text-color: var(--color-text-neutral-soft); /* Minimum 4.5:1 contrast ratio against --tabs-background-color and --tabs-background-color-hover. */
  --tabs-text-color-active: var(--color--gray-5); /* Minimum 4.5:1 contrast ratio against --tabs-background-color and --tabs-background-color-hover. */
  --tabs-letter-spacing: 1px;
  --tabs-font-size: var(--font-size-s);
  --tabs-background-color: var(--color--gray-100);
  --tabs-background-color-hover: var(--color--gray-95);
  --tabs-border-width: 1px;
  --tabs-border-color: var(--color--gray-95);
  --tabs-transition-duration: 0.2s;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  margin-inline-start: 0; /* Override [dir] attribute in base <ul> in compiled CSS. */
  padding: 0;
  list-style: none;
}

.tabs_item {
  display: flex;
    margin-block-end: 0;
    margin-inline-start: calc(-1 * var(--tabs-border-width));
}
.tabs_item_link {
  display: flex;
  flex-grow: 1;
  align-items: center;
  height: var(--tabs-height);
  padding-block: 0;
  padding-inline: var(--tabs-padding-inline);
  transition: background-color var(--tabs-transition-duration);
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: var(--tabs-letter-spacing);
  color: var(--tabs-text-color);
  border: var(--tabs-border-width) solid var(--tabs-border-color);
  background-color: var(--tabs-background-color);
  font-size: var(--tabs-font-size);
}
.tabs_item_link:hover{
  color: var(--tabs-text-color-active);
  background-color: var(--tabs-background-color-hover);
}
.tabs_item_link:focus {
  position: relative;
  outline: solid 3px var(--tabs-highlight-color);
  outline-offset: -3px;
}
.tabs_item_link.is-active {
  position: relative; /* Anchor ::after pseudo-element. */
  color: var(--tabs-text-color-active);
  font-weight: 600;
}