@charset "utf-8";
* { box-sizing: border-box; background-repeat: no-repeat; margin:0; padding:0;  }
:after, :before {font-family: 'p900'; transition: all, .2s;}
:hover { transition: all, .2s;}
img {border:0;vertical-align: middle;}
select {width: auto; max-width: 100%; line-height: inherit;}
sup {font-size: 0.8rem;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
textarea{overflow:auto;vertical-align:top;}
label {	vertical-align: middle; display: block; color: var(--color-fonce); margin-top: 10px;}
input {    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;}
select option:before {
    content: ' ';
    display: block;
    background-color: #fff;
    width: 30px;
    height: 30px;
    font-family: 'regular';
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {    -webkit-appearance: none;    margin: 0; }
input::-o-inner-spin-button,input::-o-outer-spin-button {    -o-appearance: none;    margin: 0; }
input[type="radio"], input[type="checkbox"]  {
    padding: 7px;
    margin: 0 5px 0px 0px ; 
}
input[type="radio"]:checked, input[type="checkbox"]:checked {
    background: url(../medias/check-solid.png);
    background-repeat: no-repeat;
    background-position: center center;
}
input[type="checkbox"]{ 
    width: auto; 
    vertical-align: text-bottom;
    border:  1px solid var(--color-fonce);
}
input[type="text"],input[type="number"], input[type="email"], input[type="password"], input[type="tel"], select, textarea{ 
    border: 0px;
    border-bottom:1px solid var(--color-fonce);
    padding:8px 4px;
    font-size: 100%;
    transition: all .3s;
    background-color: var(--gris-clair);
}
input[type="number"] {
    font-size: 95%;
}
input:focus , select:focus, textarea:focus {
    transition: all .3s;
    background-color: var(--gris-clair);
}
.close:after {
    content: '\f00d';
    color: #fff;
    font-size: 22px;
   
}
.close {
    position: absolute;
    background-color: var(--color-clair);
    top: 2px;
    right: 2px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    transition: all .3s;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 21;
}
.close:hover {
    
    background-color: var(--color-fonce);
    
}


.errorbg { background-color: #F08080 !important;} 
.none { display: none;}
.right { text-align: right;}

li{list-style-position:inside;/*debug float*/}
ul{display:block; list-style: none;}
textarea, table, td, th, code, pre, samp, p { word-wrap: break-word;} 

img, table, td, blockquote, code, pre, textarea, input, object, embed, video {  max-width: 100%; height: auto; font-family: inherit; } 



.error {
    background-color:#ffcccc !important;
    border:1px solid #e83e30 !important;
}
.rouge {
    background-color:#ffcccc !important;
   
}

.success {
    background-color:#e9ffd9 !important;
    border:1px solid #a6ca8a !important;
}
.vert {
    background-color:#e9ffd9 !important;
    
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background-color:  var(--gris-clair);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color : var(--color-tclair);
  border-radius: 10px;
  border: #fff solid 1px;
}


:root{
    --color-noir: #000;
    --color-fonce: #518c43;
    --color-fonce2: #35993d;
    --color-clair: #8cbf4d;
    --color-tclair: #eadca1;
    --gris-fonce: #b6b6b6;
    --gris-clair: #f5f6f6;
    --pcolor: #008B8A;
    --vert-clair:#EDF7C6;
}