/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.1 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*FORMULAIRE*/

.cf7-form {
  max-width: 600px;
  margin: 0 auto;
}

.cf7-field {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.cf7-field label {
  font-weight: 600;
  margin-bottom: 8px;
}

.cf7-input,
.cf7-textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
}

.cf7-textarea {
  min-height: 120px;
}

.cf7-submit {
  text-align: center;
  margin-top: 20px;
}

.cf7-submit input[type="submit"] {
  background: #000;
  color: #fff;
  padding: 12px 30px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s ease;
}

.cf7-submit input[type="submit"]:hover {
  opacity: 0.8;
}

.rgpd {
  font-size: 13px;
}

/* Header & Menu */

#page-container {
padding-top: 223px !important;
}

/*
#logo {
  max-width: 30%;
  min-width:150px;
}
*/

@media only screen and (max-width : 980px) { 
	.left-mobile { float : left;}
	.right-mobile { float : right;}
	.legende-mobile {width : 45% !important;}
}

@media only screen and (max-width : 980px) {
 
	.centre-mobile { text-align: center !important;}
}

@media (max-width: 767px){
	#et-info {
	line-height: 31px !important;
}
}

#main-header {
	background-image: url(https://kerbirio.fr/wp-content/uploads/2016/12/bkg-header-vector.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


#et-info {
	float : none;
	text-align: center;
	font-weight: 700;
}


#et-info-phone:before {
display:none;
}

#et-info-phone {
background-image: url(https://kerbirio.fr/wp-content/uploads/2016/12/icon-tel-blanc.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 25px auto;
padding:10px 0px 10px 30px;
}


#et-info-email:before {
display:none;
}

#et-info-email {
background-image: url(https://kerbirio.fr/wp-content/uploads/2016/12/icon-mail-blanc.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 25px auto;
padding:10px 0px 10px 30px;
}



/* style the get started cta button */

.get-started {border-radius: 0px;}
.get-started a {color: #fff!important;}
 li.get-started {
	background-color: #e23333;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px 15px 15px !important;
    border-radius: 3px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1 !important;
}

li.get-started:hover {
	background-color: #e23333;

}

.get-started a {
	opacity: 1 !important;
}
 
/* fixed header button text color */


.home .et-fixed-header #top-menu li.menu-item-131 > a {
	color: #ffffff !important;
}

.home .et-fixed-header #top-menu li.menu-item-131:hover > a {
	opacity: 1 !important;
}

.et-fixed-header #top-menu li.menu-item-131 > a {
	color: #ffffff !important;
}

.et-fixed-header #top-menu li.menu-item-131 > a span {
	color: #ffffff !important;
}

@media only screen and (min-width : 981px) {
    li.get-started {height: 33px;}}


/* Équipements & Moyens de contrôles */

.titre-equipement {
	color: #FFF;
    background-color: #e23333;
    padding: 15px !important;
    border-radius: 5px;
}

.titre-equipement::after {
	content: "\33";
	vertical-align: middle;
    font-size: 25px;
    color : #FFF;
    padding-left: 15px;
	font-family: 'ETmodules';
}

.bloc-equipement {
	border: 1px solid #dadada;
	border-radius: 5px;
	padding: 10px;
	height : 150px;
}

.chiffre-equipement {
	width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #254d80;
    color: #FFF;
    padding: 9px;
    margin: -30px auto 15px auto;
}

li.list-check {
  line-height: 1.5em;
}

li.list-check::before {
	content: "\4e";
	vertical-align: middle;
  font-size: 16px;
  color : #254d80;
  padding-right: 15px;
	font-family: 'ETmodules';
}

@media only screen and (max-width : 980px) {
 
.bloc-equipement {
 margin-bottom: 30px;
 height : auto;
	}
}

/* Divider */

.divider-blanc {
	padding: 15px 0px;
}

.divider-blanc-petit {
	padding: 2.5px 0px;
}

.divider-blanc-moyen {
	padding: 10px 0px;
}
/* Bouttons */

.btn-contact {
	background-color: rgba(73,173,107,0.7);
}

.btn-contact:hover {
	background-color: #49ad6b;
	transition : all 0.3s;
}


.btn-contact:hover .arrow {
	padding-left: 5px;
	transition : all 0.3s;
}

.btn-traitement {
	background-color: rgba(227,50,50,0.7);
}

.btn-traitement:hover {
	background-color: #e33232;
	transition : all 0.3s;
}


