.link { font-family: Arial; color: #f5f3f4; text-decoration: none; }
.link:hover { font-family: Arial; color: #D6B362; text-decoration: underline; }
.legende{background-color:#FFFFFF;; font-family:Arial; font-size:11px; color:#000000; width:120px; padding-left:5px;  padding-right:5px;}
.legende_diap{ font-family:Arial; font-size:11px; color:#; padding-left:5px;  padding-right:5px;max-width:100%;}
.album_page{width:auto; background-color:#272727;}
.album_nav{display:table; width:99%;background-color:#272727;;min-width:120px; margin:0px;padding:3px 3px 2px 3px;}
.album_nav_l{width:10%;float:left;text-align:left;}
.album_nav_c{width:80%;float:left;text-align:center;white-space:nowrap;font-family:Arial;color:#FFFFFF;}
.album_nav_r{width:10%;float:left;text-align:right;}
.album_cadre{display:table; width:auto;min-width:120px;color:#FFFFFF;}

.thumbnail{
	display:table-column;
	padding: 3px 3px 8px 3px;
	background-color: #000000;
	border: 1px solid #000000;
	float:left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.legende_thumbnail{max-width:120px; text-align:justify;color:#;}
.img_tn{width:120px;}
.masq {width:120px; height:70px;overflow:hidden;}
.galdiv {background-color:#272727; ; width:100%;}
.alaligne{clear:left;}

/* SMARTPHONE */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio:2)
{
.album_page,.galdiv {min-width:320px;max-width:640px; width:auto;margin:auto;}
.album_cadre{display:block; width:auto; margin:auto;}
.thumbnail{clear: both; display:list-item}
.masq,.img_tn{min-width:180px; max-width:340px; min-height:100px;max-height:200px; width:auto;height:auto;}
.album_nav_c{font-size:11px}
#lightbox{display:none}
#overlay{display:none}
}