Toolbar s'affiche plus sur l'accueil

[Ptite_Perle]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Changement du header et couleurs dans le CSS
Lien du forum : http://forumcrea.forumactif.org/

Description du problème

Bonjour,

Je viens de me rendre compte que la toolbar s'affiche plus sur l'accueil, sur les autres pages elle s'affiche.
Merci pour vos aident.
Amicalement.

[Toryudo]

Bonjour !
C'est quelque chose qui se trouve sur votre message d'accueil qui semble bloquer la toolbar.
Est-ce que vous pourriez nous fournir le code que vous avez en message de page d'accueil ?
(pour rappel, il se trouve dans Affichage > Page d'accueil, Généralités > c'est le contenu de Message sur la page d'accueil)

A placer entre balises [code] s'il vous plait !

[Ptite_Perle]

Coucou

Merci pour votre réponse rapide

Code:

<meta charset="utf-8" /><link rel="stylesheet" href="//solrainha.github.io/honeybee/honeybee.css" />  <link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway&display=swap" rel="stylesheet" /><script src="http://files.jcink.net/html/jquery-1.7.2.min.js" type="text/javascript"></script>        <script src="http://files.jcink.net/html/jquery.cookie-1.3.1.js" type="text/javascript"></script>          <script src="http://files.jcink.net/html/catcollapse.js" type="text/javascript"></script>        <script src="http://greatdivide.b1.jcink.com/uploads/greatdivide/styletooltips.js"></script>        <script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips({
            tip_follows_cursor:true,
    tip_delay_time:0,
    tip_fade_speed:300
    });
        });
    })(jQuery);

jQuery(document).ready(function($) {
 
 $(".scroll").click(function(event){
 event.preventDefault();
 $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
 });
});
        </script>
