Coucou
Oulah oui effectivement o_o
Si j'ai le temps de m'octroyer une pause je reviendrais sur ce code x: je suis désolée de te laisser du boulot comme ça T.T

Pas de soucis. Je vais voir ce que je peux faire. De toute façon la PA ne sera en place qu'à la prochaine MàJ en Avril. :3

D'accord tiens moi au courant

Coucou, alors j'ai essayé de bidouiller et tout, mais rien à faire ça fait toujours n'importe quoi ....
Donc je laisse la commande ouverte, en espérant qu'une âme charitable finisse :3

Salut!

J'ai repris le codage de Nemalus et corrigé les erreurs qu'il y avait. Est-ce que c'est mieux comme ça?

PA :

Code:

<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dosis" />                                                           
<div class="fond_PA">
                                                                            
   <div class="nema">
                                                    <a href="#">Lien 1</a>                                     
   </div>
                                                                            
   <div class="nema">
                                                    <a href="#">Lien 2</a>                                     
   </div>
                                                                            
   <div class="nema">
                                                    <a href="#">Lien 3</a>                                     
   </div>
                                                                            
   <div class="nema">
                                                    <a href="#">Lien 4</a>                                     
   </div>
                                                                            
   <div class="nema">
                                                    <a href="#">Lien 5</a>                                     
   </div><br />    <br />    <br />                                     
   <table cellpadding="0" cellspacing="0">
                                                                                         
      <tbody>
                                                                                                      
         <tr>
                                                                                                                   
            <td>
                                                                                                            
               <div class="contexte_PA">
                                                                                            Lorem ipsum dolor sit amet, consectetur adipiscing                        elit. Sed vel congue est, et pharetra augue. Praesent                        fermentum vulputate elementum. Ut vehicula gravida                        bibendum. Pellentesque pretium ante purus, non aliquam                        urna posuere sit amet. Suspendisse potenti. Suspendisse                        tortor dolor, viverra sed enim vitae, vulputate ornare                        lectus. Aenean euismod nibh nec urna pretium                        consectetur. <a href="#">lire plus</a>                                                                 
               </div>
                                                                                                                          
            </td>
                                                                                                                   
            <td>
                                                                                                                                
               <!--                                                                                                                                                                                Slideshow horizontal                                                                                                                                                                                -->                                                                 
               <div class="slideshow" id="slideshow">
                                                                                                                                             
                  <div id="slideshow-container">
                                                                                                                                                          
                     <div class="slide">
                                                                                                                <a class="postlink" href="#" rel="nofollow" target="_blank"><img src="http://placehold.it/380x145" /></a>                                                                               
                     </div>
                                                                                                                                                          
                     <div class="slide">
                                                                                                                <a class="postlink" href="#" rel="nofollow" target="_blank"><img src="http://img11.hostingpics.net/pics/408137guilde.png" /></a>                                                                               
                     </div>
                                                                                                                                                          
                     <div class="slide">
                                                                                                                <a class="postlink" href="#" rel="nofollow" target="_blank"><img src="http://placehold.it/380x145" /></a>                                                                               
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                                                                                                                          
            </td>
                                                                                                             
         </tr>
                                                                                                
      </tbody>
                                                                                   
   </table>
                                                                            
   <table cellspacing="0" cellpadding="0">
                                                                                         
      <tbody>
                                                                                                      
         <tr>
                                                                                                                   
            <td valign="top" style="width: 320px;" align="center">
                                                                                   <span class="nema_title">Staff</span>                                             
               <div style="width: 320px; height: 75px; overflow: hidden; background-image:url(http://placehold.it/320x75); margin-bottom: 8px;">
                                                                                                                                         
                  <div class="stafef">
                                                                                                                                                          
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                            Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                               
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                                                                                                      
               <div style="width: 320px; height: 75px; overflow: hidden; background-image:url(http://placehold.it/320x75); margin-bottom: 8px;">
                                                                                                                                         
                  <div class="stafef">
                                                                                                                                                          
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                            Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                               
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                                                                                                      
               <div style="width: 100px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/100x100); margin-right: 5px; display: inline-block;">
                                                                                                                                         
                  <div class="stafefico" style="display: inline-block;">
                                                                                                                                                          
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                            Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                               
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                                                                                                                          
               <div style="width: 100px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/100x100); margin-right: 5px; display: inline-block;">
                                                                                                                                         
                  <div class="stafefico" style="display: inline-block;">
                                                                                                                                                          
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                            Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                               
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                                                                                                                                
               <div style="width: 100px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/100x100); margin: 0px; display: inline-block;">
                                                                                                                                         
                  <div class="stafefico" style="display: inline-block;">
                                                                                                                                                          
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                            Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                               
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                                                                                            
            </td>
                                                                                                                   
            <td valign="top" style="padding-left: 10px; padding-top: 10px; width: 180px;">
                                                                                                                                
               <div style="background: #EECFB7; color :#BC7349; width:150px; height: 270px; overflow: auto; text-align: justify; padding: 15px;">
                                                                                                                                         
                  <div style="text-align: justify">
                                                                                                     Lorem ipsum dolor sit amet, consectetur adipiscing                            elit. Sed vel congue est, et pharetra augue.                            Praesent fermentum vulputate elementum. Ut vehicula                            gravida bibendum. Pellentesque pretium ante purus,                            non aliquam urna posuere sit amet. Suspendisse                            potenti. Suspendisse tortor dolor, viverra sed enim                            vitae, vulputate ornare lectus. Aenean euismod nibh                            nec urna pretium consectetur.                                                                         
                  </div>
                                                                                                                                       
               </div>
                                                                                                                          
            </td>
                                                                                                                   
            <td valign="top" style="padding-top: 10px; padding-left: 10px; width: 266px;" align="center">
                                                                                         <a href="#" class="nema_2">Lien 1</a>                                          <a href="#" class="nema_2">Lien 2</a>                                                                                                                            <a class="nema_2" href="#">Lien 3</a>                                                                                                                            <a class="nema_2" href="#">Lien 4</a>      <a class="nema_2" href="#">Lien 5</a>    <a class="nema_2" href="#">Lien 6</a>                                                                                                                                                                  <a style="margin-bottom: 15px;" class="nema_2" href="#">Lien 7</a>               
               <div style="width: 60px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/60x100); margin-right: 4px; display: inline-block;">
                                                                                                                                         
                  <div class="predef" style="display: inline-block;">
                                                                                                                                                          
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                            <a href="#">Nom Prénom</a>  <br />  <br />                              <span style="color: rgb(213, 199, 180);">Hors-la-loi</span>                                     
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                                  
               <div style="width: 60px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/60x100); margin-right: 4px; display: inline-block;">
                                                                                                                                         
                  <div class="predef" style="display: inline-block;">
                                                                                                                                                          
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                            <a href="#">Nom Prénom</a>  <br /><br />                                <span style="color: rgb(213, 199, 180);">Hors-la-loi</span>                                     
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                      
               <div style="width: 60px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/60x100); margin-right: 4px; display: inline-block;">
                                                                                                                                         
                  <div class="predef" style="display: inline-block;">
                                                                                                                                                          
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                            <a href="#">Nom Prénom</a>  <br />  <br />                            <span style="color: rgb(213, 199, 180);">Hors-la-loi</span>                                     
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                      
               <div style="width: 60px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/60x100); display: inline-block;">
                                                                                                                                         
                  <div class="predef" style="display: inline-block;">
                                                                                                                                                          
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                            <a href="#">Nom Prénom</a>  <br />  <br />                            <span style="color: rgb(213, 199, 180);">Hors-la-loi</span>                                     
                     </div>
                                                                                                                                                    
                  </div>
                                                                                                                                       
               </div>
                                                              
            </td>
                                                                                                             
         </tr>
                                                                                                
      </tbody>
                                                                                   
   </table>
