/* Styles de la page */
        .headerPage__breadcrumb {
            color: #ea474b;
        }

        #romiCalculator {
            padding: 20px 60px 60px;
            background-color: #1b313c;
        }

        #romiResult {
            font-size: 1.1em;
            font-weight: bold;
            color: #fff;
            padding: 0;
        }

        #romiCalculator label,
        #romiResult label {
            display: block;
            color: #ffffffb2;
            font-size: 1.1em;
            font-weight: bold;
            margin: 30px 0 5px;
        }

        #romiCalculator input,
        #romiCalculator select,
        #romiResult textarea {
            font-size: 18px;
            background-color: #fff;
            border-radius: 3px;
            width: 100%;
            padding: 10px 20px;
        }

        #romiCalculator select {
            height: 56px;
        }

        table {
            width: 100%;
            text-align: left;
        }

        td {
            width: 50%;
            vertical-align: top;
        }

        td:first-child {
            padding-right: 10px;
        }

        th:nth-child(2),
        td:nth-child(2) {
            padding-left: 10px;
        }

        #romiResult textarea {
            color: #fff;
            background-color: #40525c;
            height: 220px;
        }

        .errorMessage {
            color: #ef4e3f;
            font-size: 0.9em;
            margin-top: 5px;
            display: none; /* Initially hidden */
        }

        .buttonCalculate,
        .buttonCopy,
        #callToAction {
            text-align: center;
        }

        #romiCalculator button,
        #romiResult button {
            font-size: 16px;
            font-family: f37bold, Tahoma, Verdana, sans-serif;
            text-transform: uppercase;
            color: #fff;
            background-color: #ea474b;
            box-shadow: 0 3px 0 0 rgba(44, 63, 73, .1);
            border: none;
            border-radius: 3px;
            margin-top: 35px;
            padding: .575em 1.25em;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        #romiCalculator button:hover,
        #romiResult button:hover {
            background-color: #d53d43;
        }

        #socialShare {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px; /* Espace entre les boutons */
            margin: 20px 0;
        }

        #socialShare button {
            padding: 5px;
            cursor: pointer;
            border: none;
            border-radius: 3px;
            box-shadow: 0 2px 0 0 rgba(44, 63, 73, .2);
            transition: background-color 0.3s ease;
        }

        #socialShare svg {
            fill: #fff;
            vertical-align: middle;
        }

        #socialShare label {
            color: #ffffffb2;
            margin-right: 10px;
            font-size: 1em;
        }

        #callToAction {
            text-align: center;
        }