@charset "UTF-8";

body {
	margin: 0%;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	}

/*DÉBUT SECTIONS PAGE ACCUEIL ET GÉNÉRIQUES*/		


	#entete {
		position:relative;
		margin: 0;
		padding: 2% 1% 8% 0;
		background: #000000;
		/*height: auto;*/
		width: 100%;
		clear:left;
		}
		
		#logo  {
			position:relative;
			margin: 0%;
			padding: 0 0 0 2%;
			width: 68%;
			background: #000000;
			float: left;
			}
			
				#logo img {
				margin: 0;
				padding: 0 0 0 0;
				width: 80%;
				}
		
		#sociaux  {
			position:relative;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			width: 30%;
			background: #000000;
			float: left;
			
			}
			
			#sociaux img {
				margin: 0;
				padding: 3% 0 2% 70%;
				width: 20%;
				display: block;
				
				}
			
			/*.youtube {
				padding: 0px 0 0 0;
				}
	
			.facebook {
				padding: 20px;
				}*/
	
	
	
	#photo {
		position:relative;
		margin: 0;
		padding: 0;
		width: 100%;
		background:url(dk-assets/photo_accueil.jpg);
		height: auto;
		background-size: cover;
		background-position: bottom;
		clear:left;
		}
		
		#photo p {
			margin: 0;
			padding: 25% 0% 0% 0%;
			color: #ffffff;
			text-align: center;
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 2em;
			}
		
		#photo h1 {
			margin: 0;
			padding: 0% 0% 20% 0%;
			color: #e12b32;
			text-align: center;
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 3em;
			font-weight: 700;
			}
	
	#produits {
		margin: 0%;
		padding: 0 0 0 0;
		background: #ffffff;
		width: 100%;
		}
	
		 #produits h2  {
			margin: 0;
			padding: 0 0 0 0;
			}	
			
			#produits h2 a {
				font-size: 1.25em;
				font-weight: 500;
				color: #ffffff;
				}	
		
		
		#scies {
			margin: 4% 0% 0% 5%;
			padding: 3% 0 3% 0;
			height: auto;
			width: 26.5%;
			background: #e12b32;
			text-align: center;
			float: left;
			}
			
			#scies a {
				margin: 0;
				padding: 0 0 0 0;
				text-decoration: none;
				color: #000000;
				height: auto;
				}
			
			#scies img {
				margin: 0;
				padding: 8.5% 31% 0% 31%;
				width: 38%;
				display: block;
				height: auto;
				}
		
		#outils-de-coupe {
			margin: 4% 0% 0% 5%;
			padding: 3% 0 3% 0;
			height: auto;
			width: 26.5%;
			background: #e12b32;
			text-align: center;
			float: left;
			}
			
			#outils-de-coupe a {
				text-decoration: none;
				color: #000000;
				}
				
			#outils-de-coupe img {
				margin: 0;
				padding: 8% 31% 0% 31%;
				width: 38%;
				display: block;
				height: auto;
				}
		
			
		#tetes-d-équarrisseuses {
			height: auto;
			width: 26.5%;
			background: #e12b32;
			text-align: center;
			float: left;
			margin: 4% 5% 0% 5%;
			padding: 3% 0 3% 0;
			}
			
			#tetes-d-équarrisseuses a {
				text-decoration: none;
				color: #000000;
				}
			
			#tetes-d-équarrisseuses img {
				margin: 0;
				padding: 12% 30% 0% 30%;
				width: 40%;
				display: block;
				height: auto;
				}
		
		#affuteuses-et-cylindres {
			height: auto;
			width: 26.5%;
			background: #e12b32;
			text-align: center;
			float: left;
			margin: 4% 0% 4% 5%;
			padding: 3% 0 3% 0;
			}
			
			#affuteuses-et-cylindres a {
				text-decoration: none;
				color: #000000;
				}
			
			#affuteuses-et-cylindres img {
				margin: 0;
				padding: 8.5% 30% 0% 30%;
				width: 40%;
				display: block;
				height: auto;
				}
		
		#ecorceurs {
			height: auto;
			width: 26.5%;
			background: #e12b32;
			text-align: center;
			float: left;
			margin: 4% 0% 4% 5%;
			padding: 3% 0 3% 0;
			}
			
			#ecorceurs a {
				text-decoration: none;
				color: #000000;
				}
			
			#ecorceurs img {
				margin: 0;
				padding: 9% 30% 0% 30%;
				width: 40%;
				display: block;
				height: auto;
				}
		
		
		#anneaux-defibreurs {
			height: auto;
			width: 26.5%;
			background: #e12b32;
			text-align: center;
			float: left;
			margin: 4% 5% 4% 5%;
			padding: 3% 0 3% 0;
			}
			
			#anneaux-defibreurs a {
				text-decoration: none;
				color: #000000;
				}
			
			#anneaux-defibreurs img {
				margin: 0;
				padding: 8.5% 33% 0% 33%;
				width: 34%;
				display: block;
				height: auto;
				}
	
	#photo-dk {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
		height: auto;
		background: #484344;
		clear: left;
		}
		
		#photo-dk h3 {
			color: #ffffff;
			text-align: center;
			padding: 15% 5% 15% 5%;
			margin: 0;
			}
			
		#photo-dk p {
			font-size: 1.25em;
			font-weight: 400;
			font-family: 'Source Sans Pro', sans-serif;
			}
	
	#divers {
		margin: 0;
		padding: 0 0 0 0;
		background: #ffffff;
		width: 100%;
		text-align: center;
		}
		
		#divers p {
			color: #ffffff;
			margin: 10%;
			padding: 0 0 0 0;
			}
			
			
			
		#actualites {
			margin: 0;
			padding: 3% 0 3% 0;
			width: 100%;
			height: auto;
			}
			
			#actualites h3 {
				margin: 0;
				padding: 0 0 0 0;
				font-size: 2.75em;
				text-transform: uppercase;
				font-family: 'Source Sans Pro', sans-serif;
				font-weight: 600;
				color: #3d3d3d;
				}
			
			#emploi {
			margin: 0 2.5% 5% 7.5%;
			padding: 0 0 0 0;
			background: #e12b32;
			float: left;
			width: 40%;
			height: auto;
			min-height: 230px;
			}
			
			#emploi h4 {
				margin: 0;
				padding: 5% 0 0 0;
				}
				
				#emploi h4 a {
					font-size: 1.75em;
					color: #ffffff;
					}
				
				#emploi p {
					margin: 0;
					padding: 5% 10% 5% 10%;
					font-size: 1.5em;
					}
			
		
		#recent {
			margin: 0 7.5% 5% 2.5%;
			padding: 0 0 0 0;
			background: #e12b32;
			float: left;
			width: 40%;
			height: auto;
			min-height: 230px;
			}
			
			#recent h4 {
				margin: 0;
				padding: 5% 0 0 0;
				}
				
				#recent h4 a {
					font-size: 1.75em;
					color: #ffffff;
					}
				
				#recent p {
					margin: 0;
					padding: 5% 10% 5% 10%;
					font-size: 1.5em;
					}
	
	#pied-page {
		margin: 5% 0 0 0;
		padding: 0;
		background: #000000;
		width: 100%;
		height: auto;
		clear: left;
		color: #ffffff;
		}
		
		#pied-page h5 {
			padding: 3% 0 3% 40%;
			margin: 0;
			text-transform: uppercase;
			font-size: 1.5em;
			color: #cecece;
			}
					
		#pied-page a {
			margin: 0;
			padding: 0 0 2% 40%;
			color: #cecece;
			text-decoration: none;
			display: block;
			font-size: 1.2em;
			}
		
		#pied-page p {
			margin: 0;
			padding: 0 0 3% 40%;
			color: #cecece;
			font-size: 1.2em;
			}
		
		#logo-pied-page {
			margin: 0;
			padding: 0 0 0 0;
			width: 100%;
			clear: left;
			}
			
			#logo-pied-page img {
				width: 40%;
				padding: 5% 30% 2% 30%;
				}
			
		#produits-pied-page {
			margin: 0;
			padding: 2% 0% 0% 0%;
			width: 30%;
			float: left;
			}
		
		#entreprise-pied-page {
			margin: 0;
			padding: 2% 0 0 3%;
			width: 36%;
			float: left;
			}
		
		#contact-pied-page {
			margin: 0;
			padding: 2% 0% 0% 0%;
			width: 30%;
			float: left;
			}
		
		#sociaux-pied-page {
			margin: 0;
			padding: 0 0 0 0;
			width: 100%;
			clear: left;
			}
		
		
		#sociaux-pied-page img {
			margin: 0;
			padding: 3% 5% 2% 45%;
			width: 10%;
			}
	
			
