@font-face {
        font-family: "luciole";
 src : url('https://www.free-scores.com/css/Luciole-Regular.ttf') format('truetype');
}


@media (max-width: 1300px) {
body {
  margin: 0;
  height: 100%;
  max-width: 100%;
  background-position: center;
  font-family: 'luciole', sans-serif;
}
}
@media (min-width: 1300px) {
body {
  margin: 0;
  min-height: 100vh;
 /*width: 1299px; /* Largeur fixée */
  /*   margin-left: auto; /* Centre horizontalement */
   /* margin-right: auto; /* Centre horizontalement */
 max-width: 100%;

 font-family: 'luciole', sans-serif;
}

/* Conteneur principal au centre */
/* Conteneur centré, avec bordure de chaque côté */
.wrapper {
  max-width: 1279px;
  margin: 0 auto;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  /* Vous pouvez ajuster la couleur et l'épaisseur à votre goût */
}

}



#FILTRE {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    width: auto;
    text-align: left;
}

#FILTRE.open {
    max-height: 1000px; /* Ajustez cette valeur selon la hauteur maximale de votre contenu */
}



.header_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-btn, .search-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-btn {
  cursor: pointer;
  background-color: #f9f9f9;
  border: none;
  padding: 0;
  margin-top: 8px;
  height: 33px;
  width: 33px;
}

.search-box {
  width: 95%;
  flex-wrap: nowrap;
}

.search-box button {
  flex-shrink: 0;
}




.submenu {
  visibility: hidden; /* Cache le sous-menu par défaut */
 position: absolute;
 /* top:163px;*/
top:100%;  
left:0vw; 
height:60px;
  width: 99vw; /* Utilise la pleine largeur de la vue */
  background-color: #f0f0f0; /* Couleur de fond pour le sous-menu */
  box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* Ombre pour le sous-menu */
  z-index: 10000; /* Assure que le sous-menu reste au-dessus des autres éléments */
  display: flex;
  align-content: center;

  justify-content: center;
  align-items: center;
  opacity: 0; /* Commence invisible */
  transition: opacity 0.5s ease; /* Animation pour l'apparition */
}
.submenu.active {
  visibility: visible;
  opacity: 1; /* Rend le sous-menu visible et opéré */
}

.submenu.submenu-1 {
left: 0vw;

}

.submenu.submenu-2 {
  text-align:center;  

}

.submenu.submenu-3 {
  text-align:center;
}

.submenu.submenu-4 {
  text-align:center;
}

.menus_principaux:hover .submenu {
 display: block; /* Affiche le sous-menu au survol */ 
/*position: relative; /* Assure que le positionnement des sous-menus est relatif à ce bloc */
 /* display :flex; /* Distribue équitablement l'espace horizontal entre les menus principaux */
}


/* Positioning classes */
.position_coeurs_nouveaute,
.position_coeurs_listing,
.position_coeurs_part,
.position_comment_listing {
  position: absolute;
  width: 33px;
}


.position_coeurs_listing,
.position_comment_listing {
  bottom: 0px;
  left: 40px;
}

.position_comment_listing {
  left: 90px;
}

.position_coeurs_part {  
display: inline-block;
  float: left;
  clear: left;
  min-width: 60px;
  margin: 3;
  top:-50px;
left: 3px;
  
}

/* Media queries */
@media (min-width: 600px) {
  .logo-desktop {
    display: inline-block;
  }
  .position_coeurs_nouveaute {
  float: left;
  clear: left;    
top:5px;
    left: 120px;
  }
  .points_extraits_desktop {
    display: inline;
  }
  .points_extraits_mobile {
    display: none;
  }
 .taille_album_photo
 {
    width:250px;
  }
 .taille_click_analytic
 {
    width:700px;
height:450px;
  }

  .search-overlay {
    align-items: flex-start;
  }

  .search-overlay__backdrop {
    top: 0px;
  }

  .search-overlay__backdrop::before {
    display: none;
  }

  .search-overlay__content {
    width: 90%;
 position: fixed;
   top:100px;
   margin-bottom: 66px;
    max-height: calc(100vh - 72px);
    background: rgb(255, 255, 255);
    border-radius: 7px;
    margin-top: 0px;
    margin-bottom: 24px;
    max-height: calc(100vh - 48px);
    padding: 24px 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 20px 0px;


  }
.espace_auto {
margin-left:50px;
  transform: translateX(25%);
}  
 
top:60px; 
   margin-bottom: 36px;
    max-height: calc(100vh - 72px);
    background: rgb(255, 255, 255);
    border-radius: 20px;
    margin-top: 0px;
    margin-bottom: 24px;
    max-height: calc(100vh - 48px);
    padding: 24px 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 20px 20px;


  }

.include_listing_public_titre {
width:90%;
display:block;
}
.include_listing_public_titre_licence {
width:80%;
display:block;
}

}



/* PETITS ECRAN <600px */
@media (max-width: 599px) {


.include_listing_public_titre {
width:75%;
display:block;
}


  .logo-mobile {
    display: inline;
  }
 
 .logo-desktop {
    display: none;
  }
  .points_extraits_desktop {
    display: none;
  }
  .points_extraits_mobile {
    display: inline;
  }
 .taille_album_photo

 {
    width:110px;
  }
 .taille_click_analytic
 {
    width:350px;
height:450px;
  }
  .search-overlay {
    align-items: flex-start;
  }

  .search-overlay__backdrop {
    top: 0px;
  }

  .search-overlay__backdrop::before {
    display: none;
  }
.menu_vie_desktop {
display: none;
}
.menu_vie_mobile {
display: block;
width:100%;

}


  .menus_principaux:hover .submenu {
    /*display: none;*/
opacity: 1; /* Devient visible lors du survol du menu principal */ 
/* left: calc(-100vw * (X / 4));  */
 }

.position_coeurs_nouveaute {
  top: 5px;
  left: 70px;
}


  .search-overlay__form {
    padding: 0px;
    width: 100%;
    position: inherit;
    transition: margin-bottom 0.1s ease-in-out 0s;
  }

  .search-overlay__content {
  width: 90%;
 position: fixed;
   top:100px;
   margin-bottom: 66px;
    max-height: calc(100vh - 72px);
    background: rgb(255, 255, 255);
    border-radius: 7px;
    margin-top: 0px;
    margin-bottom: 24px;
    max-height: calc(100vh - 48px);
    padding: 24px 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 20px 0px;
/*
    position: absolute;
    top: 10px;
    width: 400px;
    background: rgb(255, 255, 255);
    border-radius: 20px;
    margin-top: 60px;
    margin-bottom: 24px;
    max-height: calc(100vh - 48px);
    padding: 24px 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 20px 20px;
*/ 

 }


}
/* FIN PETITS ECRAN <600px */



@media (min-width: 400px) and (max-width: 1416px) {
  .logo-mobile {
    display: inline;
  }
  .logo-desktop {
    display: none;
  }


 .taille_album_photo

 {
    width:110px;
  }

}

@media (min-width: 1417px) {
  .logo-mobile {
    display: none;
  }
  .logo-desktop {
    display: inline;
  }
}

/* Responsive image adjustments */
.responsive-image, .responsive-image_vie, .responsive-image-public_dnl, .responsive-image-public_list, .responsive-image_public_composer, .responsive-image_vie_small, {
  width: 100%;
  height: auto;
}


/* FIN ROND PARTITION SUIVANTE/COMPOSITEUR ACCUEIL*/
 .tooltip {
    position: relative;
    display: inline-block;
  }

  .tooltip .tooltiptext {
    visibility: hidden;
    width: 130px;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
  }

  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
.rond1 {
  position: absolute;
  top: 80px;
  right: 30px;
  z-index: 10;
}

.rond2 {
  position: absolute;
  top: 120px;
  right: 0px;
  z-index: 1;
}

.rond2:hover {
  z-index: 20; /* Un z-index supérieur à celui de .image1 */
}

.rond2:hover .overflow_image_composer_rond {
  border-radius: 5px; /* Change la forme de circulaire à carrée */
}


.rond1:hover .overflow_image_composer_rond {
  border-radius: 5px; /* Change la forme de circulaire à carrée */
}


.rond_commentaire {
  position: relative;
   z-index: 10;
}

.rond_commentaire:hover .overflow_image_composer_rond_commentaire {
  border-radius: 5px; /* Change la forme de circulaire à carrée */
}


.overflow_image_composer {
  position: relative;
  display: block;
  width: 90px;
  height: 100px;
  overflow: hidden;
  float: left;
  margin-right: 3px;
  border-radius: 5px;
  margin: 2px 10px 5px 0;
  border: 1px solid;
  border-color: #e4e4e4;
}


.overflow_image_composer_rond {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  overflow: hidden;
  float: left;
  margin-right: 3px;
  border-radius: 50px;
  /*margin: 2px 10px 5px 0;*/
  transition: border-radius 0.5s ease; 
 border: 1px solid;
  border-color: #e4e4e4;
}
.overflow_image_composer_rond_commentaire {
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  overflow: hidden;
  float: left;
  margin-right: 3px;
  border-radius: 50px;
  /*margin: 2px 10px 5px 0;*/
  transition: border-radius 0.5s ease;
 border: 1px solid;
  border-color: #e4e4e4;
}



@media (max-width: 600px) {
  .overflow_image_composer {
    width: 70px;
    height: 80px;
  }
.menu_vie_desktop {
display: none;
}
.menu_vie_mobile {
display: block;
width:100%;

}


  .overflow_image_composer_rond {
    width: 70px;
height: 70px;
  }


  .overflow_image_composer_rond_commentaire {
    width: 60px;
height: 60px;
  }


}

/* FIN ROND PARTITION SUIVANTE/COMPOSITEUR ACCUEIL*/


.menus_principaux {
  /*position: relative;*/
position: static; 
 display:flex;
  width: 25%;
  vertical-align: middle;
  padding: 2px;
  align-items: center;
  justify-content: center;
}

.icon-bottom-right {
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 999999;
  pointer-events: auto;
  opacity: 0.2;
  transition: opacity 0.3s ease;
}

.pmenu:hover .icon-bottom-right,
.icon-bottom-right:hover {
  opacity: 1; /* L'icône devient visible lors du survol */
}

.flex-item_accueil {
  box-sizing: border-box;
  margin: 5px;
  min-width: 300px;
  background-color: rgba(230, 230, 230, 0.1);
  border-radius: 8px;
  padding: 6px;
  border: 1px solid #e2e2e2;
  text-align: left;
}

.flex_grandbloc {
  background-color: #FFF;
  border: 0;
}

.flex_uneligne {
  flex: 1 1 calc(100% - 20px);
}

.flex_moitie {
  flex: 1 1 calc(50% - 20px); /* Two items per row, accounting for gap */
}

.flex_tiers {
  flex: 1 1 calc(33.33% - 20px);
}

.flex_quinte {
  flex: 1 1 calc(20% - 20px);
}


.flex_pcomposer {
  flex: 1 1 calc(17% - 10px);
box-sizing: border-box;
  margin: 5px;
  min-width: 250px;
  background-color: rgba(230, 230, 230, 0.1);
  border-radius: 8px;
  padding: 6px;
  border: 1px solid #e2e2e2;
  text-align: left;

}


/* Style initial pour le lien contenant l'icône */
a.Play {
    display: inline-block;
    width: 40px; /* Largeur de l'icône */
    height: 40px; /* Hauteur de l'icône */
    transition: transform 0.3s ease, fill 0.3s ease; /* Animation pour la transformation et la couleur */
}

/* Effet au survol */
a.Play:hover {
transform: translateY(-4px); /* Haussement de l'icône de 5 pixels vers le haut */
}

a.Play svg {
    fill: #FFF; /* Couleur initiale de l'icône */
    transition: fill 0.3s ease; /* Animation sur la couleur */
}

/* Changement de couleur au survol */
a.Play:hover svg {
    fill: #FF0000; /* Couleur de l'icône au survol (rouge ici) */
}


.taille_autocompletion {
overflow:auto;max-height:918px;
}
.rollover_pdf {
        display: block;
        width: auto;
        height: 30px;
        border: 0px solid
}

.rollover_pdf:hover {}

.rollover_pdf_select  {
        display: block;
        width: 520px;
        height: 25px;
        border: 0px solid;
}

.over_accueil {
        max-height: 200px;
        width: 320px;
        overflow: auto;
        scrollbar-face-color: #FFE8D5;
        scrollbar-shadow-color: #FFF9F4;
        scrollbar-highlight-color: #FFF9F4;
        scrollbar-3dlight-color: #FFF9F4;
        scrollbar-darkshadow-color: #000000;
        scrollbar-track-color: #FFF9F4;
        scrollbar-arrow-color: #FF3300;
        overflow-x: hidden;
}

  .menu_container_jaune_accueil {
        float: left;
        position: relative;
        padding: 0px 0px 3px 2px;
        width: 100%;
        background-color: #ffffff;
}

.menu_container_jaune_accueil a {
        display: block;
        padding: 0px 0px 3px 2px;
        color: #333333;
        font-size: 8pt;
        text-decoration: none;
}

.menu_container_jaune_accueil a:hover {
        background-color: #FFFFFF;
        text-decoration: underline;
        color: #663399;
}

a.gcre {
        color: #000000;
        font-size: 11pt;
        text-decoration: none;
}

a.gcre:hover {
        color: #FF3300;
}


/* Media query pour les petits écrans */
@media (max-width: 600px) {
  .flex-item_accueil {
    flex: 1 1 100%; /* Prend toute la largeur disponible sur petits écrans */
  }
.flex_pcomposer {
 box-sizing: border-box;
  margin: 5px;
  min-width: 150px;
  background-color: rgba(230, 230, 230, 0.1);
  border-radius: 8px;
  padding: 6px;
  border: 1px solid #e2e2e2;
  text-align: left;

}

.taille_autocompletion {
overflow:auto;width:auto;max-height:600px;
}

.padding {
padding:0px;
}

.rollover_pdf {
        display: block;
        width: 320px;
        height: 50px;
        border: 0px solid;
}

.rollover_pdf:hover {}

.rollover_pdf_select  {
        display: block;
        width: 320px;
        height: 40px;
        border: 0px solid;
}
}

/* pub interne */
.image_ad {
  transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.image_ad:hover {
  transform: translateY(-7px);
}



.image_ad_home {
  transition: transform 1s cubic-bezier(0.4, 0.0, 0.2, 1);
}


.image_ad_home:hover {
  transform: translateY(-7px);
}

@media screen and (min-width: 1700px) {




.image_ad_home:hover {
  transform: translateY(-85px);
}

}

.image-container {
  flex: 0 0 auto;
  margin-right: 10px;
}

.responsive-image {
  width: 100%;
  height: auto;
  max-width: 250px; /* Limite la largeur maximale sur les écrans larges */
}

.responsive-image_vie {
  width: 180px;
  height: auto;
  max-width: 180px;
}
.responsive-image_vie_small {
  width: 120px;
  height: auto;
  max-width: 120px;
}


.responsive-image-public_dnl {
  width: 180px;
  height: auto;
  max-width: 200px;
}
 .responsive-image-vp-frame{
    width: 300px; 
 height: auto;
  max-width: 300px;
  }

.responsive-image-public_list {
  width: 83px;
  height: auto;
  max-width: 83px;
}

.responsive-image_public_composer {
  width: 120px;
  height: auto;
  max-width: 120px;
}

@media (max-width: 600px) {
  .responsive-image {
    max-width: 90px; /* Réduit la largeur maximale sur les écrans petits */
  }

  .responsive-image_vie {
    max-width: 130px; /* Réduit la largeur maximale sur les écrans petits */
  }
  .responsive-image_vie_small {
    max-width: 100px; /* Réduit la largeur maximale sur les écrans petits */
  }

  .responsive-image-public_dnl {
    max-width: 130px; /* Réduit la largeur maximale sur les écrans petits */
  }
 .responsive-image-vp-frame {
    max-width: 190px; /* Réduit la largeur maximale sur les écrans petits */
  }


  .responsive-image-public_list {
    max-width: 83px; /* Réduit la largeur maximale sur les écrans petits */
  }

  .responsive-image_public_composer {
    max-width: 100px;
  }
}

a.instrumentation_boutique {
  color: #333333;
  font-size: 10pt;
  text-decoration: none;
}

a.instrumentation_boutique:hover {
  color: #FF3300;
}

a.instrumentation_boutique_selected {
  color: #FF3300;
  font-size: 10pt;
  text-decoration: none;
}

a.opt {
  opacity: 0.5;
}

a.opt:hover {
  opacity: 1;
}


.ze {
        color: #333;
        font-size: 8pt;
        text-decoration: none;
}

.ze:hover {
        color: #111;
        text-decoration: underline;
}

.ze_rouge {
        color: #F66;
        font-weight: bold;
        font-size: 8pt;
        text-decoration: none;
}

.ze_rouge:hover {
        color: #111;
        text-decoration: underline;
}

.ze2 {
        color: #ccc;
        font-size: 8pt;
        text-decoration: none;
}

.ze2:hover {
        color: #111;
        text-decoration: underline;
}




/* ROND GRIS DU LECTEUR AUDIO PLAY/STOP */
.rond_audio {
display:inline-block;position:relative;background:#ECECEC;
                 border-radius:50%;padding:4px;
                 width:25px;
                 height:25px;
                 border:1px solid #fff;margin:5px
}


.bouton_bleu_menu {
        display: block;
        width: auto;
        text-align: left;
        position: relative;
        border: 2px solid white;
        background-color: #F7F7F7;
        z-index: 0;
        padding: 1px 2px 3px 1px;
        color: #333;
        font-size: 11pt;
        text-decoration: none;
        font-family: 'luciole'
}


.bouton_bleu_menu_selected {
        display: block;
        width: auto;
        text-align: left;
        position: relative;
        border: 2px solid white;
        background-color: #287eab;
        z-index: 0;
        padding: 1px 2px 3px 1px;
        font-weight: bold;
        color: #FFF;
        font-size: 11pt;
        text-decoration: none;
        font-family: 'luciole'
}


.bouton_bleu_menu:hover,
.bouton_bleu_menu_selected:hover {
        border: 2px solid white;
        z-index: 0;
        background-color: #069;
        color: #FFF;
        font-size: 11pt;
}

.fond_pagesuivante {
	line-height:50px;display:inline;
	float:left;
	border:1px solid #efefef;
	 background-color:#EEE;
	margin:3px;
	padding:7px 7px;
	border-radius: 5px;
	height:auto;
	width:95%;

}
.bkg_crit {
background-color:#EEE;
display:inline-block;
margin: 10px; 
padding: 7px 7px; 
border-radius: 5px 5px 5px 5px;
min-height:3em;
border: 1px solid #ccc; 

 vertical-align: top;
  transition: all 0.3s ease;
height: auto;
line-height: 50px;
font-size:15px;
}

.bkg_crit:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  /* Ombre légèrement plus marquée au survol */
  border-color: #ff9a30;
        color: #ff9a30;
background-color:#FFF;
}

/*.comment_part_auteur {background-color:#FEFCC9;}*/
.comment_part_auteur {
  background-color: #fff;
}

.comment_part_membre {
  background-color: #fff;
}

.comment_part_membre_a_valider {
  margin: 5px 2px;
  padding: 6px 6px 6px 6px;
  background-color: #F5F5F5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#FFF));
  background-image: -moz-linear-gradient(top, #F5F5F5, #FFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#FFF')";
}

.comment_part_fils {
  margin: 5px 2px;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #ececec;
background-color: #fcfcfc;
}

.commentaire_rapide {
  position: relative;
}

.commentaire_rapide span.arrow_down {
  position: relative;
  z-index: 120;
  padding: 0px;
  margin-left: 5px;
  border: 2px solid transparent;
  border-radius: 5px 5px 0 0;
}

.commentaire_rapide span.arrow_down_ON {
  position: relative;
  z-index: 140;
  padding: 0px;
  margin-left: 5px;
  background-color: #FFF;
  padding-bottom: 7px;
  border-top: 2px solid #CFCFCF;
  border-right: 2px solid #CFCFCF;
  border-left: 2px solid #CFCFCF;
  border-bottom: 2px solid #EFEFEF;
  border-radius: 5px 5px 0 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EFEFEF));
  background-image: -moz-linear-gradient(top, #FFF, #EFEFEF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF',endColorstr='#EFEFEF')";
}

.commentaire_rapide div.IHM {
  position: absolute;
  z-index: 130;
  background-color: #EFEFEF;
  padding: 5px;
  width: 500px;
  border: 1px solid #CFCFCF;
  top: 22px;
  left: 0px;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  list-style-type: none;
}

fieldset {
  border: none;
  margin-bottom: 20px;
  background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);  
border-radius: 5px;

}



.public_version_originale {
        display: inline-block;
        width: auto;
        padding: 1px 5px 1px;
        position: relative;
        font: normal 11px verdana, sans-serif;
        border: 1px solid #666666;
        color: #666666;
        font-size: 8pt;
        text-decoration: none;
}


a.glien_nav_fin_small {
  display: block;
  background-color: #FFFFFF;
  width: 100%;
  min-height: 12px;
  border-top: 1px dotted;
  border-color: #FF9900;
  text-decoration: none;
  padding: 2px;
  margin: 1px;
  color: #333;
  font-size: 11pt;
}

a.glien_nav_fin_small:hover {
  background-color: #FF9900;
  color: #FFFFFF;
  font-size: 11pt;
}

a.glien_nav_fin_rouge_b {
  display: block;
  background-color: #fff;
  width: 93%;
  min-height: 15px;
  border-top: 1px dotted;
  border-color: #FF3300;
  text-decoration: none;
  padding: 10px;
  margin: 1px;
  color: #333;
  font-size: 11pt;
  opacity: 0.9;
}

a.glien_nav_fin_rouge_b:hover {
  background-color: #FF3300;
  color: #FFFFFF;
}


a.glien_nav_fin_rouge_selected {
        display: block;
        background-color: #FF3300;
        width: 93%;
        min-height: 15px;
        border-top: 1px dotted;
        border-color: #FF3300;
        text-decoration: none;
        padding: 10px;
        margin: 1px;
        color: #FFFFFF;
        font-size: 12pt;
}


a.glien_nav_fin_vert {
  display: block;
  background-color: #FFFFFF;
  width: 91%;
  min-height: 15px;
  border-top: 0px dotted;
  border-color: #99cc00;
  text-decoration: none;
  padding: 10px;
  margin: 1px;
  color: #333;
  font-size: 11pt;
  opacity: 0.9;
}

.eco5_titre {
  color: #555;
  text-decoration: none;
  font-size: 12pt;
  display: block;
}

.eco5_titre:hover {
  color: #777;
  text-decoration: underline;
}


a.glien_nav_fin_vert:hover {
  background-color: #99cc00;
  color: #FFFFFF;
}

.over_boutique_genre {
        height: 200px;
        width: 360px;
        overflow: auto;
        scrollbar-face-color: #FFE8D5;
        scrollbar-shadow-color: #FFF9F4;
        scrollbar-highlight-color: #FFF9F4;
        scrollbar-3dlight-color: #FFF9F4;
        scrollbar-darkshadow-color: #000000;
        scrollbar-track-color: #FFF9F4;
        scrollbar-arrow-color: #FF3300;
        overflow-x: hidden;
}



.over_nouveaute {
  max-height: 350px;
  width: auto;
  scrollbar-face-color: #FFE8D5;
  scrollbar-shadow-color: #FFF9F4;
  scrollbar-highlight-color: #FFF9F4;
  scrollbar-3dlight-color: #FFF9F4;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #FFF9F4;
  scrollbar-arrow-color: #FF3300;
  overflow-x: auto;
  margin: 4px, 4px;
  padding: 4px;
  white-space: nowrap;
}

