body{
	background-color:#CCC;
	margin:0;
	font-family: 'karmillaregular';
	font-size:13px;

	}
	
a:link{ text-decoration: none; color: black;}	
a:active{text-decoration: none;color: black;}
a:visited{text-decoration: none;color: black;}
a:hover{text-decoration: none; color: #FF3635;}

#usinage_intro{
	margin-bottom:80px;
		
	font-size:13px;

}	
	
	
		/** style adaptable 3 post **/

	
	
	#usinage_intro_3post{
	margin-left:10%;
	font-size:13px;
	width:20%;
	display:inline-block;
		vertical-align:top;
	}	
	
	
		#usinage_archive_3post{
	
	font-size:13px;
margin-left:2vw; 
width:31vw;

display:inline-block;
	vertical-align:top;
	}	


#usinage_3post_titre{ font-size:22px; font-family: 'rumeur'; padding-bottom:10px; line-height:1.2;}
/*#usinage_3post_image{ width:100%;display:block; padding-bottom:20px; display:block;  }
#usinage_3post_image img{ width:100%; height:auto; display:block; padding-bottom:10px; }*/
#usinage_3post_image{ width:32vw; height:32vh; display:block; padding-bottom:20px; display:inline-block;  }

#usinage_3post_texte{ width:100%;	display:block; }
#usinage_3post_texte2{ width:100%;	display:block; }
#usinage_3post_fly{ width:35%; padding-bottom:50px; text-align:center; width:28%; display:inline-block; margin-right:-15px;  }
#usinage_3post_fly img{ width:100%;}


		/** style adaptable 2 post **/

#usinage_intro_2post{
	margin-left:10%;
	font-size:13px;
	width:35%;
	display:inline-block;
		vertical-align:top;
	}	
	
		#usinage_archive_2post{
	margin-left:8%;
	font-size:13px;
	width:40%;
	display:inline-block;
	vertical-align:top;
	}	


#usinage_2post_titre{ font-size:22px; font-family: 'rumeur'; padding-bottom:10px; line-height:1.2;}
#usinage_2post_image{ width:40vw; height:40vh; display:block; padding-bottom:20px; display:inline-block;  }
#usinage_2post_texte{/* width:60%; */display:inline-block;}
#usinage_2post_texte2{ width:100%;	display:block; }
#usinage_2post_fly{  width:35%; padding-bottom:50px; text-align:center; width:28%; display:inline-block; margin-right:-15px;}
#usinage_2post_fly img{ width:100%; }

/** style adaptable 1 post **/

#usinage_intro_1post{
	margin-left:10%;
	font-size:13px;
	width:20%;
	display:inline-block;
		vertical-align:top;
	}	
	
		#usinage_archive_1post{
	margin-left:2vw;
	margin-right:2vw;
	font-size:13px;
	display:inline-block;
	vertical-align:top;

	}	


#usinage_1post_titre{ display:inline-block; vertical-align:middle;  font-size:22px; font-family: 'rumeur';  line-height:1.2;}


#usinage_1post_image{ width:40vw; height:47vh; display:block; padding-bottom:20px; display:table-cell; vertical-align:top;  }
#usinage_1post_texte{ width:25vw; display:table-cell; padding-left:2vw; vertical-align:top;  }
#usinage_1post_texte2{ width:35vw; display:table-cell; padding-left:2vw; padding-right:2vw; vertical-align:top; }


#usinage_1post_fly{ width:15%; text-align:center; display:inline-block; margin-left:25px;  }
#usinage_1post_fly img{ width:100%; }





#menu{
	
	
	color:#000;	
	background-color:#ccc;
	
	}
	

			.sousmenuvari{
	color:#000;	
	
	background-color:#ccc;
		}	
	

#menu a:link{text-decoration:none; color:#000;}
#menu a:active{text-decoration:none;}
#menu a:visited{text-decoration:none; color:#000;}
#menu a:hover{ text-decoration:none;  color:#FF3635;}

.menurelou:hover{color:#FF3635}

	
	.poignee{
		border-top:solid 1px #CCC;

		
		}



.ACTU01 {
	width:25%;
	text-align:right;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:1vw;
	top:39%;
	right:49%;
	color:#FF3635;
	position: fixed;
    display:inline-block;
	transform: skewX(6deg) skewY(-25deg);
	-webkit-transform:skewX(6deg) skewY(-25deg); // Safari and Chrome 
    -moz-transform:skewX(6deg) skewY(-25deg); // Firefox 
    -ms-transform:skewX(6deg) skewY(-25deg); // IE 9 
    -o-transform:skewX(6deg) skewY(-25deg); // Opera 
	}		

.ACTU02 {
	width:25%;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:1vw;
	text-align:left;
	top: 35%;
	left: 51%;
	color:#FF3635;
	position: fixed;
    display:inline-block;
	transform: skewX(-8deg) skewY(24deg);
	-webkit-transform:skewX(-8deg) skewY(24deg); // Safari and Chrome 
    -moz-transform:skewX(-8deg) skewY(24deg); // Firefox 
    -ms-transform:skewX(-8deg) skewY(24deg); // IE 9 
    -o-transform:skewX(-8deg) skewY(24deg); // Opera 	
	}

.ACTU03 {
	width:25%;
	text-align:center;
	font-family: 'karmillabold';
	z-index:999999999;
	font-size:14px;
	bottom: 10%;
	right:40%;
	color:#FF3635;
	position: fixed;
    display:inline-block;
	transform: skewX(1deg) skewY(-8deg);
	-webkit-transform:skewX(1deg) skewY(-8deg); // Safari and Chrome 
    -moz-transform:skewX(1deg) skewY(-8deg); // Firefox 
    -ms-transform:skewX(1deg) skewY(-8deg); // IE 9 
    -o-transform:skewX(1deg) skewY(-8deg); // Opera 
	}