:root{
  --FormCouleurTour: gray;
  --FormCouleurFond:#93e3dc;
  --FormEpaisseurTour: 1px;
  --FormCouleurCarac: #254893;
  --FormTailleTitre: 60px;
  --FormTailleSousTitre: 30px;
  --FormPoliceChamp: FredokaLight;
  --FormTailleChamp: 16px;
  --FormCouleurValid: #4CAF50;
  --FormMargeHeight: 62px;
  --FormFontSize: 23px;
  --FormTailleTitreCarte: var(--FormTailleTitre);
  --bg: rgb(243, 243, 243);
  --green: var(--FormCouleurValid);
  --red: rgba(221, 8, 8, 0.644);
  --yellow: rgb(255, 153, 0);
  --transition-easing: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --FormCouleurOmbre: dodgerblue;
  --FormCouleurSpin: #04203A;
  --FormFontEpaisseur: 700;
  --FormFontSizeCarac: 23px;
  --FormFontSizeError: 18px;
  --FormTitreText: 48px;
  -webkit-tap-highlight-color: transparent;
  --BorderRaduisMap: 25px;
  --BackgroundObservation: #3AA2C3;
  --scrollBar: var(--FormCouleurSpin);
  /*SPINNER*/
  --circle-one: rgba(5, 76, 104, 0.8) rgba(105, 138, 172, 0.8) transparent transparent;
  --circle-two: var(--FormCouleurSpin) transparent transparent;
  --circle-three: var(--FormCouleurCarac) transparent;
  --circle-four: var(--FormCouleurSpin) #8AA4BE;
  --circle-five: var(--FormCouleurSpin) #8AA4BE;
  --circle-six: rgba(24, 182, 193, 0.3);
  --marron: #254893;
  --BackgroundWiki: white;
}
/*//////////////////////////////////////////////////////////////////
[ FONT ]*/
@font-face {
  font-family: RobotoBlack;
  src: url('../fonts/Roboto/Roboto-Black.ttf');
}
/* @font-face {
font-family: FredokaLight;
src: url('../fonts/Fredoka/Fredoka-Light.ttf');
} */
@font-face {
  font-family: FredokaLight;
    src: url('../fonts/Fredoka/Fredoka-Light.eot');
    src: url('../fonts/Fredoka/Fredoka-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Fredoka/Fredoka-Light.woff2') format('woff2'),
         url('../fonts/Fredoka/Fredoka-Light.woff') format('woff'),
         url('../fonts/Fredoka/Fredoka-Light.ttf') format('truetype'),
         url('../fonts/Fredoka/Fredoka-Light.svg#Fredoka-Light') format('svg');
    font-style: normal;
    font-display: swap;

}
/* @font-face {
font-family: FredokaBold;
src: url('../fonts/Fredoka/Fredoka-Bold.ttf');
} */
@font-face {
  font-family: 'FredokaBold';
  src: url('../fonts/Fredoka/Fredoka-Bold.eot');
  src: url('../fonts/Fredoka/Fredoka-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Fredoka/Fredoka-Bold.woff2') format('woff2'),
      url('../fonts/Fredoka/Fredoka-Bold.woff') format('woff'),
      url('../fonts/Fredoka/Fredoka-Bold.ttf') format('truetype'),
      url('../fonts/Fredoka/Fredoka-Bold.svg#Fredoka-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.image-icon img {
background-color: var(--BackgroundObservation) !important;
}
.image-icon-public img {
background-color: var(--BackgroundObservation) !important;
}
*:focus {
outline: none;
}
.formMap {
  background-color: var(--FormCouleurFond);
  font-family: var(--FormPoliceChamp);
  border: var(--FormEpaisseurTour) solid transparent;
}

#groupeselect,#groupeselectA,#date11, #date12
{
padding: .3125rem 3rem .3125rem 1rem;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat, repeat;
background-position: right 1rem center;
border-radius: .25rem;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 1px solid snow;
color: var(--FormCouleurCarac);
background-size: 10px 12px;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.075);
outline:none;
border-radius: 20px;
font-size: var(--FormFontSizeCarac);
}
#date11 option, #date12 option {
margin-left: -4px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
font-size: var(--FormFontSizeCarac);
color: var(--FormCouleurCarac);
-webkit-text-fill-color: var(--FormCouleurCarac);
font-family: var(--FormPoliceChamp);
}
input::-moz-placeholder, textarea::-moz-placeholder {
font-size: var(--FormFontSizeCarac);
color: var(--FormCouleurCarac);
-webkit-text-fill-color: var(--FormCouleurCarac);
font-family: var(--FormPoliceChamp);
opacity: 1;
}
input:hover, textarea:hover {
color: var(--FormCouleurCarac);
-webkit-text-fill-color: var(--FormCouleurCarac);
font-family: var(--FormPoliceChamp);
font-size: var(--FormFontSizeCarac);
}
label {
display: block;
}
h1 { line-height: 1;margin-bottom: 30px;}
input[type=checkbox]:checked {
background-color: var(--FormCouleurCarac);
}
input[type=radio]:checked {
background-color: var(--FormCouleurCarac);
}
#btnHome, .cssLeftButton {
display: none;
}
#pleaserotate-graphic{
  fill: #fff;
}
#pleaserotate-backdrop {
  color: #fff;
  background-color: #000;
}

input#uname.input100, input#pwd.input100 {
  transition: background-color 600000s 0s, color 600000s 0s !important;
  -webkit-text-fill-color: var(--FormCouleurCarac) !important;
  font-size: var(--FormFontSize) !important;
}