@charset "utf-8";




html,body {
	
	font-family: 'Source Sans Pro', sans-serif;
	width:100%;
	height:100%;
	color:#666;
	
 
  }
  

  a:link {
	  border:none;
	text-decoration: none;
	color:#333;
}
a:visited {
	
  border:none;
	text-decoration: none;
	color:#333;
}
a:hover {
	  border:none;
	  text-decoration: overline;
	 	color: #000;
		
	
		
}
a:active {
	border: none;
	text-decoration: none;
	color: #000;
	font-size: 24px;
}

	#all{
	position: relative;
	display: block;
	left: 565px;
	top: 145px;
	}
	   
          




	
#header {
	color: #F6F6F6;
	float: left;
	display: block;
	width: 100%;
	position:relative;
	margin-top: 1px;
	float: left;
	
	

}

#content {

	width: 100% auto;
	position: relative;
	margin-top: 10px;	

}


	
	#video-index {
	position: relative;
	margin-top:3%;
	float:right;
	border:none;
	

}	




	div#cha {
	color: #000;
	float: left;
	margin-left: 4%;
	font-size: 14px;
	opacity: 100%;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-stretch: extra-expanded;	
}
	
	
	
h1 {
	color: #000;
	font-size: 16px;
	opacity: 100%;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-stretch:extra-expanded;

}

h2 {
	color: #000;
	font-size: 15px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	font-stretch:extra-expanded;
	

}

h3 {
	color: #000;
	font-size: 18px;
	opacity: 100%;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	font-stretch:extra-expanded;
	

}


	div#menu {
	float: right;
	margin-right: 12%;
	margin-left: 8%;
	margin-top: 2%;
	font-family: 'Source Sans Pro', sans-serif;
	color: #333;
	font-size: 18px;
	font-weight: 300;
	background-color: #FAFAFF;	
}
	
	
	
	
#images-centre {
	
	float:right;
margin-left: 20%;
margin-right: 5%;
	margin-top: 5%;
	
	
	}
	
au cas ou 

display: block;
	position:relative;
	float:center;
	margin-left: 35%;
	

	
	div#liens-web {
	display: block;
	float:right;
	margin-top: 0px;
	margin-left: 70%;
}



	
	
	
	
	
	

div#bandeau {
	
	
	width:100%;
	height:20%;
	background-repeat:no-repeat;
	background-image: url(images/bandeauindex.jpg)

}




	
	div#petitmenu {
	
	width: 50%;
	border: 0px;
	border-color: #000;
	position: relative;
	margin-top: 4%;
	float: center;
	left:5%;
	font-size:13px;
	
}
	
	
	
	
	div#petitmenu-labo {
	

	position: relative;
	margin-top: 2%;
	float: center;
	left:5%;
	font-size:13px;
	width: 120px;
}
	
	div#menu-performances {
	
	
	width: 100%;
	border: 0px;
	border-color: #000;


}
		
		
	


div#droite {
	position: relative;
	float: right;
	margin-right: 10%;
	width: 300px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #E8E8E8;
	font-size: 16px;
	font-weight: 200;
}

div#droite-cv {
	position: relative;
	float: right;
	margin-right: 10%;
	width: 300px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #E8E8E8;
	font-size: 14px;
	font-weight: 200;
}

div#droite-actu {
	position: relative;
	float: right;
	margin-right: 0%;
	width: 600px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #999999;
	font-size: 16px;
	font-weight: 200;
}

div#droite-abattoirs {
		position:relative;
		float:right;
		margin-right: 1Opx;
		font-family: 'Source Sans Pro', sans-serif;
	color: #333;
	font-size: 16px;
	font-weight: 200;

	
}

div#menu-video-photo-dehambulation {
	display: block;
	position: relative;
	float: center;
	margin-left: 40%;
	width: 754px;
	font-family: 'Open Sans', sans-serif;
	line-height: 8px;
	color: #E8E8E8;
	font-size: 14px;
	left: -123px;
	top: 226px;
}

div#menu-video-photo {
	display: block;
	position: absolute;
	float: center;
	margin-top: 10%;
	margin-left: 50%;
	width: 754px;
	font-family: 'Open Sans', sans-serif;
	line-height: 8px;
	color: #E8E8E8;
	font-size: 14px;
	left: -74px;
	top: 77px;
}


	
	
	

	div#gauche {
		position:relative;
		float:left;
		margin-left:30px;
	margin-top:10px;
	width: 700px;
	font-family: 'Lato', sans-serif;
	color: #333;
	font-size: 15px;
	font-weight: 100;
	
}

div#gauche-actu {
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	width: 600px;
	font-family: 'Lato', sans-serif;
	color: #CCC;
	font-size: 12px;
	font-weight: 100;
}



div#texte-basic {
	position: relative;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	width: 700px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #070707;
	font-size: 16px;
	font-weight: 200;	
}

div#texte-basicv2 {
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	width: 900px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #070707;
	font-size: 12px;
	font-weight: 200;	
}

