.banniere{
  height:0;
}

.banniere_suivant{
  right:10px;
}

.banniere_precedent{
  left:10px;
}

.banniere_suivant , .banniere_precedent{
  position:absolute;
  display:block;
  width:40px;
  height:40px;
  top:50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-border-radius:50%;
  -khtml-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
  -webkit-transition:all 0.3s;
  -khtml-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
  z-index:10;
  color:#fff;
  font-size:40px;
  font-weight:bold;
  line-height:38px;
  text-align:center;
  -webkit-text-shadow:  -1px 0 0 rgba(0, 0, 0, 0.8) ,
                        1px 0 0 rgba(0, 0, 0, 0.8) ,
                        0 -1px 0 rgba(0, 0, 0, 0.8) ,
                        0 1px 0 rgba(0, 0, 0, 0.8);
  -khtml-text-shadow:   -1px 0 0 rgba(0, 0, 0, 0.8) ,
                        1px 0 0 rgba(0, 0, 0, 0.8) ,
                        0 -1px 0 rgba(0, 0, 0, 0.8) ,
                        0 1px 0 rgba(0, 0, 0, 0.8);
  -moz-text-shadow:     -1px 0 0 rgba(0, 0, 0, 0.8) ,
                        1px 0 0 rgba(0, 0, 0, 0.8) ,
                        0 -1px 0 rgba(0, 0, 0, 0.8) ,
                        0 1px 0 rgba(0, 0, 0, 0.8);
  -ms-text-shadow:      -1px 0 0 rgba(0, 0, 0, 0.8) ,
                        1px 0 0 rgba(0, 0, 0, 0.8) ,
                        0 -1px 0 rgba(0, 0, 0, 0.8) ,
                        0 1px 0 rgba(0, 0, 0, 0.8);
  -o-text-shadow:       -1px 0 0 rgba(0, 0, 0, 0.8) ,
                        1px 0 0 rgba(0, 0, 0, 0.8) ,
                        0 -1px 0 rgba(0, 0, 0, 0.8) ,
                        0 1px 0 rgba(0, 0, 0, 0.8);
  text-shadow:          -1px 0 0 rgba(0, 0, 0, 0.8) ,
                        1px 0 0 rgba(0, 0, 0, 0.8) ,
                        0 -1px 0 rgba(0, 0, 0, 0.8) ,
                        0 1px 0 rgba(0, 0, 0, 0.8);
  cursor:pointer;
}

.banniere_suivant:hover , .banniere_precedent:hover{
  background:rgba(0,0,0,0.2);
}

.banniere_js a{
  position:absolute;
  top:0;
  height:100%;
	bottom:0;
}

.banniere_js a.banniere_ligne_2 img , .banniere_js a.banniere_ligne img{
  width:auto;
  max-height:100%;
  top:50%;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index:8;
}

.banniere_ligne_2 img{
  left:80%;
	max-width:40%;
}

.banniere_image{
  top:0;
  bottom:0;
  right:0;
}

.banniere_image img{
  max-width:90%;
  max-height:90%;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.banniere_texte{
  top:0;
  bottom:0;
  left:0;
  background:#000;
  background:rgba(0,0,0,0.3);
  color:#fff;
  z-index:9;
}

.banniere_nom{
  font-size:30px;
  margin-bottom:1em;
}

.banniere_texte1 , .banniere_texte2{
  font-size:24px;
}

.banniere_en_savoir_plus{
  display:block;
  border:1px solid #fff;
  padding:0.8em 2ex;
  width:10em;
  margin:1.5em auto 0 auto;
  font-size:20px;
}

.banniere_ligne:hover .banniere_en_savoir_plus{
  background:#fff;
  background:rgba(255,255,255,0.3);
}

@media screen and (max-width:1100px) {
    
  .banniere_nom{
    font-size:20px;
  }

  .banniere_texte1 , .banniere_texte2{
    font-size:18px;
  }

  .banniere_en_savoir_plus{
    font-size:14px;
  }

}

@media screen and (max-width:700px) {
  
  .banniere_nom{
    margin-bottom:0;
  }
  
  .banniere_en_savoir_plus{
    margin-top:0;
  }

	.banniere_suivant{
		right:-10px;
	}

	.banniere_precedent{
		left:-10px;
	}
	
}