</div>

CSS :

Code:

/* --------------------------------- PA --------------------------------- */
/*SLIDESHOW TEST*/
.slideshow,.slide {
    width:380px;
    height:145px;
}

.slideshow {
    margin:auto;
    overflow:hidden;
}

.slideshow div {
    position:relative;
    top:0;
    left:0;
}

.slide {
    margin: 0;
    overflow:auto;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    color:#fff;
}

.slide p {
    margin:auto;
    text-align:justify
}

/* Fond de la PA */
.fond_PA {
    padding: 10px;
    background-color: #E5B994;
    width: 800px;
    position: relative;
}

/* Contexte */
.contexte_PA {
    margin-right: 10px;
    background-color: #EECFB7;
    width: 370px;
    height: 115px;
    padding: 15px;
    color: #BC7349;
    text-align: justify;
    font-size: 12px;
    overflow: auto;
}

/* Liens */
.nema {
    height: 40px;
    width: 150px;
    display: inline-block;
}

.nema a {
    display: inline-block;
    background-color: #80696C;
    color: #fff;
    font-family: 'Dosis',sans-serif;
    font-size: 25px;
    height: 40px;
    text-align: center;
    width: 145px;
    transition:all 1s ease;
}

.nema a:hover {
    background-color: #3E2428;
    color: #fff;
}