.btn-traitement:hover .arrow {
	padding-left: 5px;
	transition : all 0.3s;
}

.btn-carriere {
	background-color: rgba(33,76,127,0.7);
}

.btn-carriere:hover {
	background-color: #214c7f;
	transition : all 0.3s;
}


.btn-carriere:hover .arrow {
	padding-left: 5px;
	transition : all 0.3s;
}


/* Titres et textes */

.accueil-titre {
	font-size: 2.2em;
	font-weight: 700;
	/* text-shadow: 5px 5px 12px #222; */
	text-transform: uppercase;
}

h1::after {
  content:".";
  font-size : 1.4em;
  color : #49ac6c; 
}

h2 {
	color : #244d80;
	font-size: 2em;
	font-weight: 800;
	text-transform: uppercase;
}

h2::after {
	content:".";
	color : #49ac6c;
}

.liste-traitement {
	text-transform: uppercase;
	padding-top : 8px;
}


.bold-vert {
	font-weight: 700;
	color : #49ac6c;
}

.sous-titre {
	text-align: center !important;
	font-size: 1.2em;
}

.sous-titre::after {
	content: "";
    display: block;
    width: 100px;
    margin: 0 auto;
    border-bottom: 2px solid #49ad6b;
    padding-bottom: 15px;
}

.text-centre {
	text-align: center;
}

.lien-galerie {
	color : #FFF !important;
    padding: 10px;
    background: #49ac6c;
    border-radius: 5px;
    display: inline-block;
    transition : all 0.3s;
}

.lien-galerie:hover {
	background: #2f824a;
	transition : all 0.3s;
}

@media only screen and (max-width : 980px) {
 
.lien-galerie { 
	width: 100%;
	margin-bottom: 10px;
	}
}


/* Tableau de traitement */

.bloc-traitement {
	border-radius: 10px;
	border: 1px solid #244d80;
}

.padding-traitement {
	padding: 10px !important;
}

.image-traitement {
	border-radius: 10px 10px 0px 0px;
}

.categorie-traitement {
	color : #244d80;
	font-weight: 900;
	font-size: 16px;
}

li {
	list-style-type: none;
}

ul {
	padding: 0px !important;
}

a.traitement {
	color : #222222;
	margin-top: 10px;
	text-transform: uppercase;
	transition : all 0.3s;
}

a.traitement::before {
	content :">";
	color : #254e80;
	font-weight: 800;
	padding-right: 10px;
}

a.traitement::after {
	content :"";
	border-bottom: 1px solid #49ac6c;
	display: block;
	width: 100%;
}

a.traitement:hover {
	color : #e23333;
	font-weight: 500;
	transition : all 0.3s;
}

a.traitement-dernier {
	color : #222222;
	margin-top: 10px;
	text-transform: uppercase;
	transition : all 0.3s;
}

a.traitement-dernier::before {
	content :">";
	color : #254e80;
	font-weight: 800;
	padding-right: 10px;
}

a.traitement-dernier:hover {
	color : #e23333;
	font-weight: 500;
	transition : all 0.3s;
}

li.traitement {
	color : #222222;
	text-transform: uppercase;
	transition : all 0.3s;
}

li.traitement::before {
	content :">";
	color : #254e80;
	font-weight: 800;
	padding-right: 10px;
}

li.traitement::after {
	content :"";
	border-bottom: 1px solid #49ac6c;
	display: block;
	width: 100%;
}

li.traitement:hover {
	color : #e23333;
	font-weight: 500;
	transition : all 0.3s;
}

li.traitement-dernier {
	color : #222222;
	text-transform: uppercase;
	transition : all 0.3s;
}

li.traitement-dernier::before {
	content :">";
	color : #254e80;
	font-weight: 800;
	padding-right: 10px;
}

.traitement-dernier:hover {
	color : #e23333;
	font-weight: 500;
	transition : all 0.3s;
}

.substrat > li {
	list-style-type: disc !important;
	text-align : left;
}

.uppercase {
	text-transform: uppercase;
}

/* Images */

.image-ronde {
	border-radius: 100% !important;
}

.image-ronde::after:hover {
	content: "\24";
	background-color : #000;
	padding: 15px;
	display: block;
}

/* Hover */

.ombre-hover {
	background-color: #FFF;
	transition : all 0.3s;
}

.ombre-hover:hover {
	-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
    transition : all 0.3s;
}

/* Couleurs Traitements */