<div class="pad">
                                                                                                                                                                                                                                                                                                                                                     
   <div class="context">
                                                                                                                                                                                <img src="https://i.servimg.com/u/f55/14/04/66/48/automn12.gif" /><strong>Bienvenue <span>{USERNAME}</span></strong> <br />Tu arrives dans un monde de créations et d'apprentissages. Tout est gratuit ! <br />Nous te proposons des tutoriels sur différents logiciels. <br /> Fouine sur le forum, pleins de choses à découvrir.<br /><br />Un soucis? <br />Pose tes questions et nous t'aiderons.<br /> <br />Les différentes sections :  <br />Des aides Pour ton forum, pour ton site ou blog.Des tutoriels: photoshop, paintshop, photofiltre... <br />   Aides pour prendre en main ton ou tes logiciels.   <br /> Des tutos, des scripts, des codes ...  <br /> Des concours entres membres.  <br /> <br />Tu trouveras un accueil sympathique !<br />Tu peux participer à tout sujets pour aider la communauté, apporte tes connaissances  <br /> <br />  Comment nous rejoindre? <br /> Tu te présente et tu signe le règlement,  <br /> <br />Hop tu deviens membre du forum et les portes s'ouvrent.<br />                                                                                                                                  
   </div>
                                                                                                                                                                                                                                                                                                                                               
   <div class="staffici">
                                                                                                                                                                                                                                                                                                                                                            
      <div class="tab">
                                                                                                                                                                                                                                                                                                                                                                                                                                           
         <button class="tablinks" style="background-image:url(https://i.servimg.com/u/f55/14/04/66/48/1-4110.jpg); background-size:120%; background-position: center;" onmouseover="openCity(event, 'Sydney')">
                                                                                                                                                                                                                                                                                                                                                                      
         </button>
                                                                                                                                                                                                                                                                                                                 
         <button class="tablinks" style="background-image:url(https://i.servimg.com/u/f55/14/04/66/48/194-6610.jpg); background-size:100%; background-position: center;" onmouseover="openCity(event, 'Detroit')">
                                                                                                                                                                                                                                                                                                                                                                      
         </button>
                                                                                                                                                                                                                                                                                     
         <button class="tablinks" style="background-image:url(https://i.servimg.com/u/f55/14/04/66/48/placel10.png); background-size:100%; background-position: center;" onmouseover="openCity(event, 'Paris')">
                                                                                                                                                                                                                                                                                                                                                                      
         </button>
                                                                                                                                                                                                                                                                                                                                                                                               
      </div>
                                                                                                                                                                                                                                                                                                                                                                  
      <div class="blokinv">
                                                                                                                                                                                      Passe ta souris sur les staffeux !                                                                                                                                                                          
      </div>
                                                                                                                                                                                                                                                                                                                            
      <div id="Sydney" class="tabcontent">
                                                                                                                                                                                          <span><a target="_blank" href="/">Ptite_Perle - fondatrice</a></span>Je m'occupe du design du forum.  Aide dans plusieurs domaine, alors n’hésite pas à poser tes questions. Je suis ici pour t'aider, te conseiller. Au plaisir de te lire sur le forum dans toutes les catégories qui te son proposées.                                                                                                                                                    
      </div>
                                                                                                                                                                                                                                                                                                        
      <div id="Detroit" class="tabcontent">
                                                                                                                                                                                          <span><a target="_blank" href="/">Sandcreations - Graphiste</a></span> Les tutoriels présentés ici sont de ma propre création. Ssims4 créations de personnages et tout l'unisers des Sims4. Partage de mes tubes. Tutoriels avec photofiltre studio.                                                                                                                                                    
      </div>
                                                                                                                                                                                                                                                                            
      <div id="Paris" class="tabcontent">
                                                                                                                                                                                          <span><a target="_blank" href="/">POSTE libre - fonction</a></span>Tu postule dans un de nos différents postes recherchés, rien de compliqué, mais choissi seulement le poste qui te plais.   <a href="https://forumcrea.forumactif.org/c23-zone-de-recrutements/">Postule ici  </a>                                                                                                                                              
      </div>
                                                                                                                                                                                                                                                                                                                                                              
      <div class="recru">
                                                                                                                                                                                                                                                                 
         <h1>
                                                                                                                                         Gagnants concours                                                                                                                  
         </h1>
                                                                                                                                                                                                                                                                 
         <div>
                                                       <img class="grppa" src="https://i.servimg.com/u/f38/16/35/10/19/114.jpg" />                                                                                                                                                                                                        
         </div>
                                                                                                                                                                                                                                                                 
         <div>
                                                       <img class="grppa" src="https://i.servimg.com/u/f38/16/35/10/19/216.jpg" />                                                                                                                                                                                                        
         </div>
                                                                                                                                                                                                                                                                 
         <div>
                                                       <img class="grppa" src="https://i.servimg.com/u/f38/16/35/10/19/320.jpg" />                                                                                                                                                                                                        
         </div>
                                                                                                                                                                                                                                                                 
         <div>
                                                       <img class="grppa" src="https://i.servimg.com/u/f38/16/35/10/19/415.jpg" />                                                                                                                                                                                                        
         </div>
                                                                                                                                                                                                                                                                         
      </div>
                                                                                                                                                                                                                                              
   </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
   <div class="thirdb">
                                                                                                                                                                                                                                                                                                                                                                  
      <div class="news">
                                                 Concours<br />                                      
         <div class="news">
                                                  <a href="https://forumcrea.forumactif.org/t4537-concours-les-sirenes#26559">Les sirènes</a><br />  <br />   <span style="color:#5e7679;font-weight:bold;font-family:arial;font-style:italic;">Fin 27.08.2022:</span>Concours<br />       <a href="https://forumcrea.forumactif.org/t4542-concours-a-la-plage#26588">La plage</a> <br />                              
         </div>
                                                                                                                     
      </div>
                                                                                                                                                                                                                                                                                                                                                                              
      <div class="liens_importants">
                                                                                                                                                                                                                                                                                                                                                                                               <br /><br /><br /><a href="https://forumcrea.forumactif.org/f8-presentation"><span>Présentation</span></a> <a href="https://forumcrea.forumactif.org/f12-reglement"><span>Règlement</span></a> <a href="https://forumcrea.forumactif.org/f26-zone-invites"><span>Zone invités</span></a> <a href="https://forumcrea.forumactif.org/f16-demande-de-partenariats"><span>Devenir partenaires</span></a> <a href="https://forumcrea.forumactif.org/f14-nos-bannieres"><span>Nos bannières</span></a>                                                                                                                                                                                                                                                                                                                                                                                    
      </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
   </div>
                                                                                           <style>