.nema_2 {
    height: 22px;
    width: 266px;
    display: block;
    margin-bottom: 5px;
    background-color: #80696C;
    color: #ffffff!important;
    font-family: 'Dosis',sans-serif;
    font-size: 16px;
    text-align: center;
    transition:all 1s ease;
    -webkit-transition:all 1s ease;
}

.nema_2:hover {
    background-color: #3E2428;
    color: #ffffff;
}

/*Titre Staff*/
.nema_title {
    display: inline-block;
    color: #fff;
    font-family: 'Dosis', sans-serif;
    font-size: 25px;
    height: 30px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 10px;
}

/* Effets staff + predef */
.stafef {
    width:320px;
    height:75px;
    background:#3E2428;
    opacity:0;
    transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
}

.stafef:hover {
    opacity:1;
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
}

.stafefico {
    width:100px;
    height:100px;
    display:inherit;
    background:#3E2428;
    opacity:0;
    transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
}

.stafefico:hover {
    opacity:1;
    transform:rotate(-360deg);
    -webkit-transform:rotate(-360deg);
}

.predef {
    width:60px;
    height:100px;
    display:inherit;
    background:#3E2428;
    opacity:0;
    transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
}

.predef:hover {
    opacity:1;
    transform:rotate(-360deg);
    -webkit-transform:rotate(-360deg);
}

/* --------------------------------- FIN PA --------------------------------- */

Coucou Onyx !
Merci de ton aide, et oui c'est beaucoup mieux, par contre il reste un soucis. Le slidshow ne fonctionne pas °w°. Est-ce normal ?

J'ai pas regardé cette partie là, mais effectivement, c'est pas complet ><

Est-ce que le slideshow était supposé être automatique ou manuel? Genre, les images changent toutes seules ou il faut cliquer sur une flèche pour que ça change? Ou les deux? Et il y a combien d'images?

Alors normalement c'était en automatique ( le code le moins lourd possible. )
avec 3-4 images en défilement.

Salut!

Alors on va remplacer le CSS par ceci :

Code:

/* --------------------------------- PA --------------------------------- */

/* slideshow */
#slideshow {
  position:relative;
  width:380px;
  height:145px
}

/* gestion des dimensions et débordement du conteneur */
#slideshow .container {
  position:relative;
  width:380px;
  height:145px;
  overflow:hidden
}

/* le conteneur des slides */
#slideshow .slider {
  position:absolute;
  left:0;
  top:0;
  width:400%;
  height:145px;
  animation:slider 16s infinite;
  -webkit-animation:slider 16s infinite;
}

/* Fonction animation */
@keyframes slider {
  0%,20%,100% {left:0}
  25%,45% {left:-100%}
  50%,70% {left:-200%}
  75%,95% { left:-300%}
}
@-webkit-keyframes slider {
  0%,20%,100% {left:0}
  25%,45% {left:-100%}
  50%,70% {left:-200%}
  75%,95% { left:-300%}
}