.titre_clamp { 
font-size: clamp(0.5rem, 3vw, 1rem);
}
.sous_titre_clamp {
font-size: clamp(0.8rem, 2vw, 0.9rem);
}

.txt_clamp { 
font-size: clamp(0.8rem, 2vw, 1rem);
}
.over_commentaires {
  height: 650px;
  width: auto;
  overflow: auto;
  scrollbar-face-color: #FFE8D5;
  scrollbar-shadow-color: #FFF9F4;
  scrollbar-highlight-color: #FFF9F4;
  scrollbar-3dlight-color: #FFF9F4;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #FFF9F4;
  scrollbar-arrow-color: #FF3300;
  overflow-x: hidden;
 border: 1px #ccc solid;
padding:5px;
border-radius:3px

}

/* STYLE FORM LISTE DEROULANTE */

.custom-dropdown--large {
  font-size: 1.5em;
}

.custom-dropdown--small {
  font-size: .7em;
}



.custom-dropdown__select {
  font-size: inherit;
  /* inherit size from .custom-dropdown */
  padding: .5em;
  /* add some space*/
  margin: 0;
  /* remove default margins */
}

.custom-dropdown__select--white {
  background-color: #f9f9f9;
  color: #444;
}

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {

  .custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }

  .custom-dropdown__select {
    padding-right: 2.5em;
    /* accommodate with the pseudo elements for the dropdown arrow */
    border: 1px #CCC solid;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
  }

  .custom-dropdown::before,
  .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }

  .custom-dropdown::after {
    /*  Custom dropdown arrow */
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.5em;
  }

  .custom-dropdown::before {
    /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
  }

  .custom-dropdown__select[disabled] {
    color: rgba(0, 0, 0, .3);
  }

  .custom-dropdown.custom-dropdown--disabled::after {
    color: rgba(0, 0, 0, .1);
  }

  /* White dropdown style */
  .custom-dropdown--white::before {
    top: 0em;
    bottom: 0em;
    background-color: #e5e5e5;
    border-left: 1px solid rgba(0, 0, 0, .1);
  }

  .custom-dropdown--white::after {
    color: rgba(0, 0, 0, .9);
  }

  /* FF only temp fix */
  @-moz-document url-prefix() {
    .custom-dropdown__select {
      padding-right: .9em
    }

    .custom-dropdown--large .custom-dropdown__select {
      padding-right: 1.3em
    }

    .custom-dropdown--small .custom-dropdown__select {
      padding-right: .5em
    }
  }
}

/* FIN STYLE FORM MENU DEROULANT */

a.buy {
  font-size: 10pt;
  color: #006699;
  text-decoration: none;
}

a.buy:hover {
  color: #0000FF;
  text-decoration: none;
}

a.buy_s {
  font-size: 10pt;
  color: #006699;
  text-decoration: underline;
}

a.buy_s:hover {
  font-size: 8pt;
  color: #0000FF;
  text-decoration: none;
}

a.buy3 {
  font-size: 13pt;
  color: #006699;
  text-decoration: none;
}

a.buy3:hover {
  color: #0000FF;
  text-decoration: none;
}

a.buy2 {
  font-size: 8pt;
  color: #318DBB;
  text-decoration: none;
}

a.buy2:hover {
  font-size: 7pt;
  color: #006699;
  text-decoration: underline;
}

a.lienbleu {
  color: #6699CC;
}

a.lienbleu:hover {
  color: #0000FF;
  text-decoration: underline;
}

a.grosse {
  font-size: 10pt;
  color: #990000;
  text-decoration: none;
}

a.grosse:hover {
  color: #FF3300;
  text-decoration: none;
}

a.grosse2 {
  font-size: 10pt;
  color: #990000;
  text-decoration: underline;
}

a.grosse2:hover {
  color: #FF3300;
  text-decoration: underline;
}

a.petit:hover {
  color: #FFCC00;
  text-decoration: underline;
  font-size: 9pt;
}

.coin {
  background-color: #FF9900;
  border: 1px solid #FF9900;
  padding: 3px;
  /*arrondir les coins en haut à gauche et en bas à droite*/
  -moz-border-radius: 3px 0;
  -webkit-border-radius: 3px 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: auto;
  text-align: left;
}

.coin_r {
  background-color: #990000;
  border: 1px solid #990000;
  padding: 3px;
  /*arrondir les coins en haut à gauche et en bas à droite*/
  -moz-border-radius: 3px 0;
  -webkit-border-radius: 3px 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: auto;
  text-align: left;
}

.coin_b {
  background-color: #006699;
  border: 1px solid #006699;
  padding: 3px;
  /*arrondir les coins en haut à gauche et en bas à droite*/
  -moz-border-radius: 3px 0;
  -webkit-border-radius: 3px 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: auto;
  text-align: left;
}

.impact_blanc {
  color: #FFFFFF;
  font-size: 10pt;
  text-decoration: none;
  font-style: bold;
  font-weight: bold;
}

font.jaune {
  color: #ffcc00;
  font-size: 8pt;
  text-decoration: none;
}

.impact_rl {
  color: #ff3300;
  font-size: 12pt;
  text-decoration: none;
  font-weight: bold;
}

font.impact_n,
.impact_n {
        color: #333333;
        font-size: 15pt;
        text-decoration: none;
        font-weight: bold;
}

a.jgros {
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
}

a.jgros:hover {
  color: #FF9900;
}

a.jgros_select {
  color: #FF9900;
  font-size: 10pt;
  text-decoration: none;
}

tr.a {
  background: #FAF9F9;
}

tr.b {
  background: #ffffff;
}

font.px1 {
  color: #318DBB;
  font-size: 10pt;
  text-decoration: none;
}

a.px1 {
  color: #318DBB;
  font-size: 10pt;
  text-decoration: none;
}

a.px1:hover {
  color: #006699;
  font-size: 10pt;
  text-decoration: none;
}

font.px2 {
  color: #bf0707;
  font-size: 10pt;
}

a.px2 {
  color: #bf0707;
  font-size: 10pt;
  text-decoration: none;
}

a.px2:hover {
  color: #990000;
  font-size: 10pt;
  text-decoration: none;
}
img.x {
        width: 75px;
        height: 105px;
        border: 0
}

img.xi {
        width: 55px;
        height: 83px;
        border: 0
}


img.x2 {
        width: 75px;
        height: 105px;
        border: 0
}
img.x3 {
        width: 75px;
        height: 75px;
        border: 0
}


font.v {
  color: #666666;
  font-size: 10pt;
}

font.t {
  font-size: 11pt;
}

font.b {
  font-size: 11pt;
  color: #FFFFFF;
}

font.o {
  color: #999999;
  font-size: 10pt;
}

.d {
  color: #333;
  font-size: 11pt;
font-family: 'luciole';
line-height:19px;
}

font.dg {
  color: #000000;
  font-size: 10pt;



}

.da {
  color: #333333;
  font-size: 12pt;



}

.div_annoter_entete .span_annoter_transparentes {
  opacity: .0;
}

.div_annoter_entete:hover .span_annoter_transparentes {
  opacity: .50;
}

a.glien_nav_vert {
  display: block;
  background-color: #fafafa;
  width: 91%;
  min-height: 15px;
  border: 1px dotted;
  border-color: #690;
  text-decoration: none;
  padding: 10px;
  margin: 1px;
  color: #333;
  font-size: 8pt;
  opacity: 0.9;
}




.dp {
  color: #333;
  font-size: clamp(9pt, 2vw, 10pt);
  text-decoration: none;
}

font.dpb {
  color: #FFFFFF;
  font-size: 9pt;
}

span.dp {
  color: #333;
font-size: clamp(9pt, 2vw, 10pt);
}

.dpp {
  color: #333;
font-size: clamp(9pt, 2vw, 9pt);
}


font.dmp,
.dmp {
  color: #666666;
font-size: clamp(0.5rem, 2vw, 0.7rem);

}

font.m {
  color: #990000;
  font-size: 10pt;
}

font.au {
  color: #FFCC33;
  font-size: 11pt;
}

img.x {
  width: 75px;
  height: 107px;
  border: 0
}

img.x2 {
  width: 90px;
  height: 120px;
  border: 0
}

img.x3 {
  width: 100px;
  height: 100px;
  border: 0
}


font.f {
  color: #000000;
  font-size: 11pt;
}

font.s {
  color: #000000;
  font-size: 11pt;
}

td.p {
  background: #FFFFFF;
}

.bdr {
  border: 1px dotted #CCCCCC;
}

font.vt {
  color: #99cc00;
  font-size: 11pt;
  text-decoration: none;
}

font.vb {
  color: #99cc00;
  font-size: 8pt;
  text-decoration: none;
}

a.vt {
  color: #99cc00;
  font-size: 11pt;
  text-decoration: none;
}

a.vt:hover {
  color: #999999;
}

a.mvt {
  color: #99cc00;
  font-size: 97pt;
  text-decoration: none;
}

a.mvt:hover {
  color: #999999;
}

a.mvb {
  color: #F5FAE5;
  font-size: 8pt;
  text-decoration: none;
}

a.mvb:hover {
  color: #F5FAE5;
}

.jt2 {
  padding: 20px 30px;
  color: #FF9900;
  font-size: 11pt;
  text-decoration: none;
}

.jt3 {
  padding: 10px;
  line-height: 18px;
  color: #FF9900;
  font-size: 11pt;
  text-decoration: none;
}

font.jt {
  color: #FF9900;
  font-size: 9pt;
  text-decoration: none;
}

font.jb {
  color: #FF9900;
  font-size: 8pt;
  text-decoration: none;
}

a.jt {
  color: #333333;
font-size: clamp(10pt, 2vw, 11pt);
  text-decoration: none;
}

a.jt:hover {
  color: #999999;
}

a.mjt {
  color: #FF9900;
  font-size: 10pt;
  text-decoration: none;
}

a.mjt:hover {
  text-decoration: underline;
}

a.mjtr {
  color: #FF9900;
  font-size: 8pt;
  text-decoration: underline;
}

a.mjt2 {
  color: #FF0000;
  font-size: 8pt;
  text-decoration: none;
}

a.mjt2:hover {
  color: #999999;
}

a.mjb {
  color: #FFFFFF;
  font-size: 8pt;
  text-decoration: none;
}

a.mjb:hover {
  text-decoration: underline;
}

a.mjbr {
  color: #FFFFFF;
  font-size: 8pt;
  text-decoration: underline;
}

font.rt {
  color: #FF3300;
  font-size: 11pt;
  text-decoration: none;
}

font.rb {
  color: #FF3300;
  font-size: 8pt;
  text-decoration: none;
}

a.rt {
  color: #FF3300;
  font-size: 11pt;
  text-decoration: none;
}

a.rt:hover {
  color: #999999;
  font-size: 11pt;
  text-decoration: none;
}

a.mrt {
  color: #FF3300;
  font-size: 8pt;
  text-decoration: none;
}

a.mrt:hover {
  color: #999999;
}

a.mrb {
  color: #FCE8D7;
  font-size: 8pt;
  text-decoration: none;
}

a.mrb:hover {
  text-decoration: underline;
}

font.bt {
  color: #077377;
  font-size: 11pt;
  text-decoration: none;
}

font.bb {
  color: #077377;
  font-size: 12t;
  text-decoration: none;
}

a.bt {
  color: #077377;
  font-size: 11pt;
  text-decoration: none;
}

a.bt:hover {
  color: #999999;
}

a.mbt {
  color: #077377;
  font-size: 8pt;
  text-decoration: none;
}

a.mbt:hover {
  color: #999999;
}

a.mbb {
  color: #F5FAFA;
  font-size: 8pt;
  text-decoration: none;
}

a.mbb:hover {
  color: #F5FAFA;
}

a.mbb_selected_sf {
  color: #F5FAFA;
  font-size: 10pt;
  text-decoration: none;
  background-color: #006699;
}

a.mbb_selected {
  color: #F5FAFA;
  font-size: clamp(11pt, 2vw, 12pt);
padding:15px;

  text-decoration: none;
  background-color: #006699;
}

a.glien_nav_fin_bleu_m {
        display: block;
        background-color: #FFFFFF;
        min-height: 30px;
        border-top: 1px dotted;
        border-color: #dadada;
        text-decoration: none;
        padding: 3px;
        margin: 1px;
        color: #000000;
  font-size: clamp(11pt, 2vw, 12pt);
        opacity: 0.9;
        font-family: 'luciole';
}

a.glien_nav_fin_bleu_m:hover {
        background-color: #026899;
        color: #FFFFFF;
}



a.glien_nav_fin_rouge_home {
  display: block;
  background-color: #fff;
  min-height: 15px;
  border-color: #FF3300;
  text-decoration: none;
  padding: 10px;
  margin: 1px;
  color: #333;
  font-size: clamp(11pt, 2vw, 12pt);
}

a.glien_nav_fin_rouge_home:hover {
  background-color: #FF3300;
  color: #FFFFFF;
}

a.glien_nav_fin_rouge {
        display: block;
        background-color: #FFFFFF;
        width: 91%;
        min-height: 15px;
        border-top: 0px dotted;
        border-color: #FF3300;
        text-decoration: none;
        padding: 10px;
        margin: 1px;
        color: #333;
        font-size: 11pt;
        opacity: 0.9;
}


a.glien_nav_fin_rouge:hover {
        background-color: #FF3300;
        color: #FFFFFF;
}


font.g,
span.g {
  color: #333;
  font-size: 10pt;


}
/*
font.g:hover,
span.g:hover {
  color: #990000;
}
*/

.g2,
.g2 {
  color: #333333;
  font-size: clamp(8pt, 2vw, 10pt);

text-decoration: none;
}

font.gp,
span.gp {
  color: #333;
  font-size: clamp(9pt, 2vw, 10pt);
}

font.gpc,
span.gpc, div.gpc {
  color: #999999;
  font-size: 8pt;
}

font.gpv,
span.gpv {
  color: #FF9900;
  font-size: 8pt;
}

a.gp {
 color: #333;  
font-size: clamp(8pt, 2vw, 10pt);
  text-decoration: none;
}

a.gp:hover {
  color: #FF9900;
}

a.gp:visited {
  color: #CA9802;
}

a.gcb {
  color: #666666;
  font-size: 9pt;
  text-decoration: none;
}

a.gcb:hover {
  color: #07737C;
  text-decoration: underline;
}

a.gcbp {
  color: #999999;
  font-size: 8pt;
  text-decoration: none;
}

a.gcbp:hover {
  color: #077371;
}

a.bgc {
  color: #077371;
  font-size: 9pt;
  text-decoration: none;
}

a.bgcp {
  color: #077371;
  font-size: 8pt;
  text-decoration: none;
}

a.gcblien {
  color: #666666;
  font-size: 9pt;
  text-decoration: none;
}

a.gcblien:hover {
  color: #07737C;
  text-decoration: underline;
}

a.gcbm {
  color: #077371;
  font-size: 11pt;
  text-decoration: none;
}

a.gcbm:hover {
  color: #07737C;
}

.gc_selected {

        font-size: 10pt;
        color: #ff9900;
        text-decoration: none;
}

.gc_selected:hover {
        color: #ff9900;
        text-decoration: underline;
}


a.bgcm {
  color: #077371;
  font-size: 11pt;
  text-decoration: underline;
}

a.gcpb {
  color: #999999;
  font-size: 10pt;
  text-decoration: none;
}

a.gcpb:hover {
  color: #07737C;
}

a.gcr {
  color: #666666;
  font-size: 11pt;
  text-decoration: none;
}

a.gcr:hover {
  color: #FF3300;
  text-decoration: underline;
}

a.gcrlien {
  color: #666666;
  font-size: 9pt;
  text-decoration: none;
}

a.gcrlien:hover {
  color: #FF3300;
  text-decoration: underline;
}

a.rgc {
  color: #FF3300;
  font-size: 11pt;
  text-decoration: none;
}

a.rgcm {
  color: #FF3300;
  font-size: 11pt;
  text-decoration: underline;
}



a.vgc {
  color: #99CC00;
  font-size: 11pt;
  text-decoration: underline;
}

a.gcpr {
  color: #999999;
  font-size: 10pt;
  text-decoration: none;
}

a.gcpr:hover {
  color: #FF3300;
}

font.ss {
  color: #990000;
  font-size: 9pt;
}

a.g {
	color: #000;
	font-size: 12pt;
	text-decoration: none;
line-height:20px;

}

a.g:hover {
	color: #FF9900;
}

a.g_hist {
	color: #000;
	font-size: 12pt;
	text-decoration: none;
line-height:20px;

}

a.g_hist:hover {
	color: #FF9900;
}

a.g_hist:visited {
  color: #FF9900; /* Couleur de l'icône */
}

a.gj {
  color: #000;
  font-size: 11pt;
  text-decoration: none;
}

a.gj:hover {
  color: #FF9900;
}

a.gj:visited {
  color: #CA9802;
}

a.gjs {
  color: #000;
  font-size: 8pt;
  text-decoration: none;
}

a.gjs:hover {
  color: #FF9900;
}

a.gjs:visited {
  color: #CA9802;
}

a.gj2 {
  color: #333333;
  font-size: 11pt;
  text-decoration: none;
}

a.gj2:hover {
  color: #FF9900;
}

a.gj2:visited {
  color: #CA9802;
}


.gj3 {
        color: #666666;
        font-size: 15pt;
        text-decoration: none;
}

.gj3:hover {
        color: #FF9900;
}
div.gj4 {
        color: #FF9900;
        font-size: 25pt;
        text-decoration: none;
padding-left:3px;
}

div.gj4:hover {
        color: #666666;
}


a.gjp {
  color: #333;
  font-size: 9pt;
  text-decoration: none;
}

a.gjp:hover {
  color: #FF9900;
}

a.gjp:visited {
  color: #CA9802;
}

a.gjpp {
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
}

a.gjpp:hover {
  color: #FF9900;
}

a.gjpp:visited {
  color: #CA9802;
}



a.gcj {
  color: #FF9900;
  font-size: 11pt;
  text-decoration: none;
}

a.gcj:hover {
  color: #FF9900;
}

a.jgc {
  color: #FF9900;
  font-size: 11pt;
  text-decoration: underline;
}


font.or {
  color: #ff9900;
  font-size: 11pt;
}

a.or {
  color: #ff9900;
  font-size: 11pt;
}

a.or:hover {
  color: #990000;
}

a.titre {
  color: #990000;
  font-size: 11pt;
}

a.titre:hover {
  color: #666666;
}

font.gg {
  color: #666666;
  font-size: 8pt;
}

font.gc {
  color: #666666;
  font-size: 11pt;
font-family: 'luciole';
}

a.gc {
  color: #333;
font-size: clamp(11pt, 2vw, 11pt);
line-height:20px; 
 text-decoration: none;
}

a.gc:hover {
  color: #000000;
}


a.gcv {
        color: #333333;
        font-size: clamp(10pt, 2vw, 11pt);
  line-height:23px;

      text-decoration: none;
}

a.gcv:hover {
color: #99cc00;
text-decoration: underline;
}

a.gc2 {
  color: #333333;
  font-size: 13pt;
  text-decoration: none;
}

a.gc2:hover {
  color: #663399;
  text-decoration: underline;
}

a.gcpp {
  color: #666666;
  font-size: 11pt;
  text-decoration: none;
}

a.gcpp:hover {
  color: #000000;
}

a.soleau {
  color: #999999;
  font-size: 7pt;
  text-decoration: none;
}

font.gcp {
  color: #999999;
  font-size: 10pt;
}

a.gcp {
  color: #666666;
  font-size: 10pt;
  text-decoration: none;
}

a.gcp:hover {
  color: #077377;
}

a.gcp2 {
  color: #666666;
  font-size: 10pt;
  text-decoration: none;
}

a.gcp2:hover {
  color: #999999;
}

a.gcl {
  color: #999999;
  font-size: 9pt;
  text-decoration: none;
}

a.gcl:hover {
  color: #000000;
}

span.r,
font.r {
  color: #ff3300;
  font-size: 11pt;
}

font.rb {
  color: #990000;
  font-size: 11pt;
}

font.fr {
  color: #990000;
  font-size: 11pt;
}

a.inst {
  color: #999999;
  font-size: 11pt;
  text-decoration: none;
}

a.instc {
  color: #FF9900;
  font-size: 11pt;
  text-decoration: none;
}

a.inst:hover {
  color: #FF9900;
}

.fpetit {
  font-size: 8pt;
  color: #666666;
}

.fgrand {
  font-size: 13pt;
  color: #006699;
}

.fmoyen {
  font-size: 11pt;
  color: #006699;
}

font.gcff {
  color: #999999;
  font-size: 8pt;
}

a.gcff {
  color: #999999;
  font-size: 8pt;
  text-decoration: none;
}

a.gcff:hover {
  color: #666666;
}

a.gpp {
  color: #666666;
  font-size: 8pt;
  text-decoration: none;
}

a.gpp:hover {
  color: #990000;
}

a.petit2 {
  color: #FAF9F9;
  font-size: 2pt
}

a.petit2:hover {
  color: #FAF9F9;
  font-size: 2pt
}





.promo {
  background: url(https://img.free-scores.com/IMAGES/promo.gif) no-repeat;
  display: block;
  position: relative;
  top: 35px;
  left: -103px;
  height: 40px;
  width: 50px;
  margin: auto;
  margin-top: -40px;
  z-index: 2;
}

.promofr {
  background: url(https://img.free-scores.com/IMAGES/promo-fr.gif) no-repeat;
  display: block;
  position: relative;
  top: 20px;
  left: 0px;
  height: 40px;
  width: 50px;
  margin: auto;
  margin-top: -40px;
  z-index: 2;
}


.inputtext {
  border: 1px solid #f0f0f0;
  border-color: #7c7c7c #cecece #c3c3c3 #7c7c7c;
  background: #fff url(https://img.free-scores.com/IMAGES/sbox-bg.gif) no-repeat;
  color: grey;
  padding-left: 3px;
}

.inputtexts {
  border: 1px solid #f0f0f0;
  border-color: #7c7c7c #cecece #c3c3c3 #7c7c7c;
  background: #fff url(https://img.free-scores.com/IMAGES/sbox-bg.gif) no-repeat;
  color: grey;
  padding-left: 3px;
  font-size: 11pt;
}


a.info {
  position: relative;
  text-decoration: none;
}

a.info:hover {
  background: none;
  z-index: 500;
  text-decoration: none;
}

a.info span {
  display: none;
}

a.info:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  font-size: 10px;
  font-weight: normal;
  width: 300px;
  top: 10px;
  left: 50px;
  background: white;
  padding: 3px;
  text-decoration: none;
  border: 1px solid #FF3300;
  border-top: 4px solid #FF3300;
}

a.infoa {
  position: relative;
  color: #666666;
  font-size: 9pt;
  text-decoration: none;

}

a.infoa:hover {

  color: #000000;
  font-size: 9pt;
  background: none;
  z-index: 500;
  text-decoration: none;
}

a.infoa span {
  display: none;
}

a.infoa:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  font-size: 10px;
  font-weight: normal;
  width: 30px;
  top: 10px;
  left: 50px;
  background: white;
  padding: 3px;
  text-decoration: none;
  border: 1px solid;
  border-top: 4px solid;
}

#ad_code {
  width: 140px;
  background: #FFFFFF url(IMAGES/redpapers-tall.png) center center no-repeat;
  text-align: center;
  padding: 10px 8px 10px 0;
}

font.titre_r {
  color: #ff3300;
  font-size: 11pt;
  font-weight: bold;
}

