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

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');

body,html{
	font-family: 'Hind', sans-serif!important;
	color:#333!important;
	text-align: justify!important;
    text-justify: inter-word!important;
}
#content-form{
	z-index:100;
}
.indexhigh{
	z-index:500!important;
}
.indexlow{
	z-index:1!important;
}
.btn:focus,
.btn:active,
.btn,
.open .dropdown-toggle.btn {
	outline: inherit;
	border-color: inherit;
}
.bloc-color{
	background-color: #f6f5f5;
}
.paddin{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 0px;
}
.standard-button {
	font-family: 'Hind, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 15px 30px;
	border: 0;
	margin: 5px;
	line-height: inherit;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
    background: #d5001e;
    color: #FFFFFF;
}
.secondary-button{
	border-color: #93070a;
	color: #93070a;
}
.standard-button:hover {
  color: #ffffff;
  background: #e74c3c;
}
.wrap-line {
  margin: 20px 0 50px 0px;
  position: relative;
}

.margin-70{ 
	margin-bottom: 50px;
	}
.margin-all{ 
	margin: 11px;
	}
.floatleft{
	float:left;
	margin-left: 24px;
	}

.wrap-line:before {
  position: absolute;
  width: 80px;
  height: 1px;
  bottom: 0px;
  left: 50%;
  margin-left: -20px;
  content: "";
  border-bottom: 1px solid;
}
.form-control{
	height: 48px!important;
}
.marge-bottom{
	margin-bottom: 5px;
}
.tablemarge{
	border: none;
	margin:  4px;
}
.marger{
	display:block; 
    height: 30px; 
    clear: both;
}
.texte-left{
	font-weight:normal;
	font-size: 16px !important;
}
.input-tn-form{
	z-index:300 !important;
}
.blanche, .blanche h2{
	color:#FFFFFF!important;
}

ul ,li{
	list-style-type: square!important;
}
.wpcf7-submit{
	border:solid 1px #93070A!important;
}
.wpcf7-submit:hover{
	background:#93070A!important;
	border:solid 1px #93070A!important;
}


.bloc-devis p {
	font-size:1rem!important;
	font-family: 'Lato', sans-serif!important;
}

.icon-texte-1 h2{
	font-size:1.3rem;
	color:#E38E7F;
	font-family: 'Hind', sans-serif!important;
}

.icon-texte-1 p{
	font-family: 'Hind', sans-serif!important;
	font-size:1rem;
	/*color:#E38E7F;*/
	text-align:center;
	padding:1%;
	margin:1%;
}
.icon-texte-2 h2{
	font-size:1.3rem;
	color:#6A9FC7;
	font-family: 'Hind', sans-serif!important;
}

.icon-texte-2 p{
	font-family: 'Hind', sans-serif!important;
	font-size:1rem;
	/*color:#6A9FC7;*/
	text-align:center;
	padding:1%;
	margin:1%;
}
.icon-texte-3 h2{
	font-size:1.3rem;
	color:#55A688;
	font-family: 'Hind', sans-serif!important;
}

.icon-texte-3 p{
	font-family: 'Hind', sans-serif!important;
	font-size:1rem;
	/*color:#55A688;*/
	text-align:center;
	padding:1%;
	margin:1%;
}
.icon-texte-4 h2{
	font-size:1.3rem;
	color:#FF9900;
	font-family: 'Hind', sans-serif!important;
}

.icon-texte-4 p{
	font-family: 'Hind', sans-serif!important;
	font-size:1rem;
	/*color:#FF9900;*/
	text-align:center;
	padding:1%;
	margin:1%;
}

.texte-categ-accueil{
	color:#333;
}

.btn-categ{
	background:#F3F3F3;
	margin:0;
	padding:2%;
}

.bloc-categ-1 p, .bloc-categ-1 h3{
	/*background:#0085AE;*/
	/*background:#526c83;*/
	font-family: 'Hind', sans-serif!important;
	background:#F3F3F3;
	margin:0;
	padding:3%;
}

.bloc-categ-1 h3,.bloc-categ-2 h3,.bloc-categ-3 h3{
	font-size:1.7rem!important;
	font-weight:600!important;
}

.bloc-categ-1 p,.bloc-categ-2 p,.bloc-categ-3 p{
	font-size:1.1rem!important;
}

.bloc-categ-2 p, .bloc-categ-2 h3{
	/*background:#0093C0;*/
	/*background:#5d7a94;*/
	font-family: 'Hind', sans-serif!important;
	background:#F3F3F3;
	margin:0;
	padding:3%;
}
.bloc-categ-3 p, .bloc-categ-3 h3{
	/*background:#009FD0;*/
	/*background:#6786A1;*/
	font-family: 'Hind', sans-serif!important;
	background:#F3F3F3;
	margin:0;
	padding:3%;
}
.login_background {
    border-radius: 0px 0px 30px 30px;
    background: #FFFFFF;
	text-align: center;
	margin-top:0px;
	right:0;
	float:right;
	width:130px;
	height:36px;
	
}
/*
.pre-header,.top-area{
	font-family: 'Hind', sans-serif!important;
	background: #93070A!important;
	color:#FFF;
	width:100%;
	border-bottom:solid 3px #93070A;
	
}
*/
.top-area{
	position:fixed;
	background:transparent!important;
	top:-3px!important;
}
.top-menu ul li a{
	font-family: 'Hind', sans-serif!important;
	color:#ffca05!important;
	border-radius: 30px!important;
	border:solid 1px #93070a;
    background: #93070a!important;
	padding:2px 10px;
}
.top-menu ul li a:hover{
	text-decoration:underline!important;
}
.top_phone {
    font-family: 'Hind', sans-serif!important;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
	float:right;
	margin-right:100px;
	margin-top:5px;

}


