{"id":724,"date":"2025-03-14T23:22:32","date_gmt":"2025-03-14T22:22:32","guid":{"rendered":"https:\/\/labo.univ-batna.dz\/lepcm\/?page_id=724"},"modified":"2025-03-15T23:44:02","modified_gmt":"2025-03-15T22:44:02","slug":"periodic-table","status":"publish","type":"page","link":"https:\/\/labo.univ-batna.dz\/lepcm\/?page_id=724","title":{"rendered":"Periodic table"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"724\" class=\"elementor elementor-724\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3a1609b elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"3a1609b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a25e38\" data-id=\"6a25e38\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2359578 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"2359578\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9baa984\" data-id=\"9baa984\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8a084f8 elementor-widget elementor-widget-html\" data-id=\"8a084f8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Tableau P\u00e9riodique<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n\r\n        .periodic-table {\r\n            display: grid;\r\n            grid-template-columns: repeat(18, 60px);\r\n            grid-template-rows: repeat(10, 60px);\r\n            gap: 5px;\r\n        }\r\n\r\n        .element {\r\n            border: 1px solid #333;\r\n            border-radius: 5px;\r\n            padding: 1px;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            transition: transform 0.2s;\r\n            background-color: #f0f0f0;\r\n        }\r\n\r\n        .element:hover {\r\n            transform: scale(1.1);\r\n            z-index: 1;\r\n        }\r\n\r\n        .Metaux-alcalins { background-color: #ff6666; }\r\n        .Metaux-alcalino-terreux { background-color: #ffcc66; }\r\n        .Metaux-transition { background-color: #ffff66; }\r\n        .Metaux-post-transition { background-color: #fffc66; }\r\n        .Halogenes { background-color: #66ff66; }\r\n        .Metalloides { background-color: #66ffff; }\r\n        .Non-metaux { background-color: #6666ff; }\r\n        .Gaz-nobles { background-color: #ff66ff; }\r\n        .Lanthanides { background-color: #ffb366; }\r\n        .Actinides{ background-color: #ff8080; }\r\n        .Inconnu{ background-color: #f0f0f0; }\r\n      \r\n        .symbol {\r\n            font-size: 1.2em;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .details {\r\n            margin-top: 20px;\r\n            padding: 10px;\r\n            border: 5px solid #ccc;\r\n            display: none;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <h1>Tableau P\u00e9riodique des \u00c9l\u00e9ments<\/h1>\r\n    \r\n    <div class=\"periodic-table\">\r\n      <!-- H -->\r\n        <div class=\"element Non-metaux \" data-symbol=\"H \" data-name=\"Hydrog\u00e8ne \" data-number=\"1 \" data-weight=\"1,0079 \" style=\"grid-column: 1; grid-row: 1;\">\r\n            <div class=\"symbol\">H<\/div>\r\n            <div class=\"number\">1<\/div>\r\n        <\/div>\r\n <!-- He -->\r\n        <div class=\"element Gaz-nobles \" data-symbol=\"He \" data-name=\"H\u00e9lium \" data-number=\"2 \" data-weight=\"4,0026 \" style=\"grid-column: 18; grid-row: 1;\">\r\n            <div class=\"symbol\">He<\/div>\r\n            <div class=\"number\">2<\/div>\r\n        <\/div>\r\n <!-- Li -->\r\n        <div class=\"element Metaux-alcalins \" data-symbol=\"Li \" data-name=\"Lithium \" data-number=\"3 \" data-weight=\"6,941 \" style=\"grid-column: 1; grid-row: 2;\">\r\n            <div class=\"symbol\">Li<\/div>\r\n            <div class=\"number\">3<\/div>\r\n        <\/div>\r\n <!-- Be -->\r\n        <div class=\"element Metaux-alcalino-terreux \" data-symbol=\"Be \" data-name=\"Berryllium \" data-number=\"4 \" data-weight=\"9,0122 \" style=\"grid-column: 2; grid-row: 2;\">\r\n            <div class=\"symbol\">Be<\/div>\r\n            <div class=\"number\">4<\/div>\r\n        <\/div>\r\n <!-- B -->\r\n        <div class=\"element Metalloides \" data-symbol=\"B \" data-name=\"Bore \" data-number=\"5 \" data-weight=\"10,811 \" style=\"grid-column: 13; grid-row: 2;\">\r\n            <div class=\"symbol\">B<\/div>\r\n            <div class=\"number\">5<\/div>\r\n        <\/div>\r\n <!-- C -->\r\n        <div class=\"element Non-metaux \" data-symbol=\"C \" data-name=\"Carbone \" data-number=\"6 \" data-weight=\"12,0107 \" style=\"grid-column: 14; grid-row: 2;\">\r\n            <div class=\"symbol\">C<\/div>\r\n            <div class=\"number\">6<\/div>\r\n        <\/div>\r\n <!-- N -->\r\n        <div class=\"element Non-metaux \" data-symbol=\"N \" data-name=\"Azote \" data-number=\"7 \" data-weight=\"14,0067 \" style=\"grid-column: 15; grid-row: 2;\">\r\n            <div class=\"symbol\">N<\/div>\r\n            <div class=\"number\">7<\/div>\r\n        <\/div>\r\n <!-- O -->\r\n        <div class=\"element Non-metaux \" data-symbol=\"O \" data-name=\"Oxyg\u00e8ne \" data-number=\"8 \" data-weight=\"15,9994 \" style=\"grid-column: 16; grid-row: 2;\">\r\n            <div class=\"symbol\">O<\/div>\r\n            <div class=\"number\">8<\/div>\r\n        <\/div>\r\n <!-- F -->\r\n        <div class=\"element Halogenes \" data-symbol=\"F \" data-name=\"Fluor \" data-number=\"9 \" data-weight=\"18,9984 \" style=\"grid-column: 17; grid-row: 2;\">\r\n            <div class=\"symbol\">F<\/div>\r\n            <div class=\"number\">9<\/div>\r\n        <\/div>\r\n <!-- Ne -->\r\n        <div class=\"element Gaz-nobles \" data-symbol=\"Ne \" data-name=\"N\u00e9on \" data-number=\"10 \" data-weight=\"20,1797 \" style=\"grid-column: 18; grid-row: 2;\">\r\n            <div class=\"symbol\">Ne<\/div>\r\n            <div class=\"number\">10<\/div>\r\n        <\/div>\r\n <!-- Na -->\r\n        <div class=\"element Metaux-alcalins \" data-symbol=\"Na \" data-name=\"Sodium \" data-number=\"11 \" data-weight=\"22,9897 \" style=\"grid-column: 1; grid-row: 3;\">\r\n            <div class=\"symbol\">Na<\/div>\r\n            <div class=\"number\">11<\/div>\r\n        <\/div>\r\n <!-- Mg -->\r\n        <div class=\"element Metaux-alcalino-terreux \" data-symbol=\"Mg \" data-name=\"Magn\u00e9sium \" data-number=\"12 \" data-weight=\"24,305 \" style=\"grid-column: 2; grid-row: 3;\">\r\n            <div class=\"symbol\">Mg<\/div>\r\n            <div class=\"number\">12<\/div>\r\n        <\/div>\r\n <!-- Al -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Al \" data-name=\"Aluminum \" data-number=\"13 \" data-weight=\"26,9815 \" style=\"grid-column: 13; grid-row: 3;\">\r\n            <div class=\"symbol\">Al<\/div>\r\n            <div class=\"number\">13<\/div>\r\n        <\/div>\r\n <!-- Si -->\r\n        <div class=\"element Metalloides \" data-symbol=\"Si \" data-name=\"Silicium \" data-number=\"14 \" data-weight=\"28,0855 \" style=\"grid-column: 14; grid-row: 3;\">\r\n            <div class=\"symbol\">Si<\/div>\r\n            <div class=\"number\">14<\/div>\r\n        <\/div>\r\n <!-- P -->\r\n        <div class=\"element Non-metaux \" data-symbol=\"P \" data-name=\"Phosphore \" data-number=\"15 \" data-weight=\"30,9738 \" style=\"grid-column: 15; grid-row: 3;\">\r\n            <div class=\"symbol\">P<\/div>\r\n            <div class=\"number\">15<\/div>\r\n        <\/div>\r\n <!-- S -->\r\n        <div class=\"element Non-metaux \" data-symbol=\"S \" data-name=\"Soufre \" data-number=\"16 \" data-weight=\"32,065 \" style=\"grid-column: 16; grid-row: 3;\">\r\n            <div class=\"symbol\">S<\/div>\r\n            <div class=\"number\">16<\/div>\r\n        <\/div>\r\n <!-- Cl -->\r\n        <div class=\"element Halogenes \" data-symbol=\"Cl \" data-name=\"Chlore \" data-number=\"17 \" data-weight=\"35,453 \" style=\"grid-column: 17; grid-row: 3;\">\r\n            <div class=\"symbol\">Cl<\/div>\r\n            <div class=\"number\">17<\/div>\r\n        <\/div>\r\n <!-- Ar -->\r\n        <div class=\"element Gaz-nobles \" data-symbol=\"Ar \" data-name=\"Argon \" data-number=\"18 \" data-weight=\"39,948 \" style=\"grid-column: 18; grid-row: 3;\">\r\n            <div class=\"symbol\">Ar<\/div>\r\n            <div class=\"number\">18<\/div>\r\n        <\/div>\r\n <!-- K -->\r\n        <div class=\"element Metaux-alcalins \" data-symbol=\"K \" data-name=\"Potassium \" data-number=\"19 \" data-weight=\"39,0983 \" style=\"grid-column: 1; grid-row: 4;\">\r\n            <div class=\"symbol\">K<\/div>\r\n            <div class=\"number\">19<\/div>\r\n        <\/div>\r\n <!-- Ca -->\r\n        <div class=\"element Metaux-alcalino-terreux \" data-symbol=\"Ca \" data-name=\"Calcium \" data-number=\"20 \" data-weight=\"40,078 \" style=\"grid-column: 2; grid-row: 4;\">\r\n            <div class=\"symbol\">Ca<\/div>\r\n            <div class=\"number\">20<\/div>\r\n        <\/div>\r\n <!-- Sc -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Sc \" data-name=\"Scandium \" data-number=\"21 \" data-weight=\"44,9559 \" style=\"grid-column: 3; grid-row: 4;\">\r\n            <div class=\"symbol\">Sc<\/div>\r\n            <div class=\"number\">21<\/div>\r\n        <\/div>\r\n <!-- Ti -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Ti \" data-name=\"Titane \" data-number=\"22 \" data-weight=\"47,867 \" style=\"grid-column: 4; grid-row: 4;\">\r\n            <div class=\"symbol\">Ti<\/div>\r\n            <div class=\"number\">22<\/div>\r\n        <\/div>\r\n <!-- V -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"V \" data-name=\"Vanadium \" data-number=\"23 \" data-weight=\"50,9415 \" style=\"grid-column: 5; grid-row: 4;\">\r\n            <div class=\"symbol\">V<\/div>\r\n            <div class=\"number\">23<\/div>\r\n        <\/div>\r\n <!-- Cr -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Cr \" data-name=\"Chrome \" data-number=\"24 \" data-weight=\"51,9961 \" style=\"grid-column: 6; grid-row: 4;\">\r\n            <div class=\"symbol\">Cr<\/div>\r\n            <div class=\"number\">24<\/div>\r\n        <\/div>\r\n <!-- Mn -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Mn \" data-name=\"Mangan\u00e8se \" data-number=\"25 \" data-weight=\"54,938 \" style=\"grid-column: 7; grid-row: 4;\">\r\n            <div class=\"symbol\">Mn<\/div>\r\n            <div class=\"number\">25<\/div>\r\n        <\/div>\r\n <!-- Fe -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Fe \" data-name=\"Fer \" data-number=\"26 \" data-weight=\"55,845 \" style=\"grid-column: 8; grid-row: 4;\">\r\n            <div class=\"symbol\">Fe<\/div>\r\n            <div class=\"number\">26<\/div>\r\n        <\/div>\r\n <!-- Co -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Co \" data-name=\"Cobalt \" data-number=\"27 \" data-weight=\"58,9332 \" style=\"grid-column: 9; grid-row: 4;\">\r\n            <div class=\"symbol\">Co<\/div>\r\n            <div class=\"number\">27<\/div>\r\n        <\/div>\r\n <!-- Ni -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Ni \" data-name=\"Nickel \" data-number=\"28 \" data-weight=\"58,6934 \" style=\"grid-column: 10; grid-row: 4;\">\r\n            <div class=\"symbol\">Ni<\/div>\r\n            <div class=\"number\">28<\/div>\r\n        <\/div>\r\n <!-- Cu -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Cu \" data-name=\"Cuivre \" data-number=\"29 \" data-weight=\"63,546 \" style=\"grid-column: 11; grid-row: 4;\">\r\n            <div class=\"symbol\">Cu<\/div>\r\n            <div class=\"number\">29<\/div>\r\n        <\/div>\r\n <!-- Zn -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Zn \" data-name=\"Zinc \" data-number=\"30 \" data-weight=\"65,39 \" style=\"grid-column: 12; grid-row: 4;\">\r\n            <div class=\"symbol\">Zn<\/div>\r\n            <div class=\"number\">30<\/div>\r\n        <\/div>\r\n <!-- Ga -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Ga \" data-name=\"Gallium \" data-number=\"31 \" data-weight=\"69,723 \" style=\"grid-column: 13; grid-row: 4;\">\r\n            <div class=\"symbol\">Ga<\/div>\r\n            <div class=\"number\">31<\/div>\r\n        <\/div>\r\n <!-- Ge -->\r\n        <div class=\"element Metalloides \" data-symbol=\"Ge \" data-name=\"Germanium \" data-number=\"32 \" data-weight=\"72,64 \" style=\"grid-column: 14; grid-row: 4;\">\r\n            <div class=\"symbol\">Ge<\/div>\r\n            <div class=\"number\">32<\/div>\r\n        <\/div>\r\n <!-- As -->\r\n        <div class=\"element Metalloides \" data-symbol=\"As \" data-name=\"Arsenic \" data-number=\"33 \" data-weight=\"74,9216 \" style=\"grid-column: 15; grid-row: 4;\">\r\n            <div class=\"symbol\">As<\/div>\r\n            <div class=\"number\">33<\/div>\r\n        <\/div>\r\n <!-- Se -->\r\n        <div class=\"element Non-metaux \" data-symbol=\"Se \" data-name=\"S\u00e9l\u00e9nium \" data-number=\"34 \" data-weight=\"78,96 \" style=\"grid-column: 16; grid-row: 4;\">\r\n            <div class=\"symbol\">Se<\/div>\r\n            <div class=\"number\">34<\/div>\r\n        <\/div>\r\n <!-- Br -->\r\n        <div class=\"element Halogenes \" data-symbol=\"Br \" data-name=\"Brome \" data-number=\"35 \" data-weight=\"79,904 \" style=\"grid-column: 17; grid-row: 4;\">\r\n            <div class=\"symbol\">Br<\/div>\r\n            <div class=\"number\">35<\/div>\r\n        <\/div>\r\n <!-- Kr -->\r\n        <div class=\"element Gaz-nobles \" data-symbol=\"Kr \" data-name=\"Krypton \" data-number=\"36 \" data-weight=\"83,8 \" style=\"grid-column: 18; grid-row: 4;\">\r\n            <div class=\"symbol\">Kr<\/div>\r\n            <div class=\"number\">36<\/div>\r\n        <\/div>\r\n <!-- Rb -->\r\n        <div class=\"element Metaux-alcalins \" data-symbol=\"Rb \" data-name=\"Rubidium \" data-number=\"37 \" data-weight=\"85,4678 \" style=\"grid-column: 1; grid-row: 5;\">\r\n            <div class=\"symbol\">Rb<\/div>\r\n            <div class=\"number\">37<\/div>\r\n        <\/div>\r\n <!-- Sr -->\r\n        <div class=\"element Metaux-alcalino-terreux \" data-symbol=\"Sr \" data-name=\"Strontium \" data-number=\"38 \" data-weight=\"87,62 \" style=\"grid-column: 2; grid-row: 5;\">\r\n            <div class=\"symbol\">Sr<\/div>\r\n            <div class=\"number\">38<\/div>\r\n        <\/div>\r\n <!-- Y -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Y \" data-name=\"Yttrium \" data-number=\"39 \" data-weight=\"88,9059 \" style=\"grid-column: 3; grid-row: 5;\">\r\n            <div class=\"symbol\">Y<\/div>\r\n            <div class=\"number\">39<\/div>\r\n        <\/div>\r\n <!-- Zr -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Zr \" data-name=\"Zirconium \" data-number=\"40 \" data-weight=\"91,224 \" style=\"grid-column: 4; grid-row: 5;\">\r\n            <div class=\"symbol\">Zr<\/div>\r\n            <div class=\"number\">40<\/div>\r\n        <\/div>\r\n <!-- Nb -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Nb \" data-name=\"Niobium \" data-number=\"41 \" data-weight=\"92,9064 \" style=\"grid-column: 5; grid-row: 5;\">\r\n            <div class=\"symbol\">Nb<\/div>\r\n            <div class=\"number\">41<\/div>\r\n        <\/div>\r\n <!-- Mo -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Mo \" data-name=\"Molybd\u00e8ne \" data-number=\"42 \" data-weight=\"95,94 \" style=\"grid-column: 6; grid-row: 5;\">\r\n            <div class=\"symbol\">Mo<\/div>\r\n            <div class=\"number\">42<\/div>\r\n        <\/div>\r\n <!-- Tc -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Tc \" data-name=\"Technetium \" data-number=\"43 \" data-weight=\"98 \" style=\"grid-column: 7; grid-row: 5;\">\r\n            <div class=\"symbol\">Tc<\/div>\r\n            <div class=\"number\">43<\/div>\r\n        <\/div>\r\n <!-- Ru -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Ru \" data-name=\"Ruthenium \" data-number=\"44 \" data-weight=\"101,07 \" style=\"grid-column: 8; grid-row: 5;\">\r\n            <div class=\"symbol\">Ru<\/div>\r\n            <div class=\"number\">44<\/div>\r\n        <\/div>\r\n <!-- Rh -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Rh \" data-name=\"Rhodium \" data-number=\"45 \" data-weight=\"102,9055 \" style=\"grid-column: 9; grid-row: 5;\">\r\n            <div class=\"symbol\">Rh<\/div>\r\n            <div class=\"number\">45<\/div>\r\n        <\/div>\r\n <!-- Pd -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Pd \" data-name=\"Palladium \" data-number=\"46 \" data-weight=\"106,42 \" style=\"grid-column: 10; grid-row: 5;\">\r\n            <div class=\"symbol\">Pd<\/div>\r\n            <div class=\"number\">46<\/div>\r\n        <\/div>\r\n <!-- Ag -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Ag \" data-name=\"Argent \" data-number=\"47 \" data-weight=\"107,8682 \" style=\"grid-column: 11; grid-row: 5;\">\r\n            <div class=\"symbol\">Ag<\/div>\r\n            <div class=\"number\">47<\/div>\r\n        <\/div>\r\n <!-- Cd -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Cd \" data-name=\"Cadmium \" data-number=\"48 \" data-weight=\"112,411 \" style=\"grid-column: 12; grid-row: 5;\">\r\n            <div class=\"symbol\">Cd<\/div>\r\n            <div class=\"number\">48<\/div>\r\n        <\/div>\r\n <!-- In -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"In \" data-name=\"Indium \" data-number=\"49 \" data-weight=\"114,818 \" style=\"grid-column: 13; grid-row: 5;\">\r\n            <div class=\"symbol\">In<\/div>\r\n            <div class=\"number\">49<\/div>\r\n        <\/div>\r\n <!-- Sn -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Sn \" data-name=\"Etain \" data-number=\"50 \" data-weight=\"118,71 \" style=\"grid-column: 14; grid-row: 5;\">\r\n            <div class=\"symbol\">Sn<\/div>\r\n            <div class=\"number\">50<\/div>\r\n        <\/div>\r\n <!-- Sb -->\r\n        <div class=\"element Metalloides \" data-symbol=\"Sb \" data-name=\"Antimoine \" data-number=\"51 \" data-weight=\"121,76 \" style=\"grid-column: 15; grid-row: 5;\">\r\n            <div class=\"symbol\">Sb<\/div>\r\n            <div class=\"number\">51<\/div>\r\n        <\/div>\r\n <!-- Te -->\r\n        <div class=\"element Metalloides \" data-symbol=\"Te \" data-name=\"Tellure \" data-number=\"52 \" data-weight=\"127,6 \" style=\"grid-column: 16; grid-row: 5;\">\r\n            <div class=\"symbol\">Te<\/div>\r\n            <div class=\"number\">52<\/div>\r\n        <\/div>\r\n <!-- I -->\r\n        <div class=\"element Halogenes \" data-symbol=\"I \" data-name=\"Iode \" data-number=\"53 \" data-weight=\"126,9045 \" style=\"grid-column: 17; grid-row: 5;\">\r\n            <div class=\"symbol\">I<\/div>\r\n            <div class=\"number\">53<\/div>\r\n        <\/div>\r\n <!-- Xe -->\r\n        <div class=\"element Gaz-nobles \" data-symbol=\"Xe \" data-name=\"X\u00e9non \" data-number=\"54 \" data-weight=\"131,293 \" style=\"grid-column: 18; grid-row: 5;\">\r\n            <div class=\"symbol\">Xe<\/div>\r\n            <div class=\"number\">54<\/div>\r\n        <\/div>\r\n <!-- Cs -->\r\n        <div class=\"element Metaux-alcalins \" data-symbol=\"Cs \" data-name=\"C\u00e9sium \" data-number=\"55 \" data-weight=\"132,9055 \" style=\"grid-column: 1; grid-row: 6;\">\r\n            <div class=\"symbol\">Cs<\/div>\r\n            <div class=\"number\">55<\/div>\r\n        <\/div>\r\n <!-- Ba -->\r\n        <div class=\"element Metaux-alcalino-terreux \" data-symbol=\"Ba \" data-name=\"Baryum \" data-number=\"56 \" data-weight=\"137,327 \" style=\"grid-column: 2; grid-row: 6;\">\r\n            <div class=\"symbol\">Ba<\/div>\r\n            <div class=\"number\">56<\/div>\r\n        <\/div>\r\n <!-- La -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"La \" data-name=\"Lanthane \" data-number=\"57 \" data-weight=\"138,9055 \" style=\"grid-column: 4; grid-row: 8;\">\r\n            <div class=\"symbol\">La<\/div>\r\n            <div class=\"number\">57<\/div>\r\n        <\/div>\r\n <!-- Ce -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Ce \" data-name=\"Ceryum \" data-number=\"58 \" data-weight=\"140,116 \" style=\"grid-column: 5; grid-row: 8;\">\r\n            <div class=\"symbol\">Ce<\/div>\r\n            <div class=\"number\">58<\/div>\r\n        <\/div>\r\n <!-- Pr -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Pr \" data-name=\"Pras\u00e9odyme \" data-number=\"59 \" data-weight=\"140,9077 \" style=\"grid-column: 6; grid-row: 8;\">\r\n            <div class=\"symbol\">Pr<\/div>\r\n            <div class=\"number\">59<\/div>\r\n        <\/div>\r\n <!-- Nd -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Nd \" data-name=\"Neodym \" data-number=\"60 \" data-weight=\"144,24 \" style=\"grid-column: 7; grid-row: 8;\">\r\n            <div class=\"symbol\">Nd<\/div>\r\n            <div class=\"number\">60<\/div>\r\n        <\/div>\r\n <!-- Pm -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Pm \" data-name=\"Promethium \" data-number=\"61 \" data-weight=\"145 \" style=\"grid-column: 8; grid-row: 8;\">\r\n            <div class=\"symbol\">Pm<\/div>\r\n            <div class=\"number\">61<\/div>\r\n        <\/div>\r\n <!-- Sm -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Sm \" data-name=\"Samarium \" data-number=\"62 \" data-weight=\"150,36 \" style=\"grid-column: 9; grid-row: 8;\">\r\n            <div class=\"symbol\">Sm<\/div>\r\n            <div class=\"number\">62<\/div>\r\n        <\/div>\r\n <!-- Eu -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Eu \" data-name=\"Europium \" data-number=\"63 \" data-weight=\"151,964 \" style=\"grid-column: 10; grid-row: 8;\">\r\n            <div class=\"symbol\">Eu<\/div>\r\n            <div class=\"number\">63<\/div>\r\n        <\/div>\r\n <!-- Gd -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Gd \" data-name=\"Gadolinium \" data-number=\"64 \" data-weight=\"157,25 \" style=\"grid-column: 11; grid-row: 8;\">\r\n            <div class=\"symbol\">Gd<\/div>\r\n            <div class=\"number\">64<\/div>\r\n        <\/div>\r\n <!-- Tb -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Tb \" data-name=\"Terbium \" data-number=\"65 \" data-weight=\"158,9253 \" style=\"grid-column: 12; grid-row: 8;\">\r\n            <div class=\"symbol\">Tb<\/div>\r\n            <div class=\"number\">65<\/div>\r\n        <\/div>\r\n <!-- Dy -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Dy \" data-name=\"Dysprosium \" data-number=\"66 \" data-weight=\"162,5 \" style=\"grid-column: 13; grid-row: 8;\">\r\n            <div class=\"symbol\">Dy<\/div>\r\n            <div class=\"number\">66<\/div>\r\n        <\/div>\r\n <!-- Ho -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Ho \" data-name=\"Holmium \" data-number=\"67 \" data-weight=\"164,9303 \" style=\"grid-column: 14; grid-row: 8;\">\r\n            <div class=\"symbol\">Ho<\/div>\r\n            <div class=\"number\">67<\/div>\r\n        <\/div>\r\n <!-- Er -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Er \" data-name=\"Erbium \" data-number=\"68 \" data-weight=\"167,259 \" style=\"grid-column: 15; grid-row: 8;\">\r\n            <div class=\"symbol\">Er<\/div>\r\n            <div class=\"number\">68<\/div>\r\n        <\/div>\r\n <!-- Tm -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Tm \" data-name=\"Thulium \" data-number=\"69 \" data-weight=\"168,9342 \" style=\"grid-column: 16; grid-row: 8;\">\r\n            <div class=\"symbol\">Tm<\/div>\r\n            <div class=\"number\">69<\/div>\r\n        <\/div>\r\n <!-- Yb -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Yb \" data-name=\"Ytterbium \" data-number=\"70 \" data-weight=\"173,04 \" style=\"grid-column: 17; grid-row: 8;\">\r\n            <div class=\"symbol\">Yb<\/div>\r\n            <div class=\"number\">70<\/div>\r\n        <\/div>\r\n <!-- Lu -->\r\n        <div class=\"element Lanthanides \" data-symbol=\"Lu \" data-name=\"Lutetium \" data-number=\"71 \" data-weight=\"174,967 \" style=\"grid-column: 18; grid-row: 8;\">\r\n            <div class=\"symbol\">Lu<\/div>\r\n            <div class=\"number\">71<\/div>\r\n        <\/div>\r\n <!-- Hf -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Hf \" data-name=\"Hafnium \" data-number=\"72 \" data-weight=\"178,49 \" style=\"grid-column: 4; grid-row: 6;\">\r\n            <div class=\"symbol\">Hf<\/div>\r\n            <div class=\"number\">72<\/div>\r\n        <\/div>\r\n <!-- Ta -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Ta \" data-name=\"Tantale \" data-number=\"73 \" data-weight=\"180,9479 \" style=\"grid-column: 5; grid-row: 6;\">\r\n            <div class=\"symbol\">Ta<\/div>\r\n            <div class=\"number\">73<\/div>\r\n        <\/div>\r\n <!-- W -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"W \" data-name=\"Tungst\u00e8ne \" data-number=\"74 \" data-weight=\"183,84 \" style=\"grid-column: 6; grid-row: 6;\">\r\n            <div class=\"symbol\">W<\/div>\r\n            <div class=\"number\">74<\/div>\r\n        <\/div>\r\n <!-- Re -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Re \" data-name=\"Rhenium \" data-number=\"75 \" data-weight=\"186,207 \" style=\"grid-column: 7; grid-row: 6;\">\r\n            <div class=\"symbol\">Re<\/div>\r\n            <div class=\"number\">75<\/div>\r\n        <\/div>\r\n <!-- Os -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Os \" data-name=\"Osmium \" data-number=\"76 \" data-weight=\"190,23 \" style=\"grid-column: 8; grid-row: 6;\">\r\n            <div class=\"symbol\">Os<\/div>\r\n            <div class=\"number\">76<\/div>\r\n        <\/div>\r\n <!-- Ir -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Ir \" data-name=\"Iridium \" data-number=\"77 \" data-weight=\"192,217 \" style=\"grid-column: 9; grid-row: 6;\">\r\n            <div class=\"symbol\">Ir<\/div>\r\n            <div class=\"number\">77<\/div>\r\n        <\/div>\r\n <!-- Pt -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Pt \" data-name=\"Platine \" data-number=\"78 \" data-weight=\"195,078 \" style=\"grid-column: 10; grid-row: 6;\">\r\n            <div class=\"symbol\">Pt<\/div>\r\n            <div class=\"number\">78<\/div>\r\n        <\/div>\r\n <!-- Au -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Au \" data-name=\"Or \" data-number=\"79 \" data-weight=\"196,9665 \" style=\"grid-column: 11; grid-row: 6;\">\r\n            <div class=\"symbol\">Au<\/div>\r\n            <div class=\"number\">79<\/div>\r\n        <\/div>\r\n <!-- Hg -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Hg \" data-name=\"Mercure \" data-number=\"80 \" data-weight=\"200,59 \" style=\"grid-column: 12; grid-row: 6;\">\r\n            <div class=\"symbol\">Hg<\/div>\r\n            <div class=\"number\">80<\/div>\r\n        <\/div>\r\n <!-- Tl -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Tl \" data-name=\"Thallium \" data-number=\"81 \" data-weight=\"204,3833 \" style=\"grid-column: 13; grid-row: 6;\">\r\n            <div class=\"symbol\">Tl<\/div>\r\n            <div class=\"number\">81<\/div>\r\n        <\/div>\r\n <!-- Pb -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Pb \" data-name=\"Plomb \" data-number=\"82 \" data-weight=\"207,2 \" style=\"grid-column: 14; grid-row: 6;\">\r\n            <div class=\"symbol\">Pb<\/div>\r\n            <div class=\"number\">82<\/div>\r\n        <\/div>\r\n <!-- Bi -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Bi \" data-name=\"Bismuth \" data-number=\"83 \" data-weight=\"208,9804 \" style=\"grid-column: 15; grid-row: 6;\">\r\n            <div class=\"symbol\">Bi<\/div>\r\n            <div class=\"number\">83<\/div>\r\n        <\/div>\r\n <!-- Po -->\r\n        <div class=\"element Metaux-post-transition \" data-symbol=\"Po \" data-name=\"Polonium \" data-number=\"84 \" data-weight=\"209 \" style=\"grid-column: 16; grid-row: 6;\">\r\n            <div class=\"symbol\">Po<\/div>\r\n            <div class=\"number\">84<\/div>\r\n        <\/div>\r\n <!-- At -->\r\n        <div class=\"element Metalloides \" data-symbol=\"At \" data-name=\"Astate \" data-number=\"85 \" data-weight=\"210 \" style=\"grid-column: 17; grid-row: 6;\">\r\n            <div class=\"symbol\">At<\/div>\r\n            <div class=\"number\">85<\/div>\r\n        <\/div>\r\n <!-- Rn -->\r\n        <div class=\"element Gaz-nobles \" data-symbol=\"Rn \" data-name=\"Radon \" data-number=\"86 \" data-weight=\"222 \" style=\"grid-column: 18; grid-row: 6;\">\r\n            <div class=\"symbol\">Rn<\/div>\r\n            <div class=\"number\">86<\/div>\r\n        <\/div>\r\n <!-- Fr -->\r\n        <div class=\"element Metaux-alcalins \" data-symbol=\"Fr \" data-name=\"Francium \" data-number=\"87 \" data-weight=\"223 \" style=\"grid-column: 1; grid-row: 7;\">\r\n            <div class=\"symbol\">Fr<\/div>\r\n            <div class=\"number\">87<\/div>\r\n        <\/div>\r\n <!-- Ra -->\r\n        <div class=\"element Metaux-alcalino-terreux \" data-symbol=\"Ra \" data-name=\"Radium \" data-number=\"88 \" data-weight=\"226 \" style=\"grid-column: 2; grid-row: 7;\">\r\n            <div class=\"symbol\">Ra<\/div>\r\n            <div class=\"number\">88<\/div>\r\n        <\/div>\r\n <!-- Ac -->\r\n        <div class=\"element Actinides \" data-symbol=\"Ac \" data-name=\"Actinium \" data-number=\"89 \" data-weight=\"227 \" style=\"grid-column: 4; grid-row: 9;\">\r\n            <div class=\"symbol\">Ac<\/div>\r\n            <div class=\"number\">89<\/div>\r\n        <\/div>\r\n <!-- Th -->\r\n        <div class=\"element Actinides \" data-symbol=\"Th \" data-name=\"Thorium \" data-number=\"90 \" data-weight=\"232,0381 \" style=\"grid-column: 5; grid-row: 9;\">\r\n            <div class=\"symbol\">Th<\/div>\r\n            <div class=\"number\">90<\/div>\r\n        <\/div>\r\n <!-- Pa -->\r\n        <div class=\"element Actinides \" data-symbol=\"Pa \" data-name=\"Protactinium \" data-number=\"91 \" data-weight=\"231,0359 \" style=\"grid-column: 6; grid-row: 9;\">\r\n            <div class=\"symbol\">Pa<\/div>\r\n            <div class=\"number\">91<\/div>\r\n        <\/div>\r\n <!-- U -->\r\n        <div class=\"element Actinides \" data-symbol=\"U \" data-name=\"Uranium \" data-number=\"92 \" data-weight=\"238,0289 \" style=\"grid-column: 7; grid-row: 9;\">\r\n            <div class=\"symbol\">U<\/div>\r\n            <div class=\"number\">92<\/div>\r\n        <\/div>\r\n <!-- Np -->\r\n        <div class=\"element Actinides \" data-symbol=\"Np \" data-name=\"Neptunium \" data-number=\"93 \" data-weight=\"237 \" style=\"grid-column: 8; grid-row: 9;\">\r\n            <div class=\"symbol\">Np<\/div>\r\n            <div class=\"number\">93<\/div>\r\n        <\/div>\r\n <!-- Pu -->\r\n        <div class=\"element Actinides \" data-symbol=\"Pu \" data-name=\"Plutonium \" data-number=\"94 \" data-weight=\"244 \" style=\"grid-column: 9; grid-row: 9;\">\r\n            <div class=\"symbol\">Pu<\/div>\r\n            <div class=\"number\">94<\/div>\r\n        <\/div>\r\n <!-- Am -->\r\n        <div class=\"element Actinides \" data-symbol=\"Am \" data-name=\"Americium \" data-number=\"95 \" data-weight=\"243 \" style=\"grid-column: 10; grid-row: 9;\">\r\n            <div class=\"symbol\">Am<\/div>\r\n            <div class=\"number\">95<\/div>\r\n        <\/div>\r\n <!-- Cm -->\r\n        <div class=\"element Actinides \" data-symbol=\"Cm \" data-name=\"Curium \" data-number=\"96 \" data-weight=\"247 \" style=\"grid-column: 11; grid-row: 9;\">\r\n            <div class=\"symbol\">Cm<\/div>\r\n            <div class=\"number\">96<\/div>\r\n        <\/div>\r\n <!-- Bk -->\r\n        <div class=\"element Actinides \" data-symbol=\"Bk \" data-name=\"Berkelium \" data-number=\"97 \" data-weight=\"247 \" style=\"grid-column: 12; grid-row: 9;\">\r\n            <div class=\"symbol\">Bk<\/div>\r\n            <div class=\"number\">97<\/div>\r\n        <\/div>\r\n <!-- Cf -->\r\n        <div class=\"element Actinides \" data-symbol=\"Cf \" data-name=\"Californium \" data-number=\"98 \" data-weight=\"251 \" style=\"grid-column: 13; grid-row: 9;\">\r\n            <div class=\"symbol\">Cf<\/div>\r\n            <div class=\"number\">98<\/div>\r\n        <\/div>\r\n <!-- Es -->\r\n        <div class=\"element Actinides \" data-symbol=\"Es \" data-name=\"Einsteinium \" data-number=\"99 \" data-weight=\"252 \" style=\"grid-column: 14; grid-row: 9;\">\r\n            <div class=\"symbol\">Es<\/div>\r\n            <div class=\"number\">99<\/div>\r\n        <\/div>\r\n <!-- Fm -->\r\n        <div class=\"element Actinides \" data-symbol=\"Fm \" data-name=\"Fermium \" data-number=\"100 \" data-weight=\"257 \" style=\"grid-column: 15; grid-row: 9;\">\r\n            <div class=\"symbol\">Fm<\/div>\r\n            <div class=\"number\">100<\/div>\r\n        <\/div>\r\n <!-- Md -->\r\n        <div class=\"element Actinides \" data-symbol=\"Md \" data-name=\"Mendelevium \" data-number=\"101 \" data-weight=\"258 \" style=\"grid-column: 16; grid-row: 9;\">\r\n            <div class=\"symbol\">Md<\/div>\r\n            <div class=\"number\">101<\/div>\r\n        <\/div>\r\n <!-- No -->\r\n        <div class=\"element Actinides \" data-symbol=\"No \" data-name=\"Nobelium \" data-number=\"102 \" data-weight=\"259 \" style=\"grid-column: 17; grid-row: 9;\">\r\n            <div class=\"symbol\">No<\/div>\r\n            <div class=\"number\">102<\/div>\r\n        <\/div>\r\n <!-- Lr -->\r\n        <div class=\"element Actinides \" data-symbol=\"Lr \" data-name=\"Lawrencium \" data-number=\"103 \" data-weight=\"262 \" style=\"grid-column: 18; grid-row: 9;\">\r\n            <div class=\"symbol\">Lr<\/div>\r\n            <div class=\"number\">103<\/div>\r\n        <\/div>\r\n <!-- Rf -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Rf \" data-name=\"Rutherfordium \" data-number=\"104 \" data-weight=\"261 \" style=\"grid-column: 4; grid-row: 7;\">\r\n            <div class=\"symbol\">Rf<\/div>\r\n            <div class=\"number\">104<\/div>\r\n        <\/div>\r\n <!-- Db -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Db \" data-name=\"Dubnium \" data-number=\"105 \" data-weight=\"262 \" style=\"grid-column: 5; grid-row: 7;\">\r\n            <div class=\"symbol\">Db<\/div>\r\n            <div class=\"number\">105<\/div>\r\n        <\/div>\r\n <!-- Sg -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Sg \" data-name=\"Seaborgium \" data-number=\"106 \" data-weight=\"266 \" style=\"grid-column: 6; grid-row: 7;\">\r\n            <div class=\"symbol\">Sg<\/div>\r\n            <div class=\"number\">106<\/div>\r\n        <\/div>\r\n <!-- Bh -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Bh \" data-name=\"Bohrium \" data-number=\"107 \" data-weight=\"264 \" style=\"grid-column: 7; grid-row: 7;\">\r\n            <div class=\"symbol\">Bh<\/div>\r\n            <div class=\"number\">107<\/div>\r\n        <\/div>\r\n <!-- Hs -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Hs \" data-name=\"Hassium \" data-number=\"108 \" data-weight=\"277 \" style=\"grid-column: 8; grid-row: 7;\">\r\n            <div class=\"symbol\">Hs<\/div>\r\n            <div class=\"number\">108<\/div>\r\n        <\/div>\r\n <!-- Mt -->\r\n        <div class=\"element Inconnu \" data-symbol=\"Mt \" data-name=\"Meitnerium \" data-number=\"109 \" data-weight=\"268 \" style=\"grid-column: 9; grid-row: 7;\">\r\n            <div class=\"symbol\">Mt<\/div>\r\n            <div class=\"number\">109<\/div>\r\n        <\/div>\r\n <!-- Ds -->\r\n        <div class=\"element Inconnu \" data-symbol=\"Ds \" data-name=\"Darmstadtium \" data-number=\"110 \" data-weight=\" \" style=\"grid-column: 10; grid-row: 7;\">\r\n            <div class=\"symbol\">Ds<\/div>\r\n            <div class=\"number\">110<\/div>\r\n        <\/div>\r\n <!-- Uuu -->\r\n        <div class=\"element Inconnu \" data-symbol=\"Uuu \" data-name=\"Ununium \" data-number=\"111 \" data-weight=\" \" style=\"grid-column: 11; grid-row: 7;\">\r\n            <div class=\"symbol\">Uuu<\/div>\r\n            <div class=\"number\">111<\/div>\r\n        <\/div>\r\n <!-- Uub -->\r\n        <div class=\"element Metaux-transition \" data-symbol=\"Uub \" data-name=\"Copernicium \" data-number=\"112 \" data-weight=\"23.7 \" style=\"grid-column: 12; grid-row: 7;\">\r\n            <div class=\"symbol\">Uub<\/div>\r\n            <div class=\"number\">112<\/div>\r\n        <\/div>\r\n <!-- Uut -->\r\n        <div class=\"element Inconnu \" data-symbol=\"Uut \" data-name=\"Ununtrium \" data-number=\"113 \" data-weight=\" \" style=\"grid-column: 13; grid-row: 7;\">\r\n            <div class=\"symbol\">Uut<\/div>\r\n            <div class=\"number\">113<\/div>\r\n        <\/div>\r\n <!-- Uuq -->\r\n        <div class=\"element Inconnu \" data-symbol=\"Uuq \" data-name=\"Ununquadium \" data-number=\"114 \" data-weight=\" \" style=\"grid-column: 14; grid-row: 7;\">\r\n            <div class=\"symbol\">Uuq<\/div>\r\n            <div class=\"number\">114<\/div>\r\n        <\/div>\r\n <!-- Uup -->\r\n        <div class=\"element Inconnu \" data-symbol=\"Uup \" data-name=\"Ununpentium \" data-number=\"115 \" data-weight=\" \" style=\"grid-column: 15; grid-row: 7;\">\r\n            <div class=\"symbol\">Uup<\/div>\r\n            <div class=\"number\">115<\/div>\r\n        <\/div>\r\n <!-- Uuh -->\r\n        <div class=\"element Inconnu \" data-symbol=\"Uuh \" data-name=\"Ununhexium \" data-number=\"116 \" data-weight=\" \" style=\"grid-column: 16; grid-row: 7;\">\r\n            <div class=\"symbol\">Uuh<\/div>\r\n            <div class=\"number\">116<\/div>\r\n        <\/div>\r\n <!-- Uus -->\r\n        <div class=\"element Inconnu \" data-symbol=\"Uus \" data-name=\"Ununseptium \" data-number=\"117 \" data-weight=\" \" style=\"grid-column: 17; grid-row: 7;\">\r\n            <div class=\"symbol\">Uus<\/div>\r\n            <div class=\"number\">117<\/div>\r\n        <\/div>\r\n <!-- Uuo -->\r\n        <div class=\"element Inconnu \" data-symbol=\"Uuo \" data-name=\"Ununoctium \" data-number=\"118 \" data-weight=\" \" style=\"grid-column: 18; grid-row: 7;\">\r\n            <div class=\"symbol\">Uuo<\/div>\r\n            <div class=\"number\">118<\/div>\r\n        <\/div>\r\n  \r\n    <div class=\"details\" id=\"elementDetails\">\r\n        <h2 id=\"detailName\"><\/h2>\r\n        <p>Num\u00e9ro atomique : <span id=\"detailNumber\"><\/span><\/p>\r\n        <p>Masse atomique : <span id=\"detailWeight\"><\/span><\/p>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.querySelectorAll('.element').forEach(element => {\r\n            element.addEventListener('click', () => {\r\n                const details = document.getElementById('elementDetails');\r\n                if (element.dataset.symbol) {\r\n                    details.style.display = 'block';\r\n                    document.getElementById('detailName').textContent = element.dataset.name;\r\n                    document.getElementById('detailNumber').textContent = element.dataset.number;\r\n                    document.getElementById('detailWeight').textContent = element.dataset.weight;\r\n                } else {\r\n                    details.style.display = 'none';\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tableau P\u00e9riodique Tableau P\u00e9riodique des \u00c9l\u00e9ments H 1 He 2 Li 3 Be 4 B 5 C 6 N 7 O 8 F 9 Ne 10 Na 11 Mg 12 Al 13 Si 14 P 15 S 16 Cl 17 Ar 18 K 19 Ca 20 Sc 21 Ti 22 V 23 Cr 24 Mn 25 Fe 26 Co 27 Ni 28 Cu 29 Zn 30 Ga 31 Ge 32 As 33 Se 34 Br 35 Kr 36 Rb 37 Sr 38 Y 39 Zr 40 Nb 41 Mo 42 Tc 43 Ru 44 Rh 45 Pd 46 Ag 47 Cd 48 In 49 Sn 50 Sb 51 Te 52 I 53 Xe 54 Cs 55 Ba 56 La 57 Ce 58 Pr 59 Nd 60 Pm 61 Sm 62 Eu 63 Gd 64 Tb 65 Dy 66 Ho 67 Er 68 Tm 69 Yb 70 Lu 71 Hf 72 Ta 73 W 74 Re 75 Os 76 Ir 77 Pt 78 Au 79 Hg 80 Tl 81 Pb 82 Bi 83 Po 84 At 85 Rn 86 Fr 87 Ra 88 Ac 89 Th 90 Pa 91 U 92 Np 93 Pu 94 Am 95 Cm 96 Bk 97 Cf 98 Es 99 Fm 100 Md 101 No 102 Lr 103 Rf 104 Db 105 Sg 106 Bh 107 Hs 108 Mt 109 Ds 110 Uuu 111 Uub 112 Uut 113 Uuq 114 Uup 115 Uuh 116 Uus 117 Uuo 118 Num\u00e9ro atomique : Masse atomique :<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-724","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/labo.univ-batna.dz\/lepcm\/index.php?rest_route=\/wp\/v2\/pages\/724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labo.univ-batna.dz\/lepcm\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/labo.univ-batna.dz\/lepcm\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/labo.univ-batna.dz\/lepcm\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labo.univ-batna.dz\/lepcm\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=724"}],"version-history":[{"count":76,"href":"https:\/\/labo.univ-batna.dz\/lepcm\/index.php?rest_route=\/wp\/v2\/pages\/724\/revisions"}],"predecessor-version":[{"id":813,"href":"https:\/\/labo.univ-batna.dz\/lepcm\/index.php?rest_route=\/wp\/v2\/pages\/724\/revisions\/813"}],"wp:attachment":[{"href":"https:\/\/labo.univ-batna.dz\/lepcm\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}