html{overflow-x:hidden;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
		display: block; }
	
	mark, rp, rt, ruby, summary, time {
		display: inline; }
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		margin: 0;
		font-weight: normal;
		line-height: 1.1; }
	
	ul, figure, label {
		margin-bottom: 0; }
	
	p {
		margin: 0; }
	
	input {
		line-height: normal; }
	
	* {
		box-sizing: border-box;
		padding: 0;
		margin: 0; }
	
	button {
		outline: none !important; }
	
	a, .fake-link, label {
		text-decoration: none; }
	
	a:hover {
		text-decoration: none !important;
		outline: 0 !important; }
	
	a:focus {
		text-decoration: none !important; }
	
	img {
		-webkit-user-drag: none; }
	
	html {
		overflow-x: hidden; }
	
	html.noScroll, body.noScroll {
		overflow: hidden; }
	
	body {
		font-family: 'Catamaran', sans-serif;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: flex;
		flex-direction: column; }
	
	.back-to-home {
		color: #c34a41 !important;
		font-size: 30px;
		margin-top: 25px;
		display: inline-block; }
	
	.filigrane {
		width: 100%;
		height: 100%; }
	
	.sourcesanspro {
		font-family: "Source Sans Pro"; }
	
	.light {
		font-weight: 200 !important; }
	
	.normal {
		font-weight: 400 !important; }
	
	.medium {
		font-weight: 600 !important; }
	
	.bold {
		font-weight: 700 !important; }
	
	.underline {
		text-decoration: underline; }
	
	.capitalize {
		text-transform: capitalize; }
	
	.uppercase {
		text-transform: uppercase; }
	
	.italic {
		font-style: italic; }
	
	.pre-wrap {
		white-space: pre-wrap; }
	
	.link-primary {
		color: #c34a41 !important;
		cursor: pointer; }
	
	.relative {
		position: relative !important; }
	
	.absolute {
		position: absolute !important; }
	
	.hide {
		display: none !important; }
	
	.inline {
		display: inline !important; }
	
	.inline-block {
		display: inline-block !important; }
	
	.block {
		display: block !important; }
	
	.flex {
		display: flex !important; }
	
	.centered-content {
		display: flex;
		align-items: center;
		justify-content: center; }
	
	.clear-both {
		clear: both; }
	
	.nowrap {
		white-space: nowrap; }
	
	.ellipsis {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis; }
	
	.full-height {
		height: 100% !important; }
	
	.full-width {
		width: 100% !important; }
	
	.no-selection {
		user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none; }
	
	.no-border {
		border: none; }
	
	.pointer {
		cursor: pointer !important; }
	
	.img-cover {
		height: 100%;
		width: 100%;
		object-fit: cover; }
	
	.text-line-through {
		text-decoration: line-through; }
	
	.min-h-100 {
		min-height: 100vh; }
	
	.custom-loader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(255, 255, 255, 0.8);
		z-index: 100;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: all .2s; }
		.custom-loader.show {
			visibility: visible;
			opacity: 1;
			pointer-events: initial; }
		.custom-loader img {
			height: 50px;
			animation: loader-rotate 2s infinite; }
	
	@keyframes loader-rotate {
		0% {
			transform: rotate(0deg); }
		100% {
			transform: rotate(720deg); } }
	
	.color-primary {
		color: #c34a41 !important; }
	
	.color-secondary {
		color: #F5A623 !important; }
	
	.bg-primary {
		background-color: #c34a41 !important; }
	
	.bg-secondary {
		background-color: #F5A623 !important; }
	
	[class*=btn-] {
		border-radius: 50px;
		font-weight: bold;
		padding: 8px 15px 4px;
		text-transform: uppercase;
		transition: all .2s; }
	
	.btn-primary {
		background: #c34a41 !important;
		border-color: #c34a41 !important; }
		.btn-primary:hover {
			box-shadow: 0 0 10px 100px rgba(255, 255, 255, 0.1) inset; }
	
	.btn-secondary {
		background: #4C5D67 !important;
		border-color: #4C5D67 !important; }
		.btn-secondary:hover {
			box-shadow: 0 0 10px 100px rgba(255, 255, 255, 0.1) inset; }
	
	.btn-light {
		background: white;
		color: #c34a41; }
	
	@media (max-width: 575px) {
		.container {
			padding-left: 20px;
			padding-right: 20px; } }
	
	.row.row-80 {
		margin: 0 -40px; }
		.row.row-80 > [class*="col"] {
			padding: 0 40px; }
	
	.row.row-60 {
		margin: 0 -30px; }
		.row.row-60 > [class*="col"] {
			padding: 0 30px; }
	
	.row.row-50 {
		margin: 0 -25px; }
		.row.row-50 > [class*="col"] {
			padding: 0 25px; }
	
	.row.row-40 {
		margin: 0 -20px; }
		.row.row-40 > [class*="col"] {
			padding: 0 20px; }
	
	.row.row-30 {
		margin: 0 -15px; }
		.row.row-30 > [class*="col"] {
			padding: 0 15px; }
	
	.row.row-25 {
		margin: 0 -12.5px; }
		.row.row-25 > [class*="col"] {
			padding: 0 12.5px; }
	
	.row.row-20 {
		margin: 0 -10px; }
		.row.row-20 > [class*="col"] {
			padding: 0 10px; }
	
	.row.row-15 {
		margin: 0 -7.5px; }
		.row.row-15 > [class*="col"] {
			padding: 0 7.5px; }
	
	.row.row-10 {
		margin: 0 -5px; }
		.row.row-10 > [class*="col"] {
			padding: 0 5px; }
	
	.row.row-0 {
		margin: 0; }
		.row.row-0 > [class*="col"] {
			padding: 0; }
	
	@media (max-width: 575px) {
		.row:not(.row-0):not(.row-10):not(.row-15):not(.row-20):not(.row-25) {
			margin: 0 -15px; }
			.row:not(.row-0):not(.row-10):not(.row-15):not(.row-20):not(.row-25) > [class*="col"] {
				padding: 0 15px; } }
	
	body.home {
		min-height: 100vh; }
		@media (min-width: 576px) {
			body.home {
				background: #e6e6e6; } }
		@media (max-width: 575px) {
			body.home {
				background: #c34a41; } }
		body.home .main-content {
			background: #c34a41; }
		body.home .container {
			min-height: 100vh; }
			body.home .container > .row {
				min-height: 100vh; }
				body.home .container > .row > [class*=col] {
					min-height: 100vh; }
		body.home .btn-light {
			font-size: 20px; }
		body.home .logo-optivit {
			height: 100px; }
		body.home h1 {
			font-size: 20px;
			color: white; }
		body.home .logos img {
			height: 80px; }
		@media (max-width: 767px) {
			body.home h1 {
				font-size: 16px; } }
		@media (max-width: 575px) {
			body.home h1 {
				font-size: 14px; } }
	
	body.dashboard {
		color: black; }
		@media (min-width: 576px) {
			body.dashboard {
				background: #e6e6e6; } }
		body.dashboard .main-content {
			background: white; }
		body.dashboard .welcome {
			font-size: 20px;
			background: #65BE00;
			display: inline-flex;
			align-items: center;
			padding: 10px 20px 13px;
			border-radius: 0 0 30px 30px;
			color: white; }
		body.dashboard .logo-optivit {
			height: 80px; }
		body.dashboard h1 {
			font-size: 35px;
			font-weight: bold;
			color: #c34a41; }
			body.dashboard h1 span {
				display: block;
				color: black;
				font-size: 22px; }
	
	.dashboard__filter {
		color: #707070;
		font-size: 18px; }

	.dashboard__login{
		font-size:20px; font-weight:500; text-transform: initial;
	}
	
	.dashboard__needs .btn {
		text-align: left;
		border-radius: 10px;
		padding: 15px 25px;
		font-size: 20px;
		display: flex;
		align-items: center; }
		.dashboard__needs .btn img {
			height: 40px; }
		.dashboard__needs .btn span {
			display: inline-block;
			margin-top: 4px; }
		
		 /* .dashboard__needs .btn:nth-of-type(2) {
			background: #4C5D67 !important;
			border-color: #4C5D67 !important; }

			.dashboard__needs .btn:nth-of-type(3) {
			background: #4171C3 !important;
			border-color: #4171C3 !important; }
		.dashboard__needs .btn:nth-of-type(4) {
			background: #41C3BA !important;
			border-color: #41C3BA !important; }
		.dashboard__needs .btn:nth-of-type(5) {
			background: #7E41C3 !important;
			border-color: #7E41C3 !important; }
		.dashboard__needs .btn:nth-of-type(6) {
			background: #A1C341 !important;
			border-color: #A1C341 !important; }
		.dashboard__needs .btn:nth-of-type(7) {
			background: #4D3836 !important;
			border-color: #4D3836 !important; }
		.dashboard__needs .btn:nth-of-type(8) {
			background: #009244 !important;
			border-color: #009244 !important; }
		.dashboard__needs .btn:nth-of-type(9) {
			background: #C34198 !important;
			border-color: #C34198 !important; }
		.dashboard__needs .btn:nth-of-type(10) {
			background: #C3A041 !important;
			border-color: #C3A041 !important; }*/
	
	@media (max-width: 575px) {
		.dashboard__needs {
			margin: 0 -20px; }
			.dashboard__needs .btn {
				border-radius: 0; } }
	
	body.question {
		color: black; }
		@media (min-width: 576px) {
			body.question {
				background: #e6e6e6; } }
		body.question .main-content {
			background: white; display:flex; flex-direction:column; }
		body.question .main-content form {
			background: white; display:flex; flex-direction:column; flex-grow:1;}
		body.question h1 {
			font-size: 24px;
			text-transform: uppercase;
			font-weight: bold; }
		body.question h2 {
			color: #707070;
			font-size: 24px; }
			body.question h2 small {
				display: block;
				font-weight: bold;
				font-size: 16px;
				margin-top: 5px; }
	
	.question__number {
		height: 60px;
		width: 60px;
		border-radius: 100%;
		background: #c34a41;
		font-size: 25px;
		font-weight: bold;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center; }
	
	.question__answers .custom-radio-arrow {
		display: none; }
		.question__answers .custom-radio-arrow:checked + .custom-radio-arrow__label {
			background: #c34a41 !important;
			border-color: #c34a41 !important; }
			.question__answers .custom-radio-arrow:checked + .custom-radio-arrow__label:after {
				width: 10px;
				height: 17px;
				transform: rotate(45deg); }
		.question__answers .custom-radio-arrow__label {
			justify-content: space-between;
			text-transform: initial;
			font-weight: normal;
			text-align: left;
			border-radius: 10px;
			padding: 10px 25px 10px 15px;
			font-size: 20px;
			line-height: 24px;
			display: flex;
			align-items: center; }
			
			.question__answers .custom-radio-arrow__label span i {
				display: block;
				font-style: normal;
				font-size: 14px;
			}

			.question__answers .custom-radio-arrow__label.btn-outline-secondary:after {
				border-color: #6c757d !important; }
			.question__answers .custom-radio-arrow__label.btn-outline-secondary:hover:after {
				border-color: white !important; }
			.question__answers .custom-radio-arrow__label:after {
				content: '';
				display: inline-block;
				height: 15px;
				width: 15px;
				border-bottom: 3px solid white;
				border-right: 3px solid white;
				flex-shrink: 0;
				transform: rotate(-45deg);
				transition: all .2s;
				margin-left: 20px; }
	
	.question__answers .form-group {
		padding: 15px 30px;
		background: #4C5D67;
		border-radius: 10px; }
		.question__answers .form-group label {
			color: white;
			text-align: center;
			width: 100%;
			font-size: 20px; }
		.question__answers .form-group input {
			border-radius: 40px;
			height: 38px;
			margin-top: 10px;
			text-align: center;
			font-size: 16px; }
	
	.question__answers .custom-radio-btn {
		display: none; }
		.question__answers .custom-radio-btn + label {
			background: white;
			color: #4c5c67;
			font-weight: normal;
			padding: 6px 10px 3px;
			text-transform: initial;
			font-size: 16px; 
			
			width: calc(50% - 10px);
			display: inline-block;
			margin-right: 15px;
		}
		.question__answers .custom-radio-btn.bt-last + label {
			margin-right: 0;
		}
		.question__answers .custom-radio-btn:checked + label {
			background: #c34a41 !important;
			color: white !important; }
	
	.question__step {
		font-size: 20px; text-align: center;}
	
	@media (max-width: 575px) {
		.question__answers {
			margin: 0 -20px; }
			.question__answers .custom-radio-arrow__label {
				border-radius: 0;
				padding: 20px 20px 20px 20px; }
			.question__answers .form-group {
				border-radius: 0; } }
	
	footer.logos{
		background:#c34a41; padding:25px 0 25px; margin:0 -15px;
	}

	#containerBesoins .anychart-credits{display:none !important;}

	@media (max-width: 575px) {
		footer.logos{margin:0 -20px;}
	}
	
	body.results {
		color: black; }
		@media (min-width: 576px) {
			body.results {
				background: #e6e6e6; } }
		body.results .main-content {
			background: white; }
		body.results .main-content ul{
			font-size:16px; line-height:22px; padding:0 25px;}
		body.results .main-content li:not(:last-child){
			margin-bottom:15px;}
		body.results .logo-optivit {
			height: 80px; }
		body.results h1 {
			font-size: 24px;
			text-transform: uppercase;
			font-weight: bold; }
		body.results h2 {
			font-size: 20px; position:relative; z-index:10;
			font-weight: bold; }
		body.results h3 {
			font-size: 20px;
			color: #707070; }
	
	.results__stat {
		margin-top: 10px;
		padding-top: 25px; }
		.results__stat h4 {
			font-size: 18px;
			color: #707070;
			text-align: center;
			font-weight: bold;
			position: relative;
			z-index: 10; }
		.results__stat__gauge {
			margin-top: -30px; }
	
	.results__finish {
		text-align: center;
		color: #707070;
		font-size: 20px;
		line-height: 26px; }
		.results__finish a {
			color: #c34a41;
			text-decoration: underline; }
	
	.results__table {
		font-size: 12px; }
		.results__table thead th {
			white-space: nowrap; }

	table {
		table-layout: fixed;
		font-size: 0.8rem;
	}

	g#ac_layer_w {
		display: none;
	}

	.invalid-feedback{
		color: white;
	}
	
	#containerBesoins {
		padding-left: 13px;  
	}

	#containerBesoins1 {
		width: 450px;
	} 
.qualite-graph {
	text-align: center;
	/* padding-bottom: 15px; */
	padding-bottom: 30px;
}
.qualite-graph h3 {
	padding-bottom: 5px;
}
.margenull, body.question h2.margenull {
	margin: 0!important;
}



/*------------------------------*/
/* Commun                       */
/*------------------------------*/
.center {
	text-align: center;
}
.relative {
	position: relative;
}
.flag-test {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 10px;
	font-size: 12px;
	background-color: green;
	border-radius: 0 7px 0 7px;
}
.image img {
	text-align: center;
	max-width: 100%;
}
button .image, label .image {
	padding-right: 15px;
}
.marge-15 {
	margin-top: 15px;
}


/*------------------------------*/
/* Captcha		                */
/*------------------------------*/
.question__answers .form-group .captcha-label {
	color: #FFF;
}
.captcha-label {
	padding-top: 15px;
}
.inputcaptcha {
	width: 200px;
	height: 50px;
	margin-left: 15px;
	padding: 5px 10px;
}
.js-captcha-error p {
	margin: 15px;
	padding: 10px;
	text-align: center;
    color: red;
    background-color: #FFF;
}

/*------------------------------*/
/* InterneVital                 */
/*------------------------------*/
.InterneVital-form {
	padding: 15px;
	text-align: center;
}
.InterneVital-form h1 {
	padding-bottom: 15px;
}
.InterneVital-form-line {
	padding: 15px;
	padding-bottom: 0;
}
.InterneVital-form-line select {
	width: 100%;
	padding: 10px 20px;
	border: 0;
	text-align-last: center;
}
.InterneVital-form-line input {
	width: 100%;
	text-align: center;
	padding: 10px 20px;
	border: 0;
}
input.submitInterneVital-valid {
	color: #FFF;
    background-color: #000;
}
.InterneVital-form-alert {
	padding: 15px;
	color: red;
	background-color: rgba(255, 255, 255, 0.8);
}

/*-------------------- Recherche dans page Cheptel ------------*/
.search-group {
	padding: 15px;
	margin-bottom: 15px;
	background-color: #5f7ee6;
}
.search-group-line {
	display: flex;
	vertical-align: middle;
	align-items: center;
	margin-top: 5px;
}
.search-group-line label {
	text-align: right!important;
	width: 30%!important;
	padding: 13px 5px 0 0;
	margin: 0;
	color: #FFF;
}

.search-group-line span {
	display: inline-block;
	width: 70%;
}
.search-group-line span input {
	width: 100%;
    padding: 5px!important;
	text-align: left!important;
	border-radius: 0!important;
	border: 0;
}

.search-valid {
	width: auto;
	display: inline-block;
	padding: 10px 15px;
	color: #FFF;
	cursor: pointer;
	background-color: #212529;
}
.search-result {
	margin-top: 10px;
	width: 100%;
	/* max-height: 200px; */
	max-height: 320px;
	overflow-y: auto; 
	/* background-color: #FFF; */
}
.search-result-one {
	/* padding: 5px; */
	padding: 0 10px 20px 0;
	/* border-bottom: 1px dotted #555; */
	cursor: pointer;
}
.search-result-one em {
	font-style: normal;
}
.search-result-nom {
	display: inline-flex;
	/* padding: 2px 0; */
	/* padding: 4px 8px; */
	padding-right: 8px;
	margin-right: 8px;
	font-size: 14px;
	color: #FFF;
	/* background-color: #6e7cff; */
	background-color: #ff5e08;
	border-radius: 0 5px 0 0;
}
.search-result-nom i {
	display: inline-block;
	padding: 4px 8px;
	background-color: #000;
	color: #FFF;
	font-style: normal;
}
.search-result-nom span {
	display: inline-block;
	width: auto;
	padding: 6px 0 0 6px;
}

.search-result-content {
	border: 2px solid #6e7cff;
	background-color: #dbf4ff;
	border-radius: 0 5px 5px 0;
}
.search-result-content b {
	color: rgb(255, 177, 177);
}

.search-result-type, .search-result-cheptel, .search-result-contact, .search-result-adresse, .search-result-phone, .search-result-email {
	display: inline-block;
	margin: 4px;
	padding: 4px 8px;
	color: #FFF;
	font-size: 12px;
	background-color: #2390f5;
	border-radius: 4px;
}
.search-result-cheptel, .search-result-type {background-color: #7aa3c9;}
.search-result-adresse {background-color: #5a5aa9;}
.search-result-contact {background-color: #1c3a9c;}


.search-result-one:hover .search-result-content {
	/* background-color: #087bff; */
	background-color: #ff5e08;
}
.search-warning {
	padding: 10px;
	text-align: center;
	background-color: #FFF;
	color: red;
}
.logo-vital {
    height: 165px;
    background: transparent url('./img/logo-vital.png') top center no-repeat;
}
.createur {
    text-align: center;
    padding: 14px;
    font-size: 20px;
}



/*----------------------------------------------------------------------------------*/
/* INTRO                                											*/
/* optivit61\public\www\view\questions\semencesfourrageres\form_steps_header.php	*/
/* optivit61\public\www\view\questions\vgtales-mas\form_steps_header.php			*/
/*----------------------------------------------------------------------------------*/
.bouton-intro {
    margin: 30px;
    text-align: center;
}
.bouton-intro button {
    color: #FFF;
    padding: 20px 40px;
    font-size: 24px;
    background-color: #c3b241;
    border-radius: 40px;
}

/*----------------------------------------------------------------------------------*/
/* Fin préconisation (semencesfourrageres+vgtales-mas)  							*/
/* optivit61\public\www\view\questions\semencesfourrageres\form_steps_footer.php	*/
/* optivit61\public\www\view\questions\vgtales-mas\form_steps_footer.php			*/
/*----------------------------------------------------------------------------------*/
.finpreco-bouton {
    text-align: center;
}
.finpreco-bouton button {
    color: #FFF;
    margin: 20px 60px;
    padding: 60px 40px;
    font-size: 24px;
    background-color: #c3b241;
    border-radius: 40px;
}
.finpreco-bouton button b {
    display: block;
}
.finpreco-bouton button b::after {
    content: '';
    display: block;
    margin: auto;
    margin-top: 20px;
    width: 30%;
    border-bottom: 3px solid #FFF;
}

.finpreco-alerte {
    display: none;
    text-align: center;
    color: #c34a41;
}
.finpreco-grp-checkbox {
    margin: 20px auto 0 auto;
    display: flex;
    text-align: center;
}
.finpreco-checkbox-titre {
    cursor: pointer;

    padding-top: 10px;
    padding-left: 10px;

    font-weight: 600;
    font-size: 24px;
}
.finpreco-checkbox {
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    border: 4px solid #000;
    border-radius: 8px;
}
.finpreco-checkbox-mask {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background-color: #FFF;
    /* border: 1px solid red; */
}
.finpreco-checkbox-on {
    position: absolute;
    cursor: pointer;
    display: none;
    z-index: 20;
    left: 14px;
    top: -8px;
    width: 15px;
    height: 34px;
    border: solid #000;
    border-width: 0 6px 6px 0;
    transform: rotate(45deg);
    border-radius: 5px;
}
.finpreco-checkbox-text {
    margin-top: 20px;
    text-align: center;
    color: #707070;
    font-size: 20px;
    line-height: 25px;
}

.checkbox-require-alert {
	padding: 5px 10px;
	border: 1px solid rgb(238, 126, 126);
}