.test p:nth-child(3n+1){
  font-size:32px;
  font-weight:bold;
}


div.banniere.banniere_js{
  height:0;
  padding-bottom:50%;
}

div.banniere_js>a{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:2;
}

html div[class*="banniere_multiple"]>a , html  div[class*="banniere_multiple"]>div{
  width:50%;
  right:auto;
  left:auto;
  bottom:auto;
}

div[class*="banniere_multiple"]>a:nth-child(2n) , div[class*="banniere_multiple"]>div:nth-child(2n){
  right:0px;
}

div.banniere>a>img{
  float:left;
  width:100%;
}

div.banniere_js>a>img{
  position:absolute;
  width:100%;
  top:0px;
  left:0px;
  z-index:3;
}

div.banniere_js>a>.description{
  position:absolute;
  max-width:40%;
  bottom:10%;
  right:10%;
  z-index:4;
  padding:0.5em 1ex;
  background:#fff;
  background:rgba(255,255,255,0.5);
}

.banniere_fleche .banniere_precedent , .banniere_fleche .banniere_suivant{
  position:absolute;
  padding:8px 10px;
  top:40%;
  background:#fff;
  background:rgba(255,255,255,0.6);
  color:#000;
  font-size:4em;
  line-height:0.6em;
  font-weight:bold;
  z-index:20;
  cursor:pointer;
  -webkit-opacity:0.5;
  -khtml-opacity:0.5;
  -moz-opacity:0.5;
  -ms-opacity:0.5;
  -o-opacity:0.5;
  opacity:0.5;
  filter:alpha(opacity=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;
 -webkit-border-radius:100%;
 -khtml-border-radius:100%;
 -moz-border-radius:100%;
 -ms-border-radius:100%;
 -o-border-radius:100%;
 border-radius:100%;
}

.banniere_fleche .banniere_precedent{left:2%;}
.banniere_fleche .banniere_suivant{right:2%;}
.banniere_fleche.banniere_fleche_exterieur .banniere_precedent{left:-2ex;}
.banniere_fleche.banniere_fleche_exterieur .banniere_suivant{right:-2ex;}

div.banniere.banniere_fleche:hover .banniere_precedent , div.banniere.banniere_fleche:hover .banniere_suivant{
  -webkit-opacity:1;
  -khtml-opacity:1;
  -moz-opacity:1;
  -ms-opacity:1;
  -o-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}

ul.banniere a{
	float:left;
}

ul.banniere img{
	float:left;
	display:block;
	width:100%;
}

.banniere.banniere_point_affichage .banniere_point{
  position:absolute;
  bottom:5px;
  right:5px;
  z-index:4;
}

.banniere.banniere_point_affichage .banniere_point p{
  float:left;
  display:block;
  width:18px;
  height:18px;
  margin-left:5px;
  cursor:pointer;
  background:#000;
  -webkit-opacity:0.5;
  -khtml-opacity:0.5;
  -moz-opacity:0.5;
  -ms-opacity:0.5;
  -o-opacity:0.5;
  opacity:0.5;
  filter:alpha(opacity=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;
 -webkit-border-radius:100%;
 -khtml-border-radius:100%;
 -moz-border-radius:100%;
 -ms-border-radius:100%;
 -o-border-radius:100%;
 border-radius:100%;
}

.banniere.banniere_point_affichage .banniere_point p:hover , .banniere.banniere_point_affichage .banniere_point p.actif{
  -webkit-opacity:1;
  -khtml-opacity:1;
  -moz-opacity:1;
  -ms-opacity:1;
  -o-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}

.conteneur_triple_ecran_droit , .conteneur_triple_ecran_gauche{
  position:absolute;
  top:0;
  margin-top:80px;
	width:75%;
	max-width:1000px;
}

.conteneur_triple_ecran_gauche{
  right:calc( ( 100% - 1200px ) / 2 + 1200px );
}

.conteneur_triple_ecran_droit{
  left:calc( ( 100% - 1200px ) / 2 + 1200px );
}


div.banniere>a>div{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:5;
}

div.banniere>a>div img{
  width:auto;
}

  
@media screen and (max-width:1333.33333333px) {
  
  .conteneur_triple_ecran_gauche , .conteneur_triple_ecran_droit{
    display:none;
  }
  
}

@media screen and (max-width:700px) {
    
  .banniere_fleche.banniere_fleche_exterieur .banniere_precedent{left:2%;}
  .banniere_fleche.banniere_fleche_exterieur .banniere_suivant{right:2%;}
  
}