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

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

html{min-height: 1000px;width: 100%;height: 100%;margin: 0px;padding: 0px;}

body {
background-color: black;
	
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue', sans-serif;
    line-height: 22px;    
	font-weight: 300;	
		height:100%;
		color:white;
		margin:0px;
		padding:0px;
		min-height:1000px;
		width: 100%;



}

#header {height:auto;padding-top: 0px;}
 h1,h2 {color: white;
    
    font-weight: 300;

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



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

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

/* ----NAVIGATION */

#navigation{position:relative;z-index: 1;
	width:100%;
	margin:auto;margin-top: 0px; text-align: center;padding: 0px
;vertical-align:center;
}
#navigation .pam .case{display: inline-block;line-height: 0.3em;width: 10em;}

#navigation  .case a{
vertical-align: center;
    padding: 10px;
    text-decoration: none; width: 111em;height: 5em;
 background-color: rgba(16, 0, 72, 0.0);
	 
}

#navigation a {
font-variant: small-caps;
	font-size: 1.2em;
	text-align: center;
	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*/
	
outline-style:solid;
	outline-width:1px;
	outline-color: #000000;
	outline-offset:1px;
	
	 /* Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 23px 8px #000000;
	/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 23px 8px #000000;
	/* Proposed W3C Markup */ box-shadow: 0px 0px 23px 8px #000000;
 
}

#navigation a:hover {
	color: black;
	font-size: 1.2em;
	text-align: center;
	background-color: #df2663;
	
 /* Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 23px 8px #000000;
	/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 23px 8px #000000;
	/* Proposed W3C Markup */ box-shadow: 0px 0px 23px 8px #000000;
	
}



/*IMAGE ET LIENS */


.placevideo {margin:auto;padding-left: 50px;
			height:100%;
	max-height:800px;max-width: 1000px;
			position: relative;left: auto; top:-30px; 
	}

.video {width:100%;
	height:auto;
	min-width:517px;
	min-height:300px;
 }
	
			
	}



/*SELON PHOTO */



.vertical {display:block;
	width:auto;
           height:100%;
        	margin:auto;margin-bottom: 25px; padding:0px;
			text-align: center ;


	/* Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 18px 4px #000000;
	/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 18px 4px #000000;
	/* Proposed W3C Markup */ box-shadow: 0px 0px 18px 4px #000000;}



.horizontal { 	width:100%;margin:auto;
				height:auto;max-height: 800px;
	
	
	/* Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 18px 4px #000000;
	/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 18px 4px #000000;
	/* Proposed W3C Markup */ box-shadow: 0px 0px 18px 4px #000000;}




.carre { 	display:block;width:80%;margin:auto;
				height:auto;
	
	
	/* Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 18px 4px #000000;
	/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 18px 4px #000000;
	/* Proposed W3C Markup */ box-shadow: 0px 0px 18px 4px #000000;}


/*------SPAN CARTEL------- */

.cartel {text-decoration: none;
	padding: 20px;
		color: snow;
		width:50%;
	margin:auto;margin-top: 60px;margin-bottom: 20px;
	/* Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 18px 4px #000000;
	/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 18px 4px #000000;
	/* Proposed W3C Markup */ box-shadow: 0px 0px 18px 4px #000000;}


.cartel h2{text-align: center;
	margin:auto;font-size: 15
	
word-spacing: 0,2em;
	line-height: 2em;text
	padding-bottom: 0px; color:rgb(167, 167, 167);}


.cartel p{text-align: center;max-width: 800px;margin:auto;letter-spacing:0.5em;
word-spacing: 0,5em;line-height: 2em;padding-bottom: 20px; color:rgb(167, 167, 167);}



/*------back et next------- */


/*-----BACK---- */

#back {display:inline-block;
		position:absolute;left:-25px;top:30%; 
		background-color: aua; }

#back a {display:block;
		background- color:brown;
			width:60px;height:auto;
			margin:0px;padding: 0px;

	 /* Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 11px 3px #000000;
	/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 11px 3px #000000;
	/* Proposed W3C Markup */ box-shadow: 0px 0px 11px 3px #000000;

}

#back a img {width:100%;height:auto; }

#back a:hover {
	
background-color: #df2663;
	-webkit-transition:background-color 0.20s ease-in;
	-moz-transition:background-color 0.20s ease-in;
	-o-transition:background-color 0.20s ease-in;
	-ms-transition:background-color 0.20s ease-in;
	transition:background-color 0.20s ease-in;
	}.transitionStyle:hover{
	cursor: pointer;
	background-color: #df2663; }


/*-----NEXT---- */



#next {	display:inline-block;
		position:absolute;
		right:-25px;top:30%;
		width:60px;padding: 0px; 
		background-color: aua;

}

#next a {display:block;
			background-color:brow;
			width:100%;height:100%;
			margin:0px;padding: 0px;
	
	
 /* Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 6px 3px #000000;
	/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 6px 3px #000000;
	/* Proposed W3C Markup */ box-shadow: 0px 0px 6px 3px #000000;

}

#next a img {width:100%;height:auto; }

#next a:hover {background-color: #df2663;
	-webkit-transition:background-color 0.20s ease-in;
	-moz-transition:background-color 0.20s ease-in;
	-o-transition:background-color 0.20s ease-in;
	-ms-transition:background-color 0.20s ease-in;
	transition:background-color 0.20s ease-in;
	}.transitionStyle:hover{
	cursor: pointer;
	background-color: #df2663;}


/*-----CARTEL---- */

.fresque a span {      width:100%;          position:absolute;bottom:0px;left:0em;
	opacity:0;
	color:black; 
	text-align: center;line-height: 2em;
	padding-bottom:5px;padding-top: 5px;}



.fresque a:hover span{                position:absolute;bottom:00px;
	opacity:1;
	text-align: center;
	font-size: 1em;
	width:100%;
                                   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;
	
}