.slider,
.slider2,
.slider3 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left : 0px;
}
.slider__wrapper {
  height: 100%;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  margin-top : 0px;
  margin-bottom : 0px;
  /* modif */
  margin-left: -40px;
 
}
.slider__item {
  height: 100%;
  float: left;
  clear: none;
  width: 100%;
  margin-left : 0px;
}
.slider__arrows-item {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
  cursor: pointer;
}
.slider__arrows-item--right {
  bottom: 50%;
  right: 30px;
  background-position: right center;
  background-image: url('../images/ui/flg2.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.slider__arrows-item--left {
  bottom: 50%;
  left: 30px;
  background-image: url('../images/ui/flg1.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.slider__nav {
  position: absolute;
  bottom: 30px;
}
.slider__nav-item {
  width: 10px;
  height: 10px;
  float: left;
  clear: none;
  display: block;
  margin: 0 7px;
  background: #FFFFFF;
  border-radius: 5px;
}
.slider__nav-item--current {
  background: rgb(0,155,194);
}
.slider__nav-item:hover {
  background: rgb(0,155,194);
}

/* MODIF */

.slider__item
{
	background-position: center center;
}

.slider_item_div
{
	display: block;
	width : 100% ;
	height : 550px ;
	background-size : cover;
	background-position: center center;
	text-align: center;
	vertical-align:middle;
	line-height: 550px;
}

.slider2 .slider_item_div
{
	display: block;
	width : 100% ;
	height : 650px ;
	background-size : cover;
	background-position: center center;
	text-align: center;
	vertical-align:middle;
	line-height: 650px;
}


.slider3 .slider__nav 
{
	bottom : 0px;
}

.slider3 .slider__nav-item {
 
  background: #CCC;
}

.slider3 .slider__nav-item--current {
  background: rgb(0,155,194);
}
.slider3 .slider__nav-item:hover {
  background: rgb(0,155,194);
}

.fldVerte
{
	bottom: 50%;
    right: 30px;
    background-position: right center;
    background-image: url('../images/ui/flg_vert2.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.flgVerte
{
	bottom: 50%;
    left: 30px;
    background-image: url('../images/ui/flg_vert1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.fldGris
{
	bottom: 50%;
    right: 30px;
    background-position: right center;
    background-image: url('../images/ui/flg_gris2.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.flgGris
{
	bottom: 50%;
    left: 30px;
    background-image: url('../images/ui/flg_gris1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.fldGris:hover
{
	background-image: url('../images/ui/flg_gris2.svg');
}

.flgGris:hover
{
	background-image: url('../images/ui/flg_gris1.svg');
}

.fldVerte:hover
{
	background-image: url('../images/ui/flg_noir2.svg');
}

.flgVerte:hover
{
	background-image: url('../images/ui/flg_noir1.svg');
}

.slider__arrows-item--left:hover
{
	background-image: url('../images/ui/flg_vert1.svg');
}

.slider__arrows-item--right:hover
{
	background-image: url('../images/ui/flg_vert2.svg');
}


/* ------------------------------------------------------- &6 MEDIA QUERIES -------------------------------------------------------- */

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

.slider_item_div
{
	display: block;
	width : 100% ;
	height : 300px ;
	background-size : cover;
	background-position: center center;
	text-align: center;
	vertical-align:middle;
	line-height: 300px;
}

.slider2 .slider_item_div
{
	display: block;
	width : 100% ;
	height : 400px ;
	background-size : cover;
	background-position: center center;
	text-align: center;
	vertical-align:middle;
	line-height: 400px;
}

.slider3 .slider_item_div
{
	display: block;
	width : 100% ;
	height : 450px ;
	background-size : cover !important;
	background-position: center center;
	text-align: center;
	vertical-align:middle;
	line-height: 450px !important;
}




.slider__arrows-item--right {
  bottom: 50%;
  right: 10px;
  background-position: right center;
  background-image: url('../images/ui/flg2_mobile.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.slider__arrows-item--left {
  bottom: 50%;
  left: 10px;
  background-image: url('../images/ui/flg1_mobile.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.fldVerte
{
	bottom: 50%;
    right: 10px;
    background-position: right center;
    background-image: url('../images/ui/flg_vert2_mobile.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.flgVerte
{
	bottom: 50%;
    left: 10px;
    background-image: url('../images/ui/flg_vert1_mobile.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.fldGris
{
	bottom: 50%;
    right: 10px;
    background-position: right center;
    background-image: url('../images/ui/flg_gris2_mobile.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.flgGris
{
	bottom: 50%;
    left: 10px;
    background-image: url('../images/ui/flg_gris1_mobile.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.fldGris:hover
{
	background-image: url('../images/ui/flg_vert2_mobile.svg');
}

.flgGris:hover
{
	background-image: url('../images/ui/flg_vert1_mobile.svg');
}

.fldVerte:hover
{
	background-image: url('../images/ui/flg_noir2_mobile.svg');
}

.flgVerte:hover
{
	background-image: url('../images/ui/flg_noir1_mobile.svg');
}

.slider__arrows-item--left:hover
{
	background-image: url('../images/ui/flg_vert1_mobile.svg');
}

.slider__arrows-item--right:hover
{
	background-image: url('../images/ui/flg_vert2_mobile.svg');
}

.slider__nav {
  position: absolute;
  bottom: 15px;
}

}