.legende {
    opacity: 0; /*pour qu'on ne le voit pas, tant que ce n'est pas survollé*/
	align : center;
    transition: all 0.6s ease; /*temps d'apparition au survol*/
}

.survol:hover .legende {
    opacity: 0.9; /*opicité du fond lorsqu'il apparaît, si y a 0.9 c'est qu'il est un peu transparent*/
} 

.container {
    display: inline-block;
    position: relative;
	
}

.container .text {
    background: #0000DC;
    z-index: 1;
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    color: #F5F5F5;
    width: 100%;
	height: 100%;
	opacity:0.95;
	display:none;
}

.container:hover .text {
	display: block;
	cursor:pointer;
}

.titre p {
	font-size: 11pt;
	color: #F5F5F5;
	margin-top: 50px;
}

.titreoeuvre {
	font-size: 14pt;
	font-weight: bold;
}

.cursor {
cursor: url("images/pt/detail.png"), pointer;	
}

@font-face {
font-family: 'garamond';
src: url('EB-Garamond/static/EBGaramond-Bold.ttf');
font-weight: normal;
font-style: normal;
}

.garamond {
font-family: 'garamond';
font-size: 11pt;
color: black;
letter-spacing: 0.1em;

}

@media all and (max-width: 1000px) {

}

@media all and (min-width: 900px) {

.allover {
	top:390;
}
}

@media all and (max-width: 650px) {

.menu_ordi {
	display: none;
	position: relative;
}
}

@media all and (min-width: 650px) {

.menu_mobile {
	display: none;
	position: relative;
	top: 250;
}
}