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

body {font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; color:#333; font-size:16px; background: #F8F2EB;}
body.footfix {padding-bottom:60px;}
a {color: #333;}
a:hover {color: #4e4f52;}
a.text-primary:focus, a.text-primary:hover {color:#3C7652 !important;}

.bg-gris {background-color: #ECECED;}

/*header{padding-top:30px; padding-bottom:30px;}*/
header .logo-head-align a {margin-left: 85px;}
header a.telephone {border-radius:66px;padding:4px 15px;font-size:18px;font-weight:700;margin-right:15px;margin-bottom:6px;}
header #btnConnexionHeader {color: #FFF; text-decoration-line: underline; margin-left: 50px; margin-right: 85px;}
@media screen and (max-width: 991.98px) {
	header{padding-top:24px;padding-bottom:24px;}
	header .logo-head-align a {margin-left: 15px;}
	header a.telephone {display:none;}
	header #btnConnexionHeader {margin-right: 15px;}
}

/* BACKGROUND, BORDER ET BOUTONS */
main {position:relative; z-index:20;}
main.h100 {height:100% !important; }
main .container {height:100% !important; }
.btn {font-size:1em; letter-spacing:0;}
.btn-lg {font-size:1.3em;}
.bg-primary, .badge-primary {background-color: #3C7652!important; }
.bg-gris2 {background-color: #adafaf;}
.bg-secondary {background-color: #0E1941!important;}
.fond { background-color:#eaebeb;}
.border-primary {border-color:#3C7652 !important;}
.border-secondary {border-color:#0E1941 !important;}
.btn-primary, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background-color: #3C7652; border-color:#3C7652;}
.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: #0E1941; border-color:#0E1941;}
.btn-secondary:hover {background-color: #4e4f52; border-color:#4e4f52;}
.btn-outline-secondary {background-color: #FFF; border-color:#0E1941; color:#0E1941;}
.btn-outline-secondary:hover {background-color: #0E1941; border-color:#0E1941; color:#FFF;}
.fixed-background { width: 100%; height: 100%; background:url(/souscrire/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;}

.blocDroite1 {background: url('/souscrire/charte/cows.png');background-size: cover;height: 253px;}
.blocDroite1 h2 {padding-top: 180px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0.00) 100%);height: 100%;}
.blocDroite2 {}
.blocDroite3 {}

.bg-vert {background:#3C7652;}
.bg-bleu {background:#09F;}
.text-vert {color:#3C7652;}
.text-bleu {color:#09F;}
.radius66 {border-radius:66px;}


/* TEXTE TITRE */
.titre, .titre2 {background-image: url('/souscrire/charte/banniere-troupeau.jpg'); background-size: cover;}
.titre .row {height:530px;}
.titre2 .row {height:300px;}
.titre .col {background-color: rgba(51, 51, 51, 0.7); font-weight:500;}
.titre2 .col {background-color: rgba(51, 51, 51, 0.7); color:#FFF; font-weight:500;}
.text-marg {}
.text-primary {color: #3C7652!important;}
.text-secondary {color: #0E1941!important;}
.h1, h1 {color: #1D1D1B;text-align: center;font-size: 28px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;}
.h2, h2 {font-size:1.4em;}
@media screen and (max-width: 991.98px) {
	.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; line-height:1.2em !important;}
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: #0E1941;}
.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 #0E1941;}

/* 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:#3C7652; background-color: #FFF;}
.bg-warning {background:#ff9900 !important; color:#FFF;}


/* SIMULATEUR */
.simul {background-color: #3C7652; 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;}
.bottle {position:relative; width:100%; height:190px; background:url(/souscrire/charte/picto-lait.png) no-repeat center center; background-size: 80%;}
.bottle div, .bottle2 div, .gain10ans div {text-align:center; font-size:2.5em; font-weight:600;}
.bottle2 {position:relative; height:300px; background:url(/souscrire/charte/PICTO-Lait-V.png) no-repeat center center; background-size: contain;}
.bottle div {width:100%;}
.bottle:hover, .bottle2:hover {transform: scale(1.2); transition: all .5s;}

.picto-simulation {margin-top: 30px; margin-bottom: 15px;}

.bottle2 div, gain10ans div {margin:auto;}


.pieces {width:100%; height:100%; background:url(/souscrire/charte/pieces.png) no-repeat center center; background-size: contain;}

/* 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:#3C7652; background:url(/souscrire/charte/etapes-ok.gif) no-repeat center center;}
.number-on a, .number-on a:hover, .number-ok a, .number-ok a:hover {color:#3C7652;}
.number-ok a:hover span, .number-on a span, .number-on a:hover span {color:#fff; background:url(/souscrire/charte/etapes-on.gif) no-repeat center center;}
.number-off span {color:#adafaf; background:url(/souscrire/charte/etapes-off.gif) no-repeat center center;}
.number-off {color:#adafaf;}

.etapes .etape-on a {color:#fff;}
.etapes .etape-off {color:rgba(255, 255, 255, 0.44);}


/* DROPZONE */
.dropzone {min-height:100px; border: 2px dashed #adafaf!important; background: url("/souscrire/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: #28760E;}
.custom-range::-webkit-slider-thumb:active {background-color: #28760E;}
.custom-range::-webkit-slider-runnable-track {background-color:#e1f2d4;}
.custom-range::-moz-range-thumb {background-color:#28760E;}
.custom-range::-moz-range-thumb:active {background-color: #28760E;}
.custom-range::-moz-range-track {background-color:#e1f2d4;}
.custom-range::-ms-thumb {background-color: #28760E;}
.custom-range::-ms-thumb:active {background-color: #28760E;}
.custom-range::-ms-fill-lower {background-color: #28760E;}
.custom-range::-ms-fill-upper {background-color: #28760E;}

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

/* ADMIN */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background:#3C7652;}
.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:#3C7652; border-color:#3C7652;}
.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:#3C7652; border-color:#3C7652;}
.page-link:focus {box-shadow: 0 0 0 0.2rem rgb(105 190 40 / 25%);}
.page-link, .page-link:hover {color: #333;}

.progress-bar { background-color:#3C7652; }


#form_rappel input[type=checkbox]{-ms-transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}

#ligne7 div {font-size:14px;padding-top:20px;}
#ligne7 a.telephone {border-radius:66px;padding:4px 20px;font-size:20px;font-weight:700;margin-bottom:22px;display:inline-block;}
#ligne7 a.simulation {border-radius:66px;padding:4px 20px;font-size:20px;font-weight:700;display:inline-block;}
#ligne7 div.risques {padding:32px 0;}

.sticky-container {
	padding-top: 10px;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0;
	position: fixed;
	top: 80%;
	right: 15px;
	width: 50px;
	height: 50px;
	z-index: 9999;
	margin-top: 0;
	text-align: center;
}

.carousel-indicators [data-target] {width:12px;aspect-ratio : 1 / 1;border-radius:50%; border:none; margin-right: 5px;}
.carousel-indicators {margin-bottom: 0px}
.carousel-indicators .active {background-color:#000;}


/* md */
@media (min-width: 768px) {}
@media (max-width: 767.98px) {
	.etape-on {font-size:12px;}
	.etape-off {font-size:12px;}
}