/* *********************************************************
// ** lf-12.css Version 1.13 Octobre 2021                 **
// *********************************************************
// ** Localformance - Stocod css                          **
// **                                                     **
// ****************************************************** */
 
 
/* ----------------------------------- */
.font-robo {
 font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
}
 
html {
 font-size: 11px;
}
 
@media all and (max-device-width: 480px)
{
 /* Mobiles (iPhone 8 Plus : 414) */
 html {
  font-size: 18px;
 }
}

body {
 font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
 margin: 0;
 padding-left: 0;
 padding-right: 0;
 padding-top: 0;
 padding-bottom: 2rem;
}

.div_form {
 min-width: calc(600px + 2rem);
 margin-left: 2rem;
 margin-right: 2rem; 
 margin-top: 0rem;
 margin-bottom: 0rem;
 padding-left: 0rem;
 padding-right: 0rem; 
 padding-top: 2rem;
 padding-bottom: 2rem;
 background: white;
}

.stocod-logo {
 height: 10rem;
 padding-left: 4rem;
 background: white;
}

.object-stocod-logo {
  height: 60px;
}

.stocod-object-logo {
 height: 70%;
 padding-top:1.5rem;
}

.stocod-object-logo-dashboard {
 padding-top:1.5rem;
}

.stocod-star-container {
 display: flex;
 gap: 2rem;
 justify-content: center;
 width: 100%;
 margin-bottom: 1rem;
}

.stocod-star {
 width: 30px;
 height: 30px;
 background-color: transparent; /* Pas de fond */
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpolygon points='12.5,0 15.6,9 25,9 17.5,14.5 20.6,24 12.5,18.5 4.4,24 7.5,14.5 0,9 9.4,9 ' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
}

.stocod-page-wrapper-area3, .stocod-page-wrapper-area5 {
 min-width: 100rem;
 background-color: #f37121;
 background-position:center;
 background-repeat:no-repeat;
 background-size: contain;
}

.stocod-area3-c1 {
 height: 26rem;
 background-image: url("../documents/192781/39S2JZ/39S2JZ-area3-desk.png");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
}

.stocod-area5-c1 {
 height: 13rem;
 background-image: url("../documents/192781/39S2JZ/39S2JZ-area5-desk.png");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
}

.stocod-page-wrapper-area4 {
 min-width: 100rem;
}

.stocod-page-area4-c1, .stocod-page-area4-c2 {
 background-color: white;
 padding-top: 2rem;
 padding-bottom: 2rem;
 padding-left: 6rem;
 padding-right: 6rem;
 line-height: 3.25rem;
 font-weight: 500;
 font-style: normal;
 color: black;
}

.stocod-page-area4-c1 {
 font-size: 2rem;
 line-height: 4rem;
 text-align: center; 
}

.stocod-page-area4-c2 {
 font-size: 1.75rem;
 text-align: left; 
}
  
.div_code, .div_field, .div_check {
 min-width: 600px; 
 padding-left: 1rem;
 padding-right: 1rem;
 padding-top: 0rem;
 padding-bottom: 0rem;
}
  
.div_code_nam,  .div_code_ent,  .div_code_ent_err,  .div_code_err,
.div_field_nam, .div_field_ent, .div_field_ent_err, .div_field_err,
.div_check {
 box-sizing:border-box;
 width: 100%;
 font-style: normal; 
 text-align: left;
}

.div_code_nam {
 padding-left: 1rem;
 padding-right: 1rem; 
 padding-top: 0;
 padding-bottom: 1rem;
 font-size: 2.5rem;
 font-weight: 500;
}

.div_code_ent, .div_code_ent_err, 
.div_field_ent, .div_field_ent_err {
 display: block;
 box-sizing:border-box;
 width: 100%;
 margin-left: 0rem;
 margin-right: 0rem; 
 padding-left: 1rem;
 padding-right: 1rem;
 padding-top: 0.75rem;
 padding-bottom: 0.75rem;
 font-weight: 400;
 line-height: 2;
 color: #3b383e;
 background-color: #e9e9eA;
 background-clip: padding-box;
 border-radius: 0.5rem;
}

.div_code_ent, .div_code_ent_err {
 font-size: 3rem;
}

