Site en plusieurs langues

Prendre exemple sur : https://www.accuwatt.fr/

<style type="text/css">
 
/*<![CDATA[*/

/* mettre le menu de navigation sur une seule ligne en lecture desktop */
.jtpl-breadcrumb, .jtpl-content, .jtpl-footer__inner, .jtpl-header__inner, .jtpl-sidebar__inner {
    margin: 0 auto;
        margin-right: auto;
        margin-left: auto;
    max-width: 1300px;
}

 /* Drapeau francais pour "FR") */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(29) > a:nth-child(1)
{opacity: 0!important;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(29) > a:nth-child(1) 
{opacity: 0!important;}

#cc-nav-view-2245351157 { 
background-image: url(https://u.jimcdn.com/cms/o/s384d2b34a402447d/userlayout/img/france-langue.png?t=1501745085); 
background-position: center; 
background-repeat: no-repeat;
}

 /* Drapeau anglais pour "EN") */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(31) > a:nth-child(1)
{opacity: 0!important;}
 .jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(31) > a:nth-child(1)
{opacity: 0!important;}

#cc-nav-view-2244974557 { 
background-image: url(https://u.jimcdn.com/cms/o/s384d2b34a402447d/userlayout/img/english-language.png?t=1502201498); 
background-position: center; 
background-repeat: no-repeat;
}
 
/* Drapeau espagnol pour "ES") */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(30) > a:nth-child(1)
{opacity: 0!important;}
 .jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(30) > a:nth-child(1)
{opacity: 0!important;}

#cc-nav-view-2245349457 { 
background-image: url(https://u.jimcdn.com/cms/o/s384d2b34a402447d/userlayout/img/spanish.png?t=1502201678); 
background-position: center; 
background-repeat: no-repeat;
}

 /* Drapeau allemand pour "DE") */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(32) > a:nth-child(1)
{opacity: 0!important;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(32) > a:nth-child(1) {opacity: 0!important;}
 
#cc-nav-view-2245350257 { 
background-image: url(https://u.jimcdn.com/cms/o/s384d2b34a402447d/userlayout/img/deutsch.png?t=1502201931); 
background-position: center; 
background-repeat: no-repeat;
}

.jtpl-navigation ul {background-color: white!important;} /* fond blanc pour les sous menus en navigation */

.j-nav-variant-breadcrumb {display: none;} /* cacher le fil d ariane - breadcrumb */




.jtpl-sidebar {display: none;} /* page société - cacher sidebar (cartographie google) tous format lecture */

/* changer le titre du breadcrumb dans la bonne langue */
.j-website-title-content {
  text-indent: -9999px;
  line-height: 10px; /* Masque le titre original en francais */
}
/* Ajoute le titre dans la bonne lanque */
.j-website-title-content::after {
  content: "LITHIUM BATTERIES";
  text-indent: 0;
  display: block;
  line-height: initial; 
}
/* Cacher tous ce qui n est pas EN (liste suivante) : */

  /* ACCUEIL FR */
 .jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) {display: none;}
 .jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) {display: none;}
 /* SOLUTIONS FR */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(5) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(5) {display: none;}
  /* SOCIETE FR */
 .jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(9) {display: none;}
 .jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(9) {display: none;}
   /* CONFIGURATEUR FR */
 .jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(13) {display: none;}
 .jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(13) {display: none;}
 /* CONTACT FR */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(17) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(17) {display: none;}
/* ACTUALITES FR */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(21) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(21) {display: none;}
/* REFERENCES FR */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(25) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(25) {display: none;}
/* BIENVENIDO ES */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(3) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(3) {display: none;}
/* SOLUCIONES ES */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(11) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(11) {display: none;}
/* EMPRESA ES */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(7) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(7) {display: none;}
/* CONFIGURADOR ES */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(15) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(15) {display: none;}
/* CONTACTO ES */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(19) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(19) {display: none;}
/* NOTICIAS ES */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(23) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(23) {display: none;}
/* REFERENCIAS ES */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(27) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(27) {display: none;}
/* WILLKOMMEN DE */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(4) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(4) {display: none;}
/* LOSUNGEN DE */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(12) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(12) {display: none;}
/* UNTERNEHMEN DE */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(8) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(8) {display: none;}
/* KONFIGURATOR DE */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(16) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(16) {display: none;}
/* KONTAKT DE */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(20) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(20) {display: none;}
/* NACHRICHTEN DE */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(24) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(24) {display: none;}
/* REFERENZEN DE */
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(28) {display: none;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(28) {display: none;}


/* rajouter mentions légales dans la langue */
.j-meta-links > a:nth-child(1):after {
  content: "Legal mentions";
  text-indent: 0;
  display: block;
  line-height: inherit; 
  font-style: italic;
}
.j-meta-links > a:nth-child(2):after {
  content: "Sitemap I";
  text-indent: 0;
  display: block;
  line-height: inherit; 
  font-style: italic;
}

/* eclaircissement image au survol */
img[alt="atelier"]:hover {
filter: brightness(1.3);
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-o-filter: brightness(1.3);
-ms-filter: brightness(1.3);
}

/* Arrondir les angles des images */
.j-imageSubtitle .cc-imagewrapper img {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin: 10px 5px;
}

/* Arrondir les angles des images avec texte */
.j-textWithImage .cc-imagewrapper img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/* arrondissement image au survol */
img[alt="atelier"] {
 transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
} 
img[alt="atelier"]:hover {
border-radius: 200px;}



/* Bouton "Télécharger" changer le texte et le mettre dans la bonne langue */
.cc-m-download-link {font-size: 0!important; /* cacher le lien */
  letter-spacing: normal!important; /* enlever un eventuel letter spacing présent */}
.cc-m-download-link::after {content: "Download"; /* nouveau texte*/font-size: 16px; /* taille du texte */}

    
/* Icone "pdf" faire aggrandir et tourner de 25 deg au survol */
.downloadImage {
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0.7;
}
.downloadImage:hover {
    -moz-transform: rotate(5deg) scale(1.20);
    -webkit-transform: rotate(5deg) scale(1.20);
    -o-transform: rotate(5deg) scale(1.20);
    -ms-transform: rotate(5deg) scale(1.20);
    transform: rotate(5deg) scale(1.20);
    opacity: 1;
    transform-origin: top left;
    filter: drop-shadow(2px 2px 5px darkgrey);
}

ATTENTION il peut y avoir des pieges par exemple dans le test que j'avais fais sur dojim-france.jimdo.com il a fallu que j'ajoute inner pour que les menus disparaissents de la version mobile :

.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(10) {display: none;}
.jtpl-mobile-navigation__inner >