/* 
myStyle
*/

.gallerythumb-120x90 {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	position: relative;
}
.gallerythumb-120x90 ul {
	position: relative;
	width: 120px;
	height: 90px;
}
.gallerythumb-120x90 li {
	margin: 5px;	/* espacement entre les thumbs */
	padding: 5px;
	float: left;
	position: relative;
	width: 120px;
	height: 90px;
}
.gallerythumb-120x90 img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallerythumb-120x90 span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 2px;
	right: 2px;
}
.gallerythumb-120x90 .favorite {
	background: url(../img/site/favorite.gif) no-repeat;
}
.gallerythumb-120x90 .photo {
	background: url(../img/site/photo.gif) no-repeat;
}
.gallerythumb-120x90 .video {
	background: url(../img/site/video.gif) no-repeat;
}
.gallerythumb-120x90 a {
	text-decoration: none;
}
.gallerythumb-120x90 a:hover img  {
	border-color: #666;
}
.gallerythumb-120x90 a:hover span {
	background-position: left -22px;
}

.video-100x75 {
	margin: 0px;
	position: relative;
	width: 100px;
	height: 75px;
	float: left;
}
.video-100x75 img {
	background: #fff;
	border: solid 0px #ccc;
	padding: 0px;
}
.video-100x75 span {
	width: 100px;
	height: 75px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/site/mask_movie01_100x75_out.png) no-repeat;
}
.video-100x75 span:hover {
	background: url(../img/site/mask_movie01_100x75_over.png) no-repeat;
}
.video-100x75 a {
	text-decoration: none;
}

.video-320x240 {
	margin: 0px;
	position: relative;
	width: 320px;
	height: 240px;
	float: left;
}
.video-320x240 img {
	background: #fff;
	border: solid 0px #ccc;
	padding: 0px;
}
.video-320x240 span {
	width: 320px;
	height: 240px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/site/mask_movie01_320x240_out.png) no-repeat;
}
.video-320x240 span:hover {
	background: url(../img/site/mask_movie01_320x240_over.png) no-repeat;
}
.video-320x240 a {
	text-decoration: none;
}

.photo-160x120 {
	margin: 0px;
	position: relative;
	width: 160px;
	height: 120px;
	float: left;
}
.photo-160x120 img {
	background: #fff;
	border: solid 0px #ccc;
	padding: 0px;
}
.photo-160x120 span {
	width: 160px;
	height: 120px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/site/mask_pic-cut-corner_160x120_out.png) no-repeat;
}
.photo-160x120 span:hover {
	background: url(../img/site/mask_pic-cut-corner_160x120_over.png) no-repeat;
}
.photo-160x120 a {
	text-decoration: none;
}

[if lt IE 7]>
.photo-160x120 span { behavior: url(data/css/iepngfix.htc); cursor: pointer; }
.video-100x75 span { behavior: url(data/css/iepngfix.htc); cursor: pointer; }
.video-320x240 span { behavior: url(data/css/iepngfix.htc); cursor: pointer; }
<![endif]
.nostyle {
}