.w100 {
width: 100px;
}
.w200 {
width: 200px;
}
.w300 {
width: 300px;
}
.w400 {
width: 400px;
}
.w500 {
width: 500px;
}
.w600 {
width: 600px;
}
.w700 {
width: 700px;
}
.w800 {
width: 800px;
}
.w900 {
width: 900px;
}
.w1000 {
width: 1000px;
}
.w1100 {
width: 1100px;
}
.w1200 {
width: 1200px;
}
.h50 > div {
height: 50px;
}
.h100 > div {
height: 100px;
}
.h150 > div {
height: 150px;
}
.h200 > div{
height: 200px;
}
.h250 > div{
height: 250px;
}
.h300 > div {
height: 300px;
}
.page-container {
  width: 100%;
  margin: 0 auto;
}
.container{
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.bg1 {
  background-image: url("logo1.gif");
}
.bg2 {
  background-image: url("smp.jpg"); 
}
.def {
  max-width: 1194px;
  min-width: 300px;
  margin: 0 auto;
  //margin: 0 1em auto 0;
  overflow: hidden;
 //box-shadow: 0 .25em .5em #CCC, inset 0 0 1em .25em #CCC;
}
.def > div {
  display: inline-block;
  padding-right: 2em;
  //padding-right: 0px;
  padding-left: 100%;
  white-space: nowrap;
  animation: defilement-rtl 100s infinite linear;
  cursor: pointer;
}
.def:hover > div {  
animation-play-state: paused;
}
.vit10 > div{
animation: defilement-rtl 10s infinite linear;
}
.vit20 > div{
animation: defilement-rtl 20s infinite linear;
}
.vit30 > div{
animation: defilement-rtl 30s infinite linear;
}
.vit40 > div{
animation: defilement-rtl 40s infinite linear;
}
.vit50 > div{
animation: defilement-rtl 50s infinite linear;
}
.vit60 > div{
animation: defilement-rtl 60s infinite linear;
}
.vit70 > div{
animation: defilement-rtl 70s infinite linear;
}
.vit80 > div{
animation: defilement-rtl 80s infinite linear;
}
.vit90 > div{
animation: defilement-rtl 90s infinite linear;
}
.vit100 > div{
animation: defilement-rtl 100s infinite linear;
}
.vit110 > div{
animation: defilement-rtl 110s infinite linear;
}
.vit120 > div{
animation: defilement-rtl 120s infinite linear;
}
.vit130 > div{
animation: defilement-rtl 130s infinite linear;
}
.vit140 > div{
animation: defilement-rtl 140s infinite linear;
}
.vit150 > div{
animation: defilement-rtl 150s infinite linear;
}
.vit200 > div{
animation: defilement-rtl 200s infinite linear;
}
.def img {
  height: 100px;
ÿ ma??in-left: -0.26em;    
  vertical-align: middle; /* Aligne les images verticalement au milieu */
}
.def150 img {
  height: 150px;
}
.def200 img {
  height: 200px;
}
.def220 img {
  height: 220px;
}
.def250 img {
  height: 250px;
}
.def300 img {
  height: 300px;
}
.def span {
  //font-size: 20px; /* Ajustez la taille du texte */ 
  margin: 0 10px;
  vertical-align: middle; /* Aligne le texte verticalement au milieu */
}
@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);
  }
  100% {
    transform: translate3d(-100%,0,0);
  }
}