@charset "UTF-8";
/* CSS Document */


.swiper-container {
	border:solid 0px blue;
	text-align:center;
}
swiper-wrapper {
	border:solid 0px white;
}
.swiper-slide {
	border:solid 0px white;
	padding-top:15px;
}
.jaune-slide {
	overflow:hidden;
	}
.jaune-slide img {
	width:100%;
	max-width:600px;
}
.noir-slide {
}
.noir-slide img {
	height:100%;
}
.grey-slide {
}
.main {
	border:dotted 3px yellow;
	background-color:rgba(255,255,255,.99);
	margin-left:2%;
	margin-right:0%;
	border-radius:10px;
	overflow:hidden;
}
.pagination {
	border:solid 0px red;
	position:absolute;
	z-index:20;
	top:15px;
	right:20px;
	width:25px;
	}
.swiper-pagination-switch {
	display:inline-block;
	width:20px;
	height:20px;
	background:rgba(255,255,255,.8);
	cursor:pointer;
	text-align:center;
	border:solid 0px #0066CC;
	
-moz-box-shadow: 1px 1px 1px 1px #cfcfcf;
-webkit-box-shadow: 1px 1px 1px 1px #cfcfcf;
-o-box-shadow: 1px 1px 1px 1px #cfcfcf;
box-shadow: 1px 1px 1px 1px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=1);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;	
	}
.swiper a:hover {
	}
.swiper-visible-switch {
	}
.swiper-active-switch{
	background:rgba(0,102,204,.5);	
	}
.title {
	color:rgba(0,102,204,.9);
	margin-top:2%;
}
@media screen and (max-width:1024px) {
.main {
	margin-left:5%;
	margin-right:5%;
}
}
@media screen and (max-width:768px) {
.main {
	margin-left:0%;
	margin-right:0%;
}
.main {
	border:dotted 0px yellow;
	border-radius:0px;
}
.swiper-pagination-switch {
	display:none;
}

.pagination {
	display:none;
}
.swiper-slide {
	padding-top:10px;
}
}
@media screen and (max-width:520px) {
.main {
	margin-top:2%;
}
header {
}
section {
	position:relative;
	display:block;
	left:0%;
	margin-top:10%;
	width:100%;
	background-color:red;
	padding:0%;
}
}
@media screen and (orientation: landscape) {
.jaune-slide img {
}
}