/*FIN SECTIONS PAGE ACCUEIL ET GÉNÉRIQUES*/		
	
/*DÉBUT SECTIONS SPÉCIFIQUES AUX PAGES PRODUITS*/

	
#photo_produits {
	position: relative;
	margin: 0;
	padding: 20% 0 20% 0;
	background: url(dk-assets/photo_fond_produits_temporaire.jpg);
	height: auto;
	width: 100%;
	background-size: cover;
	background-position: center;
	}
		
	
	
#photo_affuteuse-cylindre {
	position:relative;
	margin: 0;
	padding: 20% 0 20% 0;
	background: url(dk-assets/raboteuse_cylindre.jpg);
	height: auto;
	width: 100%;
	background-size: cover;
	background-position: center;
	}
		
	
#titre_produit h1 {
	margin: 2%;
	padding: 2% 0 0 3%;
	width: 94%;
	height: auto;
	font-family: 'Lato', sans-serif;
	font-size: 2.25em;
	font-weight: 400;
	color: #e12b32;
	background: #ffffff;
	text-transform: uppercase;
	text-align: center;
	}
	
	#texte_produit p {
		margin: 0;
		padding: 0 5% 5% 5%;
		width: 90%;
		height: auto;
		font-family: 'Lato', sans-serif;
		font-size: 1.5em;
		font-weight: 400;
		color: #3d3d3d;
		background: #ffffff;
		line-height: 1.5;
		text-align:center;
		}
	