.div_code_ent {
 border: 0.3333rem solid #e9e9eA;
}

.div_code_ent_err {
 border: 0.3333rem solid #dc3545;
}
  
.div_code_ent_fige {
 font-family: 'Roboto Mono', 'Courier New', monospace;
/* height: calc(1.5em + .75rem + 2px);*/
 font-size: 3rem;
 font-weight: 900;
} 
  
.div_field_ent, .div_field_ent_err {
/* height: calc(1.5em + 2px);*/
 font-size: 1.5rem;
}

.div_field_ent {
 border: 0.3333rem solid #e9e9eA;
}  

.div_field_ent_err {
 border: 0.3333rem solid #dc3545;
}

.div_code_err, .div_field_err {
 padding: .25rem 0;
 height: 3rem; /* 2 x 1.25 + 2 x .25. */
 color: #dc3545;
 font-weight: 500;
 font-size: 1.5rem;
}

.div_field_nam {
 margin-bottom: 3px;
 padding-left: 0.5rem;
 font-size: 1rem;
 font-weight: 700;
 text-transform: uppercase;
}

input:focus {
 border: 0.3333rem solid #95bef6;
 outline: none;
}

.div_check {
 font-weight: 400;
 font-size: 1.25rem;
 color: #000000;
}

.div_check_err {
  padding: .75rem 0;
  height: 1.5rem;
  color: #dc3545;
  font-weight: 500;
  font-size: 1.5rem;
}
  
/* Customize the label (the container) */
.div_check_ent {
  display: block;
  position: relative;
  padding-left: 3.52rem;
  margin-bottom: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.div_check_ent input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 2.52rem;
  width: 2.52rem;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.div_check_ent:hover input ~ .checkmark {
 background-color: #aaa;
}

/* Note that ".div_check_ent input:checked ~ .checkmark" is in index.php */

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.div_check_ent input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.div_check_ent .checkmark:after {
  left: 0.9rem;
  top: 0.5rem;
  width: 0.5rem;
  height: 1rem;
  border: solid white;
  border-width: 0 0.3rem 0.3rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.div_button {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.btn {
 display: block;
 box-sizing:border-box;
 padding: 0.75rem 2rem;
 margin : auto;
 margin-top: 2rem;
 margin-bottom: 1rem;
 border-radius: 0.25rem;
 font-size: 2rem;
 font-weight: 700;
 line-height: 3rem;
 color: var(--color-text-button);
 cursor: pointer;
 transition: all 0.4s ease;
 outline: none;
 border: none;
 align-items: flex-start;
 text-align: center;
 font-style: normal;
 font-variant-caps: normal;
 letter-spacing: normal;
 word-spacing: normal;
 text-transform: none;
 text-indent: 0px;
 text-shadow: none;
 writing-mode: horizontal-tb;
 -webkit-appearance: button;
}

.div_area_1, .div_area_2, .div_area_3, .div_area_4, .div_area_5, .div_area_6 {
 width: 100%;
}

.div_area_6 {
 min-width: 600px;
 padding-bottom: 1rem;
 font-style: normal; 
 font-size: 1rem;
 font-weight: 700;
 color: white;
}

div#footer_col1 {
 margin-left: 2rem;
 margin-right: 2rem;
 margin-top: 0;
 margin-bottom: 0;
 font-style: normal; 
 font-size: 1.75rem;
 font-weight: 700;
 background: var(--color-area6-background);
 color: var(--color-area6-text);
 float: left;
 width: 200px;
 text-align: left;
}

div#footer_col2 {
 margin-left: 2rem;
 margin-right: 2rem;
 margin-top: 0;
 margin-bottom: 0; 
 font-style: normal; 
 font-size: 1.75rem;
 font-weight: 700;
 background: var(--color-area6-background);
 color: var(--color-area6-text);
 float: right;
 width: 200px;
 text-align: right;
}

div#footer_center {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  font-style: normal; 
  font-size: 1.75rem;
  font-weight: 700;
  background:var(--color-area6-background);
  color: var(--color-area6-text);
  text-align: center;
}


/* Radio buttons: */