.noel {
  background: url(https://img.free-scores.com/IMAGES/cadeaux4.gif) no-repeat;
  display: block;
  position: relative;
  top: 0px;
  left: 500px;
  height: 84px;
  width: 340px;
  margin: 0px;
  margin-top: -80px;
  z-index: 000;
  cursor: pointer;

}

.noeluk {
  background: url(https://img.free-scores.com/IMAGES/cadeaux4-uk.gif) no-repeat;
  display: block;
  position: relative;
  top: 0px;
  left: 500px;
  height: 84px;
  width: 340px;
  margin: 0px;
  margin-top: -80px;
  z-index: 000;
  cursor: pointer;

}

a.noeltexte2 {
  color: #077377;
  font-size: 9pt;
  text-decoration: underline;
}

.noeltexte {
  display: block;
  position: relative;
  top: 63px;
  left: 457px;
  height: 84px;
  width: 340px;
  margin: 0px;
  margin-top: -80px;
  z-index: 000;
}

.gc_chiffre {

  font-weight: normal;
  color: #999;
  text-decoration: none;
  font-size: 0.9em;
}

.gc_chiffre:hover {
  font-weight: normal;
  color: #7e00f3;
  text-decoration: underline;

}

a.nouveaute {
  color: #111;
  font-size: 9pt;
  text-decoration: none;
  margin: 10px
}

a.nouveaute:hover {
  color: #FF9900;
}
a.nouveaute_selected {
  color: #FF9900;
}

a.lien_top {
  
        color: #333333;
    font-size: clamp(10pt, 2vw, 11pt);
        text-decoration: none;
        border-style: outset;
        border-width: 1px;
}

a.lien_top:hover {
  color: #FFFFFF;
}
a.lien_top:active {
        background-color: #cccccc; /* ou toute autre couleur de votre choix */
}

a.lien_top_select {

    display: block;
        width: auto;
        text-align: left;
        position: relative;
        border: 2px solid white;
        font-weight: bold;
        background-color: #FFFFFF;
        z-index: 0;
        padding: 4px 2px 4px 2px;
        color: #663399;
        font-size: 10pt;
        text-decoration: none;
}

.rollover_top5 a {
        display: block;
        width: 200px;
        height: 90px;
        border: 0px solid;
        background-color: #FFFFFF;
}

.rollover_top5 a:hover {
        background-color: #CECECE
}

.bouton_navigation_noir {
display:block;height:100%;
border-bottom: 1px solid #efefef; padding: 7px;
        border: none;
        padding: 5px;
        border-radius: 1px;
        background: #4d4d51;
        text-decoration: none;
        font-size: 10pt;
        color: #FFF;
        width: auto;
        margin: 0px
}


.bouton_navigation_noir:hover {
        background-color: #4d4d51;
}

.bouton_navigation_noir_selected {
        background-color: #4d4d51;
}


.rollover_top a {
  display: block;
  width: 200px;
  height: 90px;
  border: 0px solid;
  background: transparent url(https://img.free-scores.com/IMAGES/fond_semitransp_menu_membre.png) repeat;
}

.rollover_top a:hover {
  background-color: #FF9900;
}

.rollover_top_select a {
  display: block;
  width: 200px;
  height: 90px;
  border: 0px solid;
  background-color: #FF9900;
}

.rollover_top_select a:hover {
  background-color: #FF9900;
}





font.rp {
  color: #ff3300;
  font-size: 8pt;
}

/* CSS SPRITES */

/* SPRITE BHACKGROUND */
.sprite-back {
  background: url(https://img.free-scores.com/IMAGES/sprite/background.png);
  background-repeat: repeat-x;
}

.sprite-back.form {
  background-position: -0px -0px;
  height: 24px;
  width: auto;
}

.sprite-back.ss_tab {
  background-position: -0px -176px;
  height: 12px;
  width: auto;
}

.sprite-back.i_mp3 {
  background-position: -0px -208px;
  height: 30px;
  width: auto;
}

.sprite-back.hori-gris {
  background-position: -0px -252px;
  height: 6px;
  width: auto;
}

.sprite-back.fond_ligne {
  background-position: -0px -264px;
  height: 25px;
  width: auto;
}

.sprite-back.fond_gris {
  background-position: -0px -312px;
  height: 25px;
  width: 245px;
}

.sprite-back.fond_ligne_partition {
  background-position: -0px -351px;
  height: 26px;
  width: auto;
}

.sprite-back.form_inverse {
  background-position: -0px -405px;
  height: 44px;
  width: auto;
}


/* UNILANGE - SPRITE ICONES COMMUNES MOYENNES */
.sprite_icones_moyens_uni {
  background: url(https://img.free-scores.com/IMAGES/sprite/sprite_moyennes_icones_uni.png);
  background-repeat: repeat-x;
  display: inline-block;
}

.sprite_icones_moyens_uni.best-seller {
  background-position: -0px -0px;
  height: 36px;
  width: 150px;
}

.sprite_icones_moyens_uni.Circle_arrows {
  background-position: -0px -46px;
  height: 50px;
  width: 54px;
}

.sprite_icones_moyens_uni.DownloadPDF {
  background-position: -64px -46px;
  height: 40px;
  width: 38px;
}

.sprite_icones_moyens_uni.niveau {
  background-position: -0px -339px;
  height: 8px;
  width: 112px;
}

.sprite_icones_moyens_uni.pdf2 {
  background-position: -112px -46px;
  height: 35px;
  width: 34px;
}

.sprite_icones_moyens_uni.logo-fs_commentaire {
  background-position: -170px -96px;
  height: 65px;
  width: 45px;
}

.sprite_icones_moyens_uni.close_big {
  background-position: -170px -16px;
  height: 49px;
  width: 49px;
}




/*FR - SPRITE ICONES COMMUNES MOYENNES */
.sprite_icones_moyens_fr {
  background: url(https://img.free-scores.com/IMAGES/sprite/sprite_moyennes_icones_fr.png);
  background-repeat: repeat-x;
  display: inline-block;
}

.sprite_icones_moyens_fr.COMMENTAIRES-precedent {
  background-position: -0px -0px;
  height: 23px;
  width: 99px;
}

.sprite_icones_moyens_fr.COMMENTAIRES-suivant {
  background-position: -103px -39px;
  height: 23px;
  width: 100px;
}

.sprite_icones_moyens_fr.niveau1 {
  background-position: -0px -71px;
  height: 16px;
  width: 150px;
  margin: 0px
}

.sprite_icones_moyens_fr.niveau2 {
  background-position: -0px -95px;
  height: 16px;
  width: 147px;
  margin: 0px
}

.sprite_icones_moyens_fr.niveau3 {
  background-position: -0px -119px;
  height: 16px;
  width: 143px;
  margin: 0px
}

.sprite_icones_moyens_fr.niveau4 {
  background-position: -0px -143px;
  height: 16px;
  width: 169px;
  margin: 0px
}

.sprite_icones_moyens_fr.niveau5 {
  background-position: -0px -167px;
  height: 16px;
  width: 159px;
  margin: 0px
}

.sprite_icones_moyens_fr.partitions_digitales {
  background-position: -259px -27px;
  height: 77px;
  width: 190px;
}

.sprite_icones_moyens_fr.play-along-mini {
  background-position: -259px -103px;
  height: 30px;
  width: 170px;
}

.sprite_icones_moyens_fr.service_suivi {
  background-position: -259px -143px;
  height: 61px;
  width: 186px;
}

/*EN - SPRITE ICONES COMMUNES MOYENNES */
.sprite_icones_moyens_uk {
  background: url(https://img.free-scores.com/IMAGES/sprite/sprite_moyennes_icones_uk.png);
  background-repeat: repeat-x;
  display: inline-block;
}

.sprite_icones_moyens_uk.COMMENTAIRES-precedent {
  background-position: -0px -0px;
  height: 23px;
  width: 99px;
}

.sprite_icones_moyens_uk.COMMENTAIRES-suivant {
  background-position: -103px -39px;
  height: 23px;
  width: 100px;
}

.sprite_icones_moyens_uk.niveau1 {
  background-position: -0px -71px;
  height: 16px;
  width: 150px;
  margin: 0px
}

.sprite_icones_moyens_uk.niveau2 {
  background-position: -0px -95px;
  height: 16px;
  width: 147px;
  margin: 0px
}

.sprite_icones_moyens_uk.niveau3 {
  background-position: -0px -119px;
  height: 16px;
  width: 143px;
  margin: 0px
}

.sprite_icones_moyens_uk.niveau4 {
  background-position: -0px -143px;
  height: 16px;
  width: 169px;
  margin: 0px
}

.sprite_icones_moyens_uk.niveau5 {
  background-position: -0px -167px;
  height: 16px;
  width: 159px;
  margin: 0px
}

.sprite_icones_moyens_uk.partitions_digitales {
  background-position: -259px -27px;
  height: 77px;
  width: 190px;
}

.sprite_icones_moyens_uk.play-along-mini {
  background-position: -259px -103px;
  height: 30px;
  width: 170px;
}

.sprite_icones_moyens_uk.service_suivi {
  background-position: -259px -143px;
  height: 61px;
  width: 186px;
}


.sprite_icones {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://img.free-scores.com/IMAGES/icones/css_sprite_icones.png");
  background-repeat: no-repeat;
}

.icones_etoile {
  background-position: -124px -24px;
}

.icones_email_open {
  background-position: -150px -24px;
}

.icones_email {
  background-position: -178px -24px;
}

.icones_fleche_repondre {
  background-position: -140px -60px;
}

.icones_bullet_white {
  background-position: -120px -60px;
}

.icones_fleche_repondre {
  background-position: -140px -60px;
}

.icones_SUM {
  background-position: -140px -80px;
}

.icones_warning {
  background-position: -40px -140px;
}

.icones_arrow_ltr {
  width: 38px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://img.free-scores.com/IMAGES/icones/css_sprite_icones.png");
  background-repeat: no-repeat;
  background-position: -160px -2px;
}



/* SPRITE ICONES COMMUNES PETITES */
.sprite-image {
  background: url(https://img.free-scores.com/IMAGES/sprite/sprite_petites_icones.png) no-repeat;
  display: inline-block;
}

.sprite-image.alerte {
  background-position: -0px -0px;
  height: 26px;
  width: 27px;
  margin: 1px;
}

.sprite-image.alerte_18x16 {
  background-position: -0px -29px;
  height: 17px;
  width: 18px;
  margin: 1px
}

.sprite-image.button_play_semi {
  background-position: -0px -48px;
  height: 22px;
  width: 21px;
  margin: 1px
}

.sprite-image.button_play_semi_10x10 {
  background-position: -61px -211px;
  height: 12px;
  width: 12px;
  margin: 1px
}

.sprite-image.button_play_semi_nb {
  background-position: -0px -71px;
  height: 22px;
  width: 21px;
  margin: 1px
}

.sprite-image.button_play_semi_nb10x10 {
  background-position: -141px -39px;
  height: 11px;
  width: 13px;
  margin: 1px
}


.sprite-image.button_vide_10x10 {
  background-position: -90px -600px;
  height: 10px;
  width: 10px;
  margin: 1px
}

.sprite-image.button_vide_22x21 {
  background-position: -90px -600px;
  height: 22px;
  width: 21px;
  margin: 1px
}

.sprite-image.button_camera_22x21 {
  background-position: -110px -186px;
  height: 22px;
  width: 21px;
  margin: 1px
}

.sprite-image.cd {
  background-position: -30px -380px;
  height: 30px;
  width: 27px;
  margin: 1px
}

.sprite-image.icocheckbox {
        background-position: -141px -577px;
        height: 13px;
        width: 12px;
        margin: 0px;
}

.sprite-image.checkmark {
        background-position: -120px -577px;
        height: 13px;
        width: 12px;
        margin: 0px;
}

.sprite-image.dvd {
  background-position: -30px -413px;
  height: 30px;
  width: 27px;
  margin: 1px
}

.sprite-image.cd_mini {
  background-position: -142px -54px;
  height: 18px;
  width: 18px;
  margin: 1px;
}

.sprite-image.dvd_mini {
  background-position: -142px -72px;
  height: 18px;
  width: 18px;
  margin: 1px;
}

.sprite-image.audio_dnl {
  background-position: -142px -94px;
  height: 18px;
  width: 18px;
  margin: 1px;
}

.sprite-image.midig {
  background-position: -62px -392px;
  height: 21px;
  width: 23px;
  margin: 1px
}

.sprite-image.coeur_membre {
  background-position: -70px -175px;
  height: 10px;
  width: 10px;
  margin: 1px
}

.sprite-image.coeur_membre_18 {
  background-position: -0px -108px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-image.commentaire {
  background-position: -33px -3px;
  height: 24px;
  width: 41px;
  margin: 1px
}

.sprite-image.commentaire28x16 {
  background-position: -33px -26px;
  height: 19px;
  width: 28px;
  margin: 3px
}

.sprite-image.donate_paypal {
  background-position: -0px -176px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-image.donate_paypal18x18 {
  background-position: -0px -195px;
  height: 17px;
  width: 18px;
  margin: 1px
}

.sprite-image.en {
  background-position: -0px -216px;
  height: 12px;
  width: 20px;
  margin: 1px
}

.sprite-image.en_choix {
  background-position: -80px -216px;
  height: 18px;
  width: 20px;
  margin: 1px
}

.sprite-image.etoile {
  background-position: -76px 2px;
  height: 15px;
  width: 61px;
  margin: 1px
}

.sprite-image.etoile_1 {
  background-position: -74px -14px;
  height: 15px;
  width: 61px;
  margin: 1px
}

.sprite-image.etoile_2 {
  background-position: -74px -30px;
  height: 15px;
  width: 61px;
  margin: 1px
}

.sprite-image.etoile_3 {
  background-position: -74px -62px;
  height: 15px;
  width: 61px;
  margin: 1px
}

.sprite-image.etoile_4 {
  background-position: -74px -78px;
  height: 15px;
  width: 61px;
  margin: 1px
}

.sprite-image.etoile_5 {
  background-position: -74px -94px;
  height: 15px;
  width: 61px;
  margin: 1px
}

.sprite-image.FA {
  background-position: -0px -230px;
  height: 16px;
  width: 15px;
  margin: 1px
}

.sprite-image.facebook {
  background-position: -3px -252px;
  height: 26px;
  width: 26px;
  margin: 1px
}

.sprite-image.facebook13x13 {
  background-position: -0px -277px;
  height: 16px;
  width: 13px;
  margin: 1px
}

.sprite-image.FA_bleu {
  background-position: -0px -294px;
  height: 15px;
  width: 12px;
  margin: 1px
}

.sprite-image.FA_jaune {
  background-position: -16px -294px;
  height: 15px;
  width: 12px;
  margin: 1px
}

.sprite-image.FA_vert {
  background-position: -0px -312px;
  height: 15px;
  width: 12px;
  margin: 1px
}

.sprite-image.fleche-ok {
  background-position: -0px -330px;
  height: 20px;
  width: 17px;
  margin: 1px
}

.sprite-image.fr {
  background-position: -0px -353px;
  height: 12px;
  width: 20px;
  margin: 1px
}

.sprite-image.fr_choix {
  background-position: -0px -350px;
  height: 18px;
  width: 20px;
  margin: 1px
}

.sprite-image.icone_download {
  background-position: -0px -144px;
  height: 20px;
  width: 20px;
  margin: 1px
}

.sprite-image.ico2 {
  background-position: -0px -125px;
  height: 12px;
  width: 19px;
  margin: 1px
}

.sprite-image.ico3 {
  background-position: -62px -235px;
  height: 12px;
  width: 19px;
  margin: 1px
}

.sprite-image.coeur_annu {
  background-position: -62px -258px;
  height: 14px;
  width: 20px;
  margin: 1px
}

.sprite-image.icone-share {
  background-position: -0px -383px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-image.icone_interprete {
  background-position: -0px -399px;
  height: 15px;
  width: 15px;
  margin: 1px
}

.sprite-image.icone_interprete_medium {
  background-position: -30px -46px;
  height: 22px;
  width: 28px;
  margin: 1px
}

.sprite-image.icone_interprete_medium_19x16 {
  background-position: -3px -420px;
  height: 16px;
  width: 19px;
  margin: 1px
}

.sprite-image.loupe-mini {
  background-position: -0px -436px;
  height: 15px;
  width: 14px;
  margin: 1px
}

.sprite-image.loupe {
  background-position: -0px -454px;
  height: 22px;
  width: 22px;
  margin: 1px
}

.sprite-image.midi2 {
  background-position: -16px -230px;
  height: 11px;
  width: 10px;
  margin: 1px
}

.sprite-image.mini-espace-membres {
  background-position: -19px -108px;
  height: 10px;
  width: 7px;
  margin: 1px
}

.sprite-image.mini-logo-carre_17x17 {
  background-position: -0px -479px;
  height: 18px;
  width: 17px;
  margin: 1px
}

.sprite-image.ok_1 {
  background-position: -30px -71px;
  height: 19px;
  width: 20px;
  margin: 1px
}

.sprite-image.paypal_n {
  background-position: -30px -93px;
  height: 26px;
  width: 26px;
  margin: 1px
}

.sprite-image.pdf22 {
  background-position: -62px -287px;
  height: 10px;
  width: 10px;
  margin: 1px
}

.sprite-image.pdf3 {
  background-position: -62px -308px;
  height: 23px;
  width: 22px;
  margin: 1px
}

.sprite-image.picto-noel {
  background-position: -30px -122px;
  height: 19px;
  width: 25px;
  margin: 1px
}

.sprite-image.profil-membre {
  background-position: -80px -120px;
  height: 50px;
  width: 38px;
  margin: 1px
}

.sprite-image.rss {
  background-position: -53px -71px;
  height: 14px;
  width: 14px;
  margin: 1px
}

.sprite-image.rssicon {
  background-position: -30px -144px;
  height: 14px;
  width: 36px;
  margin: 1px
}

.sprite-image.send-email {
  background-position: -30px -161px;
  height: 26px;
  width: 30px;
  margin: 1px margin:1px
}

.sprite-image.send-email_18x16 {
  background-position: -30px -190px;
  height: 17px;
  width: 18px;
  margin: 1px
}

.sprite-image.sol {
  background-position: -30px -209px;
  height: 37px;
  width: 22px;
  margin: 1px
}

.sprite-image.sol_bleu {
  background-position: -33px -252px;
  height: 35px;
  width: 22px;
  margin: 1px
}

.sprite-image.sol_jaune {
  background-position: -30px -287px;
  height: 36px;
  width: 23px;
  margin: 1px
}

.sprite-image.sol_vert {
  background-position: -33px -328px;
  height: 35px;
  width: 22px;
  margin: 1px
}

.sprite-image.triangle_up {
  background-position: -9px -498px;
  height: 12px;
  width: 8px;
  margin: 0px
}

.sprite-image.triangle_utd {
  background-position: -0px -501px;
  height: 12px;
  width: 8px;
  margin: 0px
}

.sprite-image.video10x10 {
  background-position: -17px -436px;
  height: 11px;
  width: 10px;
  margin: 1px
}

.sprite-image.video16x16 {
  background-position: -54px -193px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-image.casque2 {
  background-position: -18px -498px;
  height: 10px;
  width: 10px;
  margin: 1px
}

.sprite-image.playalong_icone {
  background-position: -34px -498px;
  height: 12px;
  width: 10px;
  margin: 1px
}

.sprite-image.popup {
  background-position: -34px -478px;
  height: 12px;
  width: 10px;
  margin: 1px
}

.sprite-image.des {
  background-position: -34px -465px;
  height: 10px;
  width: 16px;
  margin: 1px
}

.sprite-image.flag_usa {
  background-position: -53px -445px;
  height: 15px;
  width: 35px;
  margin: 1px
}

.sprite-image.flag_eur {
  background-position: -53px -470px;
  height: 15px;
  width: 35px;
  margin: 1px
}

.sprite-image.plus {
  background-position: -68px -492px;
  height: 17px;
  width: 17px;
  margin: 1px
}

.sprite-image.bloc_jaune {
  background-position: -145px -10px;
  height: 10px;
  width: 7px;
  margin: 1px
}

.sprite-image.bloc_rouge {
  background-position: -159px -10px;
  height: 10px;
  width: 7px;
  margin: 1px
}

.sprite-image.bloc_bleu {
  background-position: -175px -10px;
  height: 10px;
  width: 7px;
  margin: 1px
}

.sprite-image.bloc_gris {
  background-position: -175px -29px;
  height: 10px;
  width: 7px;
  margin: 1px;
}

.sprite-image.bloc_jaune_mini {
  background-position: -145px -10px;
  height: 7px;
  width: 6px;
  margin: 1px;
}

.sprite-image.bloc_rouge_mini {
  background-position: -159px -10px;
  height: 7px;
  width: 6px;
  margin: 1px;
}

.sprite-image.bloc_bleu_mini {
  background-position: -175px -10px;
  height: 7px;
  width: 6px;
  margin: 1px;
}

.sprite-image.bloc_gris_mini {
  background-position: -175px -29px;
  height: 7px;
  width: 6px;
  margin: 1px;
}


.sprite-image.eye {
  background-position: -98px -252px;
  height: 22px;
  width: 33px;
  margin: 1px
}

.sprite-image.eye2 {
  background-position: -98px -252px;
  height: 22px;
  width: 33px;
  margin: 1px;
  -webkit-filter: hue-rotate(285deg);
  filter: hue-rotate(135deg);
}

.sprite-image.link_blank_target {
  background-position: -98px -284px;
  height: 14px;
  width: 14px;
  margin: 1px
}

.sprite-image.HP_R {
  background-position: -97px -487px;
  height: 23px;
  width: 87px;
  margin: 1px
}

.sprite-image.HP_B {
  background-position: -97px -460px;
  height: 23px;
  width: 87px;
  margin: 1px
}

.sprite-image.VID {
  background-position: -97px -434px;
  height: 23px;
  width: 87px;
  margin: 1px
}

.sprite-image.HP_R_UK {
  background-position: -97px -385px;
  height: 23px;
  width: 87px;
  margin: 1px
}

.sprite-image.HP_B_UK {
  background-position: -97px -409px;
  height: 23px;
  width: 87px;
  margin: 1px
}

.sprite-image.pdf_oeil_UK {
  background-position: -97px -360px;
  height: 23px;
  width: 87px;
  margin: 1px
}

.sprite-image.pdf_oeil_FR {
  background-position: -97px -336px;
  height: 23px;
  width: 87px;
  margin: 1px
}

.sprite-image.addvideo {
  background-position: -0px -540px;
  height: 22px;
  width: 20px;
  margin: 1px
}

.sprite-image.addmp3 {
  background-position: -20px -540px;
  height: 22px;
  width: 20px;
  margin: 1px
}

.sprite-image.share {
  background-position: -61px -518px;
  height: 20px;
  width: 22px;
  margin: 1px
}

.sprite-image.repost {
  background-position: -61px -540px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-image.coeur_s {
  background-position: -0px -520px;
  height: 18px;
  width: 16px;
  margin: 1px
}

.sprite-image.coeur_s_gris {
  background-position: -0px -568px;
  height: 18px;
  width: 16px;
  margin: 1px
}

.sprite-image.coeur_s_grand {
  background-position: -163px -541px;
  height: 20px;
  width: 22px;
  margin: 1px;
}

.sprite-image.coeur_s_gris_grand {
  background-position: -139px -541px;
  height: 20px;
  width: 22px;
  margin: 1px;
}

.sprite-image.biblio_s {
  background-position: -20px -520px;
  height: 18px;
  width: 16px;
  margin: 1px
}

.sprite-image.biblio_s_gris {
  background-position: -20px -567px;
  height: 18px;
  width: 16px;
  margin: 1px
}

.sprite-image.grenage {
  background-position: -61px -566px;
  height: 16px;
  width: 18px;
  margin: 1px
}

.sprite-image.filednl {
  background-position: -95px -310px;
  height: 15px;
  width: 15px;
  margin: 1px
}

.sprite-image.ico_guru {
  background-position: -145px -150px;
  height: 23px;
  width: 24px;
  margin: 1px
}

.sprite-image.ico_pdf {
  background-position: -144px -179px;
  height: 23px;
  width: 24px;
  margin: 1px
}

.sprite-image.ico_smp {
  background-position: -144px -283px;
  height: 23px;
  width: 24px;
  margin: 1px
}

.sprite-image.ico_musicnotes {
  background-position: -144px -214px;
  height: 23px;
  width: 24px;
  margin: 1px
}

.sprite-image.ico_scorch {
  background-position: -144px -249px;
  height: 23px;
  width: 24px;
  margin: 1px
}

.sprite-image.cloud_comment {
  background-position: -96px -518px;
  height: 11px;
  width: 15px;
  margin: 1px
}

.sprite-image.cloud_comment_vert {
  background-position: -164px -518px;
  height: 11px;
  width: 15px;
  margin: 1px
}

.sprite-image.ico_video2 {
  background-position: -96px -540px;
  height: 22px;
  width: 25px;
  margin: 1px
}

.sprite-image.edit {
  background-position: -96px -561px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-image.edit2 {
  background-position: -96px -561px;
  height: 18px;
  width: 16px;
  margin: 1px;
}

.sprite-image.poubelle {
  background-position: -120px -561px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-image.stats {
  background-position: -141px -561px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-image.ecran {
  background-position: -97px -577px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-image.big_cloud_comment {
  background-position: -116px -518px;
  height: 15px;
  width: 19px;
  margin: 1px
}

.sprite-image.share_small {
  background-position: -141px -518px;
  height: 16px;
  width: 16px;
  margin: 1px
}

.sprite-boutique {
  background: url(https://img.free-scores.com/IMAGES/sprite/sprite_boutique.png) no-repeat;
  display: inline-block;
}

.sprite-boutique.casque-fr {
  background-position: -0px -0px;
  height: 20px;
  width: 60px;
}

.sprite-boutique.commander-uk {
  background-position: -70px -00px;
  height: 21px;
  width: 155px;
}

.sprite-boutique.commander-usa-uk {
  background-position: -70px -31px;
  height: 21px;
  width: 155px;
}

.sprite-boutique.commander-usa {
  background-position: -70px -62px;
  height: 21px;
  width: 140px;
}

.sprite-boutique.commander {
  background-position: -70px -93px;
  height: 21px;
  width: 140px;
}

.sprite-boutique.ecoute {
  background-position: -0px -30px;
  height: 20px;
  width: 20px;
}

.sprite-boutique.europe {
  background-position: -30px -30px;
  height: 13px;
  width: 22px;
}

.sprite-boutique.fullstock {
  background-position: -70px -124px;
  height: 35px;
  width: 132px;
}

.sprite-boutique.hautparleur {
  background-position: -0px -60px;
  height: 15px;
  width: 17px;
}

.sprite-boutique.ico4 {
  background-position: -27px -60px;
  height: 12px;
  width: 19px;
}

.sprite-boutique.icone-content {
  background-position: -0px -85px;
  height: 10px;
  width: 8px;
}

.sprite-boutique.icone-couv {
  background-position: -18px -85px;
  height: 10px;
  width: 8px;
}

.sprite-boutique.loupe-10 {
  background-position: -36px -85px;
  height: 10px;
  width: 10px;
}

.sprite-boutique.note {
  background-position: -0px -105px;
  height: 10px;
  width: 10px;
}

.sprite-boutique.topseller {
  background-position: -70px -169px;
  height: 19px;
  width: 75px;
}

.sprite-boutique.usa {
  background-position: -0px -125px;
  height: 13px;
  width: 22px;
}

.sprite-boutique.WWS-eur {
  background-position: -70px -198px;
  height: 11px;
  width: 108px;
}

.sprite-boutique.WWS {
  background-position: -70px -219px;
  height: 11px;
  width: 108px;
}

.sprite-boutique.livraison {
  background-position: -70px -238px;
  height: 12px;
  width: 155px;
}

.sprite-boutique.franceonly {
  background-position: -70px -260px;
  height: 11px;
  width: 108px;
}

.sprite-boutique.video {
  background-position: 2px -150px;
  height: 18px;
  width: 18px;
}


.sprite_temp_blackcross {
  background: url(https://img.free-scores.com/IMAGES/icones/blackcross.png) no-repeat;
  display: inline-block;
  background-position: 0 0;
  height: 12px;
  width: 12px;
}

.sprite_temp_blackcross:hover {
  background: url(https://img.free-scores.com/IMAGES/icones/blackcross_inv.png);
}


//div.vert, span.vert {color: #33CC00; font-size:10pt;  text-decoration: none;border:solid 1px #CCFF99;background-color:#F9FFF5;padding:20px; margin:10px; -moz-border-radius:7px 7px 7px 7px;-khtml-border-radius:7px 7px 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px;}
div.vert,
span.vert {
  color: #FFF;
  font-weight: bold;
  font-size: 11pt;
  text-decoration: none;
  border: solid 1px #64C989;
  background-color: #64C989;
  padding: 20px;
  margin: 10px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

div.orange,
span.orange {
  color: #CC6600;
  font-size: 11pt;
  text-decoration: none;
  border: solid 1px #FF9933;
  background-color: #F9FFF5;
  padding: 20px;
  margin: 10px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

div.rouge,
span.rouge,
input.rouge {
  color: #993333;
  font-size: 11pt;
  text-decoration: none;
  border: solid 1px #F99;
  background-color: #FFF9F5;
  padding: 20px;
  margin: 10px;
  -moz-border-radius: 7px 7px 7px 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

div.gris {
  color: #333333;
  text-align: left;
  font-size: 11pt;
  text-decoration: none;
  border: solid 1px #CCC;
  background-color: #F5F5F5;
  padding: 20px;
  margin: 10px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

div.g320 {
  min-height: 50px;
}

div.g320 a {
  display: block;
  text-decoration: underline;
}

div.g320 font {
  color: #000;
  font: 12px Arial;
}

div.g320 img {
  float: left;
  border: 0;
  padding: 2px;
  max-height: 44px;
  max-width: 100px;
}

font.g4,
.g4 {
  color: #666666;
  font-size: 8pt;
}

/* DEBUT BOUTON TELECHARGEMENT FICHIER  */
/*
.zone_dnl_lien {
  display: block;
  outline: none;
  padding: 0px;

  border-bottom: 1px solid #ECECEC;
  border-left: 1px solid #e2e2e2;
  height: 45px;
  width: auto;
  text-align: left;
  color: #333333;
font-size: clamp(0.8rem, 2vw, 0.9rem);
  text-decoration: none;
  vertical-align: middle;

  filter: alpha(opacity=85);
  -moz-opacity: .85;
  opacity: .85;
  color: #000000;
  text-decoration: none;
}

.zone_dnl_lien:hover {
  padding: 0px;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;

  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
*/
.zone_dnl_lien {
        display: block;
        outline: none;
border: 1px solid #e2e2e2;

        border-radius: 4px;
padding: 4px;
        height: 45px;
        width: auto;
        text-align: left;
        color: #000000;
        font-size: 10pt;
        text-decoration: none;
        vertical-align: middle;
        color: #000000;
        text-decoration: none;
margin-bottom:3px;
margin-left:3px;
transition: all 0.3s ease;
line-height:10px;
}

.zone_dnl_lien:hover {
        padding: 4px;
        height: 45px;

border-color: #ff9a30;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        color: #ff9a30;
        cursor: pointer;
}


/* DEBUT BOUTON TELECHARGEMENT FICHIER  */
.zone_dnl {
  display: inline-block;
  outline: none;

  border: solid 1px #ECECEC;
  background: #f9f9f9;
  text-align: left;
  text-decoration: none;

  padding: 0px;
  margin: 0px 0px 2px 0px;

  color: #333333;
  font-size: 8pt;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
}

/*
.zone_visu_lien {
  display: block;
  outline: none;
  padding: 0px;
  height: 45px;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  text-align: left;
  color: #333333;
  font-size: 9pt;
  text-decoration: none;
  vertical-align: middle;
  filter: alpha(opacity=85);
  -moz-opacity: .85;
  opacity: .85;
  color: #000000;
  text-decoration: none;
}

.zone_visu_lien:hover {

  background: #ffffff;
  border-bottom: 1px solid #ececec;
  border-right: 1px solid #ececec;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
*/
.zone_visu_lien {
        display: block;
        outline: none;

border: 1px solid #e2e2e2;

        border-radius: 4px;

        padding: 4px;
        height: 45px;
        text-align: left;
        color: #333;
        font-size: 8pt;
        text-decoration: none;
        vertical-align: middle;
        opacity: 1;
        color: #000000;
        text-decoration: none;
margin-bottom:3px;
margin-right:3px;
transition: all 0.3s ease;

}

.zone_visu_lien:hover {

        background: #FFF;
        height: 45px;

border-color: #ff9a30; */ /* Liseré plus foncé au survol */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

        color: #ff9a30;
        cursor: pointer;

}

.zone_visu_pdf_player:hover svg path {
    fill: #FF9900; /* ou la couleur que vous souhaitez au hover */
    transition: fill 0.3s ease;
}
.button {
  display: inline-block;
  outline: none;
  width: 95%;
  cursor: pointer;
  border: solid 1px #e2e2e2;
  background: #f9f9f9;
  text-align: left;
  text-decoration: none;

  padding: 1em 0.5em 1em;
  margin: 0px 0px 2px 0px;
  /* text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .3em;
  /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
  /*-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
  /*box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
  color: #333333;
  font-size: 11pt;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
}

.button:hover {
  background: #ffffff;
  border: solid 1px #333333;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
  color: #FF9900;
  font-size: 11pt;
  text-decoration: none;
}

.button:active {
  position: relative;
  top: 1px;
}

.dg {
  color: #333;
  font-size: 12pt;



}


a.violet {
        color: #663399;
        text-decoration: underline;
        font-size: 10pt;
}


a.psuivante_violet {
  display: -moz-inline-stack;
  display: inline-block;
  ;
  background-color: #fafafa;
  width: auto;
  min-height: 17px;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #333;
  font-size: 10pt;
}

a.psuivante_violet:hover {
  background-color: #4d4d51;
  color: #FFFFFF;
}

a.psuivante_violet_selected,
font.psuivante_violet_selected {
  display: -moz-inline-stack;
  display: inline-block;
  min-height: 17px;
  background-color: #4d4d51;
  width: auto;
  height: auto;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #FFF;
  font-size: 10pt;
}


a.psuivante_bleu {
  display: -moz-inline-stack;
  display: inline-block;
  background-color: #FFFFFF;
  width: auto;
  min-height: 17px;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #006699;
  font-size: 10pt;
}

a.psuivante_bleu:hover {
  background-color: #026899;
  color: #FFF;
}

a.psuivante_bleu_selected,
font.psuivante_bleu_selected {
  display: -moz-inline-stack;
  display: inline-block;
  min-height: 17px;
  background-color: #026899;
  width: auto;
  height: auto;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #FFF;
  font-size: 10pt;
}

a.psuivante_rouge {
  display: -moz-inline-stack;
  display: inline-block;
  background-color: #FFFFFF;
  width: auto;
  min-height: 17px;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #990000;
  font-size: 10pt;
}

a.psuivante_rouge:hover {
  background-color: #bf0707;
  color: #FFF;
}

a.psuivante_rouge_selected,
font.psuivante_rouge_selected {
  display: -moz-inline-stack;
  /*display: inline-block;*/
  min-height: 17px;
  background-color: #bf0707;
  width: auto;
  height: auto;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #FFF;
  font-size: 10pt;
}

a.psuivante_noir {
  display: -moz-inline-stack;
  display: inline-block;
  background-color: #FFFFFF;
  width: auto;
  min-height: 17px;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #333333;
  font-size: 10pt;
}

a.psuivante_noir:hover {
  background-color: #99cc00;
  color: #FFF
}

a.psuivante_noir_selected,
font.psuivante_noir_selected {
  display: -moz-inline-stack;
  display: inline-block;
  min-height: 17px;
  background-color: #99cc00;
  width: auto;
  height: auto;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #FFF;
  font-size: 10pt;
}

a.psuivante_jaune {
  display: -moz-inline-stack;
  display: inline-block;
  background-color: #FFFFFF;
  width: auto;
  min-height: 17px;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #FF9900;
  font-size: 10pt;
}

a.psuivante_jaune:hover {
  background-color: #FF9900;
  color: #FFF;
}

a.psuivante_jaune_selected,
font.psuivante_jaune_selected {
  display: -moz-inline-stack;
  display: inline-block;
  min-height: 17px;
  background-color: #FF9900;
  width: auto;
  height: auto;
  border: 1px dotted;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #FFF;
  font-size: 10pt;
}




font.vert,
.vert2 {
  color: #99CC00;
  font-size: 10pt;
  text-decoration: none;
}

.pmenu {
  display: flex;
flex-direction: column;
  background-color: #4d4d51;
 /* min-height: 17px;*/
  border: 0px solid #4d4d51;
  text-decoration: none;
 /*font-size: 1vw;*/
font-size: clamp(14px, 1.5vw, 18px);
  width: 100%;
 height: 60px;
  text-align: center;
  align-items: center;
  justify-content: center;  
border-radius: 0px;
  box-shadow: 1px 1px 6px #cccccc;
transition: background-color 0.2s ease, box-shadow 0.3s ease;
 /* pointer-events: none;*/
}

/* D'abord, on désactive les événements de pointeur sur le texte du lien principal */
.pmenu span {
    pointer-events: none;
}
/* Mais on les réactive sur toute la zone sauf l'icône */
.pmenu > span {
    pointer-events: auto;
    display: block;
    width: 100%;
    height: calc(100% - 34px); /* hauteur totale moins espace pour l'icône */
}

.pmenu:hover {
/*  background-color: #5e5e64; /* Couleur légèrement plus claire */
  box-shadow: 2px 2px 10px #aaaaaa; /* Ombre plus prononcée */
}
.pmenu_vert {
z-index:1;
}


.pmenu_vert:hover {
  background-color: #99cc00;
z-index:1;
}
/* Cache l'icône home par défaut */
.pmenu_vert .icon-bottom-right {
    transition: opacity 0.3s ease;
z-index:9999;
}
/* Affiche l'icône home au survol du menu */
.pmenu_vert:hover .icon-bottom-right {
    opacity: 1;
}




.pmenu_orange:hover {
  background-color: #ff9900;
}
/* Cache l'icône home par défaut */
.pmenu_orange .icon-bottom-right {
    opacity: 0;
    transition: opacity 0.3s ease;
z-index:1;
}
/* Affiche l'icône home au survol du menu */
.pmenu_orange:hover .icon-bottom-right {
    opacity: 1;
}



.pmenu_rouge:hover {
  background-color: #ff3300;
}
/* Cache l'icône home par défaut */
.pmenu_rouge .icon-bottom-right {
    opacity: 0;
    transition: opacity 0.3s ease;
}
/* Affiche l'icône home au survol du menu */
.pmenu_rouge:hover .icon-bottom-right {
    opacity: 1;
}


.pmenu_bleu:hover {
  background-color: #006699;
}

/* Cache l'icône home par défaut */
.pmenu_bleu .icon-bottom-right {
    opacity: 0;
    transition: opacity 0.3s ease;
}
/* Affiche l'icône home au survol du menu */
.pmenu_bleu:hover .icon-bottom-right {
    opacity: 1;
}


.small-text {
display: block; 
  font-size: 0.8em; /* Taille plus petite, ajustable selon le design */
}

@media screen and (max-width: 600px) {
    .pmenu {
       font-size: 2.5vw;
    }
    .small-text {
        font-size: 0.8em; /
    }
}
.top-line {
  display: flex;
  align-items: center; /* Aligne l'image et le texte verticalement */
}

.texte_bleu {
  color: #fff;
}

.texte_rouge {
  color: #fff;
}

.texte_jaune {
  color: #fff;
}

.texte_noir {
  color: #fff;
}

.op {
opacity:0.0;
}
.op:hover {
opacity:0.9;
}
.bleu_selected {
  background-color: #026899;
  color: #FFF;
/*  font-size: 8pt;*/
  box-shadow: 1px 1px 6px #cccccc;
}

.rouge_selected {
  background-color: #bf0707;
  color: #FFF;
/*  font-size: 8pt;*/
  box-shadow: 1px 1px 6px #cccccc;
}

.jaune_selected {
  background-color: #FF9900;
  color: #FFF;
 /* font-size: 8pt;*/
  box-shadow: 1px 1px 6px #cccccc;
}

.noir_selected {
  background-color: #99cc00;
  color: #FFF;
 /* font-size: 8pt;*/
  box-shadow: 1px 1px 6px #cccccc;
}

.yellow.sbm {

  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #ff9900;
  position: relative;
  bottom: 2px;
  left: 0px;

}


.red.sbm {

  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #bf0707;
  position: relative;
  bottom: 2px;
  left: 0px;

}

.blue.sbm {

  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #0099cc;
  position: relative;
  bottom: 2px;
  left: 0px;

}

.gray.sbm {

  display: inline-block;
  align: center;
  width: 100%;
  height: 2px;
  background-color: #99cc00;
  position: relative;
  bottom: 2px;
  left: 0px;

}
/*
.bg_jaune {
background-color:#FF9900;
}
.bg_bleu {
background-color:#026899;
}
.bg_vert {
background-color:#99cc00;
}
.bg_rouge {
background-color:#bf0707;
}
*/


a.psuivante_light {
  display: block;
  background-color: #fafafa;
  width: 93%;
  min-height: 10px;
  border: 1px solid #e2e2e2;
  border-color: #FF9900;
  text-decoration: none;
  padding: 7px;
  margin: 1px;
  color: #333;
  font-size: 10pt;
  opacity: 0.9;
}

a.psuivante_light:hover {
  background-color: #FF9900;
  color: #FFFFFF;
}

a.glien_nav {
  display: block;
  background-color: #fafafa;
  width: 93%;
  min-height: 15px;
  border: 1px solid #e2e2e2;
  border-color: #FF9900;
  text-decoration: none;
  padding: 12px;
  margin: 1px;
  color: #333;
  font-size: 10pt;
  opacity: 0.9;
}

a.glien_nav:hover {
  background-color: #FF9900;
  color: #FFFFFF;
}

a.glien_nav_bleu {
  display: block;
  background-color: #fafafa;
  width: 93%;
  min-height: 15px;
  border: 1px solid #e2e2e2;
  border-color: #006699;
  text-decoration: none;
  padding: 12px;
  margin: 1px;
  color: #333;
  font-size: 10pt;
  opacity: 0.9;
}

a.glien_nav_bleu :hover {
  background-color: #006699;
  color: #FFFFFF;
}

a.glien_nav_fin_bleu {
  display: block;
  background-color: #FFFFFF;
  width: 93%;
  min-height: 35px;
  border-top: 1px dotted;
  border-color: #006699;
  text-decoration: none;
  padding: 15px;
  margin: 1px;
  color: #333;
  font-size: 11pt;
font-size: clamp(11pt, 2vw, 12pt);  
opacity: 1;
}

a.glien_nav_fin_bleu:hover {
  background-color: #006699;
  color: #FFFFFF;
}

a.glien_nav_fin_bleu_selected {
  display: block;
  background-color: #006699;
  width: 93%;
  min-height: 35px;
  border-top: 1px dotted;
  border-color: #006699;
  text-decoration: none;
  padding: 15px;
  margin: 1px;
  color: #FFFFFF;

font-size: clamp(11pt, 2vw, 12pt);

  opacity: 0.9;
}


a.glien_nav_fin2 {
  display: block;
  background-color: #fff;
  width: 93%;
  min-height: 15px;
  border-top: 1px dotted;
  border-color: #FF9900;
  text-decoration: none;
  padding: 10px 4px;
  margin: 1px 0px;
  color: #333;
  font-size: 13pt;
  opacity: 0.9;
}

a.glien_nav_fin2:hover {
  background-color: #FF9900;
  color: #FFFFFF;
  font-size: 12pt;
}


.contour_vide {
        display: block;
        border: 0px solid #ededed;
        border-radius: 5px;
        margin: 0px;
        padding: 7px;
}

.contour_gris {
        display: block;
        text-align: left;
        background-color: #f9f9f9;
        border: 1px solid #ededed;
        border-radius: 5px;
        margin: 0px;
        padding: 7px;
}


a.lien_top3 {
  color: #333333;
  font-size: 11pt;
  text-decoration: none;
}

a.lien_top3:hover {
  color: #FFFFFF;
}

a.lien_top3_select {
  color: #FFFFFF;
  font-size: 11pt;
  text-decoration: none;
}

a.bulle {
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
  padding: 5px
}

.etiquette-bulle {
  display: inline-block;
  float: left;
  border: 0px solid #d8d8d8;
  background-color: #f1f1f1;
  margin: 2px;
  padding: 3px;
  border-radius: 15px;
}

.etiquette-bulle:hover {
  display: inline-block;
  float: left;
  border: 0px solid #d8d8d8;
  background-color: #cecece;
  margin: 2px;
  padding: 3px;
  border-radius: 15px;
}

.mb {
  color: #FFFFFF;
  font-size: 10pt;
  text-decoration: none;
  margin: 5;
}

a.mb2 {
  color: #FFFFFF;
  font-size: 10pt;
  text-decoration: none;
  margin: 5;
  padding: 7px;
  display: inline-block;
}

a.jjdp {
  text-decoration: none;
}

.bouton_submit_menu_jaune {
        display: block;
        width: auto;
        padding: 4px 4px 6px;
        position: relative;
        color: #333333;
font-size: clamp(9pt, 2vw, 10pt); 
        text-decoration: none;
        font-family: 'luciole';
line-height: 20px;
}

.bouton_submit_menu_jaune:hover {
        background-color: #FF8A00;
        color: #FFFFFF;
box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
}


.bouton_submit_menu_rouge {
        display: block;
        width: auto;
        padding: 4px 4px 6px;
        position: relative;
        color: #333333;
font-size: clamp(9pt, 2vw, 10pt); 

        text-decoration: none;
        font-family: 'luciole';
line-height: 20px;
}

.bouton_submit_menu_rouge:hover {
        background-color: #FF3300;
        color: #FFFFFF;
box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);

}


.bouton_submit_couleur {

        color: #000000;
}

.vda:hover {
border-color: #99cc00;
}


.rouge:hover {
border-color: #FF3300;
}

.bouton_navigation_vert {
        border: none;
        padding: 5px;
        border-radius: 5px;

        border: 1px solid;
        border-color: #ececec;
        text-decoration: none;
        font-size: 10pt;
        color: #333;
        width: auto;
        margin: 3px;
        line-height: 30px;
        font-family: 'luciole';

}

.bouton_navigation_vert:hover {
        background-color: #99cc00;
        color: #fff;
        cursor: pointer;
}

.bouton_submit_menu_noir {
        display: block;
        width: auto;
        padding: 4px 4px 6px;
        position: relative;
        color: #333333;
font-size: clamp(9pt, 2vw, 10pt); 
        text-decoration: none;
        font-family: 'luciole';
line-height: 20px;
}

.bouton_submit_menu_noir:hover {
        background-color: #99cc00;
        color: #FFFFFF;
box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
}

.bouton_submit_menu_noir_noir {
        display: block;
        width: auto;
        padding: 7px;
        position: relative;
        color: #4d4d51;
        font-size: 10pt;
        text-decoration: none;
        font-family: 'luciole';
border-bottom: 1px solid #efefef;
}

.bouton_submit_menu_noir_noir:hover {
        background-color: #4d4d51;
        color: #FFFFFF;

}


a.lien_interne_public {
  color: #333333;
  font-size: 11pt;
  text-decoration: underline;
}

a.lien_interne_public:hover {
  color: #FF9900;
}

.dn {
  color: #000000;
  font-size: 10pt;



}


.bouton_submit_menu_bleu {
        display: block;
        width: auto;
        padding: 2px 4px 3px;
        position: relative;
        color: #333333;
font-size: clamp(9pt, 2vw, 10pt); 
        text-decoration: none;
        font-family: 'luciole'
line-height: 20px;
}

.bouton_submit_menu_bleu:hover {
        background-color: #287eab;
        color: #FFFFFF;
box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);

}

.bouton_submit_menu_bleu_selected {
        display: block;
        width: auto;
        padding: 2px 4px 3px;
        position: relative;
        color: #FFFFFF;
        font-size: 10pt;
        text-decoration: none;
        background-color: #287eab;
        font-family: 'luciole';
box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);

}

.bouton_navigation_pagesuivante {
 
border: 1px solid #ccc; 
  padding: 12px;
  border-radius: 1px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);  
background: #fff;
  text-decoration: none;


font-size: clamp(9pt, 2vw, 10pt); 
  color: #333;
  width: auto;
  margin: 2px;
  height: auto;
  line-height: 50px;

}




.bouton_navigation_pagesuivante:hover {
  text-decoration: none;
  color: #333;
        background: #FF9900;
        color: #fff;
}

.bouton_navigation_pagesuivante_selected {
  border: none;
  padding: 12px;
  border-radius: 1px;
  box-shadow: 1px 1px 6px #cccccc;
  background: #FF9900;
  text-decoration: none;

  font-size: 9pt;
  font-weight: blod;
  color: #FFF;
  width: auto;
  margin: 2px;
line-height:50px;

}



.bouton_bloc_public {
display:block;
border: 1px solid #ccc;
  padding: 12px;
  border-radius: 1px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
background: #fff;
  text-decoration: none;


font-size: clamp(9pt, 2vw, 10pt);
  color: #333;
  width: auto;
  margin: 2px;
  height: auto;
  line-height: 30px;

}




.bouton_bloc_public:hover {
  text-decoration: none;
  color: #333;
        background: #FF9900;
        color: #fff;
}




a.noir {
        color: #000000;
        font-size: 9pt;
        text-decoration: none;
}

a.noir:hover {
        color: #CCCCCC;
        text-decoration: none;
}


.nbr_videos {
  display: block;
  position: absolute;
  top: 61px;
  left: 0px;
  height: 30px;
  width: 72px;
  margin: auto;
  margin-top: -40px;
  z-index: 1000;
  text-align: center;

  font-size: 9pt;
  color: #666;
  text-decoration: none;
}

a.instrumentation_public {
  color: #333333;
  font-size: 9pt;
  text-decoration: none;
}

a.instrumentation_public:hover {
  color: #FF9900;
}

a.instrumentation_public_selected {
  color: #FF9900;
  font-size: 9pt;
  text-decoration: none;
}


a.play2 img {
  border: 0px;
}


a.play2 {
  filter: alpha(opacity=70);
  -moz-opacity: .70;
  opacity: .70;
  ;
  color: #000000;
  text-decoration: none;
  font-size: 11pt;
  text-decoration: none;
}

a.play2:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.form_select {
  background-color: #fff;
  font-size: 15px;
  border: 1px #CCC solid;
  padding: 10px;
  margin: 2px;
  border-radius: 0px;
}

.form_select_licence {
        background-color: #f9f9f9;
        font-size: 15px;
        border: 1px #669933 solid;
        padding: 3px;
        margin: 2px;
}



.form_select_blanc {
        background-color: #fff;
        font-size: 15px;
        color: #666;
        border: 1px #CCC solid;
        padding: 10px;
        margin: 2px;
        border-radius: 5px;
}


/* form tri et filtre VP ORANGE */
select.encadrer {
  border: 2px solid #ff9900;
  font-size: 15px;
  padding: 7px;
  margin: 2px;
}

input.encadrer {
  border: 2px solid #ff9900;
  background-color: #ff9900;
  padding: 7px;
  margin: 2px;
  font-size: 15px;
}
select.encadrer_vert {
        border: 2px solid #99cc00;
        font-size: 15px;
        padding: 7px;
        margin: 2px;

}

input.encadrer_vert {
        border: 2px solid #99cc00;
        background-color: #99cc00;
  padding: 7px;
  margin: 2px;
  font-size: 15px;

}

.encadrer_rouge {
        border: 2px solid #ff3300;
        font-size: 15px;
        padding: 7px;
        margin: 2px;

}

.encadrer_bleu {
        border: 2px solid #006699;
  padding: 7px;
  margin: 2px;
  font-size: 15px;

}

.encadrer_jaune {
        border: 2px solid #ff9900;
  padding: 7px;
  margin: 2px;
  font-size: 15px;

}





.form_input {
  background-color: #F7F7F7; font-size:17px;
  border: 1px #CCC solid;
  padding: 3px;
  margin: 1px;
}

.bouton_submit_public4 {
  display: block;
  width: auto;
  text-align: left;
  position: relative;
  border: 2px solid white;
  background-color: #FFFFFF;
  z-index: 0;
  padding: 4px 2px 4px 2px;
  color: #333333;
font-size: clamp(10pt, 2vw, 12pt); 
  text-decoration: none;

}

.bouton_submit_public4:hover {
  background-color: #FF9900;
}

.bouton_submit_public5 {
        padding: 2px 1px;
        line-height: 16px;
        text-decoration: none;
}

.bouton_submit_public5 span {
        text-decoration: none none;
}

.bouton_submit_public5 .triangle_utd {
        opacity: 0;
}

.bouton_submit_public5:hover {
        opacity: .40;
}

.bouton_submit_public5:hover .triangle_utd {
        opacity: 10;
}

.bouton_submit_public6 {
        display: block;
        width: auto;
        text-align: left;
        position: relative;
        z-index: 0;
        color: #333333;
        font-size: 10pt;
        text-decoration: none;
        opacity: .10;
}

.bouton_submit_public6_notif {
        display: block;
        width: auto;
        text-align: left;
        position: relative;
        z-index: 0;
        color: #333333;
        font-size: 10pt;
        text-decoration: none;
}

font.impact_jp {
  color: #FF9900;
  font-size: 13pt;
  text-decoration: none;
  font-weight: bold;
}

font.impact_jl {
  color: #9b5d00;
  font-size: 12pt;
  text-decoration: none;
  font-weight: bold;
}

font.impact_j {
  color: #FF9900;
  font-size: 13pt;
  text-decoration: none;
  font-weight: bold;
}


.bouton_navigation_jaune {
  border: none;
  padding: 5px;
  border-radius: 1px;
  background: #4d4d51;
  text-decoration: none;
  font-size: 10pt;
  color: #FFF;
  width: auto;
  margin: 3px
}

.bouton_navigation_jaune:hover {
  background-color: #ff8a00;
}

.bouton_navigation_jaune_selected {
  background-color: #ff8a00;
}

.bouton_navigation_rouge {
    border: 1px solid #ccc;  /* Léger liseré */
    padding: 5px 5px;
    border-radius: 4px;
/*    background: #fff;  /* Fond blanc */
/*background: #4d4d51;*/
    text-decoration: none;
    font-size: 12pt;
    color: #333;  /* Couleur de texte sobre */
    width: auto;
    margin: 3px;
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s ease;
}
.bouton_navigation_rouge:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  /* Ombre légèrement plus marquée au survol */
  border-color: #FF3300;
        color: #333;
}
.bouton_navigation_rouge:active {
    border-color: #999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
}


.fondgris {
background-color: #EEE;
}


.bouton_navigation_bleu {
    border: 1px solid #ccc;  /* Léger liseré */
    padding: 10px 8px;
    border-radius: 4px;
    background: #fff;  /* Fond blanc */
    text-decoration: none;
    font-size: 12pt;
    color: #333;  /* Couleur de texte sobre */
    width: auto;
    margin: 3px;
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s ease;
}
.bouton_navigation_bleu:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  /* Ombre légèrement plus marquée au survol */
  border-color: #026899;
        color: #333;
}
.bouton_navigation_bleu:active {
    border-color: #999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
}



.bouton_navigation_blanc {
  border: none;
  padding: 6px;
  border-radius: 5px;
  background: #FFF;
  border: 1px solid;
  border-color: #d2d2d2;
  text-decoration: none;
  font-size: 10pt;
  color: #333;
  width: auto;
  margin: 3px;
  line-height: 35px;

}

.bouton_navigation_blanc:hover {
  background-color: #ff8a00;
  color: #fff;
}

.bouton_navigation_blanc_selected {
  background-color: #ff8a00;
  color: #fff;
  border-radius: 5px;
  margin: 3px;
  text-decoration: none;
  font-size: 10pt;
  padding: 6px;
}

.bt_fondjaune {
  background-color: #ff8a00;
  color: #fff;
}

.bt_rouge:hover {
  background-color: #bf0707;
  color: #fff;
}

.bt_fondrouge {
  background-color: #FF3300;
  color: #fff;
}

.bt_fondrouge:hover {
  background-color: #FF3300;
  color: #fff;
}

.bt_grosse:hover {
  background-color: #bf0707;
  color: #fff;
}

.bt_fondgrosse {
  background-color: #bf0707;
  color: #fff;
}

.bt_fondgrosse:hover {
  background-color: #bf0707;
  color: #fff;
}

.bt_bleu:hover {
  background-color: #287eab;
  color: #fff;
}

.bt_fondbleu {
  background-color: #287eab;
  color: #fff;
}

.bt_fondbleu:hover {
  background-color: #287eab;
  color: #fff;
}

.bt_blanc:hover {
  background-color: #FFFFFF;
  color: #333;
  border-color: #333;
}

.rollbleu:hover {
  background: #287eab;
  color: #fff;
}

.fondbleu {
  background: #287eab;
  color: #fff;
}

.rollrouge:hover {
  background: #990000;
  color: #fff;
}

.fondrouge {
  background: #990000;
  color: #fff;
}


table.achat_licence {
  padding: 0px;
  text-align: left;
  background-color: transparent;
  font: normal normal 11px verdana, sans-serif;
  #border: 0;
}

table.achat_licence tr.header {
  vertical-text: top;
  text-align: left;
  background-color: #EFEFEF;

}

table.achat_licence tr {
  border-bottom: 1px solid #CCC;
}

table.achat_licence tr td span.devise_defaut {
  color: #BBB;
}


/* tableau css de résumé licence */
.Tableau span {
  display: inline;
  float: left;
  /*border: 1px solid #99cc00;*/
  border-collapse: collapse;
  margin: 0px;
  padding: 3px;
}

.Tableau p {
  clear: left;
  margin: 0px;
  padding: 0px;
  height: 100% !important;
  height: 1em;
}

.Tableau p.legende {
  font-weight: bold
}

.Tableau span.col1 {
  width: auto;
}

.Tableau span.col2 {
  width: auto;
}

.Tableau span.col3 {
  width: 100px
}

/* fin tableau css de résumé licence */

.button_licence {
  display: inline-block;
  outline: none;
  width: 100%;
  cursor: pointer;
  border: solid 1px #669933;
  background: #669933;
  text-align: left;
  text-decoration: none;
  padding: .1em;
  margin: 0px 0px 1px 0px;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .3em;
  color: #FFFFFF;
  font-size: 11pt;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#669933), to(#8dbe5c));
  background: -moz-linear-gradient(top, #669933, #8dbe5c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669933', endColorstr='#8dbe5c');

}

.button_licence:hover {
  background: #669933;
  border: solid 1px #669933;
  color: #FFFFFF;
}

a.vc {
  color: #99cc00;
  font-size: 13pt;
  text-decoration: none;
  font-weight: bold;
}

a.vc:hover {
  color: #A7238E;
  text-decoration: underline;
  font-weight: bold;
}

font.vert {
  color: #669900;
  font-size: 10pt;
  text-decoration: none;
}

a.grosse4 {
  font-size: 13pt;
  color: #990000;
  text-decoration: none;
}

a.grosse4:hover {
  color: #FF3300;
  text-decoration: none;
}

.bouton_audio_avpu {
        display: block;
        text-align: center;
        padding: 3px 0px 3px;
        position: relative;
        border: 0px dotted #E2B0B0;
        color: #666666;
        font-size: 8pt;
        text-decoration: none;
        width: 100%;
        height: 100%;
        padding: 0px 0px 0px;
}

.bouton_audio_avpu:hover {
        display: block;
        text-align: center;
        padding: 3px 0px 3px;
        position: relative;
        border: 0px dotted #E2B0B0;
        background-color: #FF3300;
        color: #FFFFFF;
        font-size: 8pt;
        text-decoration: none;
        width: 100%;
        height: 100%;
        border: 0px solid #FF9900;
        padding: 0px 0px 0px;
}

a.buy4 {
  font-size: clamp(11pt, 2vw, 13pt);
  color: #006699;
  text-decoration: none;
}

a.buy4:hover {
  color: #0000FF;
}

input[type="text"]:invalid+input[type="reset"] {
  display: none;
}

input[type="reset"] {
  background-image: url(https://img.free-scores.com/IMAGES/Deleteinput.png );
  background-position: center center;
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  top: -0px;
  left: -22px;
}

a.buyVI {
  font-size: 13pt;
  color: #151819;
  text-decoration: none;
font-family: 'luciole';
}

a.eco_lien {
  color: #555;
  text-decoration: none;
  font-size: 11pt;
  font-weight: bold;
}

a.eco_lien:hover {
  color: #777;
  text-decoration: underline;
}

a.eco_lien span {
  display: none;
}

a.eco_lien:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  font-size: 10px;
  font-weight: normal;
  width: auto;
  top: 30px;
  left: 50px;
  background: white;
  padding: 3px;
  text-decoration: none;
  border: 1px solid;
  border-top: 4px solid;
  z-index: 999;
}



a.suivant_lien {
  display: inline-block;
  color: #333;

  border-radius: 1px;
  box-shadow: 1px 1px 6px #ccc;
  text-decoration: none;
  font-size: 9pt;
  background-color: #fff;
  padding: 9px;
  margin: 3px;
}

a.suivant_lien_spot {
border-color:#99cc00;
}

a.suivant_lien:hover {
  color: #333;
  background-color: #e1e1e1
}

a.suivant_lien_select {
  color: #333;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background-color: #e1e1e1;
  border: solid 1px #e1e1e1;
  padding: 9px;
  margin: 3px;
}

.eco_text {
  color: #999999;
  font-size: 11pt;
  text-decoration: none;
}

.eco_text_m {
  color: #cfcfcf;
  font-size: 9pt;
}

.eco_text:hover {
  text-decoration: underline;
}

.eco_text3 {
  color: #999999;
  font-size: 11pt;
  text-decoration: none;
}

.eco_text3:hover {
  text-decoration: underline;
}

.eco_text2 {
  color: #cfcfcf;
  font-size: 11pt;
}


.eco4_titre {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  font-size: 13pt;
  display: block;
}

.eco4_titre:hover {
  color: #777;
  text-decoration: underline;
}

a.eco4_titre span {
  display: none;
}

a.eco4_titre:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  font-size: 10px;
  font-weight: normal;
  width: auto;
  background: white;
  padding: 3px;
  text-decoration: none;
  border: 1px solid;
  border-top: 4px solid;
  z-index: 999;
}

.eco4_desc {
  color: #000;
  text-decoration: none;
  font-size: 11pt;
}

.eco4_prix_rouge {
  color: #bf0707;
  text-decoration: none;
  font-size: 10pt;
}

.eco4_prix_bleu {
  color: #006699;
  text-decoration: none;
  font-size: 10pt;
}

.prix_bleu {
  color: #0066cc;
  text-decoration: none;
  font-size: 11pt;
}

.eco4_similaire {
  color: #888;
  text-decoration: none;
  font-size: 9pt;
}

.eco4_similaire:hover {
  text-decoration: underline
}

font.v,
.v {
  color: #666666;
  font-size: 10pt;
}

.cadre_comparateur_article {
  display: block;
  border: 1px solid #666;
  background-color: #FFF;
  margin: 0px;
  padding: 3px;
  width: 100%;
  text-align: left;
  border-radius: 3px;
}

/* dans partitions_telecharger.php */

.button_ico {
  display: inline-block;
  outline: none;
  width: 100%;
  cursor: pointer;
  min-height: 20px;
  border: solid 1px #bfbfbf;
  background: #f9f9f9;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .3em;
  color: #333333;
  font-size: 9pt;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
}

.button_ico:hover {
  background: #ffffff;
  border: solid 1px #333333;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background: -moz-linear-gradient(top, #f1f1f1, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
  color: #FF9900;
  text-decoration: none;
}

/*      dans include_public_coeur_listing.php */

.coeur2c {
  display: inline-block;
  height: auto;
  padding: 0px 2px 0px;
  vertical-align: middle;
  text-decoration: none;
  -moz-opacity: 0.9;
  opacity: .90;
  filter: alpha(opacity=90);
}

.coeur2c:hover {
  -moz-opacity: 0.9;
  opacity: .95;
  filter: alpha(opacity=95);
}

.coeur2c_selected {
  display: inline-block;
  height: auto;
  padding: 0px 2px 0px;
  vertical-align: middle;
  text-decoration: none;
}

.biblio2c {
  display: inline-block;
  height: auto;
  padding: 0px 2px 0px;
  vertical-align: middle;
  text-decoration: none;
  -moz-opacity: 0.3;
  opacity: .30;
  filter: alpha(opacity=30);
}

.biblio2c:hover {
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

.biblio2c_selected {
  display: inline-block;
  height: auto;
  padding: 0px 2px 0px;
  vertical-align: middle;
  text-decoration: none;
}


/*      dans le player soundmanager */

.coeur2a {
  display: inline;
  float: right;
  height: auto;
  padding: 3px 2px;
  text-align: center;
  width: 50px;
}

.coeur2a_selected {
  display: inline;
  float: right;
  height: auto;
  padding: 3px 2px;
  text-align: center;
  width: 50px;
}

.coeur2b {
  display: inline;
  vertical-align: bottom;
  width: 50px;
}

.coeur2b_selected {
  display: inline;
  vertical-align: bottom;
  width: 50px;
}

.biblio2a {
  display: inline;
  float: right;
  height: auto;
  padding: 3px 2px;
  text-align: center;
  width: 50px;
}

.biblio2a_selected {
  display: inline;
  float: right;
  height: auto;
  padding: 3px 2px;
  text-align: center;
  width: 50px;
}

.biblio2b {
  display: inline;
  vertical-align: bottom;
  width: 50px;
}

.biblio2b_selected {
  display: inline;
  vertical-align: bottom;
  width: 50px;
}

.addcommentmp3_2a {
  display: inline;
  float: right;
  height: auto;
  padding: 3px 2px;
  text-align: center;
  width: 50px;
}

.marque_transp {
  text-decoration: none;
  -moz-opacity: 0.3;
  opacity: .30;
  z-index: 10;
  filter: alpha(opacity=30);
  width: 50px;
}

.marque_transp:hover {
  -moz-opacity: 0.8;
  opacity: .80;
  z-index: 10;
  filter: alpha(opacity=80);
}

.bouton_comparateur_article_test {
  display: block;
  width: auto;
  height: auto;
  text-align: left;
  position: relative;
  z-index: 0;
  padding: 1px 2px 3px 1px;
  border-color: #CCCCCC;
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
}

.bouton_comparateur_article_test:hover {
  display: block;
  width: auto;
  height: auto;
  text-align: left;
  position: relative;
  z-index: 0;
  background-color: #f6f6f6;
  color: #ff3300;

}

.bouton_comparateur_article {
  display: flex;
  width: auto;
  height: auto;
  text-align: left;
  position: relative;
  border: 1px solid white;
  z-index: 0;
  padding: 1px 2px 3px 1px;
  border: 0px outset #CCCCCC;
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
  height: auto;
}

.bouton_comparateur_article:hover {
  border: 1px solid 333333;
  background-color: #f6f6f6;
  color: #ff3300;

}

font.impact_nl {
  color: #666666;
  font-size: 12pt;
  text-decoration: none;
  font-weight: bold;
}

.header_artiste {
  background-color: #f9F9F9;
  line-height: 26px;
  padding: 0 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F2F2F2)));
  background-image: -moz-linear-gradient(top, #F9F9F9, #F2F2F2));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#F9F9F9', endColorstr='#F2F2F2)');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#F2F2F2)')"
}


.header_artiste2 {
        background-color: #f9F9F9;
        line-height: 26px;
        padding: 0 5px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F2F2F2));
        background-image: -moz-linear-gradient(top, #F9F9F9, #F2F2F2);
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#F9F9F9', endColorstr='#F2F2F2');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#F2F2F2')"
}


.messageprive input {
  border: 1px solid #CCC;
  margin: 5px;
  padding: 5px;
  font-size: 14px;
  color: #666666;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.messageprive textarea {
  border: 1px solid #CCC;
  margin: 5px;
  padding: 5px;
  font-size: 13px;
  color: #444444;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.messageprive input:hover,
.messageprive textarea:hover,
.messageprive input:focus,
.messageprive textarea:focus {
  border: 1px solid #666699;
  background-color: #F4FBFD;
}


.messageprive input.button,
input.buttonm,
a.buttonm {
  color: #fff;
  line-height: 18px;
  padding: 2px 5px;
  font-weight: bold;
  font-size: 12px;
  border-top: 1px solid #AAA;
  border-right: 1px solid #b0e1eb;
  border-bottom: 1px solid #b0e1eb;
  border-left: 1px solid #AAA;
  background-color: #FF9900;
  text-align: center;
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6600), to(#FF9900));
  background-image: -moz-linear-gradient(top, #FF6600, #FF9900);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF6600', endColorstr='#FF9900');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6600',endColorstr='#FF9900')";
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


.messageprive input.button:hover,
a.buttonm:hover,
.messageprive input.button:focus,
input.buttonm:focus {
  border: 1px solid #333;
}

.bouton_submit_public7 {
  display: block;
  width: auto;
  text-align: left;
  position: absolute;
  z-index: 0;
  color: #333333;
  font-size: 10pt;
  text-decoration: none;

}

.bouton_submit_public7 img {
  line-height: 43px;
}




table.messagerie {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font: normal normal 11px Arial, Helvetica, sans-serif;
}

table.messagerie tr.header {
  font: bold normal 11px Arial, Helvetica, sans-serif;
  text-align: left;
  height: 30px;
  border: 1px solid #C0C0C0;
  background: #70C0E9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#AAA), to(#BBB));
  background-image: -moz-linear-gradient(top, #AAA, #BBB);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#AAA', endColorstr='#BBB');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAA',endColorstr='#BBB')";
  color: #FFF;
  letter-spacing: 1px;
  z-index: 1;
}

table.messagerie tr.corps1 td {
  text-align: left;
  padding: 3px 1px;
  border-bottom: 1px solid #DFDFDF;
  background-color: #FFF;
  color: #333;
  z-index: 1;
}

table.messagerie tr.corps2>td {
  text-align: left;
  padding: 3px 1px;
  border-top: 0px solid #C0C0C0;
  background-color: #F0F0F0;
  color: #303030;
  z-index: 1;
}

table.messagerie tr.engras>td {
  text-align: left;
  padding: 3px 1px;
  font-weight: bold;
  background-color: #ffedd3;
  border-bottom: 1px solid #DFDFDF;
}

img.fleche_gauche,
span.fleche_gauche {
  margin: 0;
  padding: 2px;
  border: 0;
  text-decoration: none;
  vertical-align: middle;
}

ul.list_messagerie {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.list_messagerie li.entete {
  border-bottom: 1px solid #CFCFCF;
  margin: 0 0 10px 0;
  padding: 0 10px 0 0;
  display: list-item;
  height: 38px;
}

ul.list_messagerie li.entete a {
  -moz-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid #CFCFCF;
  display: block;
  float: right;
  font-variant: small-caps;
  line-height: 26px;
  margin: 10px 0 0 4px;
  padding: 0 5px 0 5px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 1px;
  background-color: #EFEFEF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#F9F9F9));
  background-image: -moz-linear-gradient(top, #DDD, #F9F9F9);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#DDD', endColorstr='#F9F9F9');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDD',endColorstr='#F9F9F9')";
  color: #999;
  font-size: 11px;
}

ul.list_messagerie li.entete a:hover {
  background-color: #FFF;
  color: #FF8100;
}

ul.list_messagerie li.entete a.current {
  color: #666;
  border-bottom: 1px solid #FFF;
  background-color: #FFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fffbea), to(#FFF));
  background-image: -moz-linear-gradient(top, #fffbea, #FFF);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#fffbea', endColorstr='#FFF');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbea',endColorstr='#FFF')";
}

table.fil {
  width: 100%;
  background-color: #F6F6F6;
  margin: 0;
  padding: 0;
  border: 0px;
  line-height: 18px;
  font-size: 11px;

}

table.fil tr.header td {
  font: bold normal 13px Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 10px;
  padding: 5px;
  background-color: #BBB;
  padding: 5px 3px;
  -moz-border-radius: 8px 8px 0 0;
  -khtml-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  color: #FFF;
  letter-spacing: 1px;
  z-index: 1;
}

table.fil tr.header td h2 {
  margin: 0;
}

table.fil tr.corps1>td {
  text-align: center;
  vertical-align: top;
  border-bottom: 1px solid #F7F7F7;
  color: #303030;
  padding: 0 0;
  background-color: #FDFDFD;
}

table.fil tr.corps1 td a.sujet {
  color: #116;
}

table.fil tr.corps1 td h3 {
  line-height: 13px;
  font-size: 8pt;

  font-weight: normal;
  display: inline;
}

table.fil tr.corps2>td {
  text-align: center;
  vertical-align: top;
  border-bottom: 1px solid #F7F7F7;
  color: #303030;
  padding: 3px 0;
  background-color: #FEFEFE;
}

table.fil tr.corps3_cache>td {
  text-align: center;
  vertical-align: top;
  border: 0px solid #C0C0C0;
  background-color: #777;
  color: #303030;
}

table.fil tr.new>td {
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  border: 0px solid #C0C0C0;
  background-color: #ff9;
  color: #303030;
}



table.fil tr.corps1>td.profil,
table.fil tr.corps2>td.profil {
  width: 120px;
  padding: 8px 5px;
  border-bottom: 1px solid #EFEFEF;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

table.fil tr.corps1>td.profil_journal {
  width: 140px;
  text-align: center;
  vertical-align: top;
  background-color: #FFF;
  color: #303030;
  padding: 3px 3px;
}

table.fil tr.corps1>td.message,
table.fil tr.corps2>td.message {
  text-align: left;
  border-bottom: 1px solid #EFEFEF;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: #303030;
  padding: 8px 5px;
}

table.fil tr.corps1 td.message>div,
table.fil tr.corps2 td.message>div {
  margin-left: 5px;
}

table.fil tr.corps3_cache>td.message {
  text-align: left;
  vertical-align: top;
  border: 0px solid #C0C0C0;
  background-color: #CCCCCC;
  color: #303030;
  padding: 0 5px 5px 5px;
}

table.fil tr td div.info_message {
  color: #666;
  margin: 0;
  font-weight: bold;
}

table.fil tr td div.reponse_rapide a.discret,
table.fil tr td div.reponse_rapide a.discret img {
  filter: alpha(opacity=0);
  -moz-opacity: .0;
  opacity: .0;
}

table.fil tr td div.info_message div.icones_modoa img {
  float: right;
  filter: alpha(opacity=0);
  -moz-opacity: .0;
  opacity: .0;
}

table.fil tr td a img.options_discretes {
  float: right;
  filter: alpha(opacity=0);
  -moz-opacity: .0;
  opacity: .0;
}

table.fil tr:hover td div.info_message div.icones_modo a img,
table.fil tr:hover td div.reponse_rapide a.discret,
table.fil tr:hover td div.reponse_rapide a.discret img,
table.fil tr:hover td a img.options_discretes {
  filter: alpha(opacity=50);
  -moz-opacity: .50;
  opacity: .50;
}

table.fil tr td div.info_message div.icones_modo a:hover img,
table.fil tr td div.reponse_rapide a.discret:hover,
table.fil tr td div.reponse_rapide a.discret:hover img,
table.fil tr td a:hover img.options_discretes {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

table.fil tr td a.mini_page_suivante {
  filter: alpha(opacity=20);
  -moz-opacity: .20;
  opacity: .20;
}

table.fil tr:hover td a.mini_page_suivante {
  filter: alpha(opacity=70);
  -moz-opacity: .70;
  opacity: .70;
}

a.mjt3 {
  color: #333333;
  font-size: 9pt;
  text-decoration: none;
}

a.mjt3:hover {
  background-color: #F5F5F5;
  text-decoration: underline;
}


#layerCookies {
  background: #000000;
  color: #FFFFFF;

  font-size: 9pt;
  margin: 0;
  min-height: 83px;
  padding: 3px;
  position: fixed;
  text-align: center;
  bottom: 0;
  width: 100%;
  z-index: 2000;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7);
  filter: alpha(opacity=70);
  opacity: 0.7;
}

#layerCookies .close,
#layerCookies a,
#layerCookies em {
  display: inline-block;
  float: left;
}

#layerCookies p {
  margin: 0 auto;
  max-height: 100px;
  overflow: hidden;
  padding: 2px 0 0;
  width: auto;
}

#layerCookies em {
  font-style: normal;
  line-height: 12px;
}

#layerCookies a {
  color: #ffff00;
  font-size: 11px;
  line-height: 20px;
  padding-left: 0px;
  text-decoration: underline;
}

#layerCookies .close {
  background: url("https://img.free-scores.com/IMAGES/yellow-close-window-26.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  text-indent: -9999em;
  top: -10px;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  float: right;
  z-index: 9999;
  left: -10px;
}

@media screen and (max-width: 350px) {
  .media_facultatif {
    display: none;
  }
}

/* FIN INFOS COOKIE UE */

.play {
	display: block;
	position: absolute;
	height: 25px;
	width: 25px;
	left: 0px;
	top: 0px;
	z-index: 3;
	text-decoration: none;
}

.play a {
	opacity: .70;
}

.play a img {
	border: 0px;
}

.play a:hover {
	opacity: 1;
}

.rollovernoel {
  color: #FFFFFF;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 35px;
  border: 0;

  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  background: transparent url(https://img.free-scores.com/boutique/noel/IMAGES/rouge-etoiles.gif);
}

.rollovernoel:hover {
  background-color: #F1F1F1;
  text-decoration: underline;
  -moz-opacity: 0.8;
  opacity: .80;
  z-index: 10;
  filter: alpha(opacity=80);
}


///////////////////////////////
/// Player Bar-ui Soundmanager2
///

.sm2-bar-ui {
  position: relative;
  display: inline-block;
  width: 100%;

  font-weight: normal;
  /* prevent background border bleed */
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* because indeed, fonts do look pretty "fat" otherwise in this case. */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /* general font niceness? */
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  min-width: 20em;
  max-width: 30em;
  /* take out overflow if you want an absolutely-positioned playlist dropdown. */
  border-radius: 2px;
  overflow: hidden;
  /* just for fun (animate normal / full-width) */
  transition: max-width 0.2s ease-in-out;
}

.sm2-bar-ui .sm2-playlist li {
  text-align: center;
  margin-top: -2px;
  font-size: 11pt;
  line-height: 1em;

  font-weight: normal;
}

.sm2-bar-ui.compact {
  min-width: 1em;
  max-width: 355px;
}

.sm2-bar-ui ul {
  line-height: 1em;
}

/* want things left-aligned? */
.sm2-bar-ui.left .sm2-playlist li {
  text-align: left;
}

.sm2-bar-ui .sm2-playlist li .load-error {
  cursor: help;
}

.sm2-bar-ui.full-width {
  max-width: 100%;
  z-index: 5;
}

.sm2-bar-ui.fixed {
  position: fixed;
  top: auto;
  bottom: 0px;
  border-radius: 0px;
  /* so the absolutely-positioned playlist can show... */
  overflow: visible;
  /* and this should probably have a high z-index. tweak as needed. */
  z-index: 999;
  width: 100%;
height:45px;
}

.sm2-bar-ui.fixed .bd,
.sm2-bar-ui.bottom .bd {
  /* display: table; */
  border-radius: 0px;
  border-bottom: none;
}

.sm2-bar-ui.bottom {
  /* absolute bottom-aligned UI */
  top: auto;
  bottom: 0px;
  left: 0px;
  border-radius: 0px;
  /* so the absolutely-positioned playlist can show... */
  overflow: visible;
}

.sm2-bar-ui.playlist-open .bd {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-color: transparent;
}

.sm2-bar-ui .bd,
.sm2-bar-ui .sm2-extra-controls {
  position: relative;
  background-color: #4d4d51; 
height: 60px;
bottom:10px;
  /*
 transition: background 0.2s ease-in-out;
 */
}

.sm2-bar-ui .sm2-inline-gradient {
  /* gradient */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.125) 5%, rgba(255, 255, 255, 0.125) 45%, rgba(255, 255, 255, 0.15) 52%, rgba(0, 0, 0, 0.01) 51%, rgba(0, 0, 0, 0.1) 95%);
  /* W3C */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.125) 5%, rgba(255, 255, 255, 0.125) 45%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1) 95%);
  /* W3C */
}

.sm2-bar-ui.flat .sm2-inline-gradient {
  background-image: none;
}

.sm2-bar-ui.flat .sm2-box-shadow {
  display: none;
  box-shadow: none;
}

.sm2-bar-ui.no-volume .sm2-volume {
  /* mobile devices (android + iOS) ignore attempts to set volume. */
  display: none;
}

.sm2-bar-ui.textured .sm2-inline-texture {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* for example */
  /* background-image: url(../image/wood_pattern_dark.png); */
  /* additional opacity effects can be applied here. */
  opacity: 0.75;

}

.sm2-bar-ui.textured.dark-text .sm2-inline-texture {
  /* dark text + textured case: use light wood background (for example.) */
  /* background-image: url(../image/patterns/wood_pattern.png); */
}

.sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper {
  /* dark text + textured case: ditch 10% dark on playlist body. */
  background-color: transparent;
}

.sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper ul li:hover a,
.sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper ul li.selected a {
  /* dark + textured case: dark highlights */
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url(https://img.free-scores.com/IMAGES/icones/black-10.png);
  /* modern browsers don't neeed the image */
  background-image: none, none;
}

.sm2-bar-ui .bd {
  display: table;
  border-bottom: none;
}

.sm2-bar-ui .sm2-playlist-wrapper {
  background-color: rgba(0, 0, 0, 0.1);
}

.sm2-bar-ui .sm2-extra-controls .bd {
  background-color: #1A1A1A;
}


.sm2-bar-ui.textured .sm2-extra-controls .bd {
  /* lighten extra color overlays */
  background-color: rgba(0, 0, 0, 0.05);
}

.sm2-bar-ui .sm2-extra-controls {
  background-color: transparent;
  border: none;
}

.sm2-bar-ui .sm2-extra-controls .bd {
  /* override full-width table behaviour */
  display: block;
  border: none;
}

.sm2-bar-ui .sm2-extra-controls .sm2-inline-element {
  display: inline-block;
}

.sm2-bar-ui,
.sm2-bar-ui .bd a {
  color: #FFFFFF;

}

.sm2-bar-ui.dark-text,
.sm2-bar-ui.dark-text .bd a {
  color: #000;
}

.sm2-bar-ui.dark-text .sm2-inline-button {
  /* Warning/disclaimer: SVG might be fuzzy when inverted on Chrome, losing resolution on hi-DPI displays. */
  -webkit-filter: invert(1);
  /* SVG-based invert filter for Firefox */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
  /* IE 8 inverse filter, may only match pure black/white */
  /* filter: xray; */
  /* pending W3 standard */
  filter: invert(1);
  /* not you, IE < 10. */
  filter: none\9;
}

.sm2-bar-ui .bd a {
  text-decoration: none;
}

.sm2-bar-ui .bd .sm2-button-element:hover {
  background-color: rgba(255, 153, 0, 0.2); 
  background-image: url(https://img.free-scores.com/IMAGES/icones/black-10.png);
  background-image: none, none;
}

.sm2-bar-ui .bd .sm2-button-element:active {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url(https://img.free-scores.com/IMAGES/icones/black-25.png);
  background-image: none, none;
}

.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active .sm2-inline-button,
.sm2-bar-ui .bd .active .sm2-inline-button

/*,
.sm2-bar-ui.playlist-open .sm2-menu a */
  {
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -webkit-transform-origin: 50% 50%;
  /* firefox doesn't scale quite right. */
  transform: scale(0.9);
  transform-origin: 50% 50%;
  /* firefox doesn't scale quite right. */
  -moz-transform: none;
}

.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:hover,
.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active,
.sm2-bar-ui .bd .active {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url(https://img.free-scores.com/IMAGES/icones/image/black-10.png);
  background-image: none, none;
}

.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active {
  /* box shadow is excessive on smaller elements. */
  box-shadow: none;
}

.sm2-bar-ui {
  /* base font size */
  font-size: 12px;
  text-shadow: none;
}

.sm2-bar-ui .sm2-inline-element {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
  overflow: hidden;
}

.sm2-bar-ui .sm2-inline-element,
.sm2-bar-ui .sm2-button-element .sm2-button-bd {
  position: relative;
  /**
  * .sm2-button-bd exists because of a Firefox bug from 2000
  * re: nested relative / absolute elements inside table cells.
  * https://bugzilla.mozilla.org/show_bug.cgi?id=63895
  */
}

.sm2-bar-ui .sm2-inline-element,
.sm2-bar-ui .sm2-button-element .sm2-button-bd {
  /**
  * if you play with UI width/height, these are the important ones.
  * NOTE: match these values if you want square UI buttons.
  */
  min-width: 4.2em;
  min-height: 4.2em;
}

.sm2-bar-ui .sm2-inline-button {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 45%;
}

.sm2-bar-ui .sm2-extra-controls .bd {
  /* don't double-layer. */
  background-image: none;
  background-color: rgba(0, 0, 0, 0.15);
}

.sm2-bar-ui .sm2-extra-controls .sm2-inline-element {
  width: 25px;
  /* bare minimum */
  min-height: 1.75em;
  min-width: 2.5em;
}

.sm2-bar-ui .sm2-inline-status {
  line-height: 100%;
  /* how much to allow before truncating song artist / title with ellipsis */
  display: inline-block;
  min-width: 200px;
  max-width: 20em;
  /* a little more spacing */
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.sm2-bar-ui .sm2-inline-element {
  /* extra-small em scales up nicely, vs. 1px which gets fat */
  border-right: 0.075em dotted #666;
  /* legacy */
  border-right: 0.075em solid rgba(255, 255, 255, 0.1); 
}

.sm2-bar-ui .sm2-inline-element.noborder {
  border-right: none;
}

.sm2-bar-ui .sm2-inline-element.compact {
  min-width: 2em;
  padding: 0px 0.25em;
}

.sm2-bar-ui .sm2-inline-element:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}

.sm2-bar-ui .sm2-inline-element:last-of-type {
  border-right: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.sm2-bar-ui .sm2-inline-status a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.sm2-inline-time,
.sm2-inline-duration {
  display: table-cell;
  width: 1%;
  font-size: 75%;
  line-height: 0.9em;
  min-width: 2em;
  /* if you have sounds > 10:00 in length, make this bigger. */
  vertical-align: middle;
}

.sm2-bar-ui .sm2-playlist {
  position: relative;
  height: 1.45em;
}

.sm2-bar-ui .sm2-playlist-target {
  /* initial render / empty case */
  position: relative;
  min-height: 1em;
}

.sm2-bar-ui .sm2-playlist-target .sm2-playlist-bd a {
  display: inline;
}

.sm2-bar-ui .sm2-playlist ul {
  position: absolute;
  left: 0px;
  top: -7px;
  width: 100%;
  list-style-type: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sm2-bar-ui p,
.sm2-bar-ui .sm2-playlist ul,
.sm2-bar-ui .sm2-playlist ul li {
  margin: 0px;
  padding: 0px;
}

.sm2-bar-ui .sm2-playlist ul li {
  position: relative;
}

.sm2-bar-ui .sm2-playlist ul li,
.sm2-bar-ui .sm2-playlist ul li a {
  position: relative;
  display: block;
  /* prevent clipping of characters like "g" */
  height: 1.5em;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.sm2-row {
  position: relative;
  display: table-row;
}

.sm2-progress-bd {
  /* spacing between progress track/ball and time (position) */
  padding: 0px 0.8em;
}

.sm2-progress .sm2-progress-track,
.sm2-progress .sm2-progress-ball,
.sm2-progress .sm2-progress-bar {
  position: relative;
  width: 100%;
  height: 0.65em;
  border-radius: 0.65em;
}

.sm2-progress .sm2-progress-bar {
  /* element which follows the progres "ball" as it moves */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  background-color: #FF9900;
  background-image: url(https://img.free-scores.com/IMAGES/icones/image/black-33.png);
  background-image: none, none;
}

.volume-shade,
.playing .sm2-progress .sm2-progress-track,
.paused .sm2-progress .sm2-progress-track {
  cursor: pointer;
}

.playing .sm2-progress .sm2-progress-ball {
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}

.sm2-progress .sm2-progress-ball {
  position: absolute;
  top: -0px;
  left: 0px;
  width: 1em;
  height: 1em;
  margin: -0.2em 0px 0px -0.5em;
  width: 14px;
  height: 14px;
  margin: -2px 0px 0px -7px;
  width: 0.9333em;
  height: 0.9333em;
  margin: -0.175em 0px 0px -0.466em;
  background-color: #FF9900;
  padding: 0px;
  /*
 z-index: 1;
*/
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
}

/*
.sm2-bar-ui.dark-text .sm2-progress .sm2-progress-ball {
 background-color: #000;
}
*/

.sm2-progress .sm2-progress-track {
  background-color: rgba(128, 128, 128, 0.3); 
  background-image: url(https://img.free-scores.com/IMAGES/icones/image/black-33.png);
  /* legacy */
  background-image: none, none;
  /* modern browsers */
}

/* scrollbar rules have to be separate, browsers not supporting this syntax will skip them when combined. */
.sm2-playlist-wrapper ul::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

.playing.grabbing .sm2-progress .sm2-progress-track,
.playing.grabbing .sm2-progress .sm2-progress-ball {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.sm2-bar-ui.grabbing .sm2-progress .sm2-progress-ball {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.sm2-inline-button {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  /* hide inner text */
  line-height: 10em;
  filter: brightness(0.9);
  /**
  * image-rendering seems to apply mostly to Firefox in this case. Use with caution.
  * https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering#Browser_compatibility
  */
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  -ms-interpolation-mode: bicubic;
}

.play-pause,
.play-pause:hover,
.paused .play-pause:hover {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/play.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/play.svg);
  background-size: 67.5%;
  background-position: 40% 53%;
 
  
}

.playing .play-pause {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/pause.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/pause.svg);
  background-size: 57.6%;
  background-position: 50% 53%;

}

.sm2-volume-control {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/volume.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/volume.svg);
}

.sm2-volume-control,
.sm2-volume-shade {
  background-position: 42% 50%;
  background-size: 56%;
}

.volume-shade {
  filter: alpha(opacity=55);
  /* <= IE 8 */
  opacity: 0.5;
  /* -webkit-filter: invert(1);*/
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-000000/PNG/volume.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-000000/SVG/volume.svg);
}

.menu {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/list2.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/list2.svg);
  background-size: 58%;
  background-position: 54% 51%;
}

.previous {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/first.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/first.svg);
}

.next {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/last.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/last.svg);
}

.previous,
.next {
  background-size: 49.5%;
  background-position: 50% 50%;
}


.sm2-extra-controls .previous,
.sm2-extra-controls .next {
  backgound-size: 53%;
}

.shuffle {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/shuffle.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/shuffle.svg);
  background-size: 45%;
  background-position: 50% 50%;
}

.repeat {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/loop.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/loop.svg);
  background-position: 50% 43%;
  background-size: 54%;
}

.sm2-extra-controls .repeat {
  background-position: 50% 45%;
}

.sm2-playlist-wrapper ul li .sm2-row {
  display: table;
  width: 100%;
}

.sm2-playlist-wrapper ul li .sm2-col {
  display: table-cell;
  vertical-align: top;
  /* by default, collapse. */
  width: 0%;
}

.sm2-playlist-wrapper ul li .sm2-col.sm2-wide {
  /* take 100% width. */
  width: 100%;
}

.sm2-playlist-wrapper ul li .sm2-icon {
  display: inline-block;
  overflow: hidden;
  width: 2em;
  color: transparent !important;
  /* hide text */
  white-space: nowrap;
  /* don't let text affect height */
  padding-left: 0px;
  padding-right: 0px;
  text-indent: 2em;
  /* IE 8, mostly */
}

.sm2-playlist-wrapper ul li .sm2-icon,
.sm2-playlist-wrapper ul li:hover .sm2-icon,
.sm2-playlist-wrapper ul li.selected .sm2-icon {
  background-size: 55%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sm2-playlist-wrapper ul li .sm2-col {
  /* sibling table cells get borders. */
  border-right: 1px solid rgba(0, 0, 0, 0.075);
}

.sm2-playlist-wrapper ul li.selected .sm2-col {
  border-color: rgba(255, 255, 255, 0.075);
}

.sm2-playlist-wrapper ul li .sm2-col:last-of-type {
  border-right: none;
}

.sm2-playlist-wrapper ul li .sm2-cart,
.sm2-playlist-wrapper ul li:hover .sm2-cart,
.sm2-playlist-wrapper ul li.selected .sm2-cart {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/cart.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/cart.svg);
  /* slight alignment tweak */
  background-position: 48% 50%;
}

.sm2-playlist-wrapper ul li .sm2-music,
.sm2-playlist-wrapper ul li:hover .sm2-music,
.sm2-playlist-wrapper ul li.selected .sm2-music {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/PNG/music.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-ffffff/SVG/music.svg);
}

.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li .sm2-cart,
.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover .sm2-cart,
.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li.selected .sm2-cart {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-000000/PNG/cart.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-000000/SVG/cart.svg);
}

.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li .sm2-music,
.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover .sm2-music,
.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li.selected .sm2-music {
  background-image: url(https://img.free-scores.com/IMAGES/icones/entypo-25px-000000/PNG/music.png);
  background-image: none, url(https://img.free-scores.com/IMAGES/icones/entypo-25px-000000/SVG/music.svg);
}


.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li .sm2-col {
  border-left-color: rgba(0, 0, 0, 0.15);
}

.sm2-playlist-wrapper ul li .sm2-icon:hover {
  background-color: rgba(0, 0, 0, 0.33);
}

.sm2-bar-ui .sm2-playlist-wrapper ul li .sm2-icon:hover {
  background-color: rgba(0, 0, 0, 0.45);
}

.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li.selected .sm2-icon:hover {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(0, 0, 0, 0.125);
}

.sm2-progress-ball .icon-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: none, url(https://img.free-scores.com/IMAGES/icones/free-25px-000000/SVG/spinner.svg);
  background-size: 72%;
  background-position: 50%;
  background-repeat: no-repeat;
  display: none;
}

.playing.buffering .sm2-progress-ball .icon-overlay {
  display: block;
  -webkit-animation: spin 0.6s linear infinite;
  animation: spin 0.6s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.sm2-element ul {
  font-size: 95%;
  list-style-type: none;
}

.sm2-element ul,
.sm2-element ul li {
  margin: 0px;
  font-size: 14px;
  text-align: left;
  padding: 0px;
}

.bd.sm2-playlist-drawer {
  /* optional: absolute positioning */
  position: relative;
  z-index: 3;
  border-radius: 0px;
  width: 100%;
  height: 0px;
  top: -212px;
  border: none;
  background-color: #2A2A2A;
  display: block;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}

.sm2-bar-ui.fixed .bd.sm2-playlist-drawer,
.sm2-bar-ui.bottom .bd.sm2-playlist-drawer {
  position: absolute;
}

.sm2-bar-ui.fixed .sm2-playlist-wrapper,
.sm2-bar-ui.bottom .sm2-playlist-wrapper {
  padding-bottom: 0px;
}

.sm2-bar-ui.fixed .bd.sm2-playlist-drawer,
.sm2-bar-ui.bottom .bd.sm2-playlist-drawer {
  /* show playlist on top */
  bottom: 2.8em;
}

.sm2-bar-ui .bd.sm2-playlist-drawer {
  opacity: 0.5;
  /* redraw fix for Chrome, background color doesn't always draw when playlist drawer open. */
  transform: translateZ(0);
}

/* experimental, may not perform well. */
/*
.sm2-bar-ui .bd.sm2-playlist-drawer a {
 -webkit-filter: blur(5px);
}
*/

.sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer {
  height: auto;
  opacity: 1;
}

.sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer a {
  -webkit-filter: none;
  /* blur(0px) was still blurred on retina displays, as of 07/2014 */
}

.sm2-bar-ui.fixed.playlist-open .bd.sm2-playlist-drawer .sm2-playlist-wrapper,
.sm2-bar-ui.bottom.playlist-open .bd.sm2-playlist-drawer .sm2-playlist-wrapper {
  /* extra padding when open */
  padding-bottom: 0.5em;
  box-shadow: none;
}

.sm2-bar-ui .bd.sm2-playlist-drawer {
  transition: all 0.2s ease-in-out;
  transition-property: transform, height, opacity, background-color, -webkit-filter;
}

.sm2-bar-ui .bd.sm2-playlist-drawer a {
  transition: -webkit-filter 0.2s ease-in-out;
}

.sm2-bar-ui .bd.sm2-playlist-drawer .sm2-inline-texture {
  /* negative offset for height of top bar, so background is seamless. */
  background-position: 0px -2.8em;
}

.sm2-box-shadow {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.15);
}

.sm2-playlist-wrapper {
  position: relative;
  padding: 0.5em 0.5em 0.5em 0.25em;
  background-image: none, none;
  background-color: #333333;
}

.sm2-playlist-wrapper ul {
  max-height: 9.25em;
  overflow: auto;
}

.sm2-playlist-wrapper ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sm2-playlist-wrapper ul li:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.sm2-playlist-wrapper ul li a {
  display: inline-block;
}

.sm2-playlist-wrapper ul li a.texte {
  padding: 6px 3px 6px 9px;
  margin-right: 0px;
  font-size: 13px;
  vertical-align: middle;
}

.sm2-playlist-wrapper ul li a.sm2-exclude {
  display: inline-block;
}

.sm2-playlist-wrapper ul li a.sm2-exclude .label {
  font-size: 95%;
  line-height: 1em;
  margin-left: 0px;
  padding: 2px 4px;
}

.sm2-playlist-wrapper ul li:hover a {
  background-color: rgba(255, 255, 255, 0.4);
  background-image: url(https://img.free-scores.com/IMAGES/icones/black-20.png);
  background-image: none, none;
text-decoration:none;

}

.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover a {
  background-color: rgba(255, 255, 255, 0.1);
  background-image: url(https://img.free-scores.com/IMAGES/icones/black-10.png);
  background-image: none, none;
}

.sm2-playlist-wrapper ul li.selected a {
  background-color: rgba(255, 255, 255, 0.4);
  background-image: url(https://img.free-scores.com/IMAGES/icones/black-20.png);
  background-image: none, none;
text-decoration:none;
}

.sm2-bar-ui.dark-text ul li.selected a {
  background-color: rgba(255, 255, 255, 0.1);
  background-image: url(https://img.free-scores.com/IMAGES/icones/black-10.png);
  background-image: none, none;
}

.sm2-bar-ui .disabled {
  filter: alpha(opacity=33);
  /* <= IE 8 */
  opacity: 0.33;
}

.sm2-bar-ui .bd .sm2-button-element.disabled:hover {
  background-color: transparent;
}

.sm2-bar-ui .active,
/*.sm2-bar-ui.playlist-open .sm2-menu,*/
.sm2-bar-ui.playlist-open .sm2-menu:hover {
  /* depressed / "on" state */
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
  background-image: none;
}

.firefox-fix {
  /**
  * This exists because of a Firefox bug from 2000
  * re: nested relative / absolute elements inside table cells.
  * https://bugzilla.mozilla.org/show_bug.cgi?id=63895
  */
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}

/* some custom scrollbar trickery, where supported */

.sm2-playlist-wrapper ul::-webkit-scrollbar {
  width: 10px;
}

.sm2-playlist-wrapper ul::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

.sm2-playlist-wrapper ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #FF9900;
}

.sm2-extra-controls {
  font-size: 0px;
  text-align: center;
}

.sm2-bar-ui .label {
  position: relative;
  display: inline-block;
  font-size: 0.7em;
  margin-left: 0.25em;
  vertical-align: top;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  padding: 0px 3px;
  box-sizing: padding-box;
}

.sm2-bar-ui.dark-text .label {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url(https://img.free-scores.com/IMAGES/icones/black-10.png);
  background-image: none, none;
}

.sm2-bar-ui .sm2-playlist-drawer .label {
  font-size: 0.8em;
  padding: 0px 3px;
}

/* --- full width stuff --- */

.sm2-bar-ui .sm2-inline-element {
  display: table-cell;
}

.sm2-bar-ui .sm2-inline-element {
  /* collapse */
  width: 1%;
}

.sm2-bar-ui .sm2-inline-status {
  /* full width */
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.sm2-bar-ui>.bd {
  width: 100%;
}

.sm2-bar-ui .sm2-playlist-drawer {
  /* re-hide playlist */
  display: block;
  overflow: hidden;
}

/*

padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
//ddborder: solid black 1px;

.myIframe iframe {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
*/
.myIframe {
  width: 100%;
  height: 100%;
  border: 0;

}

.rollovernoel {
  color: #FFFFFF;
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  border: 0;

  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
  background: transparent url(https://img.free-scores.com/boutique/noel/IMAGES/rouge-etoiles.gif);
}

.rollovernoel:hover {
  background-color: #F1F1F1;
  text-decoration: underline;
  -moz-opacity: 0.8;
  opacity: .80;
  z-index: 10;
  filter: alpha(opacity=80);
}

.coeurblanc_fondrouge {
  display: inline-block;
  outline: none;
  width: 100%;
  cursor: pointer;
  min-height: 30px;
  border: solid 1px #bfbfbf;
  background: #f93333;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .3em;
  color: #333333;
  font-size: 9pt;
  background: -webkit-gradient(linear, left top, left bottom, from(#f93333), to(#f02323));
  background: -moz-linear-gradient(top, #f93333, #f02323);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f93333', endColorstr='#f02323');
}

.coeurblanc_fondrouge span {
  filter: invert(100%);
  -webkit-filter: invert(100%);
  font-weight: bold;
  font-size: 7pt;
}

.button_ico {
  display: inline-block;
  outline: none;
  width: 100%;
  cursor: pointer;
  min-height: 30px;
  border: solid 1px #bfbfbf;
  background: #f9f9f9;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .3em;
  color: #333333;
  font-size: 9pt;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
}


a.glien_nav_p {
  display: block;
  background-color: #FFFFFF;
  width: 91%;
  min-height: 15px;
  border: 1px dotted;
  border-color: #FF9900;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
  color: #333;
  font-size: 10pt;
  opacity: 0.9;
}

a.glien_nav_p:hover {
  background-color: #FF9900;
  color: #FFFFFF;
}

a.glien_nav_p_selected {
  display: block;
  background-color: #FF9900;
  color: #FFFFFF;
  width: 91%;
  min-height: 15px;
  border: 1px dotted;
  border-color: #FF9900;
  text-decoration: none;
  padding: 12px;
  margin: 1px;
  font-size: 11pt;
}

a.glien_nav_div_bloc_bleu {
        display: block;
        background-color: #FFFFFF;
        width: 100%;
        min-height: 35px;
        border-color: #006699;
        text-decoration: none;
        padding: 2px;
        margin: 0px;
        color: #0b0b0b;
        font-size: 11pt;
        opacity: 0.9;
        -moz-border-radius: 0 7px;
        -webkit-border-radius: 0 7px;
        border-radius: 0 7px;
}

a.glien_nav_div_bloc_bleu:hover {
        background-color: #006699;
        color: #FFFFFF;
        font-size: 12pt;
}
/* NOEL - MENU DE COTE IDEES CADEAUX */
.menu_ca a {
        display: block;
        width: 100%;
        padding: 1px 0px 0px;
        margin: 1px 1px 1px 1px;
        color: #004b91;
        font-size: 10pt;
        text-decoration: none;
}

.menu_ca a:hover {
        background-color: #006699;
        color: #FFFFFF;
        font-style: bold;
}

.menu_ca_select a {
        background-color: #006699;
        display: block;
        width: 100%;
        padding: 1px 0px 0px;
        margin: 1px 1px 1px 1px;
        color: #FFFFFF;
        font-size: 10pt;
        text-decoration: none;
        font-style: bold;
}


.bouton_navigation {
  border: 1px solid #ccc;  /* Léger liseré */
  padding: 7px 7px;
  border-radius: 5px;
/*  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);  /* Ombre très douce */
 /*  background: #fff;  /* Fond blanc */
  text-decoration: none;
  font-size: 12pt;
  color: #333;  /* Couleur de texte sobre */
  width: auto;
  margin: 3px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.3s ease;
font-family: 'luciole';
/*background: #fff;  /* Fond blanc */

}

.bouton_navigation:hover {
   /* border-color: #aaa;  /* Liseré plus foncé au survol */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  /* Ombre légèrement plus marquée au survol */
  border-color: #ff9a30; 
/*	color: #ff9a30;*/
}

.vda:hover {

border-color: #99cc00;
}



.bouton_navigation .span_annoter_transparentes {
	opacity: 0;
}

.bouton_navigation:hover .span_annoter_transparentes {
	opacity: 1;
}

.bouton_navigation .span_annoter_transparentes_show {
	opacity: .50;
}

.bouton_navigation:hover .span_annoter_transparentes_show {
	opacity: 1;
}


.bouton_navigation_selected {

        background-color: #ff8a00;
}



/*  ZONE SPECIALE ADD_PARTITIONS POUR MOBILE, SUR WWW ce CSS se trouve sur 
<link rel="stylesheet" type="text/css" href="<? echo "".$CONFIG['fs']."";?>/javascripts/tokeninput/styles/token-input.css" />
<link rel="stylesheet" type="text/css" href="<? echo "".$CONFIG['fs']."";?>/javascripts/tokeninput/styles/token-input-facebook.css" />
*/

/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  width: 400px;
  border: 1px solid #999;
  cursor: text;
  font-size: 9pt;

  z-index: 999;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
}

ul.token-input-list li {
  list-style-type: none;
}

ul.token-input-list li input {
  border: 0;
  width: 350px;
  padding: 3px 8px;
  background-color: white;
  -webkit-appearance: caret;
}

li.token-input-token {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  margin: 3px;
  padding: 3px 5px;
  background-color: #d0efa0;
  color: #000;
  font-weight: bold;
  cursor: default;
  display: block;
}

li.token-input-token p {
  float: left;
  padding: 0;
  margin: 0;
}

li.token-input-token span {
  float: right;
  color: #777;
  cursor: pointer;
}

li.token-input-selected-token {
  background-color: #08844e;
  color: #fff;
}

li.token-input-selected-token span {
  color: #bbb;
}

div.token-input-dropdown {
  position: absolute;
  width: 400px;
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  font-size: 9pt;

  z-index: 1;
}

div.token-input-dropdown p {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  color: #777;
}

div.token-input-dropdown ul {
  margin: 0;
  padding: 0;
}

div.token-input-dropdown ul li {
  background-color: #fff;
  padding: 3px;
  list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
  background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
  background-color: #fff;
}

div.token-input-dropdown ul li em {
  font-weight: bold;
  font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  background-color: #d0efa0;
}



/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  width: 200px;
  border: 1px solid #8496ba;
  cursor: text;
  font-size: 12px;

  min-height: 1px;
  z-index: 999;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
}

ul.token-input-list-facebook li input {
  border: 0;
  width: 100px;
  padding: 3px 8px;
  background-color: white;
  margin: 2px 0;
  -webkit-appearance: caret;
}

li.token-input-token-facebook {
  overflow: hidden;
  height: auto !important;
  height: 15px;
  margin: 3px;
  padding: 1px 3px;
  background-color: #eff2f7;
  color: #333;
  cursor: default;
  border: 1px solid #ccd5e4;
  font-size: 11px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  white-space: nowrap;
}

li.token-input-token2-facebook {
  overflow: hidden;
  height: auto !important;
  height: 15px;
  margin: 3px;
  padding: 1px 3px;
  background-color: #afd2d7;
  color: #000;
  cursor: default;
  border: 1px solid #ccd5e4;
  font-size: 11px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  white-space: nowrap;
}

li.token-input-token-facebook p,
li.token-input-token2-facebook p {
  display: inline;
  padding: 0;
  margin: 0;
}

li.token-input-token-facebook span,
li.token-input-token2-facebook span {
  color: #a6b3cf;
  margin-left: 5px;
  font-weight: bold;
  cursor: pointer;
}

li.token-input-selected-token-facebook {
  background-color: #5670a6;
  border: 1px solid #3b5998;
  color: #fff;
}

li.token-input-input-token-facebook {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.token-input-dropdown-facebook {
  position: absolute;
  width: 200px;
  background-color: #fff;
  max-height: 300px;
  overflow-y: scroll;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  font-size: 11px;

  z-index: 1;
}

div.token-input-dropdown-facebook p {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  color: #777;
}

div.token-input-dropdown-facebook ul {
  margin: 0;
  padding: 0;
}

div.token-input-dropdown-facebook ul li {
  background-color: #fff;
  padding: 3px;
  margin: 0;
  list-style-type: none;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
  background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
  background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
  font-weight: bold;
  font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
  background-color: #3b5998;
  color: #fff;
}

/* FIN ZONE SPECIAL ADD_PARTITION POUR MOBILE */


.over_menu {
  height: auto;
  overflow: auto;
  scrollbar-face-color: #FFE8D5;
  scrollbar-shadow-color: #FFF9F4;
  scrollbar-highlight-color: #FFF9F4;
  scrollbar-3dlight-color: #FFF9F4;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #FFF9F4;
  scrollbar-arrow-color: #FF3300;
  overflow-x: hidden;
}

div.liste_menu_connecte {
  width: 210px;
  top: 40px;
  border: 1px solid #CCC;
  position: absolute;
  background-color: #FFF;
  margin: 10px;
  vertical-align: middle;
  display: inline;
  z-index: 5000
}

.playlist_search_vert {
  padding: 6px 5px 8px 7px;
  background-color: #339933;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#239023));
  background: -moz-linear-gradient(top, #339933, #239023);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#239023');
}

.playlist_search {
  padding: 6px 5px 8px 7px;
}

.bdr2 {
  border: 1px solid #e2e2e2;
  margin: 2px 0;
  background-color: transparent;
}
.bdr2 .span_annoter_transparentes {
	opacity: 0;
}

.bdr2:hover .span_annoter_transparentes {
	opacity: 1;
}

.bdr2 .span_annoter_transparentes_show {
	opacity: .50;
}

.bdr2:hover .span_annoter_transparentes_show {
	opacity: 1;
}

.bdr2:hover {
	background-color: #f4f4f4;
}

.home .span_annoter_transparentes {
	opacity: 0;
}

.home:hover .span_annoter_transparentes {
	opacity: 1;
}

.home .span_annoter_transparentes_show {
	opacity: .50;
}

.home:hover .span_annoter_transparentes_show {
	opacity: 1;
}
.fsf {
  border: 1px solid;
  border-color: #e2e2e2;
  margin: 5px 0px 10px;
  padding: 3px;
  border-radius: 5px
}

#encart_notifications {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 8000;
  background-color: transparent;
  max-width: 500px;
}

#encart_notifications:hover {
  display: none;
}

.notif {
  min-width: 250px;
  padding: 8px;
  margin: 4px;
  background-color: #EEE;
  border: 1px solid #CCC;
  font-size: 15px;
  color: #777;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.notif a {
  color: #777;
  text-decoration: underline;
}

.notif a:hover {
  color: #C93;
}

.button_ico_light {
  display: inline-block;
  outline: none;
  width: 100%;
  padding: 5px 1px;
  cursor: pointer;
  min-height: 20px;
  border: solid 1px #bfbfbf;
  background: #FFFFFF;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .3em;
  color: #333333;
  font-size: 9pt;
}

.button_ico_light:hover {
  background: #ffffff;
  border: solid 1px #333333;
  color: #FF9900;
  text-decoration: none;
}

.button_ico_playlist {
  display: inline-block;
  outline: none;
  width: 100%;
  padding: 5px 1px;
  cursor: pointer;
  min-height: 20px;
  border: solid 1px #bfbfbf;
  background: #339933;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .3em;
  color: #fff;
  font-size: 9pt;
  background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#239023));
  background: -moz-linear-gradient(top, #339933, #239023);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#239023');
}

.button_ico_playlist:hover {
  background: #ffffff;
  border: solid 1px #333333;
  color: #009933;
  text-decoration: none;
}


.style_a_112017_submit {
  display: inline-block;
  padding: 8px 10px;
  margin: 5px 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#b36312));
  background: -moz-linear-gradient(top, #ff9900, #b36312);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#b36312');
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #CC6600;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.style_a_112017_submit:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#b36312), to(#ff9900));
  background: -moz-linear-gradient(top, #b36312, #ff9900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b36312', endColorstr='#ff9900');
}

.style_a_112017_suppr {
  display: inline-block;
  padding: 8px 10px;
  margin: 5px 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9999), to(#ff3333));
  background: -moz-linear-gradient(top, #ff9999, #ff3333);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#ff3333');
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #CC6600;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.style_a_112017_suppr:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff3333), to(#ff9999));
  background: -moz-linear-gradient(top, #ff3333, #ff9999);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3333', endColorstr='#ff9999');
}

.style_a_112017_annuler {
  display: inline-block;
  padding: 8px 10px;
  margin: 5px 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#efefef));
  background: -moz-linear-gradient(top, #e5e5e5, #efefef);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#efefef');
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #bbb;
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

input.style_a_112017,
select.style_a_112017 {
  border: 1px solid #CCC;
  margin: 5px;
  padding: 5px;
  font-size: 14px;
  color: #666666;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

textarea.style_a_112017 {
  border: 1px solid #CCC;
  margin: 5px;
  padding: 5px;
  font-size: 13px;
  color: #444444;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

input.style_a_112017:hover,
textarea.style_a_112017:hover {
  border: 1px solid #666699;
  background-color: #F4FBFD;
}


.container {
  margin: 20px auto 0 auto;
}

.category {
  background-color: #ff4b46;
  height: 60px;
  line-height: 60px;
  font-size: 25px;
  padding-left: 20px;
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#F09000));
  background: -moz-linear-gradient(top, #ff9900, #F09000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#F09000');
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.category_gris {
  background-color: #ff4b46;
  height: 55px;
  line-height: 55px;
  font-size: 25px;
  padding-left: 20px;
  color: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top, #fff, #eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee');
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.sortable {
  list-style-type: none;
  margin-bottom: 20px;
  min-height: 40px;

}

.handle:hover {
  cursor: move;
}

.sortable li {
  background-color: #f9f9f9;
  border: solid 1px #c5c5c5;
  font-size: 9pt;
  min-height: 160px;

  /*
  line-height: 40px;
  height: 40px;
*/
  margin: 0 5px 5px 5px;
  padding: 5px;
}

.sortable li.ui-state-highlight {
  line-height: 40px;
  height: 40px;
  background-color: #ffff91;
}

.sortable li i.handle {
  float: right;
  line-height: 40px;
  font-size: 20px;
  margin-right: 0px;
}

.playlist_membre {
  position: absolute;
  display: inline-block;
  min-height: 90px;
  padding: 1px;
  vertical-align: top;
  width: 130px;
  text-align: center;
}

.playlist_membre a img {
  border: 0;
  max-width: 130px;
  max-height: 85px;
  margin: 2px 5px 5px 0;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.7);
}

.playlist_membre a:hover img {
  -webkit-filter: invert(30%);
  filter: invert(30%);
}

.playlist_membre .text_blanc {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 50%;
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  line-height: 80px;
  font-size: 15px;
  font-weight: bold;
  color: #EEE;
}

.playlist_membre .text_blanc .biblio_s_gris {
  position: absolute;
  z-index: 100;
  top: 60%;
  left: 40%;
}

.playlist_membre2 {
  position: relative;
  display: inline-block;
  max-height: 90px;
  padding: 1px;
  vertical-align: top;
  width: 130px;
  text-align: center;
  float: left;
}

.playlist_membre2 a img {
  border: 0;
  max-width: 130px;
  max-height: 85px;
  margin: 2px 5px 5px 0;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.7);
}

.playlist_membre2 a:hover img {
  -webkit-filter: invert(30%);
  filter: invert(30%);
}

.playlist_membre2 .text_blanc {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 50%;
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  line-height: 80px;
  font-size: 15px;
  font-weight: bold;
  color: #EEE;
}

.playlist_membre2 .text_blanc .biblio_s_gris {
  position: absolute;
  z-index: 100;
  top: 60%;
  left: 40%;
}

.cadeau_wrap>* {
  min-height: 50vh;
}

@media (min-width: 40rem) {
  .cadeau_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .cadeau_wrap> :first-child {
    width: 70%;
  }

  .cadeau_wrap> :last-child {
    width: 30%;
  }
}

a.menu_rouge {
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
}

a.menu_rouge:hover {
  color: #FF3300;
}

.bouton_rouge_menu {
  display: block;
  width: auto;
  text-align: left;
  position: relative;
  border: 2px solid white;
  background-color: #FFF;
  z-index: 0;
  padding: 1px 2px 3px 1px;
  color: #333333;
  font-size: 10pt;
  text-decoration: none;


}

.bouton_rouge_menu:hover {
  display: block;
  width: auto;
  text-align: left;
  position: relative;
  border: 2px solid white;
  z-index: 0;
  background-color: #ff3300;
  color: #FFFFFF;


}


@media screen and (max-width: 600px) {

  #table_don tr td span.pays_nom,
  #table_don_ext tr td span.pays_nom {
    display: none;
  }
.position_cercle {
position:absolute;top:3px;left:3px;
}
.taille_overflow_clickanalytic {
width: 500px;overflow-x: auto;white-space: nowrap;
}
.taille_add_partitions {
max-width: 700px;
}
.responsive-image-nouveaute{
  width: 100px;
  height: auto;
  max-width: 100px;

}
a.glien_nav_fin_bleu_home {
  display: block;
  background-color: #FFFFFF;
  min-height: 15px;
  border-color: #dadada;
  text-decoration: none;
  padding: 10px;
  margin: 1px;
  color: #333;
font-size: clamp(11pt, 2vw, 12pt);
}

a.glien_nav_fin {
  display: block;
  background-color: #fff;
  width: auto;
  min-height: 15px;
  border: 1px solid #e2e2e2;
  text-decoration: none;
  padding: 8px;
  margin: 1px;
  color: #333;
  font-size: clamp(10pt, 2vw, 12pt);
  opacity: 0.9;
}
a.gcz {
  display: block;
  background-color: #fff;
  width: auto;
  min-height: 15px;
  border: 1px solid #e2e2e2;
  text-decoration: none;
  padding: 8px;
  margin: 1px;
  color: #333;
  font-size: 10pt;
  opacity: 0.9;
}



}

@media screen and (min-width: 600px) {

  #table_don tr td span.pays_nom,
  #table_don_ext tr td span.pays_nom {
    display: inline-block;
  }
.position_cercle {
position:absolute;top:3px;left:3px;
}

.taille_overflow_clickanalytic {
width: 900px;overflow-x: auto;white-space: nowrap;
}
.taille_add_partitions {
max-width: 1000px;
}
.responsive-image-nouveaute{
  width: 150px;
  height: auto;
  max-width: 150px;

}
.menu_vie_desktop {
display:flex;
}
.taille_desktop {
max-width: 1000px;
}
.menu_vie_mobile {
display: none;
}


a.glien_nav_fin_bleu_home {
  display: block;
  background-color: #FFFFFF;
  min-height: 5px;
  border-color: #dadada;
  text-decoration: none;
  padding: 3px;
  margin: 1px;
  color: #333;
font-size: clamp(11pt, 2vw, 12pt);
}
a.glien_nav_fin {
  display: block;
  background-color: #fff;
  width: auto;
  min-height: 25px;
  border: 1px solid #e2e2e2;
  text-decoration: none;
  padding: 3px;
  margin: 1px;
  color: #333;
  font-size: clamp(10pt, 2vw, 12pt);
  opacity: 0.9;
}

a.gcz {
  display: block;
  background-color: #fff;
  width: auto;
  min-height: 5px;
  border: 1px solid #e2e2e2;
  text-decoration: none;
  padding: 1px;
  margin: 1px;
  color: #333;
  font-size: clamp(10pt, 2vw, 11pt);

  opacity: 0.9;
}



}

a.gcz:hover {
  background-color: #FF9900;
  color: #FFFFFF;
  opacity: 1;
}

a.glien_nav_fin_bleu_home:hover {
  background-color: #026899;
  color: #FFFFFF;
}
a.glien_nav_fin:hover {
  background-color: #FF9900;
  color: #FFFFFF;
opacity: 1;

}



@media screen and (max-width: 350px) {

  #table_don tr td:nth-child(4),
  #table_don_ext tr td:nth-child(4) {
    display: none;
  }
}

@media screen and (min-width: 350px) {

  #table_don tr td:nth-child(4),
  #table_don_ext tr td:nth-child(4) {
    display: inline-block;
  }
}

a.menu_jaune {
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
}

a.menu_jaune:hover {
  color: #FF9900;
}

.bouton_parametres {
  border: none;
  padding: 6px 6px 6px 6px;
  border-radius: 2px;
  box-shadow: 2px 2px 6px #999;
  background: #fff;
  text-decoration: none;

  font-size: 10pt;
  color: #555;
}

a.grossep2 {
  font-size: 10pt;
  color: #ff3300;
  text-decoration: none;
}

a.grossep2:hover {
  color: #FF3300;
  text-decoration: underline;
}

font.orange,
.orange2 {
        color: #ff9900;
        font-size: 10pt;
}

a.nav_VIE {
  display: block;
  background-color: #FFFFFF;
  width: 100%;
  min-height: 35px;
  text-decoration: none;
  padding: 2px;
  margin: 0px;
  color: #0b0b0b;
  font-size: 10pt;
}

a.nav_VIE:hover {
  color: #006699;
  font-size: 10pt;
}
.image-link_vie {
        /* Initial state */
        display: inline-block;
        transition: filter 0.3s;
        filter: contrast(1) brightness(1);
}

.image-link_vie:hover {
        /* On hover state */
        filter: contrast(0.8) brightness(1.2);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}

a.glien_don {
  display: block;
  background-color: inherit;
  border: 0px solid;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  color: #FF9900;
}

/********* Superposition simple de texte sur une image *******/
/* Conteneur principal */
.overlay-image {
	position: relative;
	width: 100%;
   }
   /* Image originale */
   .overlay-image .image {
	display: block;
	width: 100%;
	height: 100%;
   opacity: 90%;
   }
   /* Texte original */
   .overlay-image .text {
	color: #fff;
	font-size: 15px;
	line-height: 1.5em;
	text-shadow: 2px 2px 2px #000;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
   }
   /********* Hover image et texte *******/
   /* Overlay */
   .overlay-image .hover {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 100;
	transition: .3s ease;
   }
   /* Apparition overlay sur passage souris */
   .overlay-image:hover .hover {
	opacity: 15%;
   }
   /********* Hover background et texte uniquement *******/
   .overlay-image .normal {
	transition: .3s ease;
   }
   .overlay-image:hover .normal {
	opacity: 0;
   }
   .overlay-image .hover {
	background-color: rgba(0,0,0,0.5);
   }
   


button {
  display: block-inline;
  background: #666ee8;
  color: #fff;
/*  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);*/
  border-radius: 4px;
  border: 0;
  font-weight: 700;
  height: auto;
  outline: none;
  cursor: pointer;
  transition: all 0.15s ease;
}

button:focus {
  background: #555abf;
}

button:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

button:active {
  background: #43458b;
}

button:disabled {
  background: #ccc;
}

input {
  flex: 1;
 /* border-style: none;*/
  outline: none;
  color: #313b3f;
}

::-webkit-input-placeholder {
  color: #cfd7e0;
}

::-moz-placeholder {
  color: #cfd7e0;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #cfd7e0;
}




.search-overlay {
  opacity: 0;
  z-index: 100;
  position: fixed;
  left: 0px;
  top: 0px;
  visibility: visible;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  transition: opacity 0.1s ease-in-out 0s;
}

.search-overlay--visible {
  opacity: 1;
}

.search-overlay__backdrop {
  position: absolute;
  left: 0px;
  top: 84px;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.search-overlay__backdrop--visible {
  opacity: 1;
}

.search-overlay__backdrop::before {
  content: "";
  width: 100%;
  height: 94px;
  display: block;
  top: 0px;
  position: fixed;
  background-color: rgba(255, 255, 255, 0);
}

.search-overlay__form {
  position: fixed;
  top: 44px;
  left: 24px;
  width: auto;
  right: 64px;
}

.analytic_table {
  width: auto;
  overflow-x: auto;
}
@media screen and (max-width: 600px) {
  .analytic_table {
    width: 300px;
  }
 .taille_album_photo

 {
    width:110px;
  }


}





@media screen and (min-width: 957px) {

.padding {
padding:40px;
}

}

.search-section__footer {
  border-bottom: 1px solid rgb(232, 232, 232);
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.fx-button[class] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 1px solid rgb(0, 0, 0);
  cursor: pointer;
  font-weight: 700;
  padding-bottom: 2px;
  text-decoration: none;
  vertical-align: bottom;
  user-select: none;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  letter-spacing: -0.32px;
}

.fx-button[class].fx-button--font-weight-normal {
  font-weight: 400;
}

/* PLAYER AUDIO BASIQUE - Style pour le curseur de localisation dans le temps */
audio::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 20px;
  background: #ff0000;
  cursor: pointer;
}


/* From uiverse.io by @satyamchaudharydev */
/* removing default style of button */

.form button {
  border: none;
  background: none;
  color: #8b8ba7;
}

/* styling of whole input container */
.form {
  --timing: 0.3s;
  --width-of-input: 130px;
  --height-of-input: 40px;
  --border-height: 2px;
  --input-bg: #fff;
  --border-color: #2f2ee9;
  --border-radius: 30px;
  --after-border-radius: 1px;
  position: relative;
  width: var(--width-of-input);
  height: var(--height-of-input);
  display: flex;
  align-items: center;
  padding-inline: 0.8em;
  border-radius: var(--border-radius);
  transition: border-radius 0.5s ease;
  background: var(--input-bg, #fff);
}

/* styling of Input */
.input {
  font-size: 0.9rem;
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding-inline: 0.5em;
  padding-block: 0.7em;
  border: none;
}

/* styling of animated border */
.form:before {
  content: "";
  position: absolute;
  background: var(--border-color);
  transform: scaleX(0);
  transform-origin: center;
  width: 100%;
  height: var(--border-height);
  left: 0;
  bottom: 0;
  border-radius: 1px;
  transition: transform var(--timing) ease;
}

/* Hover on Input */
.form:focus-within {
  border-radius: var(--after-border-radius);
}

input:focus {
  outline: none;
}

.div_comment_entete {
        border: 1px solid #E5E5E5;
    padding: 20px 20px;
    border-radius: 0px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);  /* Ombre très douce */

    text-decoration: none;
    font-size: 14pt;
    color: #333;  /* Couleur de texte sobre */
    width: 93%;
    margin: 3px;
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s ease;
background-color:#FFF;
 /* Ajout du liseret en dégradé plus léger */
 background: linear-gradient(to bottom, #f0f0f0, white),
 linear-gradient(to bottom, white, white);
background-size: 100% 10px, 100% 100%;
background-repeat: no-repeat;
background-position: top, bottom 10px;

}

.div_comment_entete div span a.icones_transparentes img {
  opacity: .0;
}

.div_comment_entete:hover div span a.icones_transparentes img {
  opacity: .50;
}

.div_comment_entete:hover div span a.icones_transparentes img:hover {
  opacity: 1;
}

.div_comment_entete .span_transparentes {
  opacity: .0;
}

.div_comment_entete:hover .span_transparentes {
  opacity: .50;
}

.div_comment_entete:hover .span_transparentes:hover {
  opacity: 1;
}


.div_annoter_entete .span_annoter_transparentes {
  opacity: .0;
}

.div_annoter_entete:hover .span_annoter_transparentes {
  opacity: .50;
}

.but {
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  border: 4px double #eaeaea;
  color: #000;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.but span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.but span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.but:hover {
  background-color: #ff9900;
}

.but:hover span {
  padding-right: 15px;
}

.but:hover span:after {
  opacity: 1;
  right: 0;
}


.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	max-height: 420px;
	overflow-y: scroll;
	padding: 4px 0;
	margin: 0 0 10px 25px;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}

.ui-menu-item>a.ui-corner-all {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
	text-decoration: none;
}

.ui-menu-item:hover {
	background-color: #efefef;
	cursor: pointer;
}

.ui-state-hover,
.ui-state-active {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088cc;
	border-radius: 0px;
	background-image: none;
}

.addpart2 {
	background-color: transparent;
}

.addpart2:hover .titre {
	background-color: #FFFBF4;
}

.addpart2 .titre:hover {
	background-color: #FFE8BF;
	cursor: pointer;
}

.template-download {
	vertical-align: top;
}

.template-download input[type="text"],
.template-download textarea {
	padding: 2px 5px;
	border: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
}

.template-download input[type="text"]:focus,
.template-download textarea:focus {
	border: solid 1px #707070;
	box-shadow: 0 0 5px 1px #969696;
}

.template-download input[type="button"] {
	border-radius: 3px;
	text-indent: 0;
	display: inline-block;

	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	height: 25px;
	line-height: 25px;
	width: 100px;
	text-decoration: none;
	text-align: center;
}

.template-download input[value="OK"] {
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	color: #ffffff;
	background-color: #79bbff;
	border: 1px solid #469df5;
	text-shadow: 1px 1px 0px #287ace;
}

.template-download input[value="OK"]:hover {
	background-color: #4197ee;
}

.template-download input[value="OK"]:active {
	position: relative;
	top: 1px;
}

.template-download input[value="Annuler"] {
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	color: #777777;
	background-color: #dcdcdc;
	border: 1px solid #ababab;
	text-shadow: 1px 1px 0px #ffffff;
}

.template-download input[value="Annuler"]:hover {
	background-color: #bdbdbd;
}

.template-download input[value="Annuler"]:active {
	position: relative;
	top: 1px;
}

.template-download .repere .effacer {
	opacity: .0;
}

.template-download:hover .repere .effacer {
	opacity: 1;
}

table.tablepdfsup,
table.tablepdfprin,
table.tablemp3sup,
table.tablemp3prin,
table.tablemidisup,
table.tablemidiprin,
table.tablevignetteprin {
	border-spacing: 1px;
	border-collapse: separate;
}

table.tablepdfsup tr,
table.tablepdfprin tr,
table.tablemp3sup tr,
table.tablemp3prin tr,
table.tablemidisup tr,
table.tablemidiprin tr,
table.tablevignetteprin tr {
	background-color: #F5F5F5;
}

table.tablepdfsup tr:hover,
table.tablepdfprin tr:hover,
table.tablemp3sup tr:hover,
table.tablemp3prin tr:hover,
table.tablemidisup tr:hover,
table.tablemidiprin tr:hover,
table.tablevignetteprin tr:hover {
	background-color: #DFDFDF;
}

table.tablepdfsup tr td,
table.tablepdfprin tr td,
table.tablemp3sup tr td,
table.tablemp3prin tr td,
table.tablemidisup tr td,
table.tablemidiprin tr td,
table.tablevignetteprin tr td {
	border-spacing: 10px;
	padding: 5px;
}

.contour_vide {
	display: block;
	border: 0px solid #ededed;
	border-radius: 5px;
	margin: 0px;
	padding: 7px;
}

.contour_gris {
	display: block;
	text-align: left;
	background-color: #f9f9f9;
	border: 1px solid #ededed;
	border-radius: 5px;
	margin: 0px;
	padding: 7px;
}

.grosgrisleger {
	text-align: center;
	color: #ddd;
	font-size: 20px;
}



/* flex box VP */
.container_VP {
        display: flex;
          flex-wrap: wrap;
          gap: 10px; /* Espacement entre les éléments */
          justify-content: center; /* Centrer les éléments horizontalement */
          align-items: flex-start; /* Aligner les éléments en haut */
          margin-left: auto;
          margin-right: auto;
          max-width: 95%; /* Assurez-vous que le conteneur ne dépasse pas la largeur de la vue */
          padding: 10px; /* Espacement autour des éléments */
  }

  .fieldset-style {
        border: 1px solid #e2e2e2;
          margin-bottom: 20px; /* Espace supplémentaire en bas de chaque fieldset */
          padding: 15px;
          border-radius: 8px; /* Bords arrondis */
          width: 100%; /* Utilise toute la largeur disponible */
  }

  .legend-style {
        font-size: 16px;
   /*       font-family: 'Verdana';*/
          color: #333;
          padding: 0 5px; /* Petit padding pour le texte de la légende */
  }

  .flex-container {
        display: flex;
          flex-wrap: wrap;
       gap: 10px; /* Espacement entre les flex-items */
  }

.flex-container_grid {
 column-count: 2; /* Nombre de colonnes */
    column-gap: 10px; /* Espacement entre les colonnes */
}

/* Media Query pour rendre responsive */
@media (max-width: 768px) {
    .flex-container_grid {
        column-count: 1; /* Passe à une seule colonne sur mobile */
    }
}

.flex-colonne{
    break-inside: avoid; /* Empêche les blocs de se diviser entre les colonnes */
    margin-bottom: 10px; /* Espacement vertical entre les blocs */
    padding: 3px;
    background-color: #FFF;
}
  .flex-item {
        flex: 1; /* Permet aux items de grandir pour remplir l'espace */
          min-width: 90px; /* Largeur minimale pour que les textes ne soient pas trop écrasés */
          background-color: rgba(220, 220, 220, 0.1); /* Fond gris très transparent */
          border-radius: 0px; /* Bords arrondis */
          padding: 3px;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ombre légère pour un effet de profondeur */
          border: 1px solid #e2e2e2; /* Bordure légère */
          text-align:left;
  }



  .flex-item_public {
        flex: 1; /* Permet aux items de grandir pour remplir l'espace */
          min-width: 300px; /* Largeur minimale pour que les textes ne soient pas trop écrasés */
max-width: 500px;   
     background-color: rgba(230, 230, 230, 0.1); /* Fond gris très transparent */
          border-radius: 8px; /* Bords arrondis */
          padding: 3px;
         /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ombre légère pour un effet de profondeur */
          border: 1px solid #e2e2e2; /* Bordure légère */
          text-align:left;
  }

  .flex-item_public_p {
        flex: 1; /* Permet aux items de grandir pour remplir l'espace */
          min-width: 150px; /* Largeur minimale pour que les textes ne soient pas trop écrasés */
        background-color: rgba(230, 230, 230, 0.1); /* Fond gris très transparent */
          border-radius: 8px; /* Bords arrondis */
          padding: 10px;
         /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ombre légère pour un effet de profondeur */
          border: 1px solid #e2e2e2; /* Bordure légère */
          text-align:left;
  }


  .flex-item_i_accueil {
        flex: 1; /* Permet aux items de grandir pour remplir l'espace */
          min-width: 150px; /* Largeur minimale pour que les textes ne soient pas trop écrasés */
          border-radius: 8px; /* Bords arrondis */
          padding: 5px;
          border: 0px solid #e2e2e2; /* Bordure légère */
          text-align:left;
  }

  .flex-footer {
    flex: 1; /* Permet aux items de grandir pour remplir l'espace */
    min-width: auto; 
    padding: 5px;
    font-size: clamp(0.5rem, 3vw, 1rem);
    text-align:left;
}
.flex-footer.logo {
  text-align: right;
  /* Ajouter une bordure droite pour la ligne verticale */
  border-right: 1px solid #ccc; /* Ajustez la couleur et l'épaisseur selon vos besoins */
}
.flex-footer.liens {
  text-align: left;
  padding-left: 15px; /* Pour éviter que le texte ne soit trop près de la ligne */
}
.liste-liens {
  list-style: none; /* Supprime les puces des <li> */
  margin: 0;
  padding: 0;
}

.liste-liens li {
  margin-bottom: 5px; /* Espacement entre les liens */
}

.liste-liens li a {
  text-decoration: none;
  color: inherit; /* Ou spécifiez une couleur */
}

div.gj4 {
        color: #FF9900;
        font-size: 25pt;
        text-decoration: none;
padding-left:3px;
}

div.gj4:hover {
        color: #666666;
}


a.gj4 {
     padding-left:10px;
}


.cercle_player {
left:48px;
top:70px;
display:inline-block;
float:left;
width:26px;
height:26px;
margin:1px;
/*background-color:rgba(236, 236, 236, 0.8);*/
border-radius:50%;
padding:4px;
/*border: 1px solid #ccc;*/
}

.position_cercle_player {
position:absolute;
top:40px;
left:23px;
min-width:10px;
}

  .category-title {
          display: block;
          margin-bottom: 10px;
          color: #333333;
          font-size: 15pt;
          text-decoration: none;
          font-weight: bold;
  }
/* FIN flex box VP */


 .flex-item_public_listing {
          min-width: 200px; /* Largeur minimale pour que les textes ne soient pas trop écrasés */

          text-align:left;
/*  flex-basis: calc(50% - 20px); /* On commence avec une base de 50% moins l'espacement */
  flex-grow: 1;

 }
/*
.flex-item_public_listing:nth-child(-1n+6){
max-width:50%;
z-index:500;
}
*/
/*
.flex-item_public_listing:nth-child(5){
 margin-right: auto;
z-index:5;
}
*/



.notification-icon {
  position: relative;
  display: inline-block;
}

.notification-icon img {
  display: block;
  width: 100px; /* Ajustez selon la taille de votre image */
  height: auto;
}

.notification-badge {
  position: absolute;
  /*top: 8px;
 /* right: 9px;
 /* background-color: #666;*/
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
/*background-color: rgba(102, 102, 102, 0.5);*/

  color: white;
  border-radius: 50%;
  padding: 3px;
height: 6px; /* Hauteur fixe pour la rondeur */
width:6px;
 display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: normal;
border: 0px solid white;
}
.notification-badge-follow {
  position: absolute;
  top: -3px;
  right: -5px;
background-color: rgba(102, 102, 102, 0.5);
  
color: white;
  border-radius: 50%;
  padding: 3px;
height: 10px; /* Hauteur fixe pour la rondeur */
width:10px;
 display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: normal;
border: 1px solid white;
}

.notification-icon_n {
  position: relative;
  display: inline-block;
width:40px;
}

.notification-icon_n img {
  display: block;
  width: 100px; /* Ajustez selon la taille de votre image */
  height: auto;
}

.notification-badge_n {
  position: absolute;
  top: -3px;
  right: 10px;
 /* background-color: #666;*/
background-color: rgba(102, 102, 102, 0.5);
  color: white;
  border-radius: 50%;
  padding: 3px;
height: 10px; /* Hauteur fixe pour la rondeur */
width:10px;
 display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: normal;
border: 1px solid white;
}
.notification-badge-follow_n {
  position: absolute;
  top: -3px;
  right: -5px;
background-color: rgba(102, 102, 102, 0.5);

color: white;
  border-radius: 50%;
  padding: 3px;
height: 10px; /* Hauteur fixe pour la rondeur */
width:10px;
 display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: normal;
border: 1px solid white;
}



.button_adm {

        display: inline-block;
        width: 90px;
        height: 90px;
        padding: 0px;
        color: #333;
        text-align: center;
        text-decoration: none;
        border-radius: 0px;
        /*border-bottom: 1px solid rgba(0,0,0,0.25);*/
        position: relative;
        cursor: pointer;


}

.button_adm:hover {
        background-color: #efefef;
        color: #000;
}


/* MENU HEADER LANGUE & CONNECTE */
div.connecte_menu {
        width: 230px;
        position: relative;
        background-color: #FFF;
        color: #000
}

div.liste_menu_connecte {
        width: 210px;
        top: 40px;
        border: 1px solid #CCC;
        position: absolute;
        background-color: #FFF;
        margin: 10px;
        vertical-align: middle;
        display: inline;
        z-index: 5000
}

div.liste_menu_langue2 {
        width: 110px;
        top: 18px;
        left: -69px;
        border: 1px solid #CCC;
        position: absolute;
        background-color: #FFF;
        z-index: 5000
}

div.liste_menu_currency2 {
        width: 20px;
        top: 18px;
        left: -42px;
        border: 1px solid #CCC;
        position: absolute;
        background-color: #FFF;
        z-index: 5000
}

div.liste_menu_langue {
        width: 110px;
        top: 18px;
        left: 0px;
        border: 1px solid #CCC;
        position: absolute;
        background-color: #FFF;
        z-index: 5000
}



.filterSection {
        border-top: 1px solid #d1d5e0;
        display: block;
        margin-bottom: 10px;
        padding-left: 2px;
        padding-top: 10px;
}


.button_ico_abonner {
    display: inline-block;
	border: 1px solid #ccc;    
	outline: none;
    cursor: pointer;
    padding: 10px 13px;
    border-radius: 4px;
    font-size: 10pt;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #333;
    background: #fff; 
 
   transition: background-color 0.3s, color 0.3s;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
}



.button_ico_abonner:hover {
    background: #efefef;
    text-decoration: none;
}

.button_ico_abonnerON {
    display: inline-block;
border: 1px solid #ccc;    
outline: none;
    cursor: pointer;
    padding: 10px 13px;
    border-radius: 4px;
    font-size: 10pt;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #333;
    background: #FFF;
    transition: background-color 0.3s, color 0.3s;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
}

.button_ico_abonnerON:hover {
    background: #f2f2f2;
    text-decoration: none;
}

.form_select_rouge {
        background-color: #fFf9f9;
        font-size: 15px;
        border: 1px #F99 solid;
        padding: 10px;
        margin: 2px;
}

::-webkit-input-placeholder.form_select_rouge,
::-moz-placeholder.form_select_rouge,
::-moz-placeholder.form_select_rouge,
:-ms-input-placeholder.form_select_rouge {
        color: red;
}