html{
margin:0;
padding:0;
font-family:"Dinski Casual Condensed";
}

@font-face {
    font-family: 'Dinski Casual Condensed';
    src: url('font/dinski_casual_condensed-webfont.eot');
    src: url('font/dinski_casual_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dinski_casual_condensed-webfont.woff') format('woff'),
         url('font/dinski_casual_condensed-webfont.ttf') format('truetype'),
         url('font/dinski_casual_condensed-webfont.svg#dinski_casual_condensedRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1 {
padding:0px;
text-align:center;
margin-left:0px;
margin-right:100px;
font-size:3em;
color:#fff;
text-shadow: 0px -1px 0px #334f71;
letter-spacing: 0.4em;
}
h1 a {
text-decoration:none;
color: #fff;
letter-spacing: 0.4em;
font-size:18px;
}
h1 a:hover {
text-decoration:none;
color: #fff;
letter-spacing: 0.5em;
font-size:18px;
}



h2{
font-size: 1.5em;
text-align:center;
margin-right:100px;
}
p{
font-family:"Helvetica";
font-size:18px;
padding-left:30px;
 }
 .premiere-lettre {
font-family: 'Shojumaru', cursive;
font-size:2.5em;
}

body{
	padding:0;	
	color:black;
	}
	

.navbox {
	position:fixed;
	float: left;
	padding-left:0;
	margin-left:0;
	z-index: 2000;
	font-family:"Arial";
}

ul.nav {
	list-style: none;
	display: block;
	top: 10px;
	left: 10px;
	padding:0px;	
	-webkit-background-size: 50% 100%;
	-moz-background-size: 50% 100%;
}

li {
	margin: 5px 0 0 0;
	}

ul.nav li a {	
	background: url('img/bg_pattern.png') repeat;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	color:white;
	padding: 7px 15px 7px 15px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
 	-moz-border-bottom-right-radius: 10px;
	width: 100px;
	display: block;
	text-decoration: none;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
}

ul.nav li a:hover {
	border-right:5px dotted #fff;
	color: #67a5cd;
	padding: 7px 15px 7px 30px;
}
ul.nav li a:focus {
	
	color: #67a5cd;
	padding: 7px 15px 7px 30px;
}
#clouds{
background: url('img/uwv3pts.png') repeat;
z-index:200;
}

.cloud {
	width: 200px; height: 60px;
	background: #fff;
	margin-bottom:0px;
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	position: relative; 
}

.cloud:before, .cloud:after {
	content: '';
	position: absolute; 
	background: #fff;
	width: 80px; 
	height: 80px;
	position: absolute; 
	top: -15px; 
	left: 10px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}

.cloud:after {
content: '';
	width: 120px; 
	height: 120px;
	top: -55px; 
	left: auto; 
	right: 15px;
}

/*Time to animate*/
.x1 {
	-webkit-animation: moveclouds 120s linear infinite;
	-moz-animation: moveclouds 120s linear infinite;
	-o-animation: moveclouds 120s linear infinite;
}

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {
	left: 200px;	
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.6; /*opacity proportional to the size*/
	/*Speed will also be proportional to the size and opacity*/
	/*More the speed. Less the time in 's' = seconds*/
	-webkit-animation: moveclouds 60s linear infinite;
	-moz-animation: moveclouds 60s linear infinite;
	-o-animation: moveclouds 60s linear infinite;
}

.x3 {
	left: -250px; top: -200px;	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
		-webkit-animation: moveclouds 80s linear infinite;
	-moz-animation: moveclouds 80s linear infinite;
	-o-animation: moveclouds 80s linear infinite;
}

.x4 {
	left: 470px; top: -250px;	
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	opacity: 0.75; /*opacity proportional to the size*/
		-webkit-animation: moveclouds 80s linear infinite;
	-moz-animation: moveclouds 80s linear infinite;
	-o-animation: moveclouds 80s linear infinite;
}

