@import url(http://fonts.googleapis.com/css?family=Dosis:300,400);

	html, body
	{
		height: 100%;
	}
form{
	margin-top: 90px;
}
#navigation{
	display: none;
	}
#mobile-header{
	z-index: 999;
	position: fixed;
display: none;}
#tyy{
top:-5px;
position: relative;
}
#tb{
	left: 70px;
position: relative;
}
.gris{
color:rgb(48, 48, 48);}
.button{
    top: 0px;
    position: absolute;}
.buttono{
    margin-top: 200px;}
.button .accueil{
    position: absolute;
    left: -40px;
    text-decoration: none;
    font-size: 25px;
    top: 0px;
}
.button .presentation{
    position: absolute;
    left: 305px;
    font-size: 25px;
}
.button .competence{
    position: absolute;
    left: 550px;
    font-size: 25px;
}
.button .stat{
    position: absolute;
    left: 0;		 font-size: 25px;
    
    margin-top: 200px;
}
.button .contact{
    position: absolute;
    left: 790px;
    font-size: 25px;
}
	body
	{
		font-family: "Raleway", Arial, Helvetica, sans-serif;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		margin: 0px;
		-webkit-overflow-scrolling: none;
	}
	.buttonn .accueil{
		text-decoration:none;
		position: absolute;
		 left: 0;		 font-size: 25px;

		 		 margin-top: 50px;


		}
		.buttonn .presentation{
			text-decoration:none;
			position: absolute;
		 left: 0;
		 font-size: 25px;
		 margin-top: 100px;
		}
		#sos{
		position: absolute;right: -170px;
top:30px;}
#elle{
		position: absolute;right: -170px;
top:120px;}
		.buttonn .competence{
						text-decoration:none;

			position: absolute;
		 left: 0;		 font-size: 25px;

		 margin-top: 150px;
		}
			.buttonn .contact{
							text-decoration:none;

			position: absolute;
		 left: 0;		 font-size: 25px;

		 margin-top: 200px;
		}
/*			.buttonn .contact{*/
/*							text-decoration:none;*/
/**/
/*			position: absolute;*/
/*		 left: 0;		 font-size: 25px;*/
/**/
/*		 margin-top: 250px;*/
/*		}*/

	section
	{
		margin: 0px;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}
	
	section article
	{
		width: 850px;
		margin: 0 auto;
		max-width: 80%;
		text-align: center;
	}
	
	section article h1,
	section article h2,
	section article h3
	{
		font-weight: 200;
		font-size: 30px;
		line-height: 40px;
	}
	
	section article strong
	{
		text-transform: uppercase;
		font-weight: 400;
	}
	
	section article a
	{
		color: #fff;
	}
	.fleche{
		margin-top: 40px;}
	section article div
	{
		font-size: 100px;
line-height: 30px;	}
	
	section:nth-child(3),section:nth-child(5)
	{
		background-color:#0B0027;
		color: #fff;
	}
section:first-child{
    background-color:#0B0027;
    color: #fff;
    min-height: 100%;
}
#stat p,#stat p> a{
    color:#0B0027;
}
section:nth-child(2)
{
    background-color:#fff;
    color: #0B0027;
}
	
	section:first-child article,
	section:last-child article
	{
		position: relative;
		top: 50%;
	}


	section article.d{
	padding: 80px 50px 150px 120px;
margin-left: 250px;
text-align: left;
border-left: 1.5px solid
#0B0027;

}


.button a:hover,.buttonn a:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  -webkit-animation: shine 2s infinite;
          animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}
	section article.dl{
	padding: 80px 50px 150px 120px;


			text-align: left;
			margin-left: 250px;
			padding-left: 120px;
vertical-align:middle;


border-left: 1px solid white;

}
	section article.di{
padding: 80px 50px 150px 120px;


			text-align: left;
			margin-left: 250px;
			padding-left: 120px;
vertical-align:middle;
margin-top: -90px;



/* border-left: 1px solid white; */

border-left: 1px solid #0B0027;


}


	.l{
		top:60px;
		left:60px;}
		.ll{
		top:0px;float:left;}
		.llo{
	
		top:250px;float:left;}
	section:nth-child(2) .contact {
	text-decoration:none;
	color:black;	}
	.contact{
	text-decoration:none;
	color:white;	
	}

	.buttonn{
		width: 250px;
		height: 500px;
		position: absolute;
	}

	.abs{
font-weight:bold;}
	.info2{
	position:absolute;
/* top:0px; */
/* float: none; */
/* right: 0px; */
top:200px;
border-left:1px solid white;
right: -190px;
/* margin:auto ; */width: 300px;
height: 300px;
/* text-align: right; */
/* margin-right: 0px; */
/* padding-right: 0; */}


	section:nth-child(4) h2
	{
		color: #fff;
		text-shadow: 1px 1px 3px rgba( 0, 0, 0, 0.25 );
		font-weight: 400;
	}
	section:nth-child(4)
	{
		height: 480px;

	}
	section:nth-child(4) div
	{
		position: absolute;
		top: -25%;
		left: 0px;
		height: 150%;
		width: 100%;
		background-image: url("../o.jpg");
		background-size: 100% 100%;
	}
	.tel2{
	position: relative;
left: 385px;
top:265px;
	
}
	@media only screen and (min-device-width : 540px) and (max-device-width : 960px) {
	.pre h3{
		font-size: 70px !important;
		line-height: 70px !important;

		margin-top: 10px !important;


	}
	#sos{
		display: none;}
#elle{
		display: none;}
	.tel2{
		left:-10px !important;
	}
	.com{
				font-size: 50px !important;
line-height: 70px !important;
margin-top: -40px !important;
	}
	.pre img{
		height: 600px;
		width: 400px;
		margin-top: -90px;
	}
	.ti{
		font-size: 160px !important;
		line-height: 200px !important;
		margin-top: -40px !important;
		}
