*{
	margin:0px;
	border:0px none;
	padding:0px;
}
html{
	background-color:white;
	font-family:roboto;
	
}
body{
	width:100%;
	margin:auto;
	background-color:white;
}
footer{
	position: absolute;
	width: 100%;
	text-align: center;
	color: white;
	bottom: 0;
}
h1{text-align:center;font-size:300%;padding-top:50px}
/* HEADER */
#Header{
	max-width:1200px;
	margin:auto;
	vertical-align:top;
	background-image: url("http://jfbeaule.com/Ressources/Image/squairy_light.png");
}
#logo{
	z-index: 10;
	position: relative;
	width:22%;
	display:inline-block;
}
#logo img{
	width: 90%;
	padding-top: 35px;
}
#headerBackground{
	background-image: url("http://jfbeaule.com/Ressources/Image/header_rep_texture.png");
	height: 140px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 5;
}
#blocBlancHeader{
	width:100%;
	background-color:white;
	height:22px;
	position:absolute;
	top:140px;
	left:0;
	z-index: 5;
}
#textHeaderNoir{
	display:inline-block;
	width: 100%;
	height: 22px;
}
#textHeaderNoirMobile{
	display:none;
}
#textHeaderBlanc{
	color:white;
	display:inline-block;
	height:40px;
	width:100%;
}
#blocText{
	vertical-align: top;
	z-index: 8;
	position: relative;
	margin-top: 96px;
	display: inline-block;
	width:77%;
}
#contenuHeader{
	margin: auto;
	padding-left: 8%;
}
.imgRond{
	width:40px;
}
#phone{
position:absolute;
display:none;
background-color:white;
padding:10px;
z-index:20;
}
#bloc1{
	display:inline-block;
}
#bloc2{
	display:inline-block;
	background-image: url("http://jfbeaule.com/Ressources/Image/dot.png");
	background-repeat:repeat-x;
	background-size: 5px 5px;
	width: 43.3%;
	height: 10px;
	margin-bottom: -6px;
}
#bloc3{
	display:inline-block;

}
/* PAGE CONTENT */
#pageContent{
	position:relative;
	max-width:1200px;
	margin:auto;
	background-image: url("http://jfbeaule.com/Ressources/Image/squairy_light.png");
}
#villeImg{
	position:absolute;
	width:100%;
	bottom:0;
}
@media all and (min-width: 1367px) and (max-width: 2000px) {
h1{font-size:400%;padding-top:150px}
}
@media all and (max-width: 1100px) {
	#contenuHeader{
		width: 87%;
		margin: auto;
		padding-left: 8%;
	}
	#blocText {
		margin-top: 18px;
		width: 76%;
	}
	#blocBlancHeader {
	display:none;
	}
	h1{
		text-align: center;
		font-size: 150%;
		padding-top: 65px;
	}
	.imgRond {
		width: 25px;
	}
	#textHeaderNoir{
		color:white;
		font-size: 60%;
	}
	#textHeaderNoirMobile {
		display: block;
		padding-top: 50px;
		font-size: 85%;
		padding-left: 11px;
	}
	#textHeaderBlanc {
		font-size: 68%;
	}
}
@media all and (max-width: 1100px) {
	#blocText {
		margin-top: 18px;
		width: 76%;
		font-size:120%;
	}
	#textHeaderBlanc {
		font-size: 68%;
	}
}
@media all and (min-width: 700px) and (max-width: 1100px) {
	#textHeaderBlanc {
		font-size:100%;
	}
	#textHeaderNoir {
		font-size:100%;
		padding-top:10px;
	}
}