/* Fond de la PA */
.fond_PA {
  padding:10px;
  background-color:#E5B994;
  width:800px;
  position:relative
}

/* Contexte */
.contexte_PA {
  margin-right:10px;
  background-color:#EECFB7;
  width:370px;
  height:115px;
  padding:15px;
  color:#BC7349;
  text-align:justify;
  font-size:12px;
  overflow:auto
}

/* Liens */
.nema {
  height:40px;
  width:150px;
  display:inline-block
}

.nema a {
  display:inline-block;
  background-color:#80696C;
  color:#fff;
  font-family:'Dosis',sans-serif;
  font-size:25px;
  height:40px;
  text-align:center;
  width:145px;
  transition:all 1s ease
}

.nema a:hover {
  background-color:#3E2428;
  color:#fff
}

.nema_2 {
  height:22px;
  width:266px;
  display:block;
  margin-bottom:5px;
  background-color:#80696C;
  color:#fff!important;
  font-family:'Dosis',sans-serif;
  font-size:16px;
  text-align:center;
  transition:all 1s ease;
  -webkit-transition:all 1s ease
}

.nema_2:hover {
  background-color:#3E2428;
  color:#fff
}

/*Titre Staff*/
.nema_title {
  display:inline-block;
  color:#fff;
  font-family:'Dosis',sans-serif;
  font-size:25px;
  height:30px;
  text-align:center;
  margin-bottom:5px;
  margin-top:10px
}

/* Effets staff + predef */
.stafef {
  width:320px;
  height:75px;
  background:#3E2428;
  opacity:0;
  transition:all 1s ease-in-out;
  -webkit-transition:all 1s ease-in-out
}

.stafef:hover {
  opacity:1;
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
}

.stafefico {
  width:100px;
  height:100px;
  display:inherit;
  background:#3E2428;
  opacity:0;
  transition:all 1s ease-in-out;
  -webkit-transition:all 1s ease-in-out
}

.stafefico:hover {
  opacity:1;
  transform:rotate(-360deg);
  -webkit-transform:rotate(-360deg)
}

.predef {
  width:60px;
  height:100px;
  display:inherit;
  background:#3E2428;
  opacity:0;
  transition:all 1s ease-in-out;
  -webkit-transition:all 1s ease-in-out
}

.predef:hover {
  opacity:1;
  transform:rotate(-360deg);
  -webkit-transform:rotate(-360deg)
}

/* --------------------------------- FIN PA --------------------------------- */

Et la PA par ceci :

Code:

