/* CSS Document */


/* http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/************* STYLE DE LA PAGE *********/
body, html{ height:100%;}
body{font-family: 'Source Sans Pro', sans-serif;background:url(images/bg-new.jpg) no-repeat top center;background-size:cover;}
	
#conteneur{width:800px;	margin:0 auto;}
#header{background:#FFF;margin:0;width:100%;text-align:center;height:100px;text-indent:-1000em;}
#header h1{display:block;height:100px;width:100%; max-width:780px; background:url(images/logo.png) no-repeat center center; background-size:contain; margin:0 auto;}
#header h1 a{ display:block; width:100%; height:100%;}


#nomClient{margin:80px 0 40px; padding:20px 0; width:100%; color:#FFF; font-size:40px;	letter-spacing:-.5px; font-weight:900; text-transform:uppercase; text-align:center;	position:relative;}
#nomClient span.small{ font-weight:300; font-size:25px; line-height:22px;}
#nomClient span.trait{ display:block; position:absolute; background:#FFF; background:rgba(255,255,255,0.40); height:1px; width:40%; margin:0 30%;}
#nomClient span.trait.haut{ top:0;}
#nomClient span.trait.bas{ bottom:0;}

.btnContact{ margin:40px auto 0 auto; color:#FFF; text-align:center; width:500px; position:relative;}
.btnContact a{ color:#FFF; background:none; text-decoration:none; display:block; border:1px solid #FFF; border:1px solid rgba(255,255,255,0.40); padding:20px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.btnContact a:hover{border:1px solid rgba(255,255,255,0.80); background:rgba(8,28,64,0.30);}
.btnContact h3{ font-size:40px; font-weight:300; margin:0; padding:0; text-transform:uppercase;}
.btnContact h4{ font-size:23px; font-weight:400;}
.btnContact p{ font-weight:900; margin:20px 0 0 0; font-size:19px; text-transform:uppercase;}

.btnContact span{ position:absolute; width:150px; display:block; padding:10px;  margin:20px 0 0 0; font-size:19px; bottom:-30px; left:170px;
border-radius:5px;background:#E85A0E;}

.btnContact a:hover span{
	background: linear-gradient(270deg, #E85A0E, #055590, #D5026B, #8AB21E, #1A8E81);
	background-size: 10000% 10000%;
		
	-webkit-animation: animBG 40s ease infinite;
	-moz-animation: animBG 40s ease infinite;
	animation: animBG 40s ease infinite;
	
	}

@-webkit-keyframes animBG{
	0%{background-position:96% 0%}
	50%{background-position:5% 100%}
	100%{background-position:96% 0%}
}
@-moz-keyframes animBG {
	0%{background-position:96% 0%}
	50%{background-position:5% 100%}
	100%{background-position:96% 0%}
}
@keyframes animBG {
	0%{background-position:96% 0%}
	50%{background-position:5% 100%}
	100%{background-position:96% 0%}
}


.btnCoordonnees{ margin:60px auto 0 auto; color:#FFF; text-align:center; position:relative;}
.btnCoordonnees h4{ font-size:16px; font-weight:900; text-transform:uppercase;}
.btnCoordonnees p{ font-size:14px; font-weight:400;}
.btnCoordonnees a{ color:#FFF;}

#gamin{ background:url(images/gamin.png) no-repeat; width:500px; height:374px; position:absolute; right:2%; bottom:0;}