.pad {
    padding: 10px;
    background: #997942;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #FFF;
}
.context {
    margin: 10px;
    padding: 20px;
    color:#000;
    font: 12px arial;
    text-align: justify;
    background: #928c3f;
    border: 1px solid #FFF;
    width: 354px;
    height: 400px;
    overflow: auto;
    word-break: break-word;
}
.context strong {
  text-transform:uppercase;
  color:#171616;
  font-style:italic;
}
.context img {
    float: left;
    margin-right: 10px;
    width: 150px;
    border: solid 5px #FFF;
    transition: all 800ms;
}
.context img:hover {
  filter:grayscale(70%);
  transition:all 800ms;
}
.staffici {
  background: #928c3f;
    border: 1px solid #FFF;
  width:310px;
  margin:10px;
  padding-top:15px;
  color: #d4effc;
}
.tab {
  width: 320px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-evenly;
}
.tab button {
    display: inline-block;
    padding: 22px 16px;
    margin: 5px 0 10 -1px;
    width: 90px;
    height: 94px;
    border: 5px solid #FFF;
    text-align: left;
    cursor: pointer;
    font-size: 17px;
    transition: all 800ms;
}
.tab button:before {
    content: '';
    display: none;
    position: absolute;
    margin: -51px 0px 0px -21px;
    width: 134px;
    height: 99px;
    border-radius: 15px;
    border: 1px solid #FFF;
}
.blokinv {
    width: 250px;
    margin: auto;
        margin-top: auto;
    margin-top: 8px;
    color: gray;
    border: 1px solid #FFF;
    font: 11px Raleway;
    text-align: center;
    text-transform: uppercase;
    padding: 27px 20px;
    background: url(https://2img.net/imgur.com/99ZNjiV.png);
}
.tabcontent {
    padding: 10px;
    border: 1px solid #FFF;
    width: 284px;
    height: 71px;
    display: none;
    background: #ebf4f6;
    margin: -70px auto 0px auto;
    overflow: auto;
    text-align: justify;
    color:#000000;
    position: relative;
    font: 9px arial;
}
.tabcontent span {
    text-transform: uppercase;
    padding: 5px;
    border-radius: 5px;
    float: left;
    margin: -3px 10px 0px 0px;
    background: linear-gradient(to right, #5e7679, #91c4cc);
}
.tabcontent span a {
  color: white;
}
.recru {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  padding-top:10px;
}
.recru h1 {
    margin: 0 auto;
    text-align: center;
    font: 11px calibri;
    color: white;
    width: 292px;
    border-radius: 5px;
    padding: 5px 0px;
    text-transform: uppercase;
    background: linear-gradient(to right, #5e7679, #91c4cc);
}
.grppa {
    margin: 0px 3px 0px 3px;
    padding: 10px;
    width: 68px;
    text-align: center;
    margin-top: 10px;
    color: white;
    border-radius: 5px;
    font: 9px Raleway;
    text-transform: uppercase;
}
.thirdb {
    background: #928c3f;
    border: 1px solid #FFF;
    margin: 10px;
    width: 150px;
    padding: 10px;
}
.news {
    font: 12px arial;
    color: #171616;
    text-align: left;
    height: 190px;
    overflow: auto;
    padding-right: 5px;
  
}
.news a {
    color: #3000ff;
    font-weight: bold;
}
.topp {
  text-align:center;
}
.topp h1 {
    margin: 10px auto 10px auto;
    text-align: center;
    font: 11px calibri;
    color: white;
    width: 130px;
    border-radius: 5px;
    padding: 5px 0px;
    text-transform: uppercase;
    background: linear-gradient(to right, #5e7679, #91c4cc);
}
.topp span {
  font-size:8px;
  color:gray;
}
.liens_importants {
      width: 155px;
      height: 116px;
    }

    .liens_importants a {
      display: block;
      width: 100%;
      border: 1px solid #fff;
      height: 18px;
      margin-bottom: 7px;
      text-align: center;
      text-decoration: none;
      font:12px roboto;
      text-transform: uppercase;
      line-height: 20px;
      position: relative;
      overflow: hidden;
      color: #000;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      }

    .liens_importants a:before {
      content: " ";
      width: 100%;
      height: 18px;
      background: var(--color-pink);
      position: absolute;
      left: -100%;
      top: 0;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      z-index: 1;
          }
    .liens_importants a span {
      z-index: 3;
      position: relative;
    }
    .liens_importants a:hover:before {
      left: 0;
    }
    .liens_importants a:hover {
      color: #000;
    }

.linkut {
  width:478px;
  background: #ebf4f6;
    border: 1px solid #FFF;
  margin:10px;
  padding:10px;
  list-style:none;
  text-align:right;
}
.linkut li {
  border-bottom:1px solid #FFF;
}
.linkut a {
    font: 11px Arial;
    text-transform: uppercase;
    transition: all 800ms;
    background: linear-gradient(to right, #5e7679, #91c4cc);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
}
.linkut a:hover {
  transition:all 800ms;
  letter-spacing:2px;
}
</style> <script>
  function openCity(evt, cityName) {
  // Declare all variables
  var i, tabcontent, tablinks;

  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  // Show the current tab, and add an "active" class to the link that opened the tab
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>            
</div><br /><a rel="nofollow" target="_blank" class="postlink" href="https://servimg.com/view/14046648/5724"><img border="0" alt="" src="https://i.servimg.com/u/f55/14/04/66/48/sans-t17.png" /></a><br />

Merci

[Ptite_Perle]

Coucou

J'ai regardée du coup dans la page d'accueil, effectivement en supprimant ceci

Code:

<meta charset="utf-8" /><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet" />  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat|Raleway&display=swap" /><script type="text/javascript" src="http://files.jcink.net/html/jquery-1.7.2.min.js"></script>        <script type="text/javascript" src="http://files.jcink.net/html/jquery.cookie-1.3.1.js"></script>          <script type="text/javascript" src="http://files.jcink.net/html/catcollapse.js"></script>        <script src="http://greatdivide.b1.jcink.com/uploads/greatdivide/styletooltips.js"></script>        <script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips({
            tip_follows_cursor:true,
    tip_delay_time:0,
    tip_fade_speed:300
    });
        });
    })(jQuery);

jQuery(document).ready(function($) {
 
 $(".scroll").click(function(event){
 event.preventDefault();
 $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
 });
});
        </script>

La toolbar est rée parue

Merci pour votre aiguillage

Amicalement

[Toryudo]

Je viens de vérifier, plus précisément, vous pouvez juste corriger avec ceci, ça devrait fonctionner également (et ça retire moins de choses à priori, on supprime juste les http pour que le site puisse plutôt récupérer les https) :

Code:

<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet" />  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Montserrat|Raleway&display=swap" /><script type="text/javascript" src="//files.jcink.net/html/jquery.cookie-1.3.1.js"></script>          <script type="text/javascript" src="//files.jcink.net/html/catcollapse.js"></script>        <script type="text/javascript" src="//greatdivide.b1.jcink.com/uploads/greatdivide/styletooltips.js"></script>        <script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips({
            tip_follows_cursor:true,
    tip_delay_time:0,
    tip_fade_speed:300
    });
        });
    })(jQuery);