.x5 {
	left: -150px; top: -150px;
		-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
		-webkit-animation: moveclouds 80s linear infinite;
	-moz-animation: moveclouds 80s linear infinite;
	-o-animation: moveclouds 80s linear infinite;
}

.logo{
width:100px;
height:100px;
margin-left:0px;
opacity:0.6;
}

.logo:hover{
opacity:0.9;
}


.puce ul li{

list-style-image: url('img/logo2-50x50.jpg') no-repeat 0 0.32em;
display:list-item;
float:left;
margin-left:0px;
}

.marecette{
}
.marecette:hover{
color:#00BFFF;
 text-shadow: 0px 0px 2px #000;}
 

.marecette:hover:after{
content:"";
margin:50px;
width:400px;
height:400px;

}


@-webkit-keyframes moveclouds {
	0% {margin-left: 800px;}
	100% {margin-left: -200px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 800px;}
	100% {margin-left: 300px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 800px;}
	100% {margin-left: 300px;}
}
/*Time to animate*/
.x1 {
z-index:16;
	margin-top:60px;
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
}

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {
	left: 200px;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
	opacity: 0.4; /*opacity proportional to the size*/
	z-index:15;
	/*Speed will also be proportional to the size and opacity*/
	/*More the speed. Less the time in 's' = seconds*/
	-webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
}

.x3 {
	left: -250px; 
	top: 20px;
	z-index:11;
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	transform: scale(0.2);
	opacity: 0.8; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 40s linear infinite;
	-moz-animation: moveclouds 40s linear infinite;
	-o-animation: moveclouds 40s linear infinite;
}

.x4 {
	left: 470px; 
	top: 45px;
	z-index:10;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0.75; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 25s linear infinite;
	-moz-animation: moveclouds 25s linear infinite;
	-o-animation: moveclouds 25s linear infinite;
}

.x5 {
	left: -150px; 
	top: 25px;
	z-index:12;
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
	opacity: 0.8; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
}

@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}

.bloc_content{
	top:-20px;
	left:70px;
	position:relative;
	z-index:3000;
	width:auto;
	margin-right:100px;
	padding-left:70px;
	margin-left: auto;
	transition: all 1s;
	transition:1s cubic-bezier(.49,.22,.52,1.35);
	-webkit-transition:  1s cubic-bezier(.49,.22,.52,1.35); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}

.fleche{
bottom:0px;
padding:0px;
z-index:10000;
}



#lesplus{
top: 650px;
left: 200px;
transition:  1s  cubic-bezier(.49,.22,.52,1.35);  
-webkit-transition:  1s cubic-bezier(.49,.22,.52,1); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 

}
#lexperience{
top: 650px;
left: 200px;

transition:  1s  cubic-bezier(.49,.22,.52,1.35);  
-webkit-transition:  1s cubic-bezier(.49,.22,.52,1); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}


#competences{
top: 650px;
left: 200px;
transition:  1s  cubic-bezier(.49,.22,.52,1.35);  
-webkit-transition:  1s cubic-bezier(.49,.22,.52,1); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}
.jeancouture{
margin-left:5px;
margin-right:10px;
border-color:#79796A;
background:#FFFFBF;
border-radius:40px 15px;
border:2px dashed;

}

#talkbubble {
   width: 120px; 
   height: 80px; 
   background: #fff;
   position: relative;
   -moz-border-radius:    10px; 
   -webkit-border-radius: 10px; 
   border-radius:         10px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid #fff;
   border-bottom: 13px solid transparent;
}


