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



.swiper {
position: relative;
display: block;
margin: 10px 0 10px 0;

}

.carrousel-img {
display: flex;
flex-wrap: nowrap;	
align-items: center;
justify-content: center;
max-width: 100%;
height: 500px;	
}

.carrousel-titre {
position: relative;	
color: #fff;
width: 200px;
margin: 0 auto;
font-weight: 900;
font-size: 40px;
line-height: 35px;
text-align: center;
z-index: 10;
}
.carrousel-theme {
position: relative;	
width: 200px;
margin: 0 auto;
color: #fff;
text-align: center;	
font-size: 10px;
z-index: 10;
margin-top: 10px;
font-style: italic;	
}

.swiper-pagination-bullet-active {
background: #000;
cursor: pointer;	
}

.carrousel-elea01 {
background-image: url("../img/elearopiot-01.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;

}
.carrousel-elea02 {
background-image: url("../img/elearopiot-02.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;

}
.carrousel-elea03 {
background-image: url("../img/elearopiot-03.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;

}
.carrousel-elea04 {
background-image: url("../img/elearopiot-04.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;

}
.carrousel-elea05 {
background-image: url("../img/elearopiot-05.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;

}