@charset "UTF-8";
/* CSS Document */
article {
	background-color:rgba(255,255,255,.8);
	color:rgba(255,255,255,1);
	margin-left:auto;
	margin-right:auto;
	border:solid 0px yellow;
}
article img {
	width:100%;
	max-width:500px;
}

    article {
        position: relative;
        height: 490px;
    }
    article {
    font-family: 'dual300';
	font-size:2em;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
	background-color:rgba(255,255,255,.6);
    }
    .swiper-slide {
        text-align: center;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-slide p {
	margin-top:60px;
	padding:3%;
	text-shadow: 0px 0px 10px rgba(150, 150, 150, 1);
	background-color:rgba(0,0,0,.5);
	
}
.arbre-0 {
	background:url(../img/sori-1.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	height:400px;
	width:667px;
}
.arbre-1 {
	background:url(../img/sori-2.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	height:400px;
	width:667px;
}
.arbre-2 {
	background:url(../img/sori-3.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	height:400px;
	width:667px;
}
.arbre-32 {
	background:url(../img/sori-4.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	height:400px;
	width:667px;
}

@media screen and (max-width:800px) {
.arbre-0 {
	background:url(../img/sori-11.jpg);
	height:333px;
	width:500px;
}
.arbre-1 {
	background:url(../img/sori-21.jpg);
	height:333px;
	width:500px;
}
.arbre-2 {
	background:url(../img/sori-31.jpg);
	height:333px;
	width:500px;
}
.arbre-32 {
	background:url(../img/sori-41.jpg);
	height:333px;
	width:500px;
}
}