@font-face {
    font-family: 'capsuularegular';
    src: url('font/Capsuula-webfont.eot');
    src: url('font/Capsuula-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Capsuula-webfont.woff') format('woff'),
         url('font/Capsuula-webfont.ttf') format('truetype'),
         url('font/Capsuula-webfont.svg#capsuularegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
a{
    color:black;
	text-decoration:none;
    
}
a:hover{
	
	border-width:1px;
	border-color:#6699cc;
}
body{
	font-family:'capsuularegular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-align:center;
	//background: url(cover5.jpg) 50% 50% no-repeat fixed;
	//background-size: cover;
	background-image: url(cover.jpg);
  		
		padding-top:20px;
		//background-repeat:no-repeat;

}
.bio{
    text-align:left;
    display:solid;
    width:580px;
    height:500px;
    border-style:none solid none solid;
    border-width:1px;
    border-color:#6699cc;
    padding:0px 15px 0px 15px;
    overflow:auto 
}
.btn{
    display:solid;
    border-width:1px;
    border-style:none none solid none;
	border-color:#6699cc;
    padding:1px 5px 0px 5px;
    
}
.btn:hover{
  
    border-style:none solid none solid;
    cursor:pointer;
}
.photos{
    text-align:left;
    display:solid;
    width:580px;
    height:540px;
    border-style:none solid none solid;
    border-width:1px;
    border-color:#6699cc;
    padding:0px 15px 0px 15px;
    overflow:auto 
}
.bio_titre{
    font-size:1.2em;
    padding-bottom:5px;
    color:#6699cc;  
}
.bio_signature{
    padding-left:450px;

}
.choix_img{
   
    padding:6px;
    box-shadow: 1px 1px 6px #aaa;
    border:solid 1px;
    border-color:#6699cc;
    border-radius:15px;
    cursor:pointer;
    margin:5px;
}
#contenu{
	
	margin:auto;
	display:block;
	border:solid 1px;
	width:900px;
	height:650px;
	padding:15px 5px 5px 5px;
	background-color:rgba(255,255,255,0.8);
	box-shadow: 5px 5px 15px #aaa;
	
}
.debut{
    margin:auto;
	display:block;
	width:450px;
	padding:15px 5px 15px 5px;
    border-style:none solid ;
    border-width:1px;
    border-color:#6699cc;
    text-align:left;  
    
}
.copyright{
    padding:7px;
    color:#6699cc;
    font-size:0.9em;
}
.copyright a{
	color:#6699cc;
}
	
.btn_menu{
	border-style:none none solid none;
	border-width:1px;
	border-color:#6699cc;
	padding:0px 10px 5px 10px;
}
.btn_menu:hover{	
	border-style:none solid none solid;
	cursor:pointer;
	
}
.btn_menu_actif{
	border-width:2px;	
	border-color:#6699cc;
	border-style:none solid none solid;
	padding:0px 10px 5px 10px;
	cursor:pointer;
	
}



#dowloadPochette:hover{
    border-style:none none solid none;
	border-width:1px;
	border-color:#6699cc;
    cursor:pointer;
    
}
.menu1{
	padding-bottom:50px;
	
}
#principale{
	display:inline-block;
	width:670px;
	vertical-align:top;
	

}

#ecoute{
	display:inline-block;
	width:200px;
	vertical-align:top;
	text-align:left;
	
	
}
.btn_like{
	display:block;
	position:absolute;
}
#infoLecture{
    color:#6699cc;
    display:solid;
    display:block;
    text-align:center;
    padding:5px;
	background-color:rgba(110,110,110,0.9);


	box-shadow: 5px 5px 15px #aaa;
	color:#6699cc;
    
}
li{
    padding-bottom:5px;
}
.listeEcoute{
	display:block;
	width:195px;
   
	border-color:#6699cc;
	border-width:2px;
    border-style:none none solid none;
	padding:2px;
	margin-bottom:5px;
	cursor:pointer;
	
}
.listeEcoute:hover{
    background-color:#6699cc;

}
.paroles_titre{
    display:solid;
    font-size:1.2em;
    padding-bottom:5px;
    color:#6699cc;
       
}
.paroles_titre:hover{
    cursor:pointer;
    
	
    
}
#photos_visioneuse{
    display:solid;
    height:340px;
    background-color:rgba(110,110,110,0.1);
    box-shadow: 1px 1px 6px #aaa;
    text-align:center;
    padding:10px;
}
#photos_miniature{
    padding-top:10px;
    
}