/* CORSAIRE Production */
/*   Page index.html   */
/*     Fichier CSS     */
/*      Août 2016      */
/*      Par  Stef      */

/*      effet de base      */
#effet  img{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
 
#effet  img:hover{
	opacity: 0.5;
    -webkit-transform:scale(1.25) rotate(-20deg); /* Safari and Chrome */
    -moz-transform:scale(1.25) rotate(-20deg); /* Firefox */
    -ms-transform:scale(1.25) rotate(-20deg); /* IE 9 */
    -o-transform:scale(1.25) rotate(-20deg); /* Opera */
     transform:scale(1.25) rotate(-20deg);
}




/*      effet A : coté gauche     */
#effetA  img{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
 
#effetA  img:hover{
	opacity: 0.5;
    -webkit-transform:scale(1.25) rotate(-20deg); /* Safari and Chrome */
    -moz-transform:scale(1.25) rotate(-20deg); /* Firefox */
    -ms-transform:scale(1.25) rotate(-20deg); /* IE 9 */
    -o-transform:scale(1.25) rotate(-20deg); /* Opera */
     transform:scale(1.25) rotate(-20deg);
}

/*      effet : Centre      */
#effetcentre  img{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
 
#effetcentre  img:hover{
	opacity: 0.5;
    -webkit-transform:scale(1.25,1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25,1.25); /* Firefox */
    -ms-transform:scale(1.25,1.25); /* IE 9 */
    -o-transform:scale(1.25,1.25); /* Opera */
     transform:scale(1.25,1.25);
}

/*      effet B : coté droite    */
#effetB  img{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
 
#effetB  img:hover{
	opacity: 0.5;
    -webkit-transform:scale(1.25) rotate(+20deg); /* Safari and Chrome */
    -moz-transform:scale(1.25) rotate(+20deg); /* Firefox */
    -ms-transform:scale(1.25) rotate(+20deg); /* IE 9 */
    -o-transform:scale(1.25) rotate(+20deg); /* Opera */
     transform:scale(1.25) rotate(+20deg);
}









/*      effet num. modèle      */

#effetmodele  img{
  -webkit-transition:-webkit-transform .9s; // Chrome Safari
  -moz-transition:-moz-transform .9s;       // Mozilla
  -o-transition:-o-transform .9s;           // Opéra
  -ms-transition:-ms-transform .9s;         // IE
  transition:transform .9s;
}
 
#effetmodele  img:hover{
  -webkit-transform:rotate(-20deg); 
  -moz-transform:rotate(-20deg);
  -o-transform:rotate(-20deg); 
  -ms-transform:rotate(-20deg); 
  transform:rotate(-20deg);
}