jQuery(document).ready(function($) {
 
 $(".scroll").click(function(event){
 event.preventDefault();
 $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
 });
});
        </script>
<div class="pad">
                                                                                                                                                                                                                                                                                                                                                           
   <div class="context">
                                                                                                                                                                                      <img src="https://i.servimg.com/u/f55/14/04/66/48/automn12.gif" /><strong>Bienvenue <span>{USERNAME}</span></strong> <br />Tu arrives dans un monde de créations et d'apprentissages. Tout est gratuit ! <br />Nous te proposons des tutoriels sur différents logiciels. <br /> Fouine sur le forum, pleins de choses à découvrir.<br /><br />Un soucis? <br />Pose tes questions et nous t'aiderons.<br /> <br />Les différentes sections :  <br />Des aides Pour ton forum, pour ton site ou blog.Des tutoriels: photoshop, paintshop, photofiltre... <br />   Aides pour prendre en main ton ou tes logiciels.   <br /> Des tutos, des scripts, des codes ...  <br /> Des concours entres membres.  <br /> <br />Tu trouveras un accueil sympathique !<br />Tu peux participer à tout sujets pour aider la communauté, apporte tes connaissances  <br /> <br />  Comment nous rejoindre? <br /> Tu te présente et tu signe le règlement,  <br /> <br />Hop tu deviens membre du forum et les portes s'ouvrent.<br />                                                                                                                                    
   </div>
                                                                                                                                                                                                                                                                                                                                                     
   <div class="staffici">
                                                                                                                                                                                                                                                                                                                                                                        
      <div class="tab">
                                                                                                                                                                                                                                                                                                                                                                                                                                                             
         <button onmouseover="openCity(event, 'Sydney')" style="background-image:url(https://i.servimg.com/u/f55/14/04/66/48/1-4110.jpg); background-size:120%; background-position: center;" class="tablinks">
                                                                                                                                                                                                                                                                                                                                                                                            
         </button>
                                                                                                                                                                                                                                                                                                                                   
         <button onmouseover="openCity(event, 'Detroit')" style="background-image:url(https://i.servimg.com/u/f55/14/04/66/48/194-6610.jpg); background-size:100%; background-position: center;" class="tablinks">
                                                                                                                                                                                                                                                                                                                                                                                            
         </button>
                                                                                                                                                                                                                                                                                                       
         <button onmouseover="openCity(event, 'Paris')" style="background-image:url(https://i.servimg.com/u/f55/14/04/66/48/placel10.png); background-size:100%; background-position: center;" class="tablinks">
                                                                                                                                                                                                                                                                                                                                                                                            
         </button>
                                                                                                                                                                                                                                                                                                                                                                                                               
      </div>
                                                                                                                                                                                                                                                                                                                                                                              
      <div class="blokinv">
                                                                                                                                                                                               Passe ta souris sur les staffeux !                                                                                                                                                                                
      </div>
                                                                                                                                                                                                                                                                                                                                        
      <div class="tabcontent" id="Sydney">
                                                                                                                                                                                                   <span><a href="/" target="_blank">Ptite_Perle - fondatrice</a></span>Je m'occupe du design du forum.  Aide dans plusieurs domaine, alors n’hésite pas à poser tes questions. Je suis ici pour t'aider, te conseiller. Au plaisir de te lire sur le forum dans toutes les catégories qui te son proposées.                                                                                                                                                          
      </div>
                                                                                                                                                                                                                                                                                                                    
      <div class="tabcontent" id="Detroit">
                                                                                                                                                                                                   <span><a href="/" target="_blank">Sandcreations - Graphiste</a></span> Les tutoriels présentés ici sont de ma propre création. Ssims4 créations de personnages et tout l'unisers des Sims4. Partage de mes tubes. Tutoriels avec photofiltre studio.                                                                                                                                                          
      </div>
                                                                                                                                                                                                                                                                                        
      <div class="tabcontent" id="Paris">
                                                                                                                                                                                                   <span><a href="/" target="_blank">POSTE libre - fonction</a></span>Tu postule dans un de nos différents postes recherchés, rien de compliqué, mais choissi seulement le poste qui te plais.   <a href="https://forumcrea.forumactif.org/c23-zone-de-recrutements/">Postule ici  </a>                                                                                                                                                    
      </div>
                                                                                                                                                                                                                                                                                                                                                                          
      <div class="recru">
                                                                                                                                                                                                                                                                                   
         <h1>
                                                                                                                                                     Gagnants concours                                                                                                                            
         </h1>
                                                                                                                                                                                                                                                                                   
         <div>
                                                                   <img src="https://i.servimg.com/u/f38/16/35/10/19/114.jpg" class="grppa" />                                                                                                                                                                                                                
         </div>
                                                                                                                                                                                                                                                                                   
         <div>
                                                                   <img src="https://i.servimg.com/u/f38/16/35/10/19/216.jpg" class="grppa" />                                                                                                                                                                                                                
         </div>
                                                                                                                                                                                                                                                                                   
         <div>
                                                                   <img src="https://i.servimg.com/u/f38/16/35/10/19/320.jpg" class="grppa" />                                                                                                                                                                                                                
         </div>
                                                                                                                                                                                                                                                                                   
         <div>
                                                                   <img src="https://i.servimg.com/u/f38/16/35/10/19/415.jpg" class="grppa" />                                                                                                                                                                                                                
         </div>
                                                                                                                                                                                                                                                                                         
      </div>
                                                                                                                                                                                                                                                        
   </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
   <div class="thirdb">
                                                                                                                                                                                                                                                                                                                                                                              
      <div class="news">
                                                          Concours<br />                                              
         <div class="news">
                                                              <a href="https://forumcrea.forumactif.org/t4537-concours-les-sirenes#26559">Les sirènes</a><br />  <br />   <span style="color:#5e7679;font-weight:bold;font-family:arial;font-style:italic;">Fin 27.08.2022:</span>Concours<br />       <a href="https://forumcrea.forumactif.org/t4542-concours-a-la-plage#26588">La plage</a> <br />                                      
         </div>
                                                                                                                                     
      </div>
                                                                                                                                                                                                                                                                                                                                                                                          
      <div class="liens_importants">
                                                                                                                                                                                                                                                                                                                                                                                                        <br /><br /><br /><a href="https://forumcrea.forumactif.org/f8-presentation"><span>Présentation</span></a> <a href="https://forumcrea.forumactif.org/f12-reglement"><span>Règlement</span></a> <a href="https://forumcrea.forumactif.org/f26-zone-invites"><span>Zone invités</span></a> <a href="https://forumcrea.forumactif.org/f16-demande-de-partenariats"><span>Devenir partenaires</span></a> <a href="https://forumcrea.forumactif.org/f14-nos-bannieres"><span>Nos bannières</span></a>                                                                                                                                                                                                                                                                                                                                                                                          
      </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
   </div>
                                                                                              <style>

