


#contenu {
	/* overflow: visible scroll; */
	height:900px;
	/* background:white; */
}

/* #hr-style{ */
	/* width:550px; */
	/* margin-top:5px; */
	/* margin-bottom:5px; */
/* } */

h1 {
	font-weight:bold;
	font-size:40px;
}

#navigation2 {
	background: #FFFFFF;
	padding-top:10px;
	padding-bottom:15px;
}

#navigation2 ul {
	margin: 0;
	padding:0;
	list-style: none;
	text-align: center;

}
#navigation2 li {
	display:inline;
}
#navigation2 a {
	color: #BE6533;
	padding-right: 25px;
	line-height: 28px;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	
	-webkit-transition:0.7s all;
}

/* unvisited link */
#navigation2 a:link {
    /* color:#456798 ; */
	color: #696969;
	/* color: #852454; */
}

/* visited link */
#navigation2 a:visited {
    /* color: #852454; */
	color: #696969;
}

/* mouse over link */
#navigation2 a:hover, #navigation2 a:focus {
	color:#852454;
	text-shadow:10px 10px 15px rgba(0,0,0,0.5);
	/* text-decoration:underline overline; */
	
}

/* selected link */
#navigation2 a:active {
    color: #FF0000;
	
-webkit-animation-name:deplacer;
-webkit-animation-duration:0.1s;
-webkit-animation-iteration-count:5;

-moz-animation-name:deplacer;
-moz-animation-duration:0.1s;
-moz-animation-iteration-count:5;

-o-animation-name:deplacer;
-o-animation-duration:0.1s;
-o-animation-iteration-count:5;

animation-name:deplacer;
animation-duration:0.1s;
animation-iteration-count:5;
	/* text-shadow:0 10px 10px rgba(0,0,0,1); */
	/* text-decoration: overline; */
}

@-webkit-keyframes deplacer{
	0%{text-decoration:underline;}
	/* 25%{left:300px;top:0;} */
	/* 75%{top:200px;left:300px;} */
	100%{text-decoration:none;}
}


section {
	position:relative;
	display:block;
	width:800px;
	left:50%;
	margin-left:-560px;
}

/* section:target { */
	/* display:block; */
	/* width:800px; */
	/* left:50%; */
	/* margin-left:-560px; */
/* } */

.fiche {
	position:absolute;
	width:300px;
	padding:5px;
	background:white;
}

.fiche p {
	color:black;
	font-size:28px;
	margin-top:0;
}

.fiche img {
	width:290px;
	box-shadow:10px 10px 15px rgba(0,0,0,0.5);
}

.blanc {
	height:230px;
	top:50px;left:100px;
	z-index:1;
	-webkit-transform:rotate(-12deg);
	-moz-transform:rotate(-12deg);
	-o-transform:rotate(-12deg);
	transform:rotate(-12deg);
}

.jaune {
	height:230px;
	top:220px;left:400px;
	z-index:4;
	-webkit-transform:rotate(13deg);
	-moz-transform:rotate(13deg);
	-o-transform:rotate(13deg);
	transform:rotate(13deg);
}

.lila {
	height:230px;
	top:50px;left:700px;
	z-index:5;
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	transform:rotate(5deg);
}

.rose {
	height:230px;
	top:400px;left:120px;
	z-index:2;
	-webkit-transform:rotate(6deg);
	-moz-transform:rotate(6deg);
	-o-transform:rotate(6deg);
	transform:rotate(6deg);
}

.violet {
	height:230px;
	top:400px;left:650px;
	z-index:3;
	-webkit-transform:rotate(-7deg);
	-moz-transform:rotate(-7deg);
	-o-transform:rotate(-7deg);
	transform:rotate(-7deg);
}

.larose {
	height:230px;
	top:80px;left:400px;
	z-index:4;
	-webkit-transform:rotate(13deg);
	-moz-transform:rotate(13deg);
	-o-transform:rotate(13deg);
	transform:rotate(13deg);
}

.exception {
	height:230px;
	top:80px;left:400px;
	z-index:4;
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);
}

#cristal {
	/* background:blue; */
	position:absolute;
	top:400px;
	left:50%;
	margin-left:-80px;
	width:450px;
	font-size: 28px;
}

#cristal p {
	padding-top:0;
	margin-top:0;
	margin-bottom:15px;
}

#pate {
	text-decoration:underline;
}

#collection {
	/* background:blue; */
	position:absolute;
	top:950px;
	left:15%;
	width:70%;
	display:block;
	margin: 0 auto;
	font-size: 28px;
}

#collection p {
	line-height:24px;
}

#collection2 {
	/* background:blue; */
	position:absolute;
	top:750px;
	left:15%;
	width:70%;
	display:block;
	margin: 0 auto;
	font-size: 28px;
}

#collection2 p {
	line-height:24px;
}

#collection3 {
	/* background:blue; */
	position:absolute;
	top:650px;
	left:15%;
	width:70%;
	display:block;
	margin: 0 auto;
	font-size: 28px;
}

#collection3 p {
	line-height:24px;
}