<link href="http://fonts.googleapis.com/css?family=Dosis" rel="stylesheet" type="text/css" />                                                           
<div class="fond_PA">
                                                                                                      
   <div class="nema">
                                                                <a href="#">Lien 1</a>                                                   
   </div>
                                                                                                      
   <div class="nema">
                                                                <a href="#">Lien 2</a>                                                   
   </div>
                                                                                                      
   <div class="nema">
                                                                <a href="#">Lien 3</a>                                                   
   </div>
                                                                                                      
   <div class="nema">
                                                                <a href="#">Lien 4</a>                                                   
   </div>
                                                                                                      
   <div class="nema">
                                                                <a href="#">Lien 5</a>                                                   
   </div><br />    <br />    <br />                                                   
   <table cellspacing="0" cellpadding="0">
                                                                                                                   
      <tbody>
                                                                                                                                
         <tr>
                                                                                                                                             
            <td>
                                                                                                                                      
               <div class="contexte_PA">
                                                                                                        Lorem ipsum dolor sit amet, consectetur adipiscing                        elit. Sed vel congue est, et pharetra augue. Praesent                        fermentum vulputate elementum. Ut vehicula gravida                        bibendum. Pellentesque pretium ante purus, non aliquam                        urna posuere sit amet. Suspendisse potenti. Suspendisse                        tortor dolor, viverra sed enim vitae, vulputate ornare                        lectus. Aenean euismod nibh nec urna pretium                        consectetur. <a href="#">lire plus</a>                                                                               
               </div>
                                                                                                                                                    
            </td>
                                                                                                                                             
            <td>
                            
               <div id="slideshow">
                             
                  <div class="container">
                                
                     <div class="slider">
                            <img style="width: 380px; height: 145px;" alt="" src="http://placehold.it/380x145" /><img style="width: 380px; height: 145px;" alt="" src="http://placehold.it/380x145" /><img style="width: 380px; height: 145px;" alt="" src="http://placehold.it/380x145" /><img style="width: 380px; height: 145px;" alt="" src="http://placehold.it/380x145" />   
                     </div>
                            
                  </div>
                                                                                                         
               </div>
            </td>
                                                                                                                                       
         </tr>
                                                                                                                          
      </tbody>
                                                                                                             
   </table>
                                                                                                      
   <table cellpadding="0" cellspacing="0">
                                                                                                                   
      <tbody>
                                                                                                                                
         <tr>
                                                                                                                                             
            <td align="center" style="width: 320px;" valign="top">
                                                                                                 <span class="nema_title">Staff</span>                                                         
               <div style="width: 320px; height: 75px; overflow: hidden; background-image:url(http://placehold.it/320x75); margin-bottom: 8px;">
                                                                                                                                                                   
                  <div class="stafef">
                                                                                                                                                                                    
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                                        Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                                             
                     </div>
                                                                                                                                                                              
                  </div>
                                                                                                                                                                 
               </div>
                                                                                                                                
               <div style="width: 320px; height: 75px; overflow: hidden; background-image:url(http://placehold.it/320x75); margin-bottom: 8px;">
                                                                                                                                                                   
                  <div class="stafef">
                                                                                                                                                                                    
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                                        Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                                             
                     </div>
                                                                                                                                                                              
                  </div>
                                                                                                                                                                 
               </div>
                                                                                                                                
               <div style="width: 100px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/100x100); margin-right: 5px; display: inline-block;">
                                                                                                                                                                   
                  <div style="display: inline-block;" class="stafefico">
                                                                                                                                                                                    
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                                        Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                                             
                     </div>
                                                                                                                                                                              
                  </div>
                                                                                                                                                                 
               </div>
                                                                                                                                                    
               <div style="width: 100px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/100x100); margin-right: 5px; display: inline-block;">
                                                                                                                                                                   
                  <div style="display: inline-block;" class="stafefico">
                                                                                                                                                                                    
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                                        Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                                             
                     </div>
                                                                                                                                                                              
                  </div>
                                                                                                                                                                 
               </div>
                                                                                                                                                          
               <div style="width: 100px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/100x100); margin: 0px; display: inline-block;">
                                                                                                                                                                   
                  <div style="display: inline-block;" class="stafefico">
                                                                                                                                                                                    
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                                        Nom Prénom<br />                                <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a>                                - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br />                                Poste occupé                                                                                             
                     </div>
                                                                                                                                                                              
                  </div>
                                                                                                                                                                 
               </div>
                                                                                                                      
            </td>
                                                                                                                                             
            <td style="padding-left: 10px; padding-top: 10px; width: 180px;" valign="top">
                                                                                                                                                          
               <div style="background: #EECFB7; color :#BC7349; width:150px; height: 270px; overflow: auto; text-align: justify; padding: 15px;">
                                                                                                                                                                   
                  <div style="text-align: justify">
                                                                                                                   Lorem ipsum dolor sit amet, consectetur adipiscing                            elit. Sed vel congue est, et pharetra augue.                            Praesent fermentum vulputate elementum. Ut vehicula                            gravida bibendum. Pellentesque pretium ante purus,                            non aliquam urna posuere sit amet. Suspendisse                            potenti. Suspendisse tortor dolor, viverra sed enim                            vitae, vulputate ornare lectus. Aenean euismod nibh                            nec urna pretium consectetur.                                                                                       
                  </div>
                                                                                                                                                                 
               </div>
                                                                                                                                                    
            </td>
                                                                                                                                             
            <td align="center" style="padding-top: 10px; padding-left: 10px; width: 266px;" valign="top">
                                                                                                     <a class="nema_2" href="#">Lien 1</a>                                          <a class="nema_2" href="#">Lien 2</a>                                                                                                                            <a href="#" class="nema_2">Lien 3</a>                                                                                                                            <a href="#" class="nema_2">Lien 4</a>      <a href="#" class="nema_2">Lien 5</a>    <a href="#" class="nema_2">Lien 6</a>                                                                                                                                                                  <a href="#" class="nema_2" style="margin-bottom: 15px;">Lien 7</a>                           
               <div style="width: 60px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/60x100); margin-right: 4px; display: inline-block;">
                                                                                                                                                                   
                  <div style="display: inline-block;" class="predef">
                                                                                                                                                                                    
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                                        <a href="#">Nom Prénom</a>  <br />  <br />                              <span style="color: rgb(213, 199, 180);">Hors-la-loi</span>                                                 
                     </div>
                                                                                                                                                                              
                  </div>
                                                                                                                                                                 
               </div>
                                                            
               <div style="width: 60px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/60x100); margin-right: 4px; display: inline-block;">
                                                                                                                                                                   
                  <div style="display: inline-block;" class="predef">
                                                                                                                                                                                    
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                                        <a href="#">Nom Prénom</a>  <br /><br />                                <span style="color: rgb(213, 199, 180);">Hors-la-loi</span>                                                 
                     </div>
                                                                                                                                                                              
                  </div>
                                                                                                                                                                 
               </div>
                                                
               <div style="width: 60px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/60x100); margin-right: 4px; display: inline-block;">
                                                                                                                                                                   
                  <div style="display: inline-block;" class="predef">
                                                                                                                                                                                    
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                                        <a href="#">Nom Prénom</a>  <br />  <br />                            <span style="color: rgb(213, 199, 180);">Hors-la-loi</span>                                                 
                     </div>
                                                                                                                                                                              
                  </div>
                                                                                                                                                                 
               </div>
                                                
               <div style="width: 60px; height: 100px; overflow: hidden; background-image:url(http://placehold.it/60x100); display: inline-block;">
                                                                                                                                                                   
                  <div style="display: inline-block;" class="predef">
                                                                                                                                                                                    
                     <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
                                                                                                                        <a href="#">Nom Prénom</a>  <br />  <br />                            <span style="color: rgb(213, 199, 180);">Hors-la-loi</span>                                                 
                     </div>
                                                                                                                                                                              
                  </div>
                                                                                                                                                                 
               </div>
                                                                                        
            </td>
                                                                                                                                       
         </tr>
                                                                                                                          
      </tbody>
                                                                                                             
   </table>
</div>

Pour changer la vitesse du slideshow, tu va à cet endroit dans le CSS :

Code:

/* le conteneur des slides */
#slideshow .slider {
  position:absolute;
  left:0;
  top:0;
  width:400%;
  height:145px;
  animation:slider 16s infinite;
  -webkit-animation:slider 16s infinite;
}

Pour que ça soit plus long, tu augmente les deux "16s" (qui correspond à 16 secondes d'animation totale). Pour que ça soit plus rapide, tu diminue la valeur des "16s". À savoir que pour le slideshow, je me suis servie de ce tuto : http://www.creativejuiz.fr/blog/tutoriels/css3-creer-slideshow-automatique-controlable-transition

Coucou Onyx !
je viens de test la PA et le slidshow est toujours statique °w°...
Je te laisse avec le lien test : http://testnyancat1.forumactif.org/

Ah, ça... c'est un bug de forumactif avec les keyframe ><

Tu dois aller dans le CSS, tout en bas, et cocher "non" à "Optimiser votre CSS".

AH oui effectivement, c'est fâcheux !
Tout fonctionne maintenant, merci beaucoup de ton aide ♥

Merci aussi Nemalus pour la base que tu as donné !