.pad {
    padding: 10px;
    background: #997942;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #FFF;
}
.context {
    margin: 10px;
    padding: 20px;
    color:#000;
    font: 12px arial;
    text-align: justify;
    background: #928c3f;
    border: 1px solid #FFF;
    width: 354px;
    height: 400px;
    overflow: auto;
    word-break: break-word;
}
.context strong {
  text-transform:uppercase;
  color:#171616;
  font-style:italic;
}
.context img {
    float: left;
    margin-right: 10px;
    width: 150px;
    border: solid 5px #FFF;
    transition: all 800ms;
}
.context img:hover {
  filter:grayscale(70%);
  transition:all 800ms;
}
.staffici {
  background: #928c3f;
    border: 1px solid #FFF;
  width:310px;
  margin:10px;
  padding-top:15px;
  color: #d4effc;
}
.tab {
  width: 320px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-evenly;
}
.tab button {
    display: inline-block;
    padding: 22px 16px;
    margin: 5px 0 10 -1px;
    width: 90px;
    height: 94px;
    border: 5px solid #FFF;
    text-align: left;
    cursor: pointer;
    font-size: 17px;
    transition: all 800ms;
}
.tab button:before {
    content: '';
    display: none;
    position: absolute;
    margin: -51px 0px 0px -21px;
    width: 134px;
    height: 99px;
    border-radius: 15px;
    border: 1px solid #FFF;
}
.blokinv {
    width: 250px;
    margin: auto;
        margin-top: auto;
    margin-top: 8px;
    color: gray;
    border: 1px solid #FFF;
    font: 11px Raleway;
    text-align: center;
    text-transform: uppercase;
    padding: 27px 20px;
    background: url(https://2img.net/imgur.com/99ZNjiV.png);
}
.tabcontent {
    padding: 10px;
    border: 1px solid #FFF;
    width: 284px;
    height: 71px;
    display: none;
    background: #ebf4f6;
    margin: -70px auto 0px auto;
    overflow: auto;
    text-align: justify;
    color:#000000;
    position: relative;
    font: 9px arial;
}
.tabcontent span {
    text-transform: uppercase;
    padding: 5px;
    border-radius: 5px;
    float: left;
    margin: -3px 10px 0px 0px;
    background: linear-gradient(to right, #5e7679, #91c4cc);
}
.tabcontent span a {
  color: white;
}
.recru {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  padding-top:10px;
}
.recru h1 {
    margin: 0 auto;
    text-align: center;
    font: 11px calibri;
    color: white;
    width: 292px;
    border-radius: 5px;
    padding: 5px 0px;
    text-transform: uppercase;
    background: linear-gradient(to right, #5e7679, #91c4cc);
}
.grppa {
    margin: 0px 3px 0px 3px;
    padding: 10px;
    width: 68px;
    text-align: center;
    margin-top: 10px;
    color: white;
    border-radius: 5px;
    font: 9px Raleway;
    text-transform: uppercase;
}
.thirdb {
    background: #928c3f;
    border: 1px solid #FFF;
    margin: 10px;
    width: 150px;
    padding: 10px;
}
.news {
    font: 12px arial;
    color: #171616;
    text-align: left;
    height: 190px;
    overflow: auto;
    padding-right: 5px;
  
}
.news a {
    color: #3000ff;
    font-weight: bold;
}
.topp {
  text-align:center;
}
.topp h1 {
    margin: 10px auto 10px auto;
    text-align: center;
    font: 11px calibri;
    color: white;
    width: 130px;
    border-radius: 5px;
    padding: 5px 0px;
    text-transform: uppercase;
    background: linear-gradient(to right, #5e7679, #91c4cc);
}
.topp span {
  font-size:8px;
  color:gray;
}
.liens_importants {
      width: 155px;
      height: 116px;
    }

    .liens_importants a {
      display: block;
      width: 100%;
      border: 1px solid #fff;
      height: 18px;
      margin-bottom: 7px;
      text-align: center;
      text-decoration: none;
      font:12px roboto;
      text-transform: uppercase;
      line-height: 20px;
      position: relative;
      overflow: hidden;
      color: #000;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      }

    .liens_importants a:before {
      content: " ";
      width: 100%;
      height: 18px;
      background: var(--color-pink);
      position: absolute;
      left: -100%;
      top: 0;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      z-index: 1;
          }
    .liens_importants a span {
      z-index: 3;
      position: relative;
    }
    .liens_importants a:hover:before {
      left: 0;
    }
    .liens_importants a:hover {
      color: #000;
    }

.linkut {
  width:478px;
  background: #ebf4f6;
    border: 1px solid #FFF;
  margin:10px;
  padding:10px;
  list-style:none;
  text-align:right;
}
.linkut li {
  border-bottom:1px solid #FFF;
}
.linkut a {
    font: 11px Arial;
    text-transform: uppercase;
    transition: all 800ms;
    background: linear-gradient(to right, #5e7679, #91c4cc);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
}
.linkut a:hover {
  transition:all 800ms;
  letter-spacing:2px;
}
</style> <script>
  function openCity(evt, cityName) {
  // Declare all variables
  var i, tabcontent, tablinks;

  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  // Show the current tab, and add an "active" class to the link that opened the tab
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>            
</div><br /><a href="https://servimg.com/view/14046648/5724" class="postlink" target="_blank" rel="nofollow"><img border="0" src="https://i.servimg.com/u/f55/14/04/66/48/sans-t17.png" alt="" /></a><br />

[Ptite_Perle]

Coucou

Merci beaucoup

Amicalement