@import url("ImpactLabel/stylesheet.css");
/* Votre Style */

@font-face {
    font-family:'ImpactLabel';
    src: url(ImpactLabel.ttf);
    
    
}


html,body {color: rgb(51, 4, 2);
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue', sans-serif;
    line-height: 22px;    font-weight: 300;

width:100%;height:100% ;

}

#header {height:auto;}
 h1,h2 {color: rgb(167, 167, 167);
    
    font-weight: 300;

text-align: center;
letter-spacing:15px;
word-spacing: 0,9em;}



h2 {color: rgb(167, 167, 167);
    
    
font-variant: small-caps;

letter-spacing:1.1em;
word-spacing: 0,9em;}



#navigation{width:100%;
	margin:auto;
	text-align: center;
font-size: 1.3em;
	vertical-align:center;
}
#navigation .pam .case{display: inline-block;line-height: 1em;width: 7em;}

#navigation  .case a{
vertical-align: center;
    padding: 1px;
    text-decoration: none;
  background-color:;
}

#navigation a:hover {
	font-family: ImpactLabel;
	font-size: 1.3em;
	text-align: center;
	background-color: antiquewhite;
	-moz-box-shadow: 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;
	font-style: normal;/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/


}





#galeriephotos {	position:relative;
					margin:auto;
					text-align: center;
					font-size: 1.3em;margin bottom:1em;
					
	height:1400px;width:90%;
	background-color: bisue
}


#galeriephotos li{	display: inline-block;position: relative;top:0px;margin: 10px;
							height: 8em;
							width: 8em;
								background-color: alicblue;
}



#galeriephotos li a {display:block;
	width:8em;	height:8em;
    text-decoration: none;
  background-color;
-moz-box-shadow: 1px 4px 11px #000000;
-webkit-box-shadow: 1px 4px 11px #000000;
box-shadow: 1px 4px 11px #000000;
	


}



#galeriephotos li a:hover{display:block;
	position:absolute;z-index: 1;

overflow:hidden;
  background-color:yellowgren;
	
	
transition:All 0.4s ease;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.4s ease;

transform:  scale(2);
-webkit-transform:scale(2);
-moz-transform:  scale(2);
-o-transform: scale(2);
-ms-transform:  scale(2);
	
	
	border:none 3px #000000;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
	
}

#galeriephotos a img.logo{display:block;
							position: absolute;top: 0px;
						height:100%;width:100%;padding: inherit;
	

	
	
	border:none 0px #000000;
	-moz-border-radius-topleft: 6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:px;
border-bottom-right-radius:px;
}



#galeriephotos a:hover img.logo{display:block;
								position: absolute;
	top: 0px;
	width:15em;height:auto;
		
	


}


#galeriephotos a span{                position:absolute;bottom:-50px;left:0em;
	opacity:0;
	color:black; 
	text-align: center;
	margin:0px;padding-top: 5px;}



#galeriephotos a:hover span{                position:absolute;bottom:100px;
	opacity:1;
	text-align: center;
	font-size: 0.9em;
	width:100%;
                                    height:1.5em;margin:0px;
background-color: rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.3);
color: black;line-height: 1em;

	
	opacity:1;bottom:0px;
    -webkit-transition:bottom 0.1s ease 0.2s;
    -moz-transition:bottom 0.1s ease 0.2s;
    -o-transition:bottom 0.1s ease 0.2s;
    transition:bottom 0,1s ease 0.2s;
	
}





#footer {position:fixed;bottom: 10px;}