/*BOITES PDF ET CLIQUABLES*/


.boite_rouge_simple {
	margin: 2% 35% 5% 35% ;
	padding: 1%;
	height: auto;
	width: 28%;
	background: #e12b32;
	text-align: center;
	clear:left;
	}
		
	.boite_rouge_simple a {
		margin: 0;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 1.1em;
		font-weight: 400;
		}
		
		
.boite_rouge_double {
	margin: 0% 10% 5% 10% ;
	padding: 1%;
	height: auto;
	width: 28%;
	background: #e12b32;
	text-align: center;
	float: left;
	}

	.boite_rouge_double a {
		margin: 0;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 1.1em;
		font-weight: 400;
		}
		

/*FIN SECTIONS SPÉCIFIQUES AUX PAGES PRODUITS*/


/*DÉBUT SECTIONS SPÉCIFIQUES AUX PAGES NON-PRODUITS*/	
	
	
#photo_actualites {
	position:relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	clear: left;
	}	
	
	
	
#titre_actualites {
	margin: 5% 0 0 1%;
	padding: 0%;
	height: auto;
	width: auto;
	background: #ffffff;
	clear: left;
	text-align: center;
	}
		
	#titre_actualites h1 {
		margin: 0 0 0 0;
		padding: 0% 0% 0% 0%;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.75em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		color: #e12b32;
		}


#date_actualités h2 {
	margin: 2% 0% 0% 0% ;
	padding: 0% 0% 2% 0%;
	height: auto;
	width: 100%;
	background: #ffffff;
	clear: left;
	text-align: center;
	color: #e12b32;
	text-transform: uppercase;
	font-size: 1.75em;
	font-family: 'Lato', sans-serif;
	}
			


#texte_actualités {
		margin: 0;
		padding: 0% 8% 1% 8%;
		}

		
	#texte_actualités p {
		margin: 0;
		padding: 1%;
		width: 100%;
		height: auto;
		font-family: 'Lato', sans-serif;
		font-size: 1em;
		font-weight: 400;
		color: #3d3d3d;
		background: #ffffff;
		line-height: 1.5;
		text-align: center;
		}


/*FIN PAGE ACTUALITÉS*/

/*DÉBUT PAGE EMPLOI*/



#photo_emploi {
	position:relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	clear: left;
	}


#titre_emploi {
	margin: 0%;
	padding: 7% 5% 2% 5%;
	height: auto;
	width: auto;
	background: #ffffff;
	clear: left;
	text-align: center;
	}
		
	#titre_emploi h1 {
		margin: 0;
		padding: 0% 0% 0% 0%;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.75em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		}
		
#quote_emploi {
	margin: 0%;
	padding: 1% 5% 1% 5%;
	height: auto;
	width: auto;
	background: #ffffff;
	clear: left;
	text-align: center;
	}
			
	#quote_emploi p {
		margin: 0;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #bdbdbd;
		width: 100%;
		height: auto;
		font-family: 'Lato', sans-serif;
		font-size: 1.2em;
		font-weight: 600;
		}
				
