a img:hover {
	opacity:0.6;
}

.titreexpo1{
	color:#0000dc;
}

.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*/
} 

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

.cursor:hover {
opacity: 0.6;
}



@media screen and (max-width: 500px) {
.accroche img {
  width: 600px;
}
}



@media all and (min-width: 500px) and (max-width: 600px) {
.accroche img {
  width: 600px;
}

}



@media all and (min-width: 600px) and (max-width: 700px) {
.accroche img {
  width: 600px;
}

}

@media all and (min-width: 700px) and (max-width: 800px) {
.accroche img {
  width: 600px;
}

}


@media all and (min-width: 800px) and (max-width: 900px) {
.accroche img {
  width: 600px;
}

}

@media all and (min-width: 900px) and (max-width: 950px) {
.accroche img {
  width: 600px;
}

}


@media all and (min-width: 950px) and (max-width: 1000px) {
.accroche img {
  width: 600px;
}

}


@media all and (min-width: 1000px) and (max-width: 1050px) {
.accroche img {
  width: 650px;
}

}


@media all and (min-width: 1050px) and (max-width: 1100px) {
.accroche img {
  width: 700px;
}

}


@media all and (min-width: 1100px) and (max-width: 1150px) {
.accroche img {
  width: 750px;
}

}


@media all and (min-width: 1150px) and (max-width: 1200px) {
.accroche img {
  width: 800px;
}

}


@media all and (min-width: 1200px) and (max-width: 1250px) {
.accroche img {
  width: 850px;
}

}


@media all and (min-width: 1250px) and (max-width: 1300px) {
.accroche img {
  width: 900px;
}

}


@media all and (min-width: 1300px) and (max-width: 1350px) {
.accroche img {
  width: 950px;
}

}

@media all and (min-width: 1350px) and (max-width: 1400px) {
.accroche img {
  width: 1000px;
}

}


@media all and (min-width: 1400px) and (max-width: 1450px) {
.accroche img {
  width: 1050px;
}

}

@media all and (min-width: 1450px) and (max-width: 1500px) {
.accroche img {
  width: 1100px;
}

}

@media all and (min-width: 1500px) and (max-width: 1550px) {
.accroche img {
  width: 1150px;
}

}

@media all and (min-width: 1550px) and (max-width: 1600px) {
.accroche img {
  width: 1200px;
}

}

@media all and (min-width: 1600px) and (max-width: 1650px) {
.accroche img {
  width: 1200px;
}

}

@media all and (min-width: 1650px) and (max-width: 1700px) {
.accroche img {
  width: 1200px;
}

}

@media all and (min-width: 1700px) and (max-width: 1750px) {
.accroche img {
  width: 1350px;
}

}


@media all and (min-width: 1750px) and (max-width: 1800px) {
.accroche img {
  width: 1400px;
}

}

@media all and (min-width: 1800px) and (max-width: 1850px) {
.accroche img {
  width: 1400px;
}

}

@media all and (min-width: 1850px) and (max-width: 1900px) {
.accroche img {
  width: 1400px;
}

}

@media screen and (min-width: 1900px) {
.accroche img {
  width: 1400px;
}
}