/* !CSS RESET */
/* prefix declarations */
/* Keyframes */

@-webkit-keyframes preload {
  /* preloader icons */
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes preload {
  /* preloader icons */
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes preload {
  /* preloader icons */
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes preload {
  /* preloader icons */
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes preload {
  /* preloader icons */
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* !Keyframes */
#sequence-theme {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-height: 586px;
  -webkit-backface-visibility: hidden;
  padding: 0 8px;
  /* prevent graphical glitches in WebKit browsers when using transitions */
  /*when in fallback mode (for browsers that don't support transitions) hide anything outside of the Sequence container*/
  /* Preloader */
  /* !Preloader */
  /* Frame Animations */
  /* !Frame Animations */
  width: 100%;
  padding-top: 46%;
}

#sequence-theme #sequence {
  margin: 0 auto;
  top:30px;
  width: 100%;
  border:0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#sequence-theme #sequence.sequence-fallback {
  overflow: hidden;
}

#sequence ul {
  width: 100%;
  padding: 0;
}

#sequence ul li.slide1_container {
  background: url("https://ff61e9.claudeassets.com/20231003151732im_/https://www.cartevoeux.com/skin/frontend/bootstrapped/default/img/slider/backgrounds/bg_1.jpg") no-repeat center;
  background-size: 100% auto;
}
#sequence ul li.slide2_container {
  background: url("https://2a2374.claudeassets.com/20231003151732im_/https://www.cartevoeux.com/skin/frontend/bootstrapped/default/img/slider/backgrounds/partenaire_sourirealavie.jpg") no-repeat center;
  background-size: 100% auto;
}
#sequence ul li.slide3_container {
  background: url("https://ff61e9.claudeassets.com/20231003151732im_/https://www.cartevoeux.com/skin/frontend/bootstrapped/default/img/slider/backgrounds/bg_1.jpg") no-repeat center;
  background-size: 100% auto;
}

<img class="carte img-responsive" src="<?php echo $this->getSkinUrl('img/slider/slide1.png') ?>" alt="Notre collection de cartes de voeux 2017"  width="980" height="341" />

#sequence h2,
#sequence p {
  margin: 0 auto;
  max-width: 950px;
}

#sequence h2 {
  margin-top: 30px;
}

#sequence .slide_partenaire h2 {
  font-weight: bold;
}

#sequence p {
  margin-top: 10px;
  margin-bottom: 20px;
}

#sequence p.lead {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

#sequence p.lead img {
  display: block;
  margin: auto;
}

 .controles {
  margin: 0 auto;
  top: 45%;
  width: 100%;
  z-index: 9999;
  position:absolute
}

.controles .next,
.controles .prev {
	color: #fff;
  position: absolute;
  z-index: 10000;
  height: 40px;
  width: 56px;
  cursor: pointer;
  opacity:0;
  font-size:2.2em;
  background:#536E9A;

}
.controles .next {
  right: 0;
}
.controles .next:hover,
.controles .prev:hover {
  opacity:1;
  color:#19335d
}
.controles .prev {
  left: 0;
}

.controles .glyphicon {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  margin: auto;
}

.slide_link .btn {
  background-color: transparent;
}

#sequence-theme #sequence-preloader {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 999999;
}

#sequence-theme #sequence-preloader img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  height: 12px;
  opacity: 0;
  position: relative;
  top: -52%;
  width: 12px;
  -webkit-animation: preload 1s infinite;
  -moz-animation: preload 1s infinite;
  -ms-animation: preload 1s infinite;
  -o-animation: preload 1s infinite;
  animation: preload 1s infinite;
}
#sequence-theme #sequence-preloader .preloading {
  height: 12px;
  margin: 0 auto;
  top: 50%;
  position: relative;
  width: 48px;
}
#sequence-theme #sequence-preloader img:nth-child(2) {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -ms-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
#sequence-theme #sequence-preloader img:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#sequence-theme #sequence-preloader .preloading-complete {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

/* animation */

#sequence-theme .carte{
  display:inline-block;
	position: absolute;
  max-width: 65%;
  _max-height: 40%;
  width:100%;
	bottom: -300px;
	left:0;
  right:0;
  margin: 0 auto;
	opacity:0;
  border:0;
  -moz-user-select: -moz-none; /* These user-select properties are inheritable, used to prevent text selection */
  -webkit-user-select: none;
  -ms-user-select: none; /* From IE10 only */
  user-select: none; /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
  -ms-user-drag: none; /* Prevents dragging of images/divs etc */
  user-drag: none;
  pointer-events: none;
}

#sequence-theme .animate-in .carte{
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
	opacity:1;
	bottom: 0;
}

#sequence-theme .animate-out .carte{
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;

  bottom:-300px;
}

/* anim2 */
#sequence-theme .mini{
	position: absolute;
	opacity:0;
	float:left;
	background:blue;
	-webkit-box-shadow:0 0 5px #666;
	box-shadow:0 0 5px #666;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);

}

#sequence-theme .carre{width:150px; height:150px;}
#sequence-theme .rectangle{width:210px; height:100px;}

#sequence-theme .mini1{bottom:-300px; left:0; z-index:1;}
#sequence-theme .animate-in .mini1{
bottom:110px;
-webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
-ms-transition-delay:0.3s;
transition-delay:0.3s;
-webkit-transform:rotate(-20deg);
-moz-transform:rotate(-20deg);
-o-transform:rotate(-20deg);
-ms-transform:rotate(-20deg);
transform:rotate(-20deg);
}
#sequence-theme .animate-out .mini1{bottom:-300px;}

