@import url('/css/styles_font.css');

body
{
    font-family: 'Helvetica Neue LT W06 55 Roman';
    font-size: 1rem;
    line-height: 1.5625rem;
}

* {
  box-sizing: border-box;
}

h2
{
	color: #f39500;
	font-size: 1.5em;
	line-height: 2rem;
}

.col-20 {
  float: left;
  width: 20%;
  margin-top: 6px;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-50 {
  float: left;
  width: 50%;
  margin-top: 6px;
}

.col-33 {
  float: left;
  width: 33%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#questionnaire
{
	background-color: #f0f0f0;
	padding: 25px;
}

input[type=text], input[type=email], input[type=tel], input[type=number], textarea
{
  font-family: 'Helvetica Neue LT W06 55 Roman';
  font-size: 1rem;
  line-height: 1.5625rem;
  width: 100%;
  box-sizing: border-box;
  border-style: solid; 
  border-color: #f39500; 
  border-radius: 5px; 
  border-width: 2px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  margin: 0px 12px 12px 0px;
  padding: 10px 10px 10px 15px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d5d5d5;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d5d5d5;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #d5d5d5;
}



select
{
	font-family: 'Helvetica Neue LT W06 55 Roman';
    font-size: 1rem;
    line-height: 1.5625rem;
	display: block;
	color: #000000;
	line-height: 1.55;
  	margin: 0px 12px 12px 0px;
  	padding: 10px 10px 10px 15px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
  border-style: solid; 
  border-color: #f39500; 
  border-radius: 5px; 
  border-width: 2px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('https://www.basf-agro.fr/css/images/select-or.png');
	background-repeat: no-repeat;
	background-position: right.7em top 50%, 0 0;
	background-size: auto, 100%;
}
select::-ms-expand {
	display: none;
}
select:hover {
	border-color: #888;
}
select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}

select option
{
	font-weight:normal;
}

select option:disabled
{
	color: #d5d5d5;
	font-weight:normal;
}


input[type=radio]
{
	opacity: 0;
    position: absolute;
}

input[type=radio] + label:before
{
    background: #ffffff;
    border: 1px solid #f39500;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 18px;
    height: 18px;
}

input[type=radio]:checked + label:before
{
    background: #f39500;
    border-color: #f39500;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
}


input[type="radio"]:checked+label
{
  color: #555555;
  font-weight: bold;
}


input[type=checkbox]
{
	opacity: 0;
    position: absolute;
}

input[type=checkbox] + label:before
{
    background: #ffffff;
    border: 2px solid #999999;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 17px;
    height: 17px;
}

input[type=checkbox]:checked + label:before
{
    background: #f39500;
    border-color: #f39500;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
}


input[type="checkbox"]:checked+label
{
  color: #555555;
  font-weight: bold;
}


input[type=submit], input[type=button]
{
	border: 1px solid #f39500;
	font-family: 'Helvetica Neue LT W06 75 Bold';
    font-size: 1rem;
    line-height: 1.5625rem;
    background-color: #f39500;
	color: #ffffff;
	margin-top: 20px;
	margin-left: auto;
    margin-right: auto;
	padding: 10px 30px;
	cursor: pointer;
	border-color: #fff;
}

input[type=submit]:hover
{
	border: 1px solid #f39500;
	color: #f39500;
	background-color: #ffffff;
}

input[type=button]:hover
{
	border: 1px solid #f39500;
	color: #f39500;
	background-color: #ffffff;
}

label
{
	padding: 12px 12px 4px 0;
	display: inline-block;
	font-size: 1rem;
	font-family: 'Helvetica Neue LT W06 75 Bold';
}

.bouton
{
	border: 1px solid #21a0d2;
	font-family: 'Helvetica Neue LT W06 75 Bold';
    font-size: 1rem;
    line-height: 1.5625rem;
    background-color: #21a0d2;
	color: #ffffff;
	margin-top: 20px;
	margin-left: auto;
    margin-right: auto;
	padding: 10px 30px;
	cursor: pointer;
	font-style: normal;	
	text-decoration: none; 
}

.bouton:hover
{
	border: 1px solid #21a0d2;
	color: #21a0d2;
	background-color: #ffffff;
	font-style: normal;
	text-decoration: none; 
}

.legal_small
{
	font-size: 0.7rem;
    line-height: 1rem;
}

.icon-tooltip
{
	position: relative;
	display: inline-block
}

.icon-tooltip::after
{
	font-family: 'BASF_Icons';
	speak: none;
	font-size: 1.125rem;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	vertical-align: text-top;
	font-style: normal;
	line-height: 1;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1rem;
	vertical-align: middle;
	color: #f39500;
	content: "\e934"
}

.icon-tooltip i
{
	visibility: hidden;
	background-color: #f39500;
	color: #fff;
	font-style: normal;
	text-align: center;
	font-size: 0.8125rem;
	padding: 1px 5px;
	border-radius: 5px;
	white-space: nowrap;
	position: absolute;
	z-index: 2;
	top: -2px;
	left: 150%
}
.icon-tooltip i::after {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #f39500 transparent transparent
}
.icon-tooltip:hover i {
	visibility: visible
}


@media screen and (max-width: 600px)
{
	.col-20, .col-25, .col-33, .col-50, .col-75, input[type=submit]
	{
		width: 100%;
		margin-top: 0;
	}

	.icon-tooltip {
		position: static
	}
	.icon-tooltip i {
		top: auto;
		bottom: 101%;
		left: 0;
		width: 100%;
		white-space: normal
	}
	.icon-tooltip i::after {
		display: none
	}
	.icon-tooltip:hover::before {
		content: ' ';
		position: absolute;
		top: -1px;
		margin-left: 3px;
		border-width: 5px;
		border-style: solid;
		border-color: #f39500 transparent transparent transparent
	}
}





.link-teaser .link-teaser-wrapper{background:#f0f0f0; padding:20px}
.link-teaser .link-teaser-wrapper ul{margin:1rem 0 0}
.link-teaser.highlight .link-teaser-wrapper{background:#f39500; width:100%;}
.link-teaser.highlight .link-teaser-wrapper h2,.link-teaser.highlight .link-teaser-wrapper h3{ margin-top: 0px; padding-top: 0px; color:#fff}
.link-teaser.highlight .link-teaser-wrapper .downloads-list{margin:12px -20px 0}
.link-teaser.highlight .link-teaser-wrapper .downloads-list li{margin:0;padding:3px 20px}
.link-teaser.highlight .link-teaser-wrapper .downloads-list li:last-child{padding-bottom:0}
.link-teaser.highlight .link-teaser-wrapper .downloads-list a{font-family:'Helvetica Neue LT W06 45 Light', sans-serif; color:#fff}
.link-teaser.highlight .link-teaser-wrapper .downloads-list a::before{font-size:inherit;vertical-align:initial}
.download_teaser p{color:white}
.download_teaser .download_button{background-color:rgba(255,255,255,0.2);padding:15px 0;text-align:center}
.download_teaser .download_button a{font-size:1.125rem; color:#fff; text-decoration: none;}
.download_teaser .download_button a:hover{font-size:1.125rem; color:#fff; text-decoration: underline;}
.download_teaser .download_button a::before{font-family:'BASF_Icons', sans-serif;speak:none;font-size:1.125rem;font-weight:400;font-variant:normal;text-transform:none;vertical-align:text-top;font-style:normal;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e913";font-size:1.375rem;vertical-align:sub;margin-right:0.375rem}
.download_teaser .download_button:hover{background-color:rgba(255,255,255,0.3)}