/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/css/dialogue.css ***!
  \****************************************************************************************************************/
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    margin: 0;
    padding: 20px;
    background-color: #f9f9f9;
}

h1, h2, h3 {
    color: #2E86C1; /* Bleu */
}

h1 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}

h2 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 15px;
}

h3 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #E74C3C; /* Rouge */
}

p {
    font-size: 16px;
    margin-bottom: 15px;
}

strong {
    color: #16A085; /* Vert */
}

em {
    font-style: italic;
    color: #E74C3C; /* Rouge */
}

.example-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.dialogue {
    margin-bottom: 30px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    background-color: #f5f5f5;
}

.dialogue p {
    margin: 5px 0;
}

.person1 {
    color: #2E86C1; /* Bleu */
    font-weight: bold;
}

.person2 {
    color: #FFD700; /* Jaune */
    font-weight: bold;
}

.exercise {
    margin-bottom: 30px;
}

.exercise ul {
    list-style-type: none;
    padding-left: 0;
}

.exercise ul li {
    margin-bottom: 10px;
}

.exercise input[type="text"] {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #FFFFE0; /* Jaune clair */
}

.error {
    color: red;
    font-size: 14px;
    margin-left: 10px;
}

.validate-button {
    display: block;
    width: 200px;
    margin: 20px auto;
    padding: 10px;
    background-color: #16A085; /* Vert */
    color: white;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    border: none;
}

.validate-button:hover {
    background-color: #138D75; /* Vert plus foncé */
}

.corrige-button {
    display: block;
    width: 200px;
    margin: 20px auto;
    padding: 10px;
    background-color: #E74C3C; /* Rouge */
    color: white;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    border: none;
    text-decoration: none;
}

.corrige-button:hover {
    background-color: #C0392B; /* Rouge plus foncé */
}

.progress-container {
    margin-top: 30px;
    text-align: center;
}

