.elementor-5509 .elementor-element.elementor-element-1f0924a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5509 .elementor-element.elementor-element-5a8d255 > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-5509 .elementor-element.elementor-element-5a8d255 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-469ae132 );}.elementor-5509 .elementor-element.elementor-element-695cf70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:35px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5509 .elementor-element.elementor-element-c058761 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-5509 .elementor-element.elementor-element-0ac129e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5509 .elementor-element.elementor-element-f9c90d0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-469ae132 );}.elementor-5509 .elementor-element.elementor-element-805ceb6{color:#272727;}.elementor-5509 .elementor-element.elementor-element-7261cce .elementor-heading-title{color:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-6e20e74{color:#272727;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5509 .elementor-element.elementor-element-8d01107 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-5509 .elementor-element.elementor-element-8d01107 .widget-image-caption{text-align:center;color:var( --e-global-color-5e4e6511 );background-color:#2C2C2C94;}.elementor-5509 .elementor-element.elementor-element-236ec18{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-5509 .elementor-element.elementor-element-2ce2241 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-469ae132 );}.elementor-5509 .elementor-element.elementor-element-f2cca47 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-7402ea9 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-5509 .elementor-element.elementor-element-7402ea9 .widget-image-caption{text-align:center;color:var( --e-global-color-5e4e6511 );background-color:#2C2C2C94;}.elementor-5509 .elementor-element.elementor-element-1a4a013{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-5509 .elementor-element.elementor-element-317bf6c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-469ae132 );}.elementor-5509 .elementor-element.elementor-element-ffaff36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-5509 .elementor-element.elementor-element-a0afcda{text-align:start;}.elementor-5509 .elementor-element.elementor-element-a0afcda .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-469ae132 );}.elementor-5509 .elementor-element.elementor-element-3d79771{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-5509 .elementor-element.elementor-element-5056b8b{text-align:start;}.elementor-5509 .elementor-element.elementor-element-5056b8b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-469ae132 );}.elementor-5509 .elementor-element.elementor-element-34c65be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-5509 .elementor-element.elementor-element-b62e84a{text-align:start;}.elementor-5509 .elementor-element.elementor-element-b62e84a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-469ae132 );}.elementor-5509 .elementor-element.elementor-element-cbc43ec{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-5509 .elementor-element.elementor-element-1ea0fa0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-5509 .elementor-element.elementor-element-a7ea1aa .elementor-icon-wrapper{text-align:center;}.elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-framed .elementor-icon, .elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-framed .elementor-icon, .elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-framed .elementor-icon:hover, .elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-framed .elementor-icon:hover, .elementor-5509 .elementor-element.elementor-element-a7ea1aa.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-9287ddc{text-align:center;}.elementor-5509 .elementor-element.elementor-element-9287ddc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-9287ddc .elementor-heading-title a:hover, .elementor-5509 .elementor-element.elementor-element-9287ddc .elementor-heading-title a:focus{color:var( --e-global-color-secondary );}.elementor-5509 .elementor-element.elementor-element-ae1e36c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5509 .elementor-element.elementor-element-cf8b159 .elementor-button{background-color:#9ACA3C;}.elementor-5509 .elementor-element.elementor-element-e492b09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5509 .elementor-element.elementor-element-3040644 .elementor-icon-wrapper{text-align:center;}.elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-framed .elementor-icon, .elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-framed .elementor-icon, .elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-framed .elementor-icon:hover, .elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-framed .elementor-icon:hover, .elementor-5509 .elementor-element.elementor-element-3040644.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-85aaad1{text-align:center;}.elementor-5509 .elementor-element.elementor-element-85aaad1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-5509 .elementor-element.elementor-element-85aaad1 .elementor-heading-title a:hover, .elementor-5509 .elementor-element.elementor-element-85aaad1 .elementor-heading-title a:focus{color:var( --e-global-color-secondary );}@media(min-width:768px){.elementor-5509 .elementor-element.elementor-element-1f0924a{--content-width:950px;}.elementor-5509 .elementor-element.elementor-element-695cf70{--content-width:900px;}.elementor-5509 .elementor-element.elementor-element-0ac129e{--content-width:900px;}.elementor-5509 .elementor-element.elementor-element-236ec18{--content-width:900px;}.elementor-5509 .elementor-element.elementor-element-1a4a013{--content-width:900px;}.elementor-5509 .elementor-element.elementor-element-ffaff36{--content-width:900px;}.elementor-5509 .elementor-element.elementor-element-3d79771{--content-width:900px;}.elementor-5509 .elementor-element.elementor-element-34c65be{--content-width:900px;}.elementor-5509 .elementor-element.elementor-element-1ea0fa0{--width:25%;}.elementor-5509 .elementor-element.elementor-element-ae1e36c{--width:50%;}.elementor-5509 .elementor-element.elementor-element-e492b09{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-b165b02 *//* Variables de couleurs modernes */
:root {
    --primary-blue: #007bff;
    --primary-green: #28a745; /* Couleur pour YubiKey */
    --light-bg: #f8f9fa;
    --border-color: #dee2e6;
    --text-dark: #343a40;
    --header-bg: #e2e6ea;
    --positive-color: #155724; /* Couleur pour les points forts */
    --negative-color: #721c24; /* Couleur pour les points faibles */
    --cell-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Style de base */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f4f7f6;
    margin: 0;
    padding: 20px;
    color: var(--text-dark);
}

/* Conteneur de la table pour les ombres et l'alignement */
.comparison-container {
    max-width: 900px;
    margin: 40px auto;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
    overflow: hidden; /* Empêche les coins arrondis de déborder */
}

/* Style principal du tableau */
.modern-comparison-table {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

/* Style de la légende */
.modern-comparison-table caption {
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--text-dark);
    margin-bottom: 25px;
    text-align: left;
    padding-left: 10px;
    border-left: 6px solid var(--primary-green);
}

/* Style de l'en-tête (headers) */
.modern-comparison-table th {
    background-color: var(--header-bg);
    color: var(--text-dark);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
    padding: 18px 15px;
    text-align: left;
    border-bottom: 2px solid var(--border-color);
}

/* Style spécifique pour les colonnes */
.feature-col {
    width: 30%;
}

.software-col {
    width: 35%;
}

/* Style pour la colonne YubiKey (le gagnant) */
.hardware-col {
    width: 35%;
    color: var(--primary-green);
    border-bottom: 2px solid var(--primary-green); /* Souligne la colonne gagnante */
}

/* Style des cellules du corps */
.modern-comparison-table td {
    padding: 18px 15px;
    border-bottom: 1px solid var(--border-color);
    font-size: 1rem;
    transition: background-color 0.2s ease;
}

/* Styles pour les cellules positives/négatives */
.positive-cell {
    color: var(--positive-color);
    font-weight: 600;
}

.negative-cell {
    color: var(--negative-color);
}

/* Style spécifique pour la cellule YubiKey dans la ligne de coût (point faible) */
.row-cout td:nth-child(3) {
    color: var(--text-dark); /* Reset couleur pour coût YubiKey */
    font-weight: normal;
}

/* Style pour la cellule GA dans la ligne de coût (point fort) */
.row-cout td:nth-child(2) {
    color: var(--primary-green);
    font-weight: 600;
}

/* Effet au survol des lignes */
.modern-comparison-table tbody tr:hover {
    background-color: var(--light-bg);
}

/* Style pour la colonne YubiKey (mise en valeur) */
.modern-comparison-table td:nth-child(3) {
    font-weight: 600;
    color: var(--primary-green);
    box-shadow: inset var(--cell-shadow);
}

/* Réactivité mobile (Mobile First approach) */
@media (max-width: 7/* End custom CSS */