﻿.photos{cursor:pointer;}

/* Glisse: Overlay */
#glisse-overlay {
  background: rgba(0,0,0.3);}

#glisse-close {
/*  height: 40px;
  width: 40px;
  text-align: center;
  position: fixed;
  top:40px;
  right:40px;
  background-image:url("../../img/close.png");*/
    background-size:100%;
    background-image:url("../img/close.png");
    width:20px;
    height:28px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:50px;
    right:10%;
}

/*my photo*/
.myphotos:hover{
    
//box-shadow: -7px 0 10px #555;  
    //transform: rotate(-5deg);  
    opacity:0.5;

}
.myphotos{
 margin-top:2px;
 margin-right:2px;
 margin-bottom:0px;
 margin-left:2px;
}
/*.myphotos active{
 border-image: 1px;
 border-color: #000;
}*/
.acceuilphotos:hover {
    
 opacity:0.5;
   
}
.divacceuilphoto{
    
    //height:auto;
	//overflow: hidden;
	//top:0px;
	//left:0px;
	//width: 100%; 
       margin-top:0%;
       margin-right:0px;
       //margin-bottom:2em;
       margin-left:11%;

        //position: relative;
        //align:center;
    /* text–align: center;pour aligner au centre*/

}
.acceuilphotos{
    
 //margin:0px 10px 0px 0px;
max-width: 100%;
}
/* Prev/Next button */
.glisse-next a, .glisse-prev a {
  width: 20px;
  height: 26px;
  display: block;
  position: absolute;
  //bottom: 10px;
  //background:green
}

.glisse-next a {
  position:absolute;
      top:50%;
      right:10%;
  //margin-left: 20px; 
  background-image:url("../img/next.png");
}
.glisse-prev a {
  
    position:absolute;
      top:50%;
      left:10%;
  //left: 50%;
  //margin-left: -40px; 
  background-image:url("../img/prev.png");
}
.rubrique{
    
    position:relative;
    
    left:75%;
    
}
/* Legend */
.glisse-legend {
  position:fixed;
  display:block;
  bottom:5.5%;
  left:10%;
right: 10%;
  color:black;
  font-family: 'Shadows Into Light Two', cursive;
//background:blue; 
}

figure {
   float :left;
   //width : auto;
   display :block;
   padding : 6px;
   background : white; 
   margin : 0 11px 0px 0;
   //border :solid 1px #888888; 
   border-radius : 8px ;
   -moz-border-radius : 8px ;
   -webkit-border-radius : 8px ;
}

figcaption {
   font-size : 1.4em;
   padding : 6px 8px;
    //width : auto;
   //background : #dddddd; 
   //display :block;
   text-align :left;
   font-family: 'Shadows Into Light Two', cursive;
   //font-style : italic;
/*   border-radius : 0 0 7px 7px ;
   -moz-border-radius : 0 0 7px 7px ;
   -webkit-border-radius : 0 0 7px 7px ;*/
}