.button{
	display: none !important}

.buttonn{
	display: none !important}
	section:nth-child(4) article h2,section:nth-child(3) article h2,section:nth-child(2) article h2{
		font-size: 80px !important;
	}
section:nth-child(4) article,section:nth-child(3) article,section:nth-child(2) article{
	font-size: 45px !important;
		line-height: 70px !important;
	height: auto !important;
margin-left: 0px !important;
padding-left: 50px !important;}

section:first article {
font-size: 70px !important;
		line-height: 70px !important;
}
#infoss{
	font-size: 20px !important;
}.dd{
		display: none;
	}

	}
@media only screen  and (min-device-width : 320px)  and (max-device-width : 568px)    {
	.pre h3{
		font-size: 70px ;
		line-height: 70px !important;

		margin-top: 10px !important;


	}#sos{
		display: none;}
#elle{
		display: none;}
	#infoss{
		font-size: 40px !important;
	line-height: 70px;
}
#tit {
		font-size: 80px !important;

}
#tyy{		font-size: 30px !important;

 
}
#zz{
width: 100%;}
#tb{
position: relative;
left: 0px;
	height: 460px;

}
#tyy{
	position: relative !important;
left: 0px !important;}

img{
width: 450px !important; 
}
#fp{
font-size: 60px !important;
	line-height: 30px;


}
.txtform {
	font-size: 40px !important;
		line-height: 60px; 	
		line-height: 60px;


}
	.com{
				font-size: 50px !important;
line-height: 70px !important;
margin-top: -40px !important;
	}
	.pre img{
		height: 600px;
		width: 400px;
		margin-top: -90px;
	}
	section:nth-child(4) article h2,section:nth-child(3) article h2,section:nth-child(2) article h2{
		font-size: 80px !important;
	}#sos{
		display: none;}
#elle{
		display: none;}
	.ti{
		font-size: 160px !important;
		line-height: 200px !important;
		margin-top: -40px !important;
		}
		.tel2{
		left:-100px;font-weight:bold;
		top:200px;
						font-size: 50px !important;

	}
.button{
	display: none !important}

.buttonn{
	display: none !important}
section:nth-child(4) article,section:nth-child(3) article,section:nth-child(2) article{
	font-size: 45px !important;
		line-height: 70px !important;
	height: auto !important;
margin-left: 0px !important;
padding-left: 50px !important;}

section:first article {
font-size: 70px !important;
		line-height: 70px !important;
}#stat{
height: 1050px !important;}.dd{
		display: none;
	}

}
@media only screen  and (max-width : 708px)    {
.pre {
		font-size: 70px ;
		line-height: 70px !important;
		margin-top: -70px !important;


	}#sos{
		display: none;}
#elle{
		display: none;}
#tb{
position: relative;
left: 0px;
height: 460px;

}
#tyy{
	position: relative !important;
left: 0px !important;
}
	.tel2{
		left:0px !important;
		top:790px !important;
		position: relative;
		font-weight:bold;
font-size: 50px !important;


	}	.com{
				font-size: 20px !important;
line-height: 20px !important;
margin-top: -20px !important;
	}
	.pre img{
		height: 300px;
		width: 400px;
		margin-top: -90px;
	}
	section:nth-child(4) article h2,section:nth-child(3) article h2,section:nth-child(2) article h2{
		font-size: 80px !important;
	}
	.ti{
		font-size: 160px !important;
		line-height: 200px !important;
		margin-top: -40px !important;
		}
.button{
	display: none !important}

.buttonn{
	display: none !important}
section:nth-child(4) article,section:nth-child(3) article,section:nth-child(2) article{
	font-size: 45px !important;
		line-height: 70px !important;
	height: auto !important;
margin-left: 0px !important;
padding-left: 50px !important;}

section:first article {
font-size: 70px !important;
		line-height: 70px !important;
}
#stat{
height: 1050px !important;}.dd{
		display: none;
	}

}
@media only screen and (max-device-width : 700px)    {
	.pre {
		font-size: 70px ;
		line-height: 40px !important;
		margin-top: -150px !important;


	}
	.dd{
		display: none;
	}

	#mobile-header{
display: block;}
pre h3{

}#sos{
		display: none;}
#elle{
		display: none;}
#tb{
position: relative;
left: 0px;
	height: 460px;

}
#tyy{
	position: relative !important;
left: 0px !important;}
	.tel2{
		left:0px !important;
		top:860px !important;
		position: relative;
font-size: 50px !important;
font-weight:bold;


	}.tel3{
		left:0px !important;
		top:810px !important;
		position: relative;
font-size: 30px !important;
	}
	.com{
				font-size: 50px !important;
line-height: 70px !important;
margin-top: -60px !important;
	}
	.pre img{
		height: 600px;
		width: 400px;
		margin-top: -190px;
	}
	section:nth-child(4) article h2,section:nth-child(3) article h2,section:nth-child(2) article h2{
		font-size: 80px !important;
	}
	.ti{
		font-size: 160px !important;
		line-height: 200px !important;
		margin-top: -20px !important;
		left:-30px;
		}

.button{
	display: none !important}

.buttonn{
	display: none !important}
#stat{
height: 1050px !important;}
#stat p {
			font-size: 40px !important;

}
section:nth-child(4) article,section:nth-child(3) article,section:nth-child(2) article{
	font-size: 45px !important;
		line-height: 70px !important;
	height: auto !important;
margin-left: 0px !important;
padding-left: 50px !important;}

section:first article {
font-size: 70px !important;
		line-height: 70px !important;
}
}