.panneau1{
border-top: 3px  dotted black;
-moz-box-shadow: 0px 0px 8px #444;
-webkit-box-shadow: 0px 0px 8px #444;
height: auto; 
 min-height:800px;
padding-left:10px;
z-index:4000;
background:url('img/nuage7.png') 50%  no-repeat fixed;
transition:1s cubic-bezier(.49,.22,.52,1.35);
-webkit-transition:  1s cubic-bezier(.49,.22,.52,1.35); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}
.panneau1 :focus{
border-top: 3px  dotted black;
border-left:20px dotted #fff;	
-moz-box-shadow: 0px 0px 8px #444;
-webkit-box-shadow: 0px 0px 8px #444;
height: 800px;  
border-left:20px dotted #fff;	
padding-left:10px;
z-index:4000;
background:url('img/nuage7.png') 50%  no-repeat fixed  ;
transition:1s cubic-bezier(.49,.22,.52,1.35);
-webkit-transition:  1s cubic-bezier(.49,.22,.52,1.35); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}
.panneau2{
border-top: 3px  dotted black;
height: auto;
 min-height:800px;  
-moz-box-shadow: 0px 0px 8px #444;
-webkit-box-shadow: 0px 0px 8px #444;
z-index:4000;
background:url('img/nuage8.png') 50%  no-repeat fixed;
transition:  1s  cubic-bezier(.49,.22,.52,1.35);  
-webkit-transition:  1s cubic-bezier(.49,.22,.52,1.35); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}


.panneau3{
	border-top: 3px  dotted black;
	 height: auto;  
	 min-height:800px;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	z-index:4000;
	background: url('img/nuage4.png')  50% no-repeat fixed,
	url('img/tcafgkx.png') top repeat; 
	transition:  1s  cubic-bezier(.49,.22,.52,1.35);  
	-webkit-transition:  1s cubic-bezier(.49,.22,.52,1.35); 
	-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}

.panneau4{
	border-top: 3px  dotted black;
	height: auto;  
	 min-height:800px;
    -moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	z-index:4000;
	background: url('img/nuage6.png') 50% no-repeat fixed; 
	transition:  1s  cubic-bezier(.49,.22,.52,1.35);  
	-webkit-transition:  1s cubic-bezier(.49,.22,.52,1.35); 
	-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}

.panneau5{
border-top: 3px  dotted black;
  height: auto;  
   min-height:800px;
     -moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	
	z-index:4000;
	background: url('img/nuage7.png') 50%  no-repeat fixed,
	url('img/tcafgkx.png') top repeat; 
	
	transition:  1s  cubic-bezier(.49,.22,.52,1.35);  
	-webkit-transition:  1s cubic-bezier(.49,.22,.52,1.35); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}
.panneau6{
  height: auto;  
   min-height:800px;
     border-top: 3px  dotted black;
  -moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	z-index:4000;
	background: url('img/nuage8.png') 50%  no-repeat fixed; 
		transition:  1s  cubic-bezier(.49,.22,.52,1.35);  
	-webkit-transition:  1s cubic-bezier(.49,.22,.52,1.35); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}