.progress {
    height: 20px;
    background-color: #e9ecef;
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    color: white;
    text-align: center;
    line-height: 20px;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.progress-bar.red {
    background-color: #dc3545; /* Rouge */
}

.progress-bar.blue {
    background-color: #007bff; /* Bleu */
}

.progress-bar.green {
    background-color: #28a745; /* Vert */
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9ndWUuY3NzIiwibWFwcGluZ3MiOiI7OztBQUFBO0lBQ0ksOEJBQThCO0lBQzlCLGdCQUFnQjtJQUNoQixXQUFXO0lBQ1gsU0FBUztJQUNULGFBQWE7SUFDYix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxjQUFjLEVBQUUsU0FBUztBQUM3Qjs7QUFFQTtJQUNJLGVBQWU7SUFDZixrQkFBa0I7SUFDbEIsbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLG1CQUFtQjtJQUNuQixjQUFjLEVBQUUsVUFBVTtBQUM5Qjs7QUFFQTtJQUNJLGVBQWU7SUFDZixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxjQUFjLEVBQUUsU0FBUztBQUM3Qjs7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixjQUFjLEVBQUUsVUFBVTtBQUM5Qjs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixjQUFjO0lBQ2QsYUFBYTtJQUNiLHNCQUFzQjtJQUN0QixrQkFBa0I7SUFDbEIsdUNBQXVDO0FBQzNDOztBQUVBO0lBQ0ksbUJBQW1CO0lBQ25CLHNCQUFzQjtJQUN0QixhQUFhO0lBQ2Isa0JBQWtCO0lBQ2xCLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxjQUFjLEVBQUUsU0FBUztJQUN6QixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxjQUFjLEVBQUUsVUFBVTtJQUMxQixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLFlBQVk7SUFDWixzQkFBc0I7SUFDdEIsa0JBQWtCO0lBQ2xCLHlCQUF5QixFQUFFLGdCQUFnQjtBQUMvQzs7QUFFQTtJQUNJLFVBQVU7SUFDVixlQUFlO0lBQ2YsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksY0FBYztJQUNkLFlBQVk7SUFDWixpQkFBaUI7SUFDakIsYUFBYTtJQUNiLHlCQUF5QixFQUFFLFNBQVM7SUFDcEMsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLGVBQWU7SUFDZixZQUFZO0FBQ2hCOztBQUVBO0lBQ0kseUJBQXlCLEVBQUUsb0JBQW9CO0FBQ25EOztBQUVBO0lBQ0ksY0FBYztJQUNkLFlBQVk7SUFDWixpQkFBaUI7SUFDakIsYUFBYTtJQUNiLHlCQUF5QixFQUFFLFVBQVU7SUFDckMsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLGVBQWU7SUFDZixZQUFZO0lBQ1oscUJBQXFCO0FBQ3pCOztBQUVBO0lBQ0kseUJBQXlCLEVBQUUscUJBQXFCO0FBQ3BEOztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsbUJBQW1CO0lBQ25CLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLGlCQUFpQjtJQUNqQix1REFBdUQ7QUFDM0Q7O0FBRUE7SUFDSSx5QkFBeUIsRUFBRSxVQUFVO0FBQ3pDOztBQUVBO0lBQ0kseUJBQXlCLEVBQUUsU0FBUztBQUN4Qzs7QUFFQTtJQUNJLHlCQUF5QixFQUFFLFNBQVM7QUFDeEMsQyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2Fzc2V0cy9jc3MvZGlhbG9ndWUuY3NzIl0sInNvdXJjZXNDb250ZW50IjpbImJvZHkge1xyXG4gICAgZm9udC1mYW1pbHk6IEFyaWFsLCBzYW5zLXNlcmlmO1xyXG4gICAgbGluZS1oZWlnaHQ6IDEuNjtcclxuICAgIGNvbG9yOiAjMzMzO1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gICAgcGFkZGluZzogMjBweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmOWY5Zjk7XHJcbn1cclxuXHJcbmgxLCBoMiwgaDMge1xyXG4gICAgY29sb3I6ICMyRTg2QzE7IC8qIEJsZXUgKi9cclxufVxyXG5cclxuaDEge1xyXG4gICAgZm9udC1zaXplOiAyOHB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjBweDtcclxufVxyXG5cclxuaDIge1xyXG4gICAgZm9udC1zaXplOiAyNHB4O1xyXG4gICAgbWFyZ2luLXRvcDogMzBweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XHJcbn1cclxuXHJcbmgzIHtcclxuICAgIGZvbnQtc2l6ZTogMjBweDtcclxuICAgIG1hcmdpbi10b3A6IDIwcHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xyXG4gICAgY29sb3I6ICNFNzRDM0M7IC8qIFJvdWdlICovXHJcbn1cclxuXHJcbnAge1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMTVweDtcclxufVxyXG5cclxuc3Ryb25nIHtcclxuICAgIGNvbG9yOiAjMTZBMDg1OyAvKiBWZXJ0ICovXHJcbn1cclxuXHJcbmVtIHtcclxuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcclxuICAgIGNvbG9yOiAjRTc0QzNDOyAvKiBSb3VnZSAqL1xyXG59XHJcblxyXG4uZXhhbXBsZS13cmFwcGVyIHtcclxuICAgIG1heC13aWR0aDogODAwcHg7XHJcbiAgICBtYXJnaW46IDAgYXV0bztcclxuICAgIHBhZGRpbmc6IDIwcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xyXG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xyXG4gICAgYm94LXNoYWRvdzogMCAwIDEwcHggcmdiYSgwLCAwLCAwLCAwLjEpO1xyXG59XHJcblxyXG4uZGlhbG9ndWUge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMzBweDtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XHJcbiAgICBwYWRkaW5nOiAxNXB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTtcclxufVxyXG5cclxuLmRpYWxvZ3VlIHAge1xyXG4gICAgbWFyZ2luOiA1cHggMDtcclxufVxyXG5cclxuLnBlcnNvbjEge1xyXG4gICAgY29sb3I6ICMyRTg2QzE7IC8qIEJsZXUgKi9cclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG59XHJcblxyXG4ucGVyc29uMiB7XHJcbiAgICBjb2xvcjogI0ZGRDcwMDsgLyogSmF1bmUgKi9cclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG59XHJcblxyXG4uZXhlcmNpc2Uge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMzBweDtcclxufVxyXG5cclxuLmV4ZXJjaXNlIHVsIHtcclxuICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcclxuICAgIHBhZGRpbmctbGVmdDogMDtcclxufVxyXG5cclxuLmV4ZXJjaXNlIHVsIGxpIHtcclxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XHJcbn1cclxuXHJcbi5leGVyY2lzZSBpbnB1dFt0eXBlPVwidGV4dFwiXSB7XHJcbiAgICBwYWRkaW5nOiA1cHg7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGRkZFMDsgLyogSmF1bmUgY2xhaXIgKi9cclxufVxyXG5cclxuLmVycm9yIHtcclxuICAgIGNvbG9yOiByZWQ7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxufVxyXG5cclxuLnZhbGlkYXRlLWJ1dHRvbiB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIHdpZHRoOiAyMDBweDtcclxuICAgIG1hcmdpbjogMjBweCBhdXRvO1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMxNkEwODU7IC8qIFZlcnQgKi9cclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGJvcmRlcjogbm9uZTtcclxufVxyXG5cclxuLnZhbGlkYXRlLWJ1dHRvbjpob3ZlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMTM4RDc1OyAvKiBWZXJ0IHBsdXMgZm9uY8OpICovXHJcbn1cclxuXHJcbi5jb3JyaWdlLWJ1dHRvbiB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIHdpZHRoOiAyMDBweDtcclxuICAgIG1hcmdpbjogMjBweCBhdXRvO1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNFNzRDM0M7IC8qIFJvdWdlICovXHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbn1cclxuXHJcbi5jb3JyaWdlLWJ1dHRvbjpob3ZlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjQzAzOTJCOyAvKiBSb3VnZSBwbHVzIGZvbmPDqSAqL1xyXG59XHJcblxyXG4ucHJvZ3Jlc3MtY29udGFpbmVyIHtcclxuICAgIG1hcmdpbi10b3A6IDMwcHg7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbn1cclxuXHJcbi5wcm9ncmVzcyB7XHJcbiAgICBoZWlnaHQ6IDIwcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTllY2VmO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbn1cclxuXHJcbi5wcm9ncmVzcy1iYXIge1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgbGluZS1oZWlnaHQ6IDIwcHg7XHJcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjNzIGVhc2UsIGJhY2tncm91bmQtY29sb3IgMC4zcyBlYXNlO1xyXG59XHJcblxyXG4ucHJvZ3Jlc3MtYmFyLnJlZCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGMzNTQ1OyAvKiBSb3VnZSAqL1xyXG59XHJcblxyXG4ucHJvZ3Jlc3MtYmFyLmJsdWUge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwN2JmZjsgLyogQmxldSAqL1xyXG59XHJcblxyXG4ucHJvZ3Jlc3MtYmFyLmdyZWVuIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMyOGE3NDU7IC8qIFZlcnQgKi9cclxufSJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==*/