<script src="https://adventori.com/lp/enabler/ADventori-2.0.0.js" crossorigin="anonymous" type="text/javascript"></script>

<div id="myAd">
    <div id="myBrand"><img src="https://cf-cdn.adventori.com/lp/enabler/templates/assets/logo_carre_vert.svg"></div>    
    <div id="myCarousel"></div>
      <a href="#" onclick="ADventori.click(event, data.global);">
    <div id="rideau"><p class="texte_rideau">Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</p></div>
  </a>
</div>

 @import url("https://adventori.com/lp/enabler/ADventori-2.0.0.css") ;

#myAd{
      width: 724px;
    height: 86px;
  background-color: #ffffff;
    overflow: hidden;
    cursor:pointer;
    margin:10px;
  border: solid 2px #353535;
  position:relative;
} 
#myBrand{
    width: 139px;
    height: 100%;
  border-right: solid 1px #353535;
   background-color: #353535;
}
#myBrand img{
  height:100%;
  display:block;
  margin:auto;
}
#myCarousel{
    width:583px;
    height:100%;
  position:absolute;
  top:0;
  right:0;
}

#adventoriAd {
   width: 100%;
    height: 100%;
  font-family:arial,verdana, sans-serif;
    background-color: #f2f2f2;
    display:block;
}

div#rideau .texte_rideau{
    width:584px;
    margin:0 auto;
    text-align:center;
    font-size:20px;
    line-height:25px;
    position:absolute;
    top:36px;
    left:25px;
    color:#fff;
}

div#rideau{
    position: absolute;
    left:140px;
    top: 0;
    height : 86px;
  width:585px;
    background-color: #353535;
    z-index: 99;
    box-shadow: 8px 8px 5px #aaa;
}

div#rideau.rideau_active{
    left: 1000px;
    z-index: 99;
    -webkit-backface-visibility: hidden; /* chrome fix to avoid flicker */
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
}

#adventoriSlides .slide-container .slide {
     height:100%;
     width:100%;
    
}

#adventoriSlides .slide .item {
     border-right:1px solid #353535;
  
     height: 100%;
     width:50%;
}

#adventoriSlides .slide .item .img_container .img_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#adventoriSlides .slide .item .img_container img {
    display:none;
    vertical-align: middle;

}

#adventoriSlides .slide .item .poste {
    text-align:center;
    top: 3px;
    width: 284px;
    height:20px;
    font-size: 13px;
    line-height:18px;
    color:#00a670;
    white-space:nowrap;
    overflow:hidden;
    position:absolute;
}

#adventoriSlides .slide .item .entreprise {
        text-align:center;
    font-weight:bold;
    top: 20px;
    width: 284px;
    font-size: 13px;
    height :20px;
    line-height: 20px;
    white-space:nowrap;
    overflow: hidden;
    color:#353535;
}

/*Button*/
#adventoriSlides .slide .item .cta {
    left:34%;
    width:70px;
    padding-left:15px;
    right: 0px;
    top: 57px;
    line-height: 24px;
    color: #FFF;
    background-color: #00a670;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,0.1);
}




#adventoriSlides .slide .item .ville {
    font-size: 13px;
    text-align:center;
    top: 39px;
    width: 284px;
    height:23px;
    line-height: 15px;
    word-wrap: break-word;
    overflow:hidden;
    color: #fa3500;
}

#adventoriNav label {
    padding-top: 5px;
    color: #fa3500;
    text-shadow: 0 0 0px rgb(119, 0, 0);
}

#adventoriNav {
   width:575px;
   margin-left:140px;
}

/*Pagination*/
#adventoriNav label { color: #fa3500;   z-index: 8;width:5%;margin-right:12px;}

#adventoriBullets {
    background-color:#353535;
    bottom: 0px;
    right: 0px;
    left: auto;
    width:17px;
    height:90px;
    font-size:24px;
}

#fixed img{
    border-right: 2px solid #353535;
    position:absolute;
    width:140px;
    height:90px;
    z-index:150;
}
  
#adventoriBullets > label { color:#ddd; margin-top:2px; }
#adventoriBullets > label:hover { color:#ccc; }
#adventoriBullets > label.active { color:#00a670; }

#adventoriBullets > label {
    text-shadow: 0px 0px 0px #700;
}

#adventoriSlides .slide .item2h {
    width: 49%;
}
#adventoriSlides .slide .item1h {
    width: 48%;
}