@charset "utf-8";

/* ============================================================================ */
/*   Elements et classe de galerie.php              					        */

.galerie_planche {
	display: flex; /* permet que hauteur de la div = pos Y du dernier element enfant de la div. */
	flex-wrap: wrap;
	justify-content: center;
	border:0px solid blue;
        /*
        box-sizing: content-box;
	 margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px; */
	padding-bottom: 15px;
}
.galerie_planche h1 { margin:10px 0 15px 0; width:100%;}


.galerie_vig { 
    display:inline-block; position:relative;
    float: left; 
}
 
.galerie_vig_fr, .galerie_vigpano_fr {
  display: table-cell;  
  border:0px solid #444444; 
  background-color: #FEFEFE; 
  width: 290px;
  height:270px; 
  text-align: center;  
  vertical-align: middle;
}

.galerie_vigpano_fr {
  width: 592px;  
}

.galerie_vig_fr img,.galerie_vigpano_fr img {
  border:1px solid #AAAAAA; 
  box-shadow: 3px 3px 6px #333333;
  }
.galerie_vig_fr img:hover,.galerie_vigpano_fr img:hover {
	box-shadow: -2px -2px 6px #333333;
 } 
  
.galerie_vig_fr font,.galerie_vigpano_fr font {
	border:0px solid white; 
	font-family: Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
}

.galerie_vig2,.galerie_vigvideo {
	display:inline-block;  /* WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW */
	position:relative; 
	box-shadow: 0px 0px 30px #AAA;
	/* border: 1px solid #777777; border-radius: 4px; */
	margin:1%; 
	font-family: Verdana, sans-serif;
	/* background-color: #303030; */
    /* background: url(/images/fond_6-clair.jpg); background-size: cover;  */
    text-align:justify;
    vertical-align:top;
    overflow: hidden;
    padding: 20px;
}
/* .galerie_vig2 div { padding:20px 0 10px 0;}  pour permettre la selection en couleur inverse de toute la div galerie_vig2 lors du hover à la souris */

.galerie_vigvideo div	{ padding:8px; display:block; vertical-align:top;   }

.galerie_vig2:hover  { border:2px solid #F7F7F7;  /* background:none; background-color: #FEFEFE; color: #202020; */ } 
/*.ln_galerie_vig2:hover   { color: #FFFFFF; } */


.ln_galerie_vig2  { text-decoration:none;   }

.galerie_vig2_cont { position: relative;  text-align: center;    } /* container pour l'img dasn la presentation des galeries */

/* .galerie_vig2_cont img:hover  { width:130%; margin-top:-15%;margin-left:-15%;} */
.galerie_vig2_txt  { position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  }

.galerie_vigvideo a { margin-top:5px; display:inline-block;}

.galerie_vigimg, .galerie_vigimg_pano {
    display:block;
    margin: auto;
    width:100%;
    transition: transform .4s;
  }
 .galerie_vig2_pano img {
     max-width:1300px;      
 }
  
/*  .galerie_vig_img est utilisé par contre en javascript pour le drag&drop de l'image  */  
.galerie_video {
	border:1px solid #AAAAAA; 
	box-shadow: 3px 3px 6px #333333;
	float:left;
	margin-right:20px;
	margin-bottom:0px;
	width:286px;
  }
 .ln_video {
  border: 1px solid #888888;
  padding: 3px 10px;
  margin: 3px 3px 3px 20px;
  text-decoration: none; 
  border-radius: 3px;
} 
  
  
 .galerie_vig2 p,.galerie_vigvideo p {
 font-size: 0.85em; 
 margin-bottom:0px;
 text-decoration:none;
 }
 
 
.galerie_vig2 h2 {
	margin-bottom:0px;
        margin-top:10px;
	text-align:center;
        color:white;
	font-size: 1.5em;
	display:block;     /* inline; */
        font-family: Inter;
        font-weight: normal;
}	

.bt_motscles {
    border:0px;
}
.bt_motscles a {
    display:inline-block; 
    text-decoration:none;
    background-color: #68B6DB;
    color:#FFFFFF;  
    width:50%;padding: 10px; 
    border:1px solid;
    font-weight:bold; 
    box-shadow: 2px 2px 4px #888888;
}
 .bt_motscles a:hover    {  background-color: #FFFFFF; color:#4F8AA6; text-decoration:underline;}
 
 .bt_motcle_filtre {
  display: inline-block;
  background-color: #565656;
  color: #FEFEFE;
  border: 1px solid #666666;
  padding: 4px 6px 4px 10px;
  text-align: center;
  font-weight: bold;
  font-family: Arial;
  font-size: 1em;
  text-decoration: none;
  margin: 4px; 
  border-radius:20px;
}
.bt_motcle_filtre span {
    display:inline-block;
    width:1.4rem;
    height:1.4rem;
    vertical-align: middle;
    margin-left:6px;
    cursor:pointer;
    background-image: url('/images/bt_suppr.png'); background-size:cover;
}
.bt_motcle_filtre span:hover {
    background-image: url('/images/bt_suppr_hover.png'); background-size:cover;
}