a img {border: none;}

img {margin : 0; padding : 0; border : none;}

#listPhoto {
height : 100%;
overflow : hidden;
background-color : #bbbbbb;
}

#breadscrumb {
height : 20px;
width : 100%;
clear : both;
}

.photo {
float : left;
border : 5px solid white;
width : 150px; 
height : 150px; 
margin : 5px;
-webkit-transition : -webkit-transform .3s ease-in-out;
-moz-transition : -moz-transform .3s ease-in-out;
}

.photo:hover {
-webkit-transform : scale(1.1);
-moz-transform : scale(1.1);
}

.album {
float : left;
width : 160px; 
height : 160px; 
margin : 5px;
}

.imgPhoto {
min-width : 150px;
min-height : 150px;
width : 150px; 
height : 150px;
overflow : hidden;
}

.titlePhoto {
position : relative;
top : -22px;
border-top : 4px solid white;
background-image : url(includes/data/img/cadre/background_exif.png);
height : 16px;
font-size : 10px;
font-family : verdana;
overflow : hidden;
width : 150px;
opacity : 0;
-webkit-transition : opacity .3s ease-in-out;
-moz-transition : opacity .3s ease-in-out;
}

.photo:hover>.titlePhoto {
 opacity : 1;
}

.navigatorButton {
height : 100%; 
width : 20px; 
background-color : #bbbbbb;
background-position : center; 
background-repeat : no-repeat;
}

#navigatorButtonLeftOff {
float : left;
background-image : url(includes/data/img/no-prev.png); 
}

#navigatorButtonLeftOn {
float : left;
background-image : url(includes/data/img/prev.png); 
cursor : pointer;
}

#navigatorButtonRightOff {
float : right;
background-image : url(includes/data/img/no-next.png); 
}

#navigatorButtonRightOn {
float : right;
background-image : url(includes/data/img/next.png); 
cursor : pointer;
}

#nextImg {
float : right;
width : 40px;
height : 40px;
background-image : url(includes/data/img/next-img.png); 
background-repeat : no-repeat;
background-position : center;
z-index : 1;
cursor : pointer;
}

#prevImg {
float : left;
width : 40px;
height : 40px;
background-image : url(includes/data/img/prev-img.png); 
background-repeat : no-repeat;
background-position : center;
z-index : 1;
cursor : pointer;
}

#closeImg {
position : absolute;
width : 40px;
height : 40px;
background-image : url(includes/data/img/close-img.png);
background-repeat : no-repeat;
background-position : center;
z-index : 1;
top : 0;
left : 100%;
margin-left : -40px;
}

#navigationBar {
position : absolute;
height : 40px;
margin-top : -20px;
top : 50%;
}

#exifDiv {
position : absolute;
height : 80px;
overflow : hidden;
padding : 0 0 0 10px;
border-top : 10px solid white;
background-image : url(includes/data/img/cadre/background_exif.png);
z-index : 1; 
font-family : sans-serif; 
font-size : 10px;
color : black;
overflow : hidden;
}

#photoDiv {
position : absolute;
background-color : black;
border : 15px solid white;
background-image : url(includes/data/img/ajax-loader.gif);
background-position : center;
background-repeat : no-repeat;
}

.albumPhotoThumbnail {
position : absolute;
width : 120px;
height : 120px;
border : 4px solid white;
margin : 11px 11px;
-webkit-transition: -webkit-transform .5s ease-in-out;
-moz-transition: -moz-transform .5s ease-in-out;
}

.albumPhotoThumbnail:nth-of-type(7) {
  -webkit-transform: rotate(-9deg);
  -moz-transform: rotate(-9deg);
}
.albumPhotoThumbnail:nth-of-type(1) {
  -webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
}
.albumPhotoThumbnail:nth-of-type(2) {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
}
.albumPhotoThumbnail:nth-of-type(3) {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
}
.albumPhotoThumbnail:nth-of-type(4) {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
}
.albumPhotoThumbnail:nth-of-type(5) {
  -webkit-transform: rotate(-9deg);
  -moz-transform: rotate(-9deg);
}
.albumPhotoThumbnail:nth-of-type(6) {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
}

.album:hover .albumPhotoThumbnail:nth-of-type(7) {
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
}

.album:hover .albumPhotoThumbnail:nth-of-type(1) {
  -webkit-transform: rotate(-9deg);
  -moz-transform: rotate(-9deg);
}

.album:hover .albumPhotoThumbnail:nth-of-type(2) {
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
}
.album:hover .albumPhotoThumbnail:nth-of-type(3) {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
}
.album:hover .albumPhotoThumbnail:nth-of-type(4) {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
}
.album:hover .albumPhotoThumbnail:nth-of-type(5) {
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
}
.album:hover .albumPhotoThumbnail:nth-of-type(6) {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
}

#control {
	 position : absolute;
	 top : 0;
	 left : 0;
	 width : 100%;
	 height : 100%;
	 opacity : 0;
	 -webkit-transition : opacity 1s ease-in-out;
	 -moz-transition : opacity 1s ease-in-out;
	 background-position : center;
	 background-repeat : no-repeat;
}

#control:hover {
opacity : 1;
}

#containerPage {
  overflow : hidden;
}