@charset "utf-8";

/* =========================================================================================================== */
/* =====================       Elements et classe pour affichage photo plein cadre  ========================== */

#id_bigimg_fond {
    position: fixed;
    background-color: black;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    opacity: 0.90;
    display:none;
    z-index:90;
} 

#id_bigimg_cadre {
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
    position: fixed;
    display:none;
    text-align:center;
    z-index:91;
}

#id_bigimg_img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 90%;  /* pas 100% pour pouvoir voir la légende   */
    max-width: 95%;   /* pour laisser un espace à gauche et droite par rapport aux bords du navigateur */
    cursor: zoom-out;
    z-index:92;
    touch-action: none; /* sinon pb sur evenement tactile pour slide et pointerup */
   }

#id_bigimg_loading {
    position: absolute;
    display:none;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:93;  /* superieur à #id_bigimg_img */
    border-radius: 8px;
   }
   
#id_bigimg_legende {
    display: inline-block;
    position:fixed;
    top:0px;
    margin-top:4px;
    z-index:99;
    }
    
.bigimg_btnav  {
    width:48px;
    height:48px;
    position:fixed;
    top: 0; left:0;
    z-index:99;
    margin:5px;    
    }
#id_bigimg_bt_prev          { background: url('/images/back_48.png');  }
#id_bigimg_bt_prev:hover    { background: url('/images/back2_48.png'); cursor: pointer;} 
#id_bigimg_bt_next          { background: url('/images/next_48.png');  } 
#id_bigimg_bt_next:hover    { background: url('/images/next2_48.png'); cursor: pointer;} 

#icone_facebook,#icone_twitter {
    position:fixed;
    top: 0; left:0;
    z-index:99;   
}

/*
html, body,#siteweb
    {
    height:100%;
    margin:0;
    padding:0;
    
    }
 */

#id_bigimg_close 	{  position:fixed; width:32px; height:32px; background: url('/images/img_close_32.png'); top: 0; left:0; z-index:99; margin:5px; }	
#id_bigimg_close:hover	{  cursor:pointer; background: url('/images/img_close_32hover.png'); }

#id_bigimg_fullscr_in           {  position:fixed; width:32px; height:32px; background: url('/images/fullscreen_in_32.png'); top: 0; left:0; z-index:99; margin:5px; }
#id_bigimg_fullscr_in:hover	{  cursor:pointer; background: url('/images/fullscreen_in_32hover.png'); }
#id_bigimg_fullscr_close        {  display:none; position:fixed; width:32px; height:32px; background: url('/images/fullscreen_close_32.png'); top: 0; left:0; z-index:99; margin:5px; }
#id_bigimg_fullscr_close:hover	{  cursor:pointer; background: url('/images/fullscreen_close_32hover.png'); }
#id_bigimg_boutique           {  position:fixed; width:32px; height:32px; background: url('/images/fullscreen_btq_32.png'); top: 0; left:0; z-index:99; margin:5px; }
#id_bigimg_boutique:hover	{  cursor:pointer; background: url('/images/fullscreen_btq_32hover.png'); }


/* ===> pour l'affichage du cadre photo      
.fr_photo {
  position:absolute;
  top: 1px;
  left: 1px;

  width:100%;
  height: 100%;
  border:1px solid #777777;
  background-color: rgba(51, 51, 51, 0.98); 
  visibility: hidden;
  text-align: center;
  font-style: italic;
  color:#FEFEFE;
  font-size:1.1em;
}

#fr_photo2 {
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-size:0.8em;
}
	
	
.fr_photo_leg {
  font-style: normal;
  font-weight: bold;
}

.fr_photo_img {
border: 2px solid #AAAAAA;
margin-left:auto;      
margin-right:auto;     
margin-top:auto;
margin-bottom:auto;
box-shadow: 5px 5px 10px #777777;
visibility:hidden;

}

#fr_photo_load {
  position:absolute;	
}


.fr_photo_nav {
	width:48px;
	height:48px;
	position:absolute;
}
#bt_prev    	 { background: url(/images/back_48.png); }  
#bt_prev:hover   { background: url(/images/back2_48.png); cursor: pointer;} 
#bt_next     	 { background: url(/images/next_48.png); } 
#bt_next:hover   { background: url(/images/next2_48.png); cursor: pointer;} 

*/