.top_fax {
    font-family: 'Hind', sans-serif!important;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
	float:right;
	margin-right:100px;
	margin-top:5px;

}


.top_adresse {
    font-family: 'Hind', sans-serif!important;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
	float:left;
	margin-right:10px;
	margin-top:5px;

}

.login_background h2 {
  	margin-top:5px;
	/*font-family:"Conduit ITC W01 Medium" !important;*/
    font-size: 17px;
    /*font-weight: 300;*/
    color: #ffffff;


}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Hind', sans-serif!important;
    /*
	font-weight: 400!important;
	font-family: 'Lato', sans-serif!important;
	*/
}
h2{
		line-height: 32px;
		font-size: 28px;
	}
.h1-slider{
	font-weight: 400!important;
	font-size:3rem;
	color:#FFF;
	/*
	font-family: 'Lato', sans-serif!important;
	line-height:1.7rem; 
	*/
}

.slide-accueil  {
	text-shadow: 2px 5px 8px #111111;
}
h2{
	text-align: left; line-height: 35px;
}
.h2-vignettes{
	text-shadow: 2px 4px 6px #111111;
}



h2.entry-title a{
	color:#111111!important;
}
.tm_bread_crumb{
	text-shadow: 2px 0px 2px #111111;
}

.big-title .entry-title {
	text-shadow: 2px 4px 6px #111111;
    font-family: sans-serif;
    font-weight: 400;
    letter-spacing: 0em;
    color: #ffffff;
    font-size: 46px!important;
	line-height:50px;
	padding-right:270px;
}

.big-title .entry-title {
    font-family: sans-serif;
    font-weight: 400;
    letter-spacing: 0em;
    color: #ffffff;
    font-size: 26px;
}

.menu-footer{
	border:solid 1px red!important;
}

.annees_nord{
	font-size:1.2rem;
	color:#333;
}
/*
.vc_icon_element-inner{
	background:#FFF;
}
*/
.text-picto-accueil{
	font-size:1.2rem;
	text-align:center!important;
}


.picto-texte-accueil:hover~.picto-accueil{
    moz-transform: scaleX(-1);
	-o-transform: scaleX(-1); 
	-webkit-transform: scaleX(-1); 
	transform: scaleX(-1); 
	filter: FlipH; 
	-ms-filter: "FlipH"; 
	-webkit-transition: all 1s;
}
.picto-accueil{
    moz-transform: scaleX(1);
	-o-transform: scaleX(1); 
	-webkit-transform: scaleX(1); 
	transform: scaleX(1); 
	filter: FlipH; 
	-ms-filter: "FlipH"; 
	-webkit-transition: all 1s;
}
.picto-accueil:hover {
    moz-transform: scaleX(-1);
	-o-transform: scaleX(-1); 
	-webkit-transform: scaleX(-1); 
	transform: scaleX(-1); 
	filter: FlipH; 
	-ms-filter: "FlipH"; 
	-webkit-transition: all 1s;
}
.mea-home{
	background:#6786a1!important;
}

.mea-home h3{
	font-family: 'Hind', sans-serif!important;
	font-size:24px!important;
}

.mea-home p{
	font-family: 'Hind', sans-serif!important;
	font-size:18px!important;
}

.bottom_phone {
    font-family:"Conduit ITC W01 Medium" !important;
    font-size: 1.2rem;
    font-weight: 700;
	float:right;
	margin-right:100px;
	margin-top:1px;

}
.bottom_phone:before {
	font-family:'dashicons'!important;
	/*content: "\f525";*/
	font-size: 1rem;
}
.bloc-contact-accueil h3{
	color:#FFF;
}
.bloc-contact-accueil{
	color:#FFF;
	text-align:center;
}
.baseline{
	font-family: 'Hind', sans-serif!important;
	/*font-weight:500;*/
	font-size:2rem!important;
	/*color:#E1001A;*/
	color:#555555;
	/*text-shadow: 2px 2px 4px #666666;*/
	padding:2% 0 2% 0;
	text-align:center;
}
.matif_ble thead , .matif_colza thead , .matif_mais thead {
	background:orange;
}
.matif_ble thead th, .matif_colza thead th, .matif_mais thead th {
	background:orange;
	color:#FFFFFF;
	border:solid 1px #FFFFFF;
	padding:3%;
}
.matif_ble tbody tr td, .matif_colza tbody tr td, .matif_mais tbody tr td {
	border:solid 1px #c5c5c5;
	padding:2%;
	font-size:0.8rem!important;
}

.category-actualites h2, .category-actualites h2 a{
	text-align:left!important;
}

.big-title--single h1 {
		text-shadow: 2px 4px 6px #111111;
    font-family: sans-serif;
    font-weight: 400;
    letter-spacing: 0em;
    color: #ffffff;
    font-size: 46px!important;
	line-height:50px;
	padding-right:270px;
}

@media (max-width: 1200px) {

	.top-area{
		position:relative;
		background:transparent!important;
		top:15px!important;
		text-align:right;
	}
	.top-area ul li a{
		padding:15px;
	}
	.site-header{
		position:relative;
		background:#FFF;
	}
}