html, body{
	font-family:arial;
	margin:0px;
	padding:0px;
}

#conteneur{
	background-color:white;
	max-width:481px;
	width:481px;
    height: 850px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}


#slider{
display:none;
}


#logoRivageGrand{
	position:absolute;
		left:30px;
		top:50px;
}

.reduction2{
	width:170px;
}

nav ul{
	margin:0px;
	padding:0px;
	position:absolute;
		top:100px;
		left:230px;
	list-style-type:none;
}

nav a{
	display:block;
	width:150px;
	height:30px;
	padding-left:10px;
	font-size:17px;
	text-decoration:none;
	color:grey;
	line-height:30px;
	letter-spacing:5px;
}
a:hover{
	color:black;
}

.bandeaubleu{
	background-color:#cfecfa;
}

.noir{
	color:black;
}

#contact{
position:absolute;
	left:72px;
	top:267px;
	 z-index: 2;
}

#contact h2, p{
	margin:0px;
	font-size:18px;
	color:black;
	line-height:25px;
	width:341px;
}

#contact a{
	color:black;
}

#message{
position:absolute;
	left:72px;
	top:405px;
	color:#009ae3;
	font-weight:100;
	font-size:22px;
	z-index:1;
}

textarea{
position:absolute;
	left:52px;
	top:462px;
	width:320px;
	height:331px;
	font-size:14px;
	resize:none;
	border-color:#afafaf;
	color:#afafaf;
	padding :10px 20px 10px 20px;
	background-color:rgba(0,0,0,0);
	z-index:1;

}

#petittriangle{
    position: absolute;
    left: 372px;
    top: 771px;
    width: 1px;
    height: 1px;
    border: 1px solid #009ae3;
    border-color: transparent transparent transparent #009ae3;
    border-width: 9px;
    z-index: 2;

}

#carte{
display:none;
}

.reduction10{
	width:800px;
}

input{
	position:absolute;
    left: 293px;
    top: 768px;
    z-index:1;
    border-radius:1px;
    width:100px;
    height:25px;
    display:block;
    font-size:15px;
    text-align:left;
    padding-left:15px;
    border-width:0px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

}