.rond-blanc::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background-color: #FFF;
	border: 1px solid #000;
	border-radius : 100%;
}

.rond-jaune::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background-color: #efe92e;
	border-radius : 100%;
}

.rond-noir::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background-color: #000;
	border-radius : 100%;
}

.rond-marron::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background-color: #592626;
	border-radius : 100%;	
}

.rond-bleu::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background: #286bc9; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #286bc9 0%, #6ba4d3 50%, #0283e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #286bc9 0%,#6ba4d3 50%,#0283e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #286bc9 0%,#6ba4d3 50%,#0283e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286bc9', endColorstr='#0283e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius : 100%;	
}

.rond-or::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background: #fce411; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fce411 0%, #dbc481 47%, #ddb533 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #fce411 0%,#dbc481 47%,#ddb533 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #fce411 0%,#dbc481 47%,#ddb533 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce411', endColorstr='#ddb533',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius : 100%;	
}

.rond-argent::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background: #f2f6f8; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f2f6f8 0%, #d8e1e7 40%, #e0eff9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f2f6f8 0%,#d8e1e7 40%,#e0eff9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f2f6f8 0%,#d8e1e7 40%,#e0eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius : 100%;
}

.rond-irise::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background: #94ff95; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #94ff95 0%, #f5ff94 50%, #c86aff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #94ff95 0%,#f5ff94 50%,#c86aff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #94ff95 0%,#f5ff94 50%,#c86aff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94ff95', endColorstr='#c86aff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius : 100%;
}

.rond-cuivre::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background: #f2825b; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f2825b 0%, #e55b2b 50%, #f07146 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f2825b 0%,#e55b2b 50%,#f07146 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f2825b 0%,#e55b2b 50%,#f07146 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius : 100%;
}

.rond-gris-fonce::before {
	content :"";
	display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
	width : 25px;
	height: 25px;
	background-color: #666;
	border-radius : 100%;	
}

/* Procédés d'application */

.vrac {
background-image: url(https://kerbirio.fr/wp-content/uploads/2016/12/icone-vrac.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 60px auto;
padding:22px 0px 22px 80px;
display: inline-block;
text-align: left;
}

.attache {
background-image: url(https://kerbirio.fr/wp-content/uploads/2016/12/icone-attache.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 60px auto;
padding:22px 0px 22px 80px;
display: inline-block;
text-align: left;
}

.pulverisation {
background-image: url(https://kerbirio.fr/wp-content/uploads/2016/12/icone-pulverisation.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 60px auto;
padding:22px 0px 22px 80px;
display: inline-block;
text-align: left;
}

.centrifugation {
background-image: url(https://kerbirio.fr/wp-content/uploads/2016/12/icone-centrifugation.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 60px auto;
padding:22px 0px 22px 80px;
display: inline-block;
text-align: left;
}

.four-degazage {
background-image: url(https://kerbirio.fr/wp-content/uploads/2016/12/icone-four-degazage.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 60px auto;
padding:22px 0px 22px 80px;	
display: inline-block;
text-align: left;
}

/* Contact Form 7 Styles
---------------------------------*/

.wpcf7 {
	margin-top : 0px ! important;
}

.wpcf7 input[type="file"] {
	height : 85px;
	padding: 33px !important;
}

.wpcf7 textarea {
	height: 100px !important;
}

.wpcf7 label {
	color : #254d80 !important;
	font-weight: 500 !important;
}

/* Footer */

#text-5 {
	width : 100%;
}

#colonne-quatre {
	border-radius : 5px;
	border : 1px solid #c6c6c6;
	padding : 10px;
}

/* Recrutement */

@media only screen and (min-width : 981px) {
	.bloc-offres {
		border-radius: 40px;
		border: 9px solid #FFF;
		margin-left : 100px;
		margin-right : 100px;
		margin-top : -100px;
	}
}

/* Actualité */

.barre-rouge {
	width: 100%; 
	border: 2px solid #e23333;
	margin: 10px 0px 20px 0px;
}

/* Sticky Sidebare */

div#sticker-sticky-wrapper {
	max-width: 200px;
	float: left;
}
div#sticker-sticky-wrapper #sticker {
   max-width: 200px;
   width: 200px !important;
}

@media only screen and (max-width : 980px) {
 
#sticker { display : none; }
}


/* Social */

.et-social-linkedin > a.icon:before {
  content:"\e09d";
  color: #254e81;
  background-color: #FFF;
  padding: 6px;
  border-radius: 3px;
}