﻿.souligne {
  text-decoration: cursor:zoom-in
}
 /*
cursor:zoom-in
cursor:crosshair
cursor:grab
cursor:help
cursor:cell
cursor:col-resize
cursor:move
cursor:pointer
cursor:not-allowed*/


.zoom:hover {
  cursor: zoom-in;
}

.ombre {
    filter:drop-shadow(3px 3px 5px #161616) /* droite - bas- flou autour - couleur */
    }
	

.ombre3 {
     border : 1px solid #000000;
     box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);
	 margin-left: 8px;
}


.ombre2 {
     border : 1px solid #000000;
     box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);

}


.flou:hover {
    filter:blur(2px)
}

.opaque:hover {
    filter:opacity(75%)
}


.posi {
  position: absolute;
  top: 150px;
  left: 200px;
}


/*taille image et position */
.arrondi
{
	width: 150px;
	height: 188px;
	cursor: pointer;
	border-radius:15px;/*taille de l'arrondi */
	background: #444;
	padding:1px;/*épaisseur contour*/
	cursor:pointer;
	box-shadow: 5px 5px 10px #aaa; /*épaisseur ombre*/
	margin-bottom:0px;
	margin-right:8px
}


.arrondi2
{
	width: 260px;
	height: 188px;
	margin: 20px;
	cursor: pointer;
	border-radius:15px;/*taille de l'arrondi */
	background: #444;
	padding:1px;/*épaisseur contour*/
	cursor:pointer;
	box-shadow: 5px 5px 10px #aaa; /*épaisseur ombre*/
}



.arrondi3
{
	width: 200px;
	height: 188px;
	margin: 20px;
	cursor: pointer;
	border-radius:25px;/*taille de l'arrondi */
	background: #444;
	padding:1px;/*épaisseur contour*/
	cursor:pointer;
	box-shadow: 5px 5px 10px #aaa; /*épaisseur ombre*/
}




.arrondi4
{
	width: 200px;
	height: 188px;
	cursor: pointer;
	border-radius:15px;/*taille de l'arrondi */
	background: #444;
	padding:1px;/*épaisseur contour*/
	cursor:pointer;
	box-shadow: 5px 5px 10px #aaa; /*épaisseur ombre*/
	margin-bottom:0px;
	margin-right:10px
}


.arrondiactu
{
	width: 300px;
	height: 40px;
	cursor: pointer;
	border-radius:15px;/*taille de l'arrondi */
	background: #444;
	padding:1px;/*épaisseur contour*/
	cursor:pointer;
	box-shadow: 5px 5px 8px #000; /*épaisseur ombre*/
	margin-bottom:0px;
	margin-right:10px
}
.arrondi:hover
{
	text-align: left;	/*margin-left:120px; éplacement à droite
	margin-bottom:120px;*/
}


.placv10:hover
{
	/*margin-left:120px; éplacement à droite*/
	margin-top:55px;
}



.zoom:hover {
  cursor: zoom-in;
}

.bordure {
border : 2px solid #000000;
}


.ombre3 {
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.ombre3:hover {
     border : 1px solid #000000;
     box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);
	 /*margin-top:-25px;*/
}


.transform {
     -webkit-transition: all 0.s;
     -moz-transition: all 0.s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.5s;
}
.transform:hover {
	/*scale(2, 0.5); H et V
	transform: translate(20px, 10px);*/
	 transform:scale(250%);
    transform-origin: top left;	
}


.transform2 {
     -webkit-transition: all 0.s;
     -moz-transition: all 0.s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.5s;
}
.transform2:hover {
	/*scale(2, 0.5); H et V
	transform: translate(20px, 10px);*/
	 transform:scale(250%);
    transform-origin: top right;	
}