.panneau7{
  height: 400px; 
 min-height:800px;  
     border-top: 3px  dotted black;
	  -moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	z-index:4000;
	background: url('img/nuage4.png') 50%  no-repeat fixed,
	url('img/tcafgkx.png') top repeat; 
	
	transition:  1s  cubic-bezier(.49,.22,.52,1.35);  
	-webkit-transition:  1s cubic-bezier(.49,.22,.52,1.35); 
-moz-transition: 1s cubic-bezier(.49,.22,.52,1.35); 
}
.recette{
margin-top:20px;
background:url('img/recette.png') 50% no-repeat;
height:500px;

}
.visuel{
margin: 100px;

margin-right: auto;
margin-left: auto;
width:60%;
height:60%;
display: block;
-moz-box-shadow: 0px 1px 5px 3px #656565;
-webkit-box-shadow: 0px 1px 5px 3px #656565;
-o-box-shadow: 0px 1px 5px 3px #656565;
box-shadow: 0px 1px 5px 3px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.visuel:hover{
margin: 100px;
margin-right: auto;
margin-left: auto;
width:60%;
height:60%;
display: block;
cursor:pointer;
-moz-box-shadow: 0px 1px 5px 1px #656565;
-webkit-box-shadow: 0px 1px 5px 1px #656565;
-o-box-shadow: 0px 1px 5px 1px #656565;
box-shadow: 0px 1px 5px 1px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.recette:hover{
background:url('img/recette_hover.png') 50% no-repeat;
height: 500px;

	}

.publications {
font-family:"georgia",serif;
color:#fff;
float:left;
font-size:16px;
background-color:#333;
margin:10px;
padding:2px;
text-decoration:none;
}
.publications a{
text-decoration:none;
}



.publications:hover{

font-size:16px;
background-color:#fff;
color:#000;

}
.publications1 {
font-family:"georgia",serif;
color:#fff;
font-size:20px;
background-color:#333;
margin:20px;
padding:20px;
text-decoration:none;
width:600px;
}
.publications1 a {
font-family:"georgia",serif;
color:#fff;
font-size:20px;
}


.publications1:hover {
font-family:"georgia",serif;
margin:20px;
font-size:20px;
color:#0937F;
padding:20px;
text-decoration:none;
}
.vignette_tete{
height:100px;
width:100px;
opacity:0.4;
filter:alpha(opacity=40);
float:left;
margin-right:5px;
}


.english {
   clear:left;
   }
   
#contactform {

	width: 600px; 	
	background: transparent;
	}

label {
	float: left; 
	clear: left; 
	margin: 11px 10px 0 0; 
	width: 95px;
	text-align: right; 
	font-size: 14px; 
	color: #445668; 
	text-transform: uppercase; 
	text-shadow: 0px 1px 0px #f2f2f2;
}

input {
	width: 160px; 
	height: 25px;
	padding: 5px 20px 0px 20px; 
	margin: 0 0 20px 0; 
	background: transparent;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
	background: transparent; /* webkit */
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;
	-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; 
	font-size: 14px; 
	color: #fff; 
	text-transform: uppercase; 
	text-shadow: 0px -1px 0px #334f71; 
}
	input:-webkit-input-placeholder  {
    	color: #fff;
		text-shadow: 0px -1px 0px #38506b;  
	}
	input:-moz-placeholder {
	    color: #fff;
		text-shadow: 0px -1px 0px #38506b; 
	}

textarea {
	width: 260px; 
	height: 100px; 
	padding: 12px 20px 0px 20px; 
	margin: 0 0 20px 0; 
	background: transparent;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
	background: transparent; /* webkit */
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;
	-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; 
	font-size: 16px; 
	color: #fff; 
	text-transform: uppercase; 
	text-shadow: 0px -1px 0px #334f71; 
}
	textarea:-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
	}
	textarea:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
	}
	
input:focus, textarea:focus {
	background: transparent;
	background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728eaa)); /* webkit */
}

input[type=submit] {
	width: 150px; 
	height: 42px; 
	float: right; 
	padding: 10px 15px; 
	margin: 0 15px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */
	cursor: pointer;
}


.skill_menu{
list-style-type: none;
float:left;

}
.skill_menu ul{
list-style-type: none;

}
.skill_menu ul li{
margin-top:0px;
list-style-type: none;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	color:white;
	padding: 7px 15px 7px 15px;
	-webkit-border-top-right-radius: 1px;
	border-top-right-radius: 1px;
	-moz-border-top-right-radius: 1px;
 	-webkit-border-bottom-right-radius: 1px;
	border-bottom-right-radius: 1px;
 	-moz-border-bottom-right-radius: 1px;
	display: block;
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 1px #888;
	-moz-box-shadow: 1px 1px 1px #888;
}
.skill_50 {
width:100px;
height:20px;
border-bottom:1px dotted #fff;
background: url('img/bg_pattern.png') repeat;
background-color:#404000;
color:#fff;
}
.skill_60 {
width:120px;
height:20px;
border-bottom:1px dotted #fff;
background: url('img/bg_pattern.png') repeat;
background-color:#404000;
color:#fff;
}
.skill_70 {
width:140px;
height:20px;
border-bottom:1px dotted #fff;
background: url('img/bg_pattern.png') repeat;
background-color:#404000;
color:#fff;
}
.skill_90 {
width:180px;
height:20px;
border-bottom:1px dotted #fff;
background: url('img/bg_pattern.png') repeat;
background-color:#404000;
color:#fff;
}
.skill_100 {
width:200px;
height:20px;
border-bottom:1px dotted #fff;
background: url('img/bg_pattern.png') repeat;
background-color:#404000;
color:#fff;
}
ul.list_image  {
list-style: none;
display: block-inline;
top: 10px;
left: 10px;
padding:0px;	
}

