body {
    width:100%;
    background-color : rgba(050, 100, 150, 0.2);
}

h1 {
    size : 48;
    text-align: center;
}


div.img {
    margin: 2px;
    border: 1px solid #ccc;
    float: left;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    image-orientation: flip;
}


div.img:hover {
    border: 1px solid #077;
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
div.desc {
    padding: 15px;
    text-align: center;
}

div.nom {
    padding: 15px;
    text-align: center;
}

div.img img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 2px;
    image-orientation: flip;

}




div#clic p { display:none;}
div#clic:hover p{display:block;}



div.references {
    margin: 5px; 
    padding: 15px;
    background-color : rgba(100, 140, 186, 0.2);
    border: 1px solid #077;
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.licone  {
width:32px;
height:32px;
border:0;
}

a.lhome {
    position: absolute;
    left: 1%;
}


a.lqui {
    position: absolute;
    left :25%;
}


a.lou {
    position: absolute;
    left :30%;
}

a.lans {
    position: absolute;
    left :35%;
}

a.lssref {
    position: absolute;
    left :45%;
}
a.lttphotos {
    position: absolute;
    left :50%;
}
a.lupload {
    position: absolute;
    left :70%;
}
a.lparam {
    position: absolute;
    left :80%;
}
a.llogout {
    position: absolute;
    left :90%;
}
a.lversion {
    position: absolute;
    left :95%;
}
.references a p {display:none;}
.references a:hover p {display:block;}
.pagination a p {display:none;}
.pagination a:hover p {display:block;}

div.pagination {
    margin: 5 px;
    width: 100%;
    height : 200 px;
    margin-top :2 px ;
   
}

div.nomPhoto {
  
}