/*!
 * INFLUENCE v0.1
 *
 * License information: .......
 *
 */







/*!=== style fenetre Zoomify  === */
.ZMFy {
	height:calc(100% - 35px);
	margin:auto; 
	border:1px solid #3F3F3F;
	background-color:#262626;
}

/*!=== style legende Zoomify  === */
.tab2 {
	width:100%;
	line-height: 0.2em;
	vertical-align:middle;
	margin-left:auto; margin-right:auto;
	padding: 3px 5px 0;
}



/*!=== Zoom image en survol ===
 *	 <style>.MiniaturePS {width: 137px; height: 112px;}</style>			<<<< exemple
 *   <div class="hover01"><div class="MiniaturePS" style=""><figure><img class="MiniaturePS" src="http://image.jpg" alt="" /></figure></div></div>
*/
figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
}


/*!=== Boite d'aide FancyBox3 avec bouton Bootstrap===
 *	<a data-fancybox data-src="#Nom_id" href="javascript:;">Message</a>     lien pour boite
 * <div style="display: none;" id="Nom_id" class="BoxF1-container">
 * 		<div class="BoxF1-title">LE TITRE</div>
 *		<div class="BoxF1-body">TEXTE		</div>
 * </div>
 * <div class="BoxF1-footer"><a rel="nofollow" rel="noreferrer"href="javascript:;" class="btn btn-primary" data-fancybox-close>FERMER</a></div>
*/

/** Petite boite d'aide **/

	.BoxF1-container {
	  max-width: 500px;
	  padding: 0;
	  margin: 0;
	  border-radius: .3em;
	  box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
	}
	.BoxF1-title {
	  font-weight: 700;
	  padding: 1em 1em 0.5em 1em;
	  text-align: center;
	  color: #3F3F3F;
	}
	.BoxF1-body {
	  max-height: 50vh;
	  padding: 0 1.5em 0 1.5em;
	  overflow-y: auto;
	  color: #5F5F5F;
	}
	.BoxF1-footer {
	  padding: 1.5em;
	  text-align: right;
	}
	p:first-child {
	  margin-top: 0;
	}
	
/** === Effet de transition pour ouverture/fermeture slide Bootstrap === **/

	.fancybox-slide--complete .BoxF1-container {
		-webkit-animation: slide-down .216s;
		animation: slide-down .216s;
	}
	@-webkit-keyframes slide-down{
	  0% {
		margin-top: -3em;
		opacity: 0;
	  }
	  100%{
		margin-top: 0;
		opacity: 1;
	  }
	}
	@keyframes slide-down{
	  0% {
		margin-top: -3em;
		opacity: 0;
	  }
	  100% {
		margin-top: 0;
		opacity: 1;
	  }
	}




/* ==== menu déroulant Multi Niveau ==== */

#menuG
{
	position:relative;
	z-index: 999;    
	list-style: none;
	vertical-align:baseline;
}

#menuG li
{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}

#menuG a 
{
	float: left;
	height: 20px;
	padding: 3 0px;
	color: #78683c;
	text-decoration: none;

}

#menuG a:hover 
{
	color: #fff;
}



#menuG li:hover > ul
{
	display: block;
}

/* Sub-menu */

#menuG ul
{
    position: absolute;
    z-index: 1000;    
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    top: 35px;
    left: 0;

	background: rgb(251,252,253); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(251,252,253,1) 33%, rgba(238,241,242,1) 99%); 		/* 	FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(251,252,253,1) 33%,rgba(238,241,242,1) 99%); 		/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(251,252,253,1) 33%,rgba(238,241,242,1) 99%); 		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfd', endColorstr='#eef1f2',GradientType=0 ); 		/* IE6-9 */

    -moz-box-shadow: 0 0 2px rgba(92,90,46,1);
    -webkit-box-shadow: 0 0 2px rgba(92,90,46,1);
    box-shadow: 0 0 2px rgba(92,90,46,1);
    -moz-border-radius: 5px;
    border-radius: 5px;

}

#menuG ul ul
{
  top: 0;
  left: 170px;  
}

#menuG ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #e7e7e7, 0 1px 0 #e7e7e7;
    -webkit-box-shadow: 0 1px 0 #e7e7e7, 0 2px 0 #e7e7e7;
    box-shadow: 0 1px 0 #e7e7e7, 0 1px 0 #e7e7e7;
}

#menuG ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menuG ul a
{    
    padding: 10px;
	height: 10px;
	width: 150px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}

/* menuG1 : plus large */
#menuG1 ul {left: 290px;}
#menuG1 ul a {width: 270px;}
/* ------------------ */

*html #menuG ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menuG ul a /* IE7 */
{    
	height: 10px;
}

#menuG ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#e0c26d,  #C2A85E);	
	background: -webkit-gradient(linear, left top, left bottom, from(#e0c26d), to(#C2A85E));
	background: -webkit-linear-gradient(#e0c26d,  #C2A85E);
	background: -o-linear-gradient(#e0c26d,  #C2A85E);
	background: -ms-linear-gradient(#e0c26d,  #C2A85E);
	background: linear-gradient(#e0c26d,  #C2A85E);
}

#menuG ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menuG ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 8px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #b39b5a;
}

#menuG ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #b39b5a;
}

#menuG ul li:first-child a:hover:after
{
    border-bottom-color: #b39b5a; 
}

#menuG ul ul li:first-child a:hover:after
{
    border-right-color: #b39b5a; 
    border-bottom-color: transparent; 	
}


#menuG ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menuG:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menuG             { zoom: 1; } /* IE6 */
*:first-child+html #menuG { zoom: 1; } /* IE7 */