img.image1{
transition:All 0.8s ease-in;
-webkit-transition:All 0.8s ease-in;
-moz-transition:All 0.8s ease-in;
-o-transition:All 0.8s ease-in;
margin-right:2px;
width:150px;
height:150px;
margin-left:10px;
margin-bottom:50px;
border:4px solid #D9D900;
border-bottom:40px solid #D9D900;
float:left;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);

}

img.image2{
transition:All 0.8s ease-in;
-webkit-transition:All 0.8s ease-in;
-moz-transition:All 0.8s ease-in;
-o-transition:All 0.8s ease-in;
margin-left:5px;
margin-bottom:50px;
width:150px;
height:150px;
border:4px solid #D9006C;
border-bottom:40px solid #D9006C;
float:left;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);

}
img.image3{
transition:All 0.8s ease-in;
-webkit-transition:All 0.8s ease-in;
-moz-transition:All 0.8s ease-in;
-o-transition:All 0.8s ease-in;
margin-left:5px;
margin-bottom:50px;
width:150px;
height:150px;
border:4px solid #73B9FF;
border-bottom:40px solid #73B9FF;
float:left;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);

}

img.image4{

transition:All 0.8s ease-in;
-webkit-transition:All 0.8s ease-in;
-moz-transition:All 0.8s ease-in;
-o-transition:All 0.8s ease-in;
margin-left:5px;
margin-bottom:50px;
width:150px;
height:150px;
border:4px solid #FFFFBF;
border-bottom:40px solid #FFFFBF;
float:left;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);

}
img.image1:hover{
-webkit-transform: scale(2) translate(10px,0px);
-moz-transform: scale(2) translate(10px,0px);
border:4px solid #fff;
z-index:5000;
}
img.image2:hover{
-webkit-transform: scale(2) translate(0px,0px);
-moz-transform: scale(2) translate(0px,0px);
border:4px solid #fff;
z-index:5000;

}
img.image3:hover{
-webkit-transform: scale(2) translate(-25px,0px);
-moz-transform: scale(2) translate(-25px,0px);
z-index:5000;
border:4px solid #fff;
}
img.image4:hover{
-webkit-transform: scale(2) translate(-25px,0px);
-moz-transform: scale(2) translate(-25px,0px);
border:4px solid #fff;
z-index:5000;
}
.folio_audiovisuel{
clear:both;
margin-bottom:50px;
}
.vignette_blog {
margin-right: 100px;
clear:both;
height:100px;
width:150px;
}
.vignette_blog:hover{
border:1px black solid;
height:100px;
width:150px;
}
.presentation{
Font-family:arial;
font-size:12px;
color:#fff;

}
 .form{
 padding:10px;
 margin-top:10px;
 background-color:red;
 }
 
 @media only screen and (max-width: 750px){
 .{height;}
 ul.list_image  {
list-style: none;
display: block;
top: 1px;
left: 5px;
padding:1px;	
border:1px solid #fff;
}
 h1 {
 font-size:1em;
 }
 h2 {
 font-size:0.5em;
 }
 .recette{
margin-top: 25px;

height: 300px;
 }
 .recette:hover{
margin-top: 25px;

height: 300px;
 }
 }
 
@media only screen and (max-width: 1128px){
 .{height;}
 .skill_menu ul li{
list-style: none;
border:1px solid #fff;
top: 1px;
left: 5px;
padding:1px;	
}

 }