body {

	overflow-x: hidden;

	margin: 0;

	background-color: #F7F7F7;

	font-family: verdana;

}



/*#site {

	width: 1000px;

	margin: auto;

	background-color: lightblue;

}*/


#carterecto{
}


#contenuprincipal {

	display: inline-block;

	position: relative;

	padding-top: 15px;

	padding-bottom: 29px;

	padding-left: 20px;

	padding-right: 20px;

	width: 70%;

	margin: auto;

	left: 75px;

	top: 20px;

	background-color: white;

}



#contenuprincipal p {

	color: black;

	font-weight: normal;

	position: relative;

	text-align: justify;

	line-height: 30px;

}



#texte p{



	position: relative;

	left: 115px;

	text-align: justify;

}



#footer {

	position: relative;

	top: 20px;

	text-align: center;

	display: block;

	background-color: #02bbff;

	height: 60px;

}



#footer p {

	color: black;

	font-weight: bold;

	position: relative;

	top: 18px;

}



#img {

	height: 100px;

	width: 100px;

}



#carterecto

{

	box-shadow: 8px 8px 12px #aaa;

}



#maison

{

	margin-top: 20px;

	margin-left: 6%;

}



#map

{

	margin-top: 50px;

	margin-left: 6%;

}



.slider{

	height: 500px;

	width: 500px;

	z-index: 2;

}



@media(min-width: 320px) and (max-width: 1300px)

{

	#contenuprincipal {

	display: inline-block;

	position: relative;

	padding-top: 15px;

	padding-bottom: 29px;

	padding-left: 20px;

	padding-right: 20px;

	width: auto;

	max-width: 80%;

	margin: auto;

	left: 5%;

	top: 20px;

	background-color: white;

}



#contenuprincipal p {

	color: black;

	font-weight: normal;

	position: relative;

	text-align: justify;

	line-height: 30px;

}



#texte p{



	position: relative;

	left: 5%;

	text-align: justify;

}



#section1{

	display: inline-block;

	vertical-align: top;

	position: relative;

	height: 800px;

	width: auto;

	max-width: 80%;

	margin: auto;

	padding-left: 50px;

	padding-right: -80px;

	padding-top: 15px;

	padding-bottom: 15px;

	left: 5%;

	top: 20px;

	background-color: #001727;

}



#ligne{

	height: auto;

	width: 100%;

}



#maison

{

	height: auto;

	width: 80%;

	margin-top: 50px;

	margin-left: 0%;

}



#map

{

	height: auto;

	width: 80%;

	margin-top: 50px;

	margin-left: 0%;

}



#carterecto

{

	box-shadow: 8px 8px 12px #aaa;

	height: auto;

	width: 100%;

}



}