@charset "UTF-8";

.cplib-icon-unlock {
    display: inline-block;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-lock_reset.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer (ajuste -2px/+1px si besoin) */
    
    /* NOIR "PLUS NOIR" COMME FA : Netteté + contraste */
    filter: brightness(0.9) contrast(1.2) saturate(0%); /* Éteint les couleurs restantes → noir pur */
    
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */
}
.cplib-icon-unlock:hover {
    background-color: #F19120 !important;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-trash {
    display: inline-block;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-delete.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer (ajuste -2px/+1px si besoin) */
    
    /* NOIR "PLUS NOIR" COMME FA : Netteté + contraste */
    filter: brightness(0.9) contrast(1.2) saturate(0%); /* Éteint les couleurs restantes → noir pur */
    
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */
}
.cplib-icon-trash-white {
    display: inline-block;
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-delete.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer (ajuste -2px/+1px si besoin) */    
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */
}
.cplib-icon-hammer {
    display: inline-block;
    background-color: red;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Construction.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer (ajuste -2px/+1px si besoin) */          
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */
}
.cplib-icon-cloud-download-red {
    display: inline-block;
    background-color: red;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Cloud_download.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer (ajuste -2px/+1px si besoin) */          
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */
}
.cplib-icon-download {
    display: inline-block;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Download_2.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer (ajuste -2px/+1px si besoin) */
    
    /* NOIR "PLUS NOIR" COMME FA : Netteté + contraste */
    filter: brightness(0.9) contrast(1.2) saturate(0%); /* Éteint les couleurs restantes → noir pur */
    
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */
}
.cplib-icon-home {    
    display: inline-block;
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Home.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-home:hover {
    background-color: #5F5F5F;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-information-circle-gray {    
    display: inline-block;
    background-color: #5F5F5F;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-info.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-information-circle-gray:hover {
    background-color: #000000;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-big-exclamation-circle {    
    display: inline-block;
    background-color: #01539E;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 40px;
    height: 40px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Error.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-exclamation-red {    
    display: inline-block;
    background-color: red;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 26px;
    height: 26px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Error.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -1px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-big-exclamation-circle-red {    
    display: inline-block;
    background-color: #E05050;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 40px;
    height: 40px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Error.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;            
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-big-exclamation-circle-green {    
    display: inline-block;
    background-color: #4F8A10;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 40px;
    height: 40px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Error.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;            
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-exclamation-circle-red {    
    display: inline-block;
    background-color: #E05050;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Error.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer (ajuste -2px/+1px si besoin) */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-information-circle {    
    display: inline-block;
    background-color: #01539E;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-info.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-big-information-circle {    
    display: inline-block;
    background-color: #01539E;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 40px;
    height: 40px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-info.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-information-circle-orange {    
    display: inline-block;
    background-color: orange;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-info.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-information-circle-red {    
    display: inline-block;
    background-color: #E05050;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-info.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-information-circle-black {    
    display: inline-block;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-info.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
    /* NOIR "PLUS NOIR" COMME FA : Netteté + contraste */
    filter: brightness(0.9) contrast(1.2) saturate(0%); /* Éteint les couleurs restantes → noir pur */
}
.cplib-icon-question-circle-black {    
    display: inline-block;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Help.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
    /* NOIR "PLUS NOIR" COMME FA : Netteté + contraste */
    filter: brightness(0.9) contrast(1.2) saturate(0%); /* Éteint les couleurs restantes → noir pur */
}
.cplib-icon-question-circle-red {    
    display: inline-block;
    background-color: #E05050;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Help.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-big-information-circle-black {    
    display: inline-block;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 40px;
    height: 40px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-info.svg');
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;        
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */         
    /* NOIR "PLUS NOIR" COMME FA : Netteté + contraste */
    filter: brightness(0.9) contrast(1.2) saturate(0%); /* Éteint les couleurs restantes → noir pur */
}
.cplib-icon-settings {    
    display: inline-block;
    background-color: #5F5F5F;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Settings.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-settings:hover {
    background-color: #F19120 !important;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}

.cplib-icon-user {    
    display: inline-block;
    background-color: #5F5F5F;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Person.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-user:hover {
    background-color: #F19120 !important;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-power {    
    display: inline-block;
    background-color: #5F5F5F;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google_Power-settings_new.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-power:hover {
    background-color: #F19120 !important;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-print {    
    display: inline-block;
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Print.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-print:hover {
    background-color: #5F5F5F;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-print-white {    
    display: inline-block;
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Print.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-print-white:hover {
    background-color: #000000;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-check {    
    display: inline-block;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Check.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-check-white {    
    display: inline-block;
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Check.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-search {    
    display: inline-block;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Search.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-star {    
    display: inline-block;
    background-color: #5F5F5F;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Star.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-star:hover {
    background-color: #F19120 !important;    
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-arrow-left {    
    display: inline-block;
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 26px;
    height: 26px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Arrow_circle_left_fill.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -1px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-arrow-left:hover {
    background-color: #5F5F5F;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-film {    
    display: inline-block;
    background-color: #F19120 !important; 
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Movie.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-file {    
    display: inline-block;
    background-color: #F19120 !important; 
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-description.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-file-green {    
    display: inline-block;
    background-color: #18D204; 
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-description.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-file-gray {    
    display: inline-block;
    background-color: #D0D0D0; 
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-description.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-chevron-left {    
    display: inline-block;
    background-color: #D0D0D0; 
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 60px;
    height: 60px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Chevron_left.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-chevron-left:hover {
    background-color: #000000;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-chevron-right {    
    display: inline-block;
    background-color: #D0D0D0; 
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 60px;
    height: 60px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-Chevron_right.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-chevron-right:hover {
    background-color: #000000;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}
.cplib-icon-refresh {    
    display: inline-block;
    background-color: #5F5F5F;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    /* MASQUE : utilise SVG comme forme (supprime les couleurs internes du SVG) */
    mask-image: url('/ImagesDeployed/Google-autorenew.svg');
    mask-size: cover; 
    mask-repeat: no-repeat;
    mask-position: center;    
    /* ALIGNEMENT PARFAIT */
    vertical-align: middle;
    position: relative;
    top: -2px; /* Petit décalage fin pour centrer  */
    /* bords nets %/
    image-rendering: pixelated; /* Bords nets comme font (Chrome/FF) */
    -webkit-mask-composite: source-out; /* Bonus Safari */            
}
.cplib-icon-refresh:hover {
    background-color: #F19120 !important;     
    filter: brightness(1) contrast(1) saturate(100%); /* au hover, sans filtre noir */
}