.error {border: 1px solid var(--main-color-rouge) !important;}
.form-info { border:1px solid #CCC}
.form-erreur { background-color: var(--color-rouge); color: var(--color-blanc); padding: 15px; margin-bottom: 20px;}
.form-erreur ul { margin: 0 0; padding: 0 0;}
.form-erreur ul li { margin-bottom: 5px; list-style: none;}
.form-erreur ul li i { margin-right: 10px;}
.is-invalid { border-color: var(--main-color-erreur);}
.alert { padding: 20px; margin-bottom: 20px;}
.alert ul {padding: 0 0; margin: 0 0;}
.alert ul li { list-style: none; margin: 0 0 5px 0; padding: 0 0;}
.alert-error {padding: 20px; background-color: var(--bg-rouge); color: #FFF; margin-bottom: 20px; border-radius:0}
.alert-info {background-color:#24960e;color:#fff!important;border: 0; border-radius: 0}
label { display: block; margin-bottom: 5px; color: #cacaca; width: 100% }
input[type=text], input[type=date],input[type=number], input[type=email], input[type=file], input[type=range], input[type=password], input[type=tel], textarea, select { width: 100%; padding: .450rem .75rem; box-sizing: border-box; border: 0px solid #fbfbfb; background-color: #fbfbfb !important; font-size:1rem}
.btn-light:hover, input[type=text]:hover, input[type=date]:hover,input[type=number]:hover, input[type=email]:hover, input[type=file]:hover, input[type=range]:hover, input[type=password]:hover, input[type=tel]:hover, textarea:hover, select:hover { background-color: none; border-color: var(--main-color-noir);}
::placeholder {color: #B9B9B9;font-size: 0.8em }
input[type=date] { resize: none; text-transform: uppercase; color: #8E8E8E }
input[type="color"] { height: 30px; padding: 6px; background-color: #f7f7f7; cursor: crosshair; }
div.button, button, .button { display: inline-block;border-radius: 4px; border: 0; z-index: 0; position: relative; font-size: inherit; font-family: inherit; color: white; padding: 0.5em 1em; outline: none; background: #7e9634; /*overflow: hidden;*/ cursor: pointer; /*margin: auto;*/ transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; }
button:hover { color: #FFF; background-color: #9DC818; }
button:active { box-shadow: inset 0px 0px 8px rgba(0, 0, 0,.4); text-shadow: none }
input[type=text]:focus, textarea:focus, select:focus { background-color: rgba(30,144,255,0.18); }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin:0; }
input[type=number] { -moz-appearance: textfield;}
input[type="file"]::-webkit-file-upload-button {
text-shadow: 0 0 4px rgba(0,0,0,.2);
z-index: 0;
position: relative;
font-size: inherit;
font-family: inherit;
color: #FFF;
padding: 0.5em 1em;
outline: none;
border: none;
background-color: #095BB0;
overflow: hidden;
cursor: pointer;
margin: auto;
box-shadow: inset 0px 0px 4px rgba(255, 255, 255, .4);
transition: all 0.1s;
}
.label-checkradio span:first-letter { text-transform: uppercase}
.label-checkradio { cursor: pointer;}
.btn { border-radius:0 }
 @keyframes click-wave {
 0% {
 height: 25px;
 width: 25px;
 opacity: 0.35;
 position: relative;
}
 100% {
 height: 50px;
 width: 50px;
 margin-left: -15px;
 margin-top: -15px;
 opacity: 0;
}
}
.bootstrap-select>.dropdown-toggle { background-color: #FFF; border-radius: 0}
.label-checkradio { display: flex; align-items: center;  padding: 5px 0; }
.label-checkradio input {   -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; height: 20px; width: 20px; transition: all 0.15s ease-out 0s; background: #fff; border: 2px solid #CCC; color: #fff; cursor: pointer; display: inline-block; margin : 0 0.5rem 0 0; outline: none; z-index: 0; }
.label-checkradio input:hover { background: #9faab7; }
.label-checkradio input:checked { background: #51AC18; border-color: #51AC18; }
.label-checkradio input:checked::before { height: 20px; width: 21px; position: absolute; content: "\f00c"; color: #FFF; margin-left:-2px; font-family: "Font Awesome 5 Free"; display: inline-block; font-size: 12px; text-align: center; line-height: 17px; font-weight: 900;}
.label-checkradio input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; content: "\f096"; font-family: "FontAwesome"; animation: click-wave 0.65s; background: #51AC18; content: ''; display: block; position: relative; z-index: 0; }
.label-checkradio input { min-width: 20px; }
.label-checkradio input[type=radio] { border-radius: 50%;  }
.label-checkradio input::after { border-radius: 50%; }
@media only screen and (max-width: 600px) {
.label-checkradio { margin-bottom: .8em; }
.label-checkradio span { max-width: 75%;   }
}