#texte-centre-dehambulation {
	display: block;
	position: relative;
	float: center;
	margin-top: 5%;
	width: 570px;
	background-color: #E8E8E8;
	font-family: 'Source Sans Pro', sans-serif;
	color: #666;
	font-size: 14px;
	padding: 13px 13px 13px 13px;
	font-weight: normal;
	}
	#texte-centre-gris {
	display: block;
	position: relative;
	float: center;
	margin-top: 5%;
	width: 620px;
	background-color: #EBEBEB;
	font-family: 'Source Sans Pro', sans-serif;
	color: #666;
	font-size: 14px;
	padding: 13px 13px 13px 13px;
	font-weight: normal;
	}
	
	#video-central {
	display: block;
	position: relative;
	float: center;
	margin-top: 2%;
	margin-left: 15%;
	width: 700px;
	background-color:
	#EFEFEF;
	font-family: 'Source Sans Pro', sans-serif;
	color:
	#000;
	font-size: 14px;
	padding: 13px 13px 13px 13px;
	font-weight: normal;
	}
	
	#texte-centre2{
	position: relative;
	float:left;
	margin-left:10%;
	margin-top: 5%;
	width: 685px;
	background-color:#FAFAFF;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 12px;
	font-size-adjust:inherit;
	padding: 0px 10px 10px 10px;
	font-weight: normal;
	}

	#texte-centre{
	position: relative;
	float:left;
	margin-left:10%;
	margin-top: 5%;
	width: 685px;
	background-color:#FAFAFF;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 14px;
	font-size-adjust:inherit;
	padding: 0px 10px 10px 10px;
	font-weight: normal;
	}

	
	#texte-centre-orange{
	position: relative;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	width: 685px;
	background-color: #FAFAFF;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 16px;
	font-size-adjust: inherit;
	padding: 13px 13px 13px 13px;
	font-weight: normal;
	}
	
div#texte-basic-blanc {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	width: 600px;
	background-color: #E8E8E8;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: 200;
	padding: 13px 13px 13px 13px;
}

div#texte-basic-blanc-actu {
	position: relative;
	float: right;
	margin-left: 15px;
	margin-top: 10px;
	width: 450px;
	background-color: #E8E8E8;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: 200;
	padding: 13px 13px 13px 13px;
}

div#texte-basic-gris-actu {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	width: 450px;
	background-color: #E8E8E8;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: 200;
	padding: 13px 13px 13px 13px;
}

div#texte-basic-blanc-imprevus {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	width: 300px;
	background-color: #E8E8E8;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: 200;
	padding: 13px 13px 13px 13px;
}

div#texte-basic-blanc-machinerie {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	width: 300px;
	background-color: #E8E8E8;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: 200;
	padding: 13px 13px 13px 13px;
}

div#gauche-experimentations-videos {
	
	float:left;
	position: relative;
	margin-left: 7%;
	margin-top: 3%;
	width: 640px;
	font-family: 'Source Sans Pro', sans-serif;
	color: black;
	font-size: 15px;
	font-weight: 300;

}


nom-droite {
	font-family: 'Source Sans Pro', sans-serif;
	color: #333;
	font-size: 16px;
	font-weight: 200;
	position: absolute;
	margin-top: 1px;
	float: left;
	top: 31px;
	left: 480px;
	width: 583px;
}




pdf-liens  {
	color: #FFF;
	font-size: 20px;
	font-weight: 200;
	position: absolute;
	margin-top: 1px;
	float: left;
	top: 130px;
	left: 846px;
	width: 760px;
	height: 1058px;
}



#video {
	color: #000;
	float: left;
	display: block;
	width: 100%;
	position: absolute;
	

}

#videos-photos {
	position: absolute;
	
	width:100%;
	height:20%;
	color: #000;


	
	

}

#video-imprevus {
	color: #000;
	float: left;
	margin-top: 60px;
	display: block;
	width: 100%;
	position: absolute;
	

}
#video-centre {
	zoom: 100%; 
	position: relative; 
	max-width:700px;
	margin:0px auto 39px;
	z-index:90;
	border:none;
	

}

#video-vimeo {
	display: block;
	position: relative;
	float:right;
	border: none;
	color: #000;
	width: 600px;
	background-color: #000000;
}


#map {
	position: absolute;
	width:100%;
	height:20%;
	color: #000;


	
	

}

div#gauche-experimentationsv2 {
		position:relative;
		float:left;
		margin-left: 1%;
	margin-top: 1%;
		width: 900px;
	font-family: 'EB Garamond', serif;
	color: black;
	font-size: 18px;
	font-weight: 100;
	line-height: 190%;
	
	
}


	div#gauche-experimentations-videos {
	
	float:left;
	position: relative;
	margin-left: 7%;
	margin-top: 3%;
	width: 640px;
	font-family: 'Source Sans Pro', sans-serif;
	color: black;
	font-size: 15px;
	font-weight: 300;

}