body{
	background:linear-gradient(to bottom, #BD9EE6 0%, #2A2333 100%);
	margin: 0px;
	margin-top: -25px;
	padding: 0px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

header{
	background:linear-gradient(to bottom,  #2a3139 0%,#424a51 100%);
	height: 100px;
	margin: 0px;
	padding: 0px;
}

header h1{
	color: #FFF;
	font-size: 2em;
	line-height: 0em;
	padding-left: 150px;
	padding-top: 50px;
	
	
}

header p{
	color: #FFF;
	font-size: 1em;
	padding-left: 150px;
	line-height: 0.1em;
}

#cadre{
	width: 70%;
	height: 1100px;
	
	margin-left: 15%;
	padding: 15px;
	
	background: #727A81;
}


#cadre_haut{
	background: #D2DAE1;
	background-image:url(../../photos/notes33.png);
	width: 100%;
	height: 150px;

	border-radius: 8px 8px 0px 0px;
	
	text-align: center;
	
}

#cadre_haut img{
	height: 140px;
	margin: 5px 5px 5px 5px;
	
}

#cadre-galerie{
	width: 70%;
	height: 1550px;
	
	margin-left: 15%;
	padding: 15px;
	
	background: #727A81;
}

#menu-galerie a{
	padding: 20px;
}

nav{
	width: 100%;
	
}
nav ul{
	margin: 0px; 
	padding: 0px;
	overflow: hidden;
}
 
nav li {
	list-style-type: none;
	float: left;
	width: 19.15%;
	
	border-radius: 0px 0px 6px 6px;
	margin-right: 1.0625%; 
	text-align: center;
}
/* background des liens menus */
nav li:first-child{
	background-color: #BD9EE6;
	background-image:linear-gradient(to bottom, #BD9EE6 0%, #2A2333 100%);
}

nav li:nth-child(2){
	background-color: #F78CFA;
	background-image:linear-gradient(to bottom, #F78CFA 0%, #9F5AA1 100%);
}

nav li:nth-child(3){
	background-color: #F6AD1A;
	background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
}

nav li:nth-child(4){
	background-color: #F3F300;
	background-image:linear-gradient(to bottom, #F3F300 0%, #838300 100%);
}

nav li:last-child{
	background-color: #55FFFF;
	background-image:linear-gradient(to bottom, #55FFFF 0%, #42C8C8 100%);
	margin-right: 0px;
}


nav a{
	display: inline-block;
	text-decoration: none;
	padding: 10px;
	color: #FFF;
	
}

nav  a:hover {
	padding: 20px;
	color: #000;
}

h3{
    margin: 10px;
}

#titre_album{
	
	border-radius: 8px;
	background-color: #d4d4d4;
	padding: 5px 15px 5px 15px;
	margin: 15px;
	color: #000;
	font-size: 0.9em;
	text-align: justify;
}

#titre_album h1{
	
	color: #000;
	font-size: 1.2em;
	text-align: justify;	
}

#titre_album p{
	color: #000;
	font-size: 1em;
	
	text-align: justify;
}

#image img{
    width: 80%;
    height: auto;
    border: 0;
}

#vignettes img{
	width: 80%;
    height: auto;
    border: 0;
}