@charset "utf-8";
/*Theme used : default (Don't modify this line)*/
/*Google fonts : family=Archivo:500|Open+Sans:300,400,700 (Don't modify this line)*/
/* ***CSS BEGIN*** slideShow1 (Ne pas modifier cette ligne) */
/* CSS Document */

/*********************************************************************
 * Designed by Chami webmaster@chami.eu
 *
 * Template : slideShow1
 *********************************************************************/
body {
	overflow: hidden;
}
.slideShow1 .imgWrapper {
}

.slideShow1 .imgWrapper #clickZone img[id^='img_'] {
	position: absolute;
}

.slideShow1 .imgWrapper #clickZone {
	position: relative;
	opacity: 1;
	background-color: hsla(359,71%,84%,0.4);
	height: 100%;
	top: 0;
}
.slideShow1 .imgWrapper #clickZone #prevPic,
.slideShow1 .imgWrapper #clickZone #autoSlide,
.slideShow1 .imgWrapper #clickZone #nextPic {
	position: absolute;
	display: inline-block;
	height: 100%;
	z-index: 510;	/* au-dessus des images */
}

.slideShow1 .imgWrapper #clickZone #prevPic {
	width: 20%;
	left: 0;
}
.slideShow1 .imgWrapper #clickZone #autoSlide {
	width: 59%;
	left: 20%;
}
.slideShow1 .imgWrapper #clickZone #nextPic {
	width: 20%;
	right: 0;
}
.slideShow1 .imgWrapper #clickZone #comment {
	position: absolute;
	display: block;
	max-width: 80%;
	padding: .1em .5em;
	background-color: #000;
	color: #FFF;
	z-index: 501;
	font-size: 1.2em;
	margin: 0 auto;
}

.slideShow1 .imgWrapper #notice {
	position: absolute;
	bottom: 0;
	right: -43%;
	width: 40%;
	background-color: #F5F3B7;
	color: #3D09EF;
	z-index: 520;
	font-size: .9em;
	display: block;
}
.slideShow1 .imgWrapper #notice h1 {
	font-size: 110%;
	text-align: center;
	color: #E37622;
}
.slideShow1 .imgWrapper #notice p {
	padding: 0 .3em;
}
#notice img.iClose {
	position: relative;
	width: 2em;
	top: -1em;
	left: -1em;
	cursor: pointer;
}
.slideShow1 .imgWrapper #notice .iClose:hover {
	transform: rotate(90deg);
}
input[name=noticeDisplay] {
	margin-left: 2em;
	margin-bottom: 1.5em;
}
		/* ================================ */
		
@media only screen and (max-device-width:1000px) {
	.slideShow1 .imgWrapper #clickZone #comment {
		font-size: 3.5vw;
	}
	.slideShow1  #notice {
		right: -60%;
		width: 60%;
		font-size: 4vh;
	}
}
@media only screen and (max-device-width:400px) {
	.slideShow1 .imgWrapper #clickZone #comment {
		font-size: 5vw;
	}
	.slideShow1  #notice {
		right: -75%;
		width: 75%;
		font-size: 3vh;
	}

}
@media only screen and (max-width:1000px) {
	.slideShow1 .imgWrapper #clickZone #comment {
		font-size: 2.2vw;
	}
}
@media only screen and (max-width:480px) {
	.slideShow1 .imgWrapper #clickZone #comment {
		font-size: 4vw;
	}
	#canvas #header {
		display: none;
	}
}
/* ***CSS END*** slideShow1 (Ne pas modifier cette ligne) */