#sequence-theme .mini3{bottom:-300px; left:320px; z-index:1;}
#sequence-theme .animate-in .mini3{bottom:140px;
-webkit-transition-delay:0.5s;
-moz-transition-delay:0.5s;
-o-transition-delay:0.5s;
-ms-transition-delay:0.5s;
transition-delay:0.5s;
-webkit-transform:rotate(-20deg);
-moz-transform:rotate(-20deg);
-o-transform:rotate(-20deg);
-ms-transform:rotate(-20deg);
transform:rotate(-20deg);
}
#sequence-theme .animate-out .mini3{bottom:-300px;}

#sequence-theme .mini4{bottom:-300px; left:540px; z-index:1;}
#sequence-theme .animate-in .mini4{bottom:40px;
-webkit-transition-delay:0.6s;
-moz-transition-delay:0.6s;
-o-transition-delay:0.6s;
-ms-transition-delay:0.6s;
transition-delay:0.6s;
-webkit-transform:rotate(20deg);
-moz-transform:rotate(20deg);
-o-transform:rotate(20deg);
-ms-transform:rotate(20deg);
transform:rotate(20deg);

}
#sequence-theme .animate-out .mini4{bottom:-300px;}

#sequence-theme .mini5{bottom:-300px; left:820px; z-index:1;}
#sequence-theme .animate-in .mini5{bottom:118px;
-webkit-transition-delay:0.7s;
-moz-transition-delay:0.7s;
-o-transition-delay:0.7s;
-ms-transition-delay:0.7s;
transition-delay:0.7s;
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
-o-transform:rotate(10deg);
-ms-transform:rotate(10deg);
transform:rotate(10deg);
}
#sequence-theme .animate-out .mini5{bottom:-300px;}


#sequence-theme .mini6{bottom:-100px; left:140px}
#sequence-theme .animate-in .mini6{bottom:180px;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
-o-transition-delay:0.2s;
-ms-transition-delay:0.2s;
transition-delay:0.2s;
-webkit-transform:rotate(20deg);
-moz-transform:rotate(20deg);
-o-transform:rotate(20deg);
-ms-transform:rotate(20deg);
transform:rotate(20deg);

}
#sequence-theme .animate-out .mini6{bottom:-100px;}

#sequence-theme .mini7{bottom:-120px; left:700px}
#sequence-theme .animate-in .mini7{bottom:220px;
-webkit-transition-delay:0.4s;
-moz-transition-delay:0.4s;
-o-transition-delay:0.4s;
-ms-transition-delay:0.4s;
transition-delay:0.4s;
-webkit-transform:rotate(-30deg);
-moz-transform:rotate(-30deg);
-o-transform:rotate(-30deg);
-ms-transform:rotate(-30deg);
transform:rotate(-30deg);

 }
#sequence-theme .animate-out .mini7{bottom:-120px;}

#sequence-theme .mini8{bottom:-220px; left:100px}
#sequence-theme .animate-in .mini8{bottom:20px;
-webkit-transition-delay:0.1s;
-moz-transition-delay:0.1s;
-o-transition-delay:0.1s;
-ms-transition-delay:0.1s;
transition-delay:0.1s;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg);
}
#sequence-theme .animate-out .mini8{bottom:-220px;}

#sequence-theme .mini9{bottom:-220px; left:300px}
#sequence-theme .animate-in .mini9{bottom:20px;
-webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
-ms-transition-delay:0.3s;
transition-delay:0.3s;
-webkit-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
-ms-transform:rotate(30deg);
transform:rotate(30deg);
}
#sequence-theme .animate-out .mini9{bottom:-220px;}

#sequence-theme .mini10{bottom:-220px; left:490px}
#sequence-theme .animate-in .mini10{bottom:190px;
-webkit-transition-delay:0.5s;
-moz-transition-delay:0.5s;
-o-transition-delay:0.5s;
-ms-transition-delay:0.5s;
transition-delay:0.5s;
-webkit-transform:rotate(-5deg);
-moz-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg);
}
#sequence-theme .animate-out .mini10{bottom:-220px;}

#sequence-theme .mini11{bottom:-220px; left:700px}
#sequence-theme .animate-in .mini11{bottom:40px;
-webkit-transition-delay:0.6s;
-moz-transition-delay:0.6s;
-o-transition-delay:0.6s;
-ms-transition-delay:0.6s;
transition-delay:0.6s;
-webkit-transform:rotate(5deg);
-moz-transform:rotate(5deg);
-o-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg);
}
#sequence-theme .animate-out .mini11{bottom:-220px;}

#sequence-theme .animate-in .mini{
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
	opacity:1;
}

#sequence-theme .animate-out .mini{
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

/* fin anim 2 */


#sequence-theme .slide4,#sequence-theme .slide1, #sequence-theme .slide2, #sequence-theme .slide3, #sequence-theme .slide5 {
  position: absolute;
  left: 0;
  opacity: 0;
  top: -450px;
  width: 100%;
  text-align:center;
  height:200px;

}


#sequence-theme .animate-in .slide4, #sequence-theme .animate-in .slide1, #sequence-theme .animate-in .slide2, #sequence-theme .animate-in .slide3, #sequence-theme .animate-in .slide5 {
  left: 0;
  opacity: 1;
  top: 0;
  width:100%;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .animate-out .slide4, #sequence-theme .animate-out .slide1, #sequence-theme .animate-out .slide2, #sequence-theme .animate-out .slide3, #sequence-theme .animate-out .slide5  {
 top: -450px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

/* fin animation */

/*
     FILE ARCHIVED ON 22:48:16 Sep 18, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:29:12 Jul 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 5.576
  exclusion.robots: 4.805
  exclusion.robots.policy: 4.789
  esindex: 0.012
  cdx.remote: 395.982
  LoadShardBlock: 636.772 (3)
  PetaboxLoader3.resolve: 436.204 (4)
  PetaboxLoader3.datanode: 199.145 (4)
  load_resource: 337.745
*/