@charset "utf-8";
.jscarousal3-horizontal
{
	width: 1300px;
	height: 930px;
	margin: 0 auto;
	padding: 0;
	padding: 10px 0px 0px 0px;
	position: relative;
	 /*overflow: hidden;*/
}

.jscarousal-horizontal-back3, .jscarousal-horizontal-forward3
{
	float: left;
	width: 65px;
	height: 54px;
	margin: 10px;
	color: White;
	position: relative;
	top: 400px;
	cursor: pointer;
}

.jscarousal-horizontal-back3
{
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
}

.jscarousal-horizontal-forward3
{
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}

.jscarousal-contents3-horizontal
{
	width: 1116px;
	height: 930px;
	float: left;
	position: relative;
	top:20px;
	margin:0 auto;
	text-align:center;
	overflow: hidden;
}

.jscarousal-contents3-horizontal > div
{
	position: absolute;
	margin:0 auto;
	width: 100%;
	height: 900px;
}

.jscarousal-contents3-horizontal > div > div
{
	float: left;
}

.jscarousal-contents3-horizontal img
{
	width: 279px;
	height: 279px;
	padding-left: 7px;
	padding-bottom: 2px;
}

.jscarousal-contents3-horizontal img:hover
{
	opacity: 0.8;
}

.hidden3
{
	display: none;
}

.visible3
{
	display: block;
}

.thumbnail-active3
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}

.thumbnail-inactive3
{
	filter: alpha(opacity=20);
	opacity: 0.9;
	cursor: pointer;
}

  /*-------------------------------------------------1280-----------------------------------------------------*/

@media screen and (max-width:1280px){

	.jscarousal3-horizontal
{
	height: 940px;
	margin: 0 auto;
	padding: 0;
	padding: 10px 0px 0px 0px;
	position: relative;
}

.jscarousal3-horizontal{
	width:637px;
	height: 800px;
		margin:0 auto;
	}

.jscarousal-contents3-horizontal{
	width:631px;
	height:850px;
		margin:0 auto;
	}

.jscarousal-contents3-horizontal img{
	width:210px;
	height:210px;
	}

.jscarousal-horizontal-forward3{
	top:881px;
	left: 324px;
	position: absolute;
	}

	.jscarousal-horizontal-back3{
		top:881px;
	left: 223px;
	position: absolute;
	}

	.mesoeuvres{
	height:1203px;
	}

}


  /*--------------------------------------------------700----------------------------------------------------*/
@media screen and (max-width:700px){

	.jscarousal3-horizontal
{
	height: 930px;
	margin: 0 auto;
	padding: 0;
	padding: 10px 0px 0px 0px;
	position: relative;
}

.jscarousal3-horizontal{
	width:373px;
	height: 690px;
		margin:0 auto;
	}

.jscarousal-contents3-horizontal{
	width:373px;
	height:520px;
	margin:0 auto;
	}

.jscarousal-contents3-horizontal img{
	width:124px;
	height:124px;
	}

.jscarousal-horizontal-forward3{
	top:538px;
	left: 180px;
	position: absolute;
	}

	.jscarousal-horizontal-back3{
	top:538px;
	left: 113px;
	position: absolute;
	}

	.mesoeuvres{
	height:880px;
	}



}

/*--------------------------------------------------400----------------------------------------------------*/
@media screen and (max-width:400px){

.jscarousal3-horizontal
{
height: 930px;
margin: 0 auto;
padding: 0;
padding: 10px 0px 0px 0px;
position: relative;
}

.jscarousal3-horizontal{
width:300px;
height: 450px;
	margin:0 auto;
}

.jscarousal-contents3-horizontal{
width:300px;
height:417px;
margin:0 auto;
}

.jscarousal-contents3-horizontal img{
width:100px;
height:100px;
}

.jscarousal-horizontal-forward3{
top:448px;
left: 147px;
position: absolute;
}

.jscarousal-horizontal-back3{
top:448px;
left: 73px;
position: absolute;
}

.mesoeuvres{
height:762px;
}



}