.div_radio {
 display: flex;
 margin-left: 1rem;
 margin-right: 2rem;
 margin-top: 1rem;
 margin-bottom: 1rem;
 padding-left: 0.5rem;
 font-size: 2rem;
 font-weight: 700;
 text-transform: uppercase;
 color: #c1c1c1;
}

.radio-control {
 line-height: 2.2;
 display: grid;
 grid-template-columns: 1em auto;
 gap: 0.5em;
}

.radio-control + .radio-control {
 margin-top: 1em;
}

.form-control:focus-within {
 color: var(--form-control-color);
}

input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type="radio"]:checked::before {
  transform: scale(1);
}

input[type="radio"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}


/* Customized areas: */

.area3iZ7SHGT {
  padding: 0;
  height: 200px;
  background-color:#470101;
  background-image: url("../documents/936526/Z7SHGT/area3.jpg");
  background-position:center;
  background-repeat:no-repeat;
  background-size: auto 200px;
}

.area3i52KS82 {
  padding: 0;
  height: 320px;
  background-image: url("../documents/209726/52KS82/area3.png"), linear-gradient(to right, #002113, #00d788);
  background-position:center;
  background-repeat:no-repeat;
  background-size: auto 320px;
}

.page-wrapper-1 {
 background-image: linear-gradient(to right, #002113, #00d788);
}

.page-wrapper-2 {
 padding: 2rem;
 background-color: #80c7ae;
}

.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-reverse {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  flex-grow: 1;
  flex-shrink: 1; 
  flex-basis: 0;  
}

.column-reste-alignee {
  flex-grow: 1;
  flex-shrink: 1; 
  flex-basis: 0;  
}

.s2 {
  flex-grow: 2;
}

.s3 {
  flex-grow: 3;
}

/***************************************************************/
.area5-first-column {
  height: 32rem;
  background-image: url("../documents/209726/52KS82/area5-1.png");
  background-position:center;
  background-repeat:no-repeat;
  background-size: contain;
}

.area5-second-column {
 height: 32rem;
 background-image: url("../documents/209726/52KS82/area5-2.png");
 background-position:center;
 background-repeat:no-repeat;
 background-size: contain;
}

.area5-third-column {
 height: 110px;
 background-image: url("../documents/209726/52KS82/area5-3.png");
 background-position:center;
 background-repeat:no-repeat;
 background-size: auto 110px;
}

.area4-52KS82-registered {
 padding: 0;
 height: calc(680px + 4rem);
 background-image: linear-gradient(to right, #00d788, #002113);
 background-position:center;
 background-repeat:no-repeat;
 background-size: contain;
}

.area4-52KS82-registered-1 {
 padding: 0;
 height: 200px;
 background-image: url("../documents/209726/52KS82/area4-registered-1.png");
 background-position: center top;
 background-repeat: no-repeat;
 background-size: contain;
}

.area4-52KS82-registered-2 {
 padding-top: 2rem; 
 padding-bottom: 4rem; 
 padding-left: 5rem;
 padding-right: 1rem;
 height: 80px;
 font-size: 2rem;
 font-weight: 900;
 color: white;
}

.area4-52KS82-registered-3 {
 padding: 2rem;
 height: 120px;
 display: flex;
 justify-content: center;
}

.area4-52KS82-registered-4 {
 padding: 0;
 height: 240px;
 background-image: url("../documents/209726/52KS82/area4-registered-4.png");
 background-position:center top;
 background-repeat:no-repeat;
 background-size: auto 550px;
}

.area4-52KS82-sondage {
 padding: 0;
 height: calc(680px + 4rem);
 background-image: linear-gradient(to right, #00d788, #002113);
 background-position:center;
 background-repeat:no-repeat;
 background-size: contain;
}

.area4-52KS82-sondage-1 {
 padding: 0;
 height: 200px;
 background-image: url("../documents/209726/52KS82/area4-sondage-1.png");
 background-position: center top;
 background-repeat: no-repeat;
 background-size: contain;
}

.area4-52KS82-sondage-2 {
 padding-top: 2rem; 
 padding-bottom: 2rem; 
 padding-left: 5rem;
 padding-right: 1rem;
 height: 80px;
 font-size: 2rem;
 font-weight: 900;
 color: white;
}

.area4-52KS82-sondage-3 {
 padding: 2rem;
 height: 120px;
 display: flex;
 justify-content: center;
}

.area4-52KS82-sondage-4 {
 padding: 2rem;
 height: 120px;
 display: flex;
 justify-content: center;
}

.area4-52KS82-sondage-5 {
 padding: 0;
 height: 240px;
 background-image: url("../documents/209726/52KS82/area4-registered-4.png");
 background-position:center top;
 background-repeat:no-repeat;
 background-size: auto 550px;
}

.area2BH4U {
padding: 0;
height: 50px;
background-color:white;
background-image: url("../documents/936526/area2-BH4U.jpg");
background-position:left;
background-repeat:no-repeat;
background-size: auto 50px;
}

.area2MX63 {
padding: 0;
height: 50px;
background-color:white;
background-image: url("../documents/936526/area2-MX63.jpg");
background-position:left;
background-repeat:no-repeat;
background-size: auto 50px;
}

a:link, a:visited, a:active {
 color: var(--color-area6-text);
 text-decoration: none;
 font-size: inherit;
}

a:hover {
 color: var(--color-area6-text);
 text-decoration: underline;
 font-size: inherit;
}


/* Scrolling banner: */

.marquee-rtl, .casto-marquee-rtl, .casto-marquee-rtl-2023, .casto-marquee-rtl-2024, .interpl-marquee-rtl, .frenchtouch-marquee-rtl {
 padding-left: 2rem;
 padding-right: 2rem;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
 font-style: normal;
 font-size: 1.75rem;
 font-weight: 500;
 overflow: hidden;
}

.marquee-rtl {
 background: #e80001; 
 color: white;
}

.casto-marquee-rtl {
 background: #e80001; 
 color: #ffdd31;
}

.casto-marquee-rtl-2023 {
 background: #1b3e92;
 color: white;
}

.casto-marquee-rtl-2024 {
 margin-top: 0.5rem; 
 background: #063F6F;
 color: white;
}

.interpl-marquee-rtl {
 background: #0fac00;
 color: white;
}

.frenchtouch-marquee-rtl {
 margin-top: 0.5rem;
 background: #383D8C;
 color: white;
}

.marquee-rtl > :first-child, .casto-marquee-rtl > :first-child, .casto-marquee-rtl-2023 > :first-child, .interpl-marquee-rtl > :first-child {
  display: inline-block;               
  padding-right: 2em;                   
  padding-left: 100%;                  
  white-space: nowrap;
}

.marquee-rtl > :first-child {
  animation: defilement-rtl 150s infinite linear;
}

.casto-marquee-rtl > :first-child {
  animation: defilement-rtl 150s infinite linear;
}

.casto-marquee-rtl-2023 > :first-child {
  animation: defilement-rtl 150s infinite linear;
}

.interpl-marquee-rtl > :first-child {
  animation: defilement-rtl 150s infinite linear;
}

@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0); /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0); /* position finale à gauche */
  }
}


/* Wheel: */

.roue_style {
 width: 400px;
 height: 400px;
}

/************************Mobile only****************************/
/***************************************************************/
@media all and (max-device-width: 480px)
{
 .column {
  flex-basis: 100%;
 }
 
 .row-reverse {
  flex-direction: column-reverse;
 }
 
 .stocod-logo {
  height: 8rem;
  padding-left: 2rem;
 }

 .object-stocod-logo {
  height: 100px;
 }
 
 .stocod-object-logo {
  height: 60%;
 }
  
 .stocod-page-wrapper-area3, .stocod-page-wrapper-area5, .stocod-page-wrapper-area4 {
  min-width: unset;
 }
 
 .stocod-area3-c1 {
  height: 32rem;
  background-image: url("../documents/192781/39S2JZ/39S2JZ-area3-mob.png");
 }

 .stocod-area5-c1 {
   height: 16rem;
   background-image: url("../documents/192781/39S2JZ/39S2JZ-area5-mob.png");
 }
 
 .roue_style {
  width: 800px;
  height: 800px;
 }
  
 a:link, a:visited, a:active, a:hover {
  /* font-size: 1.8rem; */
 }

}