#poste-disponible_emploi {
	margin: 0%;
	padding: 0% 25% 0% 25%;
	height: auto;
	width: auto;
	background: #ffffff;
	clear: left;
	text-align: center;
	}
		
	#poste-disponible_emploi h2 {
		margin: 3% 0 2% 0;
		padding: 0 0 0 0 ;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 1.75em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		color: #e12b32;
		}
		
		#poste-disponible_emploi p {
			margin: 0 0 2% 0;
			padding: 0 0 0 0;
			width: 100%;
			height: auto;
			font-family: 'Lato', sans-serif;
			font-size: 1em;
			font-weight: 400;
			color: #3d3d3d;
			background: #ffffff;
			line-height: 1.5;
			text-align: center;
			}



/*FIN PAGE EMPLOI*/

/* DÉBUT PAGE SERVICES*/


				
#photo_services {
	position:relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	clear: left;
	}


#titre_services {
	margin: 0%;
	padding: 6% 25% 2% 25%;
	height: auto;
	width: auto;
	background: #ffffff;
	clear: left;
	}
	
		
	#titre_services h1 {
		margin: 0;
		padding: 0% 0% 0% 0%;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.75em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		color: #e12b32;
		}


#texte_services {
	margin: 0;
	padding: 0% 15% 3% 15%;
	}

	#texte_services p {
		margin: 0;
		padding: 1%;
		width: 100%;
		height: auto;
		font-family: 'Lato', sans-serif;
		font-size: 1.1em;
		font-weight: 400;
		color: #3d3d3d;
		background: #ffffff;
		line-height: 1.5;
		text-align: center;
		}


/*FIN PAGE SERVICES*/

/* DÉBUT PAGE CONTACT*/


#photo_contact {
	position:relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	clear: left;
	}
	
		
#titre_contact {
	margin: 0%;
	padding: 4% 25% 0% 25%;
	height: auto;
	width: auto;
	background: #ffffff;
	clear: left;
	}
		
	#titre_contact h1 {
		margin: 0;
		padding: 0% 0% 0% 0%;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.75em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		color: #e12b32;
		}


#texte_contact {
	margin: 0%;
	padding: 1% 0% 4% 0%;
	height: auto;
	width: auto;
	background: #ffffff;
	clear: left;
	text-align:center;
	}
		
	#texte_contact h2 {
		margin: 0;
		padding: 2% 0% 1% 0%;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2em;
		font-weight: 600;
		text-transform: uppercase;
		}
		
		#texte_contact p {
			margin: 0;
			padding: 0.5% 0% 0% 0%;
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 1.25em;
			font-weight: 400;
			}



/* FIN SECTION CONTACT*/

/*DÉBUT SECTION ENTREPRISE*/



#itineraire {
	margin: 5% 35% 5% 35% ;
	padding: 1% 5% 1% 5%;
	height: auto;
	width: auto;
	background: #e12b32;
	clear: left;
	text-align: center;
	}
		
	#itineraire a {
		margin: 0;
		padding: 5% 0 5% 0%;
		width: 100%;
		height: auto;
		color: #ffffff;
		font-size: 1.5em;
		text-align: center;
		}


#carte a {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
		height: auto;
		clear: left;
		}


/* FIN PAGE CONTACT*/

/* DÉBUT PAGE ENTREPRISE*/


#photo_entreprise {
	position:relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	clear: left;
	}


#titre_entreprise {
	margin: 8% 0 0 0 ;
	padding: 0 0 0 0 ;
	height: auto;
	width: auto;
	background: #ffffff;
	clear: left;
	text-align: center;
	color: #e12b32;
	text-transform:uppercase;
	}


#texte_entreprise {
	margin: 5%;
	padding: 0 10% 0 10%;
	}
	
	#texte_entreprise p {
		margin: 0;
		padding: 1%;
		width: 100%;
		height: auto;
		font-family: 'Lato', sans-serif;
		font-size: 1.1em;
		font-weight: 400;
		color: #3d3d3d;
		background: #ffffff;
		line-height: 1.5;
		text-align: center;
		}

/*FIN SECTIONS SPÉCIFIQUES AUX PAGES NON-PRODUITS*/