#logo-tuyau {
	position: relative;
	padding-left: 5px;
	width: 450px;
	height: 150px;
}
#logo-tuyau a, #logo-tuyau a:link, #logo-tuyau a:visited, #logo-tuyau a:hover, #logo-tuyau a:focus, #logo-tuyau a:active {
	color: inherit;
	text-decoration: none;
}

/***image***/
#logo-tuyau .logo-img {
	position: relative;
	float: left;
	text-align: center;
	vertical-align: top;
	width: 114px;
	height: 108px;
	margin-top: 5px;
}
#logo-tuyau a img {
	border: none;
	width: 114px;
	height: 108px;
}

/***anim***/
#logo-tuyau .logo-img:hover{
	-webkit-animation: logo 1s;
	-moz-animation: logo 1s;
	-ms-animation: logo 1s;
	-o-animation: logo 1s;
	animation: logo 1s;
}
@-webkit-keyframes logo {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes logo {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}
@-ms-keyframes logo {
	0% {-ms-transform: scale(1);}	
	10%, 20% {-ms-transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {-ms-transform: scale(1) rotate(-3deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}
@-o-keyframes logo {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

/***div text***/
#logo-tuyau .logo-text {
	position: relative;
	display: table-cell;
	width: 336px;
	height: 108px;
	text-align: center;
	vertical-align: top;
	padding-top: 4px;
	padding-left: 10px;
	white-space: nowrap;
}

#logo-tuyau .logo-text-le {
	position: relative;
	float: left;
	font-family:  Myriad pro, Arial, Helvetica, sans-serif; 
	font-size: 35px; 
	font-weight: bold; 
	color: #ccc;
	padding-top: 8px;
}
#logo-tuyau .logo-text-tuyau {
	position: relative;
	vertical-align: top;
	font-family: Myriad pro, Arial, Helvetica, sans-serif; 
	font-size: 65px; 
	font-weight: bold; 
	color: #000;
	margin-top: -5px;
}
#logo-tuyau .logo-text-fr {
	position: relative;
	float: right;
	font-family:  Myriad pro, Arial, Helvetica, sans-serif; 
	font-size: 40px; 
	font-weight: bold; 
	color: #ccc;
	padding-top: 4px;
}

/***phrase***/
#logo-tuyau .logo-phrase {
	position: absolute;
	right: 0;
	bottom: 42px;
	width: 325px; 
	height: 28px;
	background-color: #000;
	text-align: center;
	font-family: 'Open Sans', 'PT Sans', Myriad pro, Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	font-weight: bold;
	padding-bottom: 6px; 
	color: #ccc;
}
#logo-tuyau .logo-slogan {
	position: relative;
	clear: left;
	width: 450px; 
	height: 28px;
	text-align: center;
	font-family: 'Open Sans', 'PT Sans', Myriad pro, Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	font-weight: bold; 
	/*font-style: italic;*/
	color: #000;
	padding-top: 5px;
	white-space: nowrap;
}