.elementor-26658 .elementor-element.elementor-element-0822b07{--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;--background-transition:0.3s;}.elementor-26658 .elementor-element.elementor-element-2284858{--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;--background-transition:0.3s;}.elementor-26658 .elementor-element.elementor-element-a42f865 .elementor-heading-title{color:var( --e-global-color-41648ad );font-family:"Theinhardt", Sans-serif;font-size:36px;font-weight:700;}.elementor-26658 .elementor-element.elementor-element-f6e380e{color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;}.elementor-26658 .elementor-element.elementor-element-8dcfe5b{--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;--background-transition:0.3s;}.elementor-26658 .elementor-element.elementor-element-2673d4b{text-align:left;}.elementor-26658 .elementor-element.elementor-element-2673d4b img{border-radius:10px 10px 10px 10px;}.elementor-26658 .elementor-element.elementor-element-2673d4b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26658 .elementor-element.elementor-element-2673d4b.elementor-element{--align-self:flex-start;}.elementor-26658 .elementor-element.elementor-element-90ae6eb{--display:flex;--background-transition:0.3s;}.elementor-26658 .elementor-element.elementor-element-86a667f .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-bc283f1{--display:flex;--background-transition:0.3s;}.elementor-26658 .elementor-element.elementor-element-1820140{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-1820140.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-a6e6484 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-ad7d961 .elementor-heading-title{color:var( --e-global-color-1804072 );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-43faade{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-43faade.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-3eb69d6 .elementor-heading-title{color:var( --e-global-color-1804072 );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-3eb69d6 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-26658 .elementor-element.elementor-element-c22397b{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-c22397b.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-ac42f45 .elementor-heading-title{color:var( --e-global-color-1804072 );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-8f30c9c{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-8f30c9c.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-2673e60 .elementor-heading-title{color:var( --e-global-color-1804072 );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-008ab75{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-008ab75 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-26658 .elementor-element.elementor-element-008ab75.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-c75ca85 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-d27cab0{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-d27cab0 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-26658 .elementor-element.elementor-element-d27cab0.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-5435ba7 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-5435ba7 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-26658 .elementor-element.elementor-element-2cc563d{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-2cc563d.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-fe5dee0 .elementor-heading-title{color:var( --e-global-color-1804072 );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-5af5cd2{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-5af5cd2.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-d232915 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-d232915 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-26658 .elementor-element.elementor-element-7b28805{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-7b28805 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-26658 .elementor-element.elementor-element-7b28805.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-6390b34 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-6390b34 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-26658 .elementor-element.elementor-element-713ecff{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-713ecff.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-cd26d31{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-cd26d31.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-3735183 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Theinhardt", Sans-serif;font-size:24px;font-weight:600;}.elementor-26658 .elementor-element.elementor-element-3735183 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-26658 .elementor-element.elementor-element-8a04ef8{text-align:left;color:var( --e-global-color-primary );font-family:"Theinhardt", Sans-serif;font-size:18px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-8a04ef8 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-26658 .elementor-element.elementor-element-8a04ef8.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-a3e3ffd{--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;--background-transition:0.3s;}.elementor-26658 .elementor-element.elementor-element-967fdf8{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-26658 .elementor-element.elementor-element-967fdf8:not(.elementor-motion-effects-element-type-background), .elementor-26658 .elementor-element.elementor-element-967fdf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8F9;}.elementor-26658 .elementor-element.elementor-element-967fdf8, .elementor-26658 .elementor-element.elementor-element-967fdf8::before{--border-transition:0.3s;}.elementor-26658 .elementor-element.elementor-element-2ed93e9{color:var( --e-global-color-secondary );font-family:"Theinhardt", Sans-serif;font-size:30px;font-weight:700;line-height:0px;}.elementor-26658 .elementor-element.elementor-element-2ed93e9 > .elementor-widget-container{margin:42px 0px 20px 10px;}.elementor-26658 .elementor-element.elementor-element-6f9211a{--display:flex;--background-transition:0.3s;}.elementor-26658 .elementor-element.elementor-element-6338b24{--display:flex;--background-transition:0.3s;}.elementor-26658 .elementor-element.elementor-element-8c018b0{--swiper-slides-to-display:3;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-40px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-40px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--swiper-slides-gap:20px;--arrow-size:83px;--arrow-normal-color:var( --e-global-color-secondary );--arrow-hover-color:var( --e-global-color-secondary );}.elementor-26658 .elementor-element.elementor-element-8c018b0 .swiper-slide > .elementor-element{height:100%;}.elementor-26658 .elementor-element.elementor-element-8c018b0 > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 27px 0px 27px;}@media(min-width:768px){.elementor-26658 .elementor-element.elementor-element-2284858{--width:50%;}.elementor-26658 .elementor-element.elementor-element-8dcfe5b{--width:50%;}}@media(max-width:1024px){.elementor-26658 .elementor-element.elementor-element-967fdf8{--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-26658 .elementor-element.elementor-element-2ed93e9{font-size:29px;}.elementor-26658 .elementor-element.elementor-element-8c018b0{--swiper-slides-to-display:2;--arrow-prev-left-position:-40px;--arrow-prev-top-position:0px;--arrow-next-right-position:-40px;--arrow-next-top-position:0px;--swiper-slides-gap:16px;--arrow-size:73px;}.elementor-26658 .elementor-element.elementor-element-8c018b0 > .elementor-widget-container{padding:27px 11px 0px 10px;}}@media(max-width:767px){.elementor-26658 .elementor-element.elementor-element-2ed93e9{font-size:9.6vw;line-height:10.278vw;width:var( --container-widget-width, 88vw );max-width:88vw;--container-widget-width:88vw;--container-widget-flex-grow:0;}.elementor-26658 .elementor-element.elementor-element-2ed93e9 > .elementor-widget-container{margin:14vw 0vw 0vw 0vw;}.elementor-26658 .elementor-element.elementor-element-2ed93e9.elementor-element{--align-self:center;}.elementor-26658 .elementor-element.elementor-element-8c018b0{--swiper-slides-to-display:1;--arrow-prev-left-position:-18vw;--arrow-next-right-position:-3vw;--arrow-size:22vw;}.elementor-26658 .elementor-element.elementor-element-8c018b0 > .elementor-widget-container{margin:1vw 0vw 40vw -9vw;padding:0vw 4vw 0vw 4vw;}}/* Start custom CSS for text-editor, class: .elementor-element-7b28805 */.table-stockage {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 16px;
}
.table-stockage thead {
background-color: #f3f3f3;
}
.table-stockage th,
.table-stockage td {
border: 1px solid #ddd;
padding: 12px;
text-align: center;
}
.table-stockage th {
font-weight: bold;
}
@media (max-width: 768px) {
.table-stockage thead {
display: none;
}
.table-stockage,
.table-stockage tbody,
.table-stockage tr,
.table-stockage td {
display: block;
width: 100%;
}
.table-stockage tr {
margin-bottom: 15px;
}
.table-stockage td {
text-align: right;
padding-left: 50%;
position: relative;
}
.table-stockage td::before {
content: attr(data-label);
position: absolute;
left: 10px;
width: 45%;
padding-left: 10px;
font-weight: bold;
text-align: left;
}
}
<h2>Tableau comparatif des principales technologies de stockage d’énergie</h2>
<table class="table-stockage">
<thead>
<tr>
<th>Technologie</th>
<th>Rendement</th>
<th>Durée de vie</th>
<th>Maturité</th>
<th>Coût</th>
<th>Usages principaux</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Technologie">Lithium-ion</td>
<td data-label="Rendement">★★★★★</td>
<td data-label="Durée de vie">10–15 ans</td>
<td data-label="Maturité">Très mature</td>
<td data-label="Coût">Moyen</td>
<td data-label="Usages principaux">Autoconsommation, secours réseau</td>
</tr>
<tr>
<td data-label="Technologie">Sodium-ion</td>
<td data-label="Rendement">★★★★☆</td>
<td data-label="Durée de vie">10 ans</td>
<td data-label="Maturité">Émergente</td>
<td data-label="Coût">Faible</td>
<td data-label="Usages principaux">PME, sites isolés</td>
</tr>
<tr>
<td data-label="Technologie">Flux redox</td>
<td data-label="Rendement">★★★★☆</td>
<td data-label="Durée de vie">>20 ans</td>
<td data-label="Maturité">Moyenne</td>
<td data-label="Coût">Élevé</td>
<td data-label="Usages principaux">Sites industriels, stockage réseau</td>
</tr>
<tr>
<td data-label="Technologie">Hydrogène</td>
<td data-label="Rendement">★★☆☆☆</td>
<td data-label="Durée de vie">15–20 ans</td>
<td data-label="Maturité">En développement</td>
<td data-label="Coût">Très élevé</td>
<td data-label="Usages principaux">Autonomie longue durée, sites isolés</td>
</tr>
<tr>
<td data-label="Technologie">Thermique</td>
<td data-label="Rendement">★★★☆☆</td>
<td data-label="Durée de vie">10–15 ans</td>
<td data-label="Maturité">Ancienne</td>
<td data-label="Coût">Faible</td>
<td data-label="Usages principaux">Chaleur industrielle, bâtiment tertiaire</td>
</tr>
</tbody>
</table>/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8c018b0 *//*.news-carousel .elementor-swiper-button-prev{*/
/* display: none!important;*/
/*}*//* End custom CSS */