/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version 3.1.3
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

* { margin:0; padding:0; }
body { background:#111;}
	img{ border:none; }

	a {text-decoration:none;color:#ceab54;font-weight:bold;font-size:12px;}
	a:hover {color:#000;}
.bloc_texte {
	position: absolute;
	top: 30px;
	left: 325px;
	width:610px;
	height:100%;
	color:#666;
	padding:20px;
	z-index:11;
	font-size:14px;
}
.bloc_texte_in {
	background:#FFFFFF;

	opacity:0.9;
	padding:20px;
	/*margin-bottom:20px;*/
}

.bloc_texte li {
	list-style:none;
	background: url(../img/puce.png) no-repeat left 5px;
	padding:0px 0 0 15px; 
}

	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; width:100%; height:100%;top:0px;}
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
			


			
		#navigation { float:right; margin:0px 20px 0 0; }
		#play-button {position:absolute; height:43px; width:43px; margin-top:-21px; bottom:1%;right:56px; z-index:12;opacity:0.8;}
		#play-button:hover { 
			/*background-position:0 1px; */
			opacity:1;
			cursor:pointer; 
		}
		#prevslide, #nextslide{ position:absolute; height:43px; width:43px; bottom:1%; margin-top:-21px; opacity:0.8;z-index:12; margin-bottom:5px;}
		#prevslide{ right:102px;}
		#nextslide{ right:10px;}
		#pauseplay {position:absolute; height:43px; width:43px; bottom:1%; right:56px; margin-top:-21px; opacity:0.8;z-index:12; margin-bottom:5px;}
			#prevslide:active, #nextslide:active{ margin-top:-19px; }
			#prevslide:hover, #nextslide:hover{ cursor:pointer; }

		#progress-back{ z-index:12; position:fixed; bottom:0px; left:0; height:4px; width:100%; background:url('../img/progress-back.png') repeat-x; }
		#progress-bar{ position:relative; height:8px; width:100%; background:url('../img/progress-bar.png') repeat-x; }
	
			
	/*Controls Section*/
	#controls-wrapper { margin:0 auto; height:50px; width:100%; bottom:0px; left:0; z-index:12; position:fixed; }
		#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:12; }
			#slidecounter { float:left; color:#fff; margin:23px 10px 23px 0;  }

			#slidecaption { 
				overflow:hidden; 
				float:left; 
				color:#FFF; 
				font:400 13px "Helvetica Neue", Helvetica, Arial, sans-serif; 
				text-shadow:#000 3px 1px 1px; 
				margin:10px 0px 0 0; 
				line-height:14px;
				text-align:justify;
				font-style:italic;
				border-bottom:1px dashed #978455;
				padding-bottom:12px;
				width:250px;
			}
			#slidecaption li { 
				background: url(../img/puce.png) no-repeat left 5px;
				padding:0 0 0 10px; 
			}
			#slidecaption a { 
				font-size:13px;
			}

			
	
	/*Thumbnail Navigation*/	
	#nextthumb,#prevthumb { z-index:6; display:none; position:fixed; bottom:12px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
		#nextthumb { right:12px; }
		#prevthumb { left:12px; }
			#nextthumb img, #prevthumb img { width:150px; height:auto;  }
			#nextthumb:active, #prevthumb:active { bottom:10px; }
			#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
			
			
@media all and (max-width: 768px) {
	.menu {position: relative;}
	.bloc_texte {position: relative;    left: 0;    width: 90%;}
	.bloc_texte iframe {max-width:100%;}
	.bloc_texte li {width: 50%;}
	.div_margin_logo {margin: 0 !important;}
	#slidecaption {background:url(../img/black_bg_60.png) repeat;padding:5px;}
}