@charset "utf-8";
/* CSS Document */

body {font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; color:#333; font-size:16px; background:#FFF; position: relative; padding-bottom: 60px; min-height:100%;}
a {color: #333;}
a:hover {color: #4e4f52;}
a.text-primary:focus, a.text-primary:hover {color:#69be28 !important;}

header{background:#FFF; box-shadow: 8px 8px 8px #adafaf; padding-top:5px; padding-bottom:5px;}

/* BACKGROUND, BORDER ET BOUTONS */
main {position:relative; height:100% !important; padding-bottom: 60px; z-index:20;}
main .container {height:100% !important; }
.btn {font-size:1em; font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; letter-spacing:0;}
.btn-lg {font-size:1.3em;}
.bg-primary, .badge-primary {background-color: #69be28!important; }
.bg-secondary {background-color: #747678!important;}
.fond { background-color:#eaebeb;}
.border-primary {border-color:#69be28 !important;}
.border-secondary {border-color:#747678;}
.btn-primary, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background-color: #69be28; border-color:#69be28;}
.btn-primary:hover {background-color: #449529; border-color:#449529;}
.btn-secondary, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {background-color: #747678; border-color:#747678;}
.btn-secondary:hover {background-color: #4e4f52; border-color:#4e4f52;}
.btn-outline-secondary {background-color: #FFF; border-color:#747678; color:#747678;}
.btn-outline-secondary:hover {background-color: #747678; border-color:#747678; color:#FFF;}
.fixed-background { width: 100%; height: 100%; background:url(/charte/troupeau.jpg) no-repeat center center fixed; z-index:10;}
.btn-warning {background: #e0a800; border-color:#e0a800; }
.btn-warning:hover {background: #b69329; border-color:#b69329;}
.btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 0.2rem rgb(173 175 175 / 50%)!important;}


/* TEXTE TITRE */
.titre {background-color:#e2e3e2;}
.text-primary {color: #69be28!important;}
.text-secondary {color: #747678!important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Manrope", "Helvetica Neue", Arial, sans-serif;line-height:1.1em;}
.h1, h1 {font-size:1.8em; margin-bottom:0px; padding-bottom:0px;}
.h2, h2 {font-size:1.4em;}
@media screen and (max-width: 972px) {
  .h1, h1 {font-size:1.5em;}
  .h2, h2 {font-size:1.2em;}
}
p {font-size:1em; font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; color:#333;}
.text-pt {font-size:0.8em;}
label, h6 {font-family: "Manrope", "Helvetica Neue", Arial, sans-serif; font-weight:500; }
.form-control:focus {box-shadow:0 0 0 0.2rem rgb(116 118 120 / 25%); border-color: #747678;}
.badge {font-size:100%;}

/* INDEX, ATTENTE, PAGES */
.corps {background-color:#FFF; margin-top:-20px; margin-bottom:20px; padding : 40px; border-radius: 20px; box-shadow: 0px 8px 8px #747678;}

/* ALERTS */
.alert-warning {color: #333; border-color:#ff9900; background-color: #FFF;}
.alert-warning .alert-link, .text-warning {color: #ff9900 !important;}
.alert-success {border-color:#009900; background-color: #FFF;}
.alert-success .alert-link, .text-success {color: #009900;}
.alert-danger {border-color:#cc0000; background-color: #FFF;}
.alert-danger .alert-link, .text-danger {color: #cc0000;}
.alert-info {border-color:#69be28; background-color: #FFF;}
.bg-warning {background:#ff9900 !important; color:#FFF;}


/* SIMULATEUR */
.simul {background-color: #69be28; border-radius:20px; color:#FFF; text-align:center; }
.simul h3 {font-size: 1.5em; margin-bottom:0px;}
.simul span {font-size: 1.4em; line-height:1.4em;}
.table-simul td, .table-simul th {font-size:1em; line-height:1em; text-align:center;}

/* ETAPES SIMULATEUR */
.number-ok, .number-on, .number-off {min-width:120px; text-align:center;}
.number-ok a, .number-on a, .number-ok a:hover, .number-on a:hover, .number-on {text-align:center; text-decoration:none;}
.number-ok a span, .number-on a span, .number-off span {display:block; height:56px; text-align:center; font-size:1.5em; line-height:2.3em;}
.number-ok a span {color:#69be28; background:url(/charte/etapes-ok.gif) no-repeat center center;}
.number-on a, .number-on a:hover, .number-ok a, .number-ok a:hover {color:#69be28;}
.number-ok a:hover span, .number-on a span, .number-on a:hover span {color:#fff; background:url(/charte/etapes-on.gif) no-repeat center center;}
.number-off span {color:#adafaf; background:url(/charte/etapes-off.gif) no-repeat center center;}
.number-off {color:#adafaf;}

/* DROPZONE */
.dropzone {min-height:100px; border: 2px dashed #adafaf!important; background: url("/charte/dropzone-cursor.gif") no-repeat bottom right !important;}

/* INPUT RANGE */
.custom-range:focus::-webkit-slider-thumb {box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(105, 190, 40, 0.7);}
.custom-range:focus::-moz-range-thumb {box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(105, 190, 40, 0.7);}
.custom-range:focus::-ms-thumb {box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(105, 190, 40, 0.7);}
.custom-range::-webkit-slider-thumb {background-color: #69be28;}
.custom-range::-webkit-slider-thumb:active {background-color: #69be28;}
.custom-range::-webkit-slider-runnable-track {background-color:#e1f2d4;}
.custom-range::-moz-range-thumb {background-color:#69be28;}
.custom-range::-moz-range-thumb:active {background-color: #69be28;}
.custom-range::-moz-range-track {background-color:#e1f2d4;}
.custom-range::-ms-thumb {background-color: #69be28;}
.custom-range::-ms-thumb:active {background-color: #69be28;}
.custom-range::-ms-fill-lower {background-color: #69be28;}
.custom-range::-ms-fill-upper {background-color: #69be28;}

/* FOOTER */
.footer {position: fixed; bottom:0; z-index:30; background-color:#747678; width:100%; font-size: 0.8em; padding-top:5px; padding-bottom:5px; }
.text-muted, .text-muted a {color:#FFF!important;}

/* ADMIN */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background:#69be28;}
.nav-pills a:hover.nav-link {background:#eaebeb; color: #333;}
.form-control[readonly] {background:none; border:none;}
.custom-control-input:checked~.custom-control-label::before {background-color:#69be28; border-color:#69be28;}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {border-color:#d9efc9;}
.custom-control-input:not(:disabled):active~.custom-control-label::before {background-color:#d9efc9; border-color:#d9efc9;}
.table td, .table th {vertical-align:middle;}

/* PAGINATION */
.page-item.active .page-link {background-color:#69be28; border-color:#69be28;}
.page-link:focus {box-shadow: 0 0 0 0.2rem rgb(105 190 40 / 25%);}
.page-link, .page-link:hover {color: #333;}