/* survol photo styles */


.survol {
        position: relative;
        padding: 0;
        width: 300px;
        display: block;
        cursor: pointer;
        overflow: hidden;
      }
      .content {
/*niveau de la transparence d'un élément*/		  
        opacity: 0;
        font-size: 40px;
        position: absolute;
        top: 0;
        left: 0;
		/*couleur du texte qui défile*/
        color: black;
        background-color: rgba(200, 200, 200, 0.5);
        width: 300px;
        height: 345px;
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        -ms-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
        text-align: center;
      }
      .survol .content:hover {
        opacity: 1;
      }
      .survol .content .text {
        height: 0;
        opacity: 1;
/*a première spécifie le procès de début et la deuxième spécifie le temps pris du texte pour déplacer d'en haut à bas.*/		
        transition-delay: 0s;
        transition-duration: 3s;
      }
      .survol .content:hover .text {
        opacity: 1;
        transform: translateY(220px);
        -webkit-transform: translateY(220px);
      }