/* NEW: CSS Classes for Table of Contents and Navigation */

html {
    scroll-padding-top: 100px;
    scroll-behavior: smooth;
}

#sommaire {background: #f9f9f9 none repeat scroll 0 0;border: 1px solid #aaa;display: table;font-size: 17px;line-height: 1.8rem;margin-top: 8px;margin-bottom: 1em;width: auto;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;}

.entre2p{
margin-bottom: 0px;
}
.p-avant-liste {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Breadcrumb Styles */
.breadcrumb-container {
    display: inline-block;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background-color: #f2f2f2;
    padding: 4px 12px 5px 12px;
    font-size: 0.875rem;
    margin-top: 1px;
    margin-bottom: 11px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.breadcrumb-nav a {
    color: #3b82f6;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-nav a:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

.breadcrumb-separator {
    color: #6b7280;
    margin: 0 4px;
}

.breadcrumb-current {
    color: #374151;
    font-weight: 500;
}

        .content-section, .lesson-box {
            margin-bottom: 2rem;
        }
        
        .intro-box, .tip-box, .warning-box, .reading-box {
            background: #f8f9fa;
            padding: 0.2rem 1rem 0 1rem;
            border-left: 4px solid #007cba;
            margin: 0.1rem 0 0.25 rem 0;
        }
        
        .warning-box {
            border-left-color: #dc3545;
            background: #fff5f5;
            margin: 0 0 2.1em 0;
        }
        
        .example-box {
            background: #e7f3ff;
            padding: 1rem;
            border-radius: 4px;
            margin: 1rem 0;
        }
        
        .image-container {
            text-align: center;
            margin: 25px 0;
        }
        
        .image-container img {
            max-width: 100%;
            height: auto;
        }
        
/* Références scientifiques - Optimisé SEO */
.reference-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-top: 2rem;
        
        
        .comparison-table {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 0.5rem;
            margin: 1rem 0;
        }
        
        .table-header, .table-row {
            display: contents;
        }
        
        .table-cell {
            padding: 0.5rem;
            border-bottom: 1px solid #eee;
        }
        
        .table-header .table-cell {
            font-weight: bold;
            background: #f8f9fa;
        }
        
        .triggers-container, .excuses-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1rem;
            margin: 1rem 0;
        }
        
        .trigger-card, .excuse-card {
            border: 1px solid #ddd;
            padding: 1rem;
            border-radius: 4px;
            background: white;
        }
        
        nav#sujetc {
            margin-top: 3rem;
            padding-top: 1rem;
            border-top: 2px solid #eee;
        }
        
        .ULLigneTitreSujet {
            list-style-type: none;
            padding-left: 0;
        }
        
        .ULLigneTitreSujet li {
            margin-bottom: 0.5rem;
        }
		
/*.ULLigneTitreSujet {margin-left: 26px !important;margin-bottom: 0px !important;margin-top: 0px !important;font-size: 17px;}*/

q {
  margin-top: 3px;
  quotes: "«\00a0" "\00a0»"; /* Uses non-breaking spaces inside guillemets */
  font-style: italic;
  color: #555; /* A softer, darker gray than the text */
}

/* Optional: Adds a subtle background for very modern sites */
q {
  background-color: #f8f8f8;
  padding: 0.1em 0.3em;
  border-radius: 3px;
}

}

.reference-card {
  background: var(--couleur-fond-secondaire, #f8f9fa);
  border-left: 4px solid var(--couleur-accent, #2c5aa0);
  padding: 4px 1.5rem 4px 1.5rem;
  border-radius: 0 8px 8px 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.reference-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.reference-title {
  font-size: 1.1rem;
  margin-top: 8px;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

.reference-title a {
  color: var(--couleur-texte, #333);
  text-decoration: none;
  background: linear-gradient(currentColor, currentColor) no-repeat 0 100%/0 1px;
  transition: background-size 0.3s ease, color 0.3s ease;
}

.reference-title a:hover {
  color: var(--couleur-lien, #2c5aa0);
  background-size: 100% 1px;
}

.reference-source {
  font-size: 0.9rem;
  color: var(--couleur-texte-secondaire, #666);
  margin-bottom: 0.4rem;
}

.reference-desc {
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--couleur-texte, #333);
  margin: 0;
}
/* FIN CSS pour références */
/* Responsive */
@media (min-width: 768px) {
  .reference-grid {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
  }
}



.search-box-item {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.search-box-item form {
    display: flex;
    align-items: center;
    gap: 5px;
}

@media (max-width: 1300px) {
    [id="navigation-principale"] .cote-droite > ul {
        gap: 6px;
    }
    
    /* Move search box to right column */
    .search-box-item {
        display: none; /* Hide from navigation */
    }
    
    /* Show search box in right column */
    .r2ight-column .card form {
        display: block;
        margin-bottom: 15px;
        padding: 10px;
        background-color: #e8e8e8;
        border-radius: 5px;
    }
    
    .r2ight-column .card form input[type="text"] {
        width: 100%;
        margin-bottom: 5px;
    }
    
    .r2ight-column .card form input[type="submit"] {
        width: 100%;
    }
}

   .hero {
      text-align: center;
      padding: 3.5rem 1rem;
      background: var(--white);
	margin-top: -66px;
	margin-bottom: -70px;
    }
    .hero h2 {
      font-size: 1.6rem;
      margin-bottom: 1rem;
      color: var(--primary);
    }

    .hero p {
      font-size: 1.1rem;
      max-width: 720px;
      margin: 0 auto;
      color: var(--text-light);
    }

        .responsive-image {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
        }
        
        .responsive-image:hover {
            transform: scale(1.02);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        
        .image-caption {
            margin-top: 10px;
            font-style: italic;
            color: #7f8c8d;
            font-size: 0.9rem;
        }

  .toc-nav {
    margin: 20px 0;
    padding: 0;
  }
  
  .toc-link {
    display: inline-block;
    color: #2c5aa0;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 0;
    border-bottom: 1px solid #2c5aa0;
  }
  
  .toc-link:hover {
    color: #1c3f7a;
    border-bottom-color: #1c3f7a;
  }
  
  .table-of-contents {
    margin: 20px 0;
    padding: 25px;
    background-color: #f8fafd;
    border-radius: 8px;
    border-left: 4px solid #4a86e8;
  }
  
  .toc-title {
    font-size: 1.5em;
    color: #2c5aa0;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
  }
  
  .toc-list {
    columns: 2;
    column-gap: 30px;
    padding: 0;
    margin: 0;
  }
  
  .toc-list li {
    margin-bottom: 10px;
    break-inside: avoid;
    list-style-position: inside;
  }
  
  .toc-list a {
    color: #4a5568;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  
  .toc-list a:hover {
    color: #2c5aa0;
    text-decoration: underline;
  }


/* Classic French Styling for <q> */
.enonceh {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.8rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #3498db;
  line-height: 1.4;
}

.enoncep {
  font-family: 'Georgia', serif;
  font-size: 1.1rem;
  line-height: 1.7;
  color: #34495e;
  margin-bottom: 2rem;
  padding: 0.8rem;
  background-color: #f8f9fa;
  border-left: 4px solid #3498db;
  border-radius: 0 4px 4px 0;
}

  p.legend {
    font-style: italic;
    color: #7f8c8d;
    text-align: right;
    margin-top: 2.5rem;
    padding-right: 15px;
    font-size: 0.95rem;
    border-right: 3px solid #e74c3c;
    background-color: #f9f9f9;
    padding: 10px 15px;
    border-radius: 0 5px 5px 0;
  }
  
  .lesson-box {
    background-color: #f5f8fa;
    border-left: 4px solid #3498db;
    padding: 3px 14px 14px 14px;
    margin-top: 24px;
    border-radius: 0 5px 5px 0;
  }
  
  .lesson-box h2 {
    color: #2c3e50;
    margin-top: 0;
    font-size: 1.5rem;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
  }

.dialog-inline {
font-family: system-ui, -apple-system, BlinkMacSystemFont,
  "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-style: italic;
  font-style
  color: #333333;
  quotes: "«&nbsp;" "&nbsp;»";
  box-shadow: 0 4px 12px rgba(0,0,0,.08);  /* subtle lift */
  border: 1px solid rgba(0,0,0,.05);     /* optional faint border */
  }

 .sun {position: absolute;top: 40px;right: 40px;width: 60px;height: 60px;background: radial-gradient(circle, #ffeb3b, #fdd835);border-radius: 50%;box-shadow: 0 0 15px rgba(255, 235, 59, 0.7);}.hamburger-menu {display: none;position: relative;}.hamburger-menu ul {position: absolute;top: 100%;left: 0;background-color: #E9D758;padding: 10px;border-radius: 30px;display: none;left: -8rem;}.hamburger-menu ul li {list-style-type: none;}.hamburger-menu ul li a {color: #450920;padding: 10px;display: block;}.hamburger-menu ul li a:hover {background-color: #F46052;border-radius: 30px;}.hamburger-menu:hover ul {display: block;}.hamburger-menu {display: block;margin-left: 10px;}}#navigation-principale {height: 67.5px;display: flex;align-items: center;}.li-hamberger-2-liste li {padding-left: 1rem;margin-left: -25px !important;width: 13rem;}[id="navigation-principale"] {display: flex;gap: 20px;justify-content: space-between;align-items: center;flex-wrap: wrap;background: linear-gradient(#ffd561, #ff6e2a);max-height: max-content;position: sticky;top: 0;}[id="navigation-principale"] a {display: block;padding: 10px;color: #450920;text-decoration: none;font-family: "Gowun Dodum", sans-serif;font-weight: 400;font-style: normal;margin-bottom: -7px }[id="navigation-principale"]>div>ul>li>a:hover {background-color: #E9D758;border-radius: 30px;z-index: 0;}[id="navigation-principale"] img {max-width: 55px;display: block;border-radius: 250px;}[id="navigation-principale"] .cote-gauche .logo {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 5px 0;margin: 5px 0;}[id="navigation-principale"] .cote-gauche p {color: #cc291b;font-family: "Poiret One", sans-serif;font-weight: 700;font-style: normal;font-size: larger;}[id="navigation-principale"] .cote-gauche {display: flex;flex-direction: row;gap: 20px;align-items: center;flex-wrap: wrap;margin: 0 20px;}[id="navigation-principale"] .cote-droite>ul {display: flex;flex-direction: row;gap: 20px;align-items: center;justify-content: center;flex-wrap: wrap;list-style-type: none;margin: 0 20px;}[id="navigation-principale"] .menu-deroulant {display: flex;flex-direction: column;position: relative;gap: 0px;}[id="navigation-principale"] .menu-deroulant ul {position: absolute;top: 100%;left: 0%;width: max-content;height: 190px;transition-duration: 120ms;transition-property: opacity, translate;overflow: auto;z-index: 1;}[id="navigation-principale"] .menu-deroulant:nth-last-child(1) ul {top: 100%;left: auto;right: 0%;}[id="navigation-principale"] .menu-deroulant ul li {list-style-type: none;margin-left: -3rem;}[id="navigation-principale"] .menu-deroulant ul li a {background-color: #E9D758;padding: 5px 20px;color: #450920;}.menu-deroulant ul li:nth-last-child(1) a {border-radius: 0 0 30PX 30px;}.menu-deroulant ul li:nth-child(1) a {border-radius: 30px 30px 0 0;}[id="navigation-principale"] .menu-deroulant:not(:hover) ul {opacity: 0;translate: 0px -20px;pointer-events: none;}.menu-deroulant:hover {background-color: #F46052;border-radius: 30px;}[id="navigation-principale"] .menu-deroulant ul li a:hover {background-color: #F46052;}.hamburger-menu {display: none;position: relative;margin-top: -10px;}.hamburger-menu ul {position: absolute;top: 100%;left: 0;background-color: #E9D758;padding: 10px;border-radius: 30px;display: none;}.hamburger-menu ul li {list-style-type: none;}.hamburger-menu ul li a {color: #450920;padding: 10px;display: block;}.hamburger-menu ul li a:hover {background-color: #F46052;border-radius: 30px;}.hamburger-menu:hover ul {display: block;}#navigation-principale {height: 67.5px;display: flex;align-items: center;}html, body, p, ol, ul, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}h1, h2, h3, h4h4 , h5, h6 {font-size: 100%;font-weight: normal;}button, input, select {margin: 0;}html {box-sizing: border-box;}*, *::before, *::after {box-sizing: inherit;}img, video {height: auto;max-width: 100%}iframe {border: 0;}table {border-collapse: collapse;border-spacing: 0;}td, th {padding: 0;}body {background-color: #f4f4f4;body {font-family: Arial, 'Open Sans', sans-serif;}*/}img {transition: none !important;}.clabouton {display: inline-block;outline: 0;border: none;box-shadow: none;cursor: pointer;padding: 9px 22px;font-size: 22px;height: 50px;font-weight: 400;color: #fff;text-align: center;line-height: normal;background: linear-gradient(90deg, #5522fa 0, #0074e4 100%);border-radius: 50px;transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;:hover {box-shadow: 0 0 0 0.15rem #5ceace;}}.button-63:active, .button-63:hover {outline: 0;}.wp-block-image {margin-bottom: 1em;}.related-topics {background-color: #f9f9f9;border-top: 2px solid #ccc;padding: 20px;margin-top: 40px;font-family: Roboto, 'Open Sans', Inter, Lato;font-size: 16px;}
 .related-topics h3 {font-size: 14px;font-weight: 700;margin-bottom: 10px;color: #333;}.related-topics ul {list-style-type: disc;margin-left: 20px;}.related-topics ul li {margin-bottom: 8px;}.related-topics ul li a {color: #007BFF;text-decoration: none;transition: color 0.3s ease;}.related-topics ul li a:hover {color: #0056b3;text-decoration: underline;}.imagecentre {display: flex;flex-direction: column;align-items: center;text-align: center;margin-top: 2.25rem;}.imagedroite {float: right;margin-left: auto;}.nat-text {line-height: 0 }body {align-items: left;background-color: #f4f4f4;justify-content: left;margin: 0;font-family: system-ui;counter-reset: ccc;font-size: 18px;counter-reset: ccc;}a {text-decoration: none;color: #0099cc !important;}button {
	 color: #ffffff;background-color: #000000;border: none;font-size: 22px;padding-top: 0px;margin-top: 24px;vertical-align: middle;}p {line-height: 1.5;margin-bottom: 1rem;margin-top: .5rem;text-align: justify;}ol {margin-left: 28px;margin-top: 8px;margin-bottom: 0px;}ul {margin-left: 28px;margin-top: 8px;margin-bottom: 0px;}li {margin-top: 14px;line-height: 1.5rem;margin-top: 7px;margin-bottom: 7px;}blockquote {quotes: none;text-align: center !important;max-width: 80%;margin: 1.5em auto;padding: 1em 1.5em;border: 3px solid #ccc;font-style: italic;color: #555;line-height: 1.6;font-family: serif;}blockquote::before {content: none;}blockquote::after {content: none;}h1, h2, h3, h4, h5, h6, h7 {font-family: sans-serif;font-weight: 700;line-height: 1.2;margin-bottom: 0.4em;margin-top: 1em;color: #333;}h1 {font-size: 1.75em;border-bottom: 2px solid #ddd;padding-bottom: 0.2em;}h2 {font-size: 1.1em;}
	 
	 h3 {font-size: 1em;margin-left: 8px; margin-bottom: 4px;}h4 {font-size: 1em;margin-left: -7px;margin-bottom: -5px;}h5 {font-size: 1em;font-weight: 600;margin-bottom: -5px;line-height: 1;}h6 {font-size: 1em;margin-bottom: -5px;}h7 {line-height: 1.5;font-weight: 600;margin-bottom: 0rem;margin-top: .5rem;text-align: justify;}.footer-content {display: flex;align-items: center;}.footer-content img {margin: 0 auto;}.drop2down .drop2btn {background-color: #000000;border: none;color: rgb(0, 153, 204);font-size: 22px;font-weight: 700;margin-top: 10px;Margin-right: 24px;padding-bottom: 9px;cursor: pointer;}.drop2down-content {background-color: #f9f9f9;text-align: left;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);display: none;list-style-type: none;min-width: 160px;position: absolute;padding-left: 1rem;padding-bottom: 3px;z-index: 1;}.drop2down-content a {margin-top: 5px;float: none;color: #000000;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}.drop3down-content a {color: #0099cc;display: block;font-size: 17px;margin-left: -153px;position: relative;top: -39px;z-index: 1;}.subnav-content {display: none;left: 0;background-color: red;width: 100%;z-index: 1;}.subnav-content a {float: left;color: white;text-decoration: none;}.subnav-content a:hover {background-color: #eee;color: #000000;}.subnav:hover .subnav-content {display: block;}.c-span {font-size: 14px;}.categorie-article-o {margin-top: 0px;padding-left: 4rem;width: 15rem;}}.page-populaire-u {margin-left: 1rem;margin-top: .5rem;}.image-position {width: 100%;height: auto;max-width: 297px;margin-top: 13px;}.image-centre {display: block;margin-left: auto !important;margin-right: auto !important;width: 100%;height: auto;margin-top: 5px;}.bouton-retour {background-color: #C2FBD7;border-radius: 50px;border-width: 0;box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0;color: #008000;cursor: pointer;display: block;font-family: Arial, sans-serif;font-size: 1em;padding: 0 25px;transition: all 200ms;}.bas-de-page {font-size: 15px;background-color: lightgrey;color: #white !important;text-align: center !important;padding: 10px 10px 10px 0px;position: relative !important;bottom: 0 !important;width: 100% !important;}.affiche600 {height: 120px;max-height: 120px;display: none;margin-bottom: -5px;width: 600px;}.affiche800 {height: 120px;max-height: 120px;display: none;margin-bottom: -5px;width: 800px;}.affiche1000 {display: none;height: 120px;margin-bottom: -5px;width: 1000px;}.affiche1200 {display: block;height: 120px;margin-bottom: -5px;margin-left: auto;margin-right: auto;width: 1894px;}.grid-container {display: grid;grid-template-columns: auto 250px;row-gap: 1rem;column-gap: 1rem;margin: -9rem auto 0;background-color: #ffffff;padding-left: 1rem;padding-right: 1rem;max-width: 1100px;z-index: 0;}.grid-container > div {background-color: rgba(255, 255, 255, 0.8);}.titre-article-column {grid-column: 1/3;padding-top: 38.5px;margin-top: 0.72rem;margin-bottom: 1rem;text-align: center }.l2eft-column {color: #000000;grid-column: 1/2;margin-top: 9rem;min-width: 240px;}.r2ight-column {grid-column: 2/3;margin-top: 14.1rem;}.b2as-page {grid-column: 1/3;}.b2as-page {grid-column: 1/3;}figure {display: block;}figure img {text-align: center;display: block;}figcaption {background-color: #ffffff;color: #000000;font-size: 12px !important;font-style: italic;margin-top: 2px;padding: 0px 2px 2px 2px ;text-align: center;}.aligncenter {margin-left: 50% ;margin-right: 50% ;padding-left: 50% padding-right: 50% ;float: center;}.evolution-101 {color: white;font-size: 6vw;left: 9%;margin-top: -23px;margin-left: .9rem;position: absolute;top: 0%;}.menu-bouton {background-color: white;color: #000000;display: none;font-size: 1.3rem;position: absolute;top: 77%;z-index: 2000;}.dropdown drop2down drop3down {position: absolute;float: right;}.dropdown .dropbtn {background-color: #ffffff;color: #000000;cursor: pointer;display: none;font-size: 22px;margin-top: 6px;margin-right: 4rem;}.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);width: 160px;float: right;z-index: 1;}.dropdown-vertical {float: right;margin-right: 123px;margin-top: 0px }.dropdown-content a {color: #0099cc;background-color: #f2f2f2;border-bottom: 1px solid #ddd;display: block;padding: 0px 0px 0px 0px;text-decoration: none;top: -24px;}.dropdown-content a:hover {background-color: #f1f1f1;}.dropdown:hover .menu-liste {display: block;}.dropdown:hover .dropdown-content {display: block;}.dropdown:hover .dropbtn {background-color: rgb(115, 115, 115);}.dropbtn:hover {background-color: rgb(115, 115, 115);}.drop3down-content a:hover {background-color: #f1f1f1;}.drop3down:hover .drop3down-content {display: block;}.drop3down:hover .drop3btn {background-color: rgb(115, 115, 115);}.drop3btn:hover {background-color: rgb(115, 115, 115);}.drop2down-content a:hover {background-color: #ddd;}.drop2down:hover .drop2down-content {display: block;}.leftcolumn {font-size: 18px;margin-top: 242px;margin-right: 10px;padding-top: 0;color: #000000;background-color: #ffffff;flex: 1;}.rightcolumn {margin-top: 242px;flex: 0 0 250px;padding-left: 0px;background-color: rgb(215, 217, 219);}a.home, a.lien {font-size: 22px;font-weight: 700;color: #ffffff;margin-right: 24px;}.menu-liste {background-color: #ffffff;color: rgb(0, 153, 204);Cursor: pointer;display: none;font-size: 17px;height: 1.7rem;padding: 0px 0px 0px 0px;text-decoration-line: none;}.lienvertical {background-color: #a9a9a9;border-bottom: 1px solid #000000;color: rgb(0, 153, 204);font-size: 17px;height: 1.7rem;}.entete {background-color: #000000;position: fixed;width: 100%;z-index: 1000;}.container {margin-top: 0;padding: 0px 12px 12px 12px;color: #f9f9f9;}.flexbox {display: flex;min-width: 0;}.topnav {overflow: hidden;background-color: black;padding: 0 0 0px 0;width: 100%;}.topnav a {float: left;display: block;color: #f9f9f9;padding: 0px 0px 10px 0px;text-decoration: none;}.topnav a:hover {background-color: #ddd;color: #000000;}.lienhorizon {border-bottom: 10px solid white;align-items: center;display: flex;justify-content: center;margin-top: 0px;text-align: center;white-space: nowrap;}.card {text-align: left;background-color: rgb(215, 217, 219);padding: 16px 0px 0px 20px;margin-top: -3.75rem;margin-left: 0.09rem;color: black }.row::after {content: "";display: table;clear: both;}.titre-article {background-color: rgb(198, 198, 198);margin-top: -28px;margin-bottom: 0px;padding: 0.7rem;}.titre-section {font-size: 22px;font-weight: 700 !important;margin-top: 0px;margin-left: -0.7rem;margin-bottom: 7px;padding-top: 0px;}.ll {margin-top: 6px;margin-left: 1.45rem;}.tdm {background: #f9f9f9 none repeat scroll 0 0;border: 1px solid #000000;column-count: auto;column-width: 245px;font-family: Arial, sans-serif;font-size: 18px;font-weight: 500;margin-top: .88rem !important;margin-bottom: -4px !important;list-style-position: inside;text-align: left;text-decoration-line: none;}.tdm-item {list-style-type: none;margin-left: 11px;margin-top: 2px;padding-left: 32px;text-indent: -32px;}.tdm-item-ol {margin-left: 11px;margin-top: 2px;padding-left: 32px;text-indent: -32px;}.titre-section-tdm {margin-bottom: 0;margin-left: 26px;text-indent: -26px;}
	 
	 .PLigneTitreSujet {margin-bottom: 0.4rem !important;margin-top: 0px !important;color: #000066;font-size: 17px;font-weight: 700 !important;}#sujetc, #bio, #livre, #livre2 {background: #f9f9f9 none repeat scroll 0 0;border: 1px solid #aaa;display: table;font-size: 17px;line-height: 1.8rem;margin-top: 40px;margin-bottom: 1em;width: auto;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;}.row {background: #f9f9f9;border: 1px solid #aaa;}.alignright {float: right;}.alignleft {float: left;}figure {padding: 4px;margin: auto;}@media only screen and (max-width: 900px) {.menu-bouton {display: block !important;}.titre-article {margin-top: -38px !important;}.grid-container {grid-template-columns: auto !important;}.l2eft-column {grid-column: 1/3 !important;}.l2eft-column {margin-top: 9rem !important;}.r2ight-column {grid-column: 1/3 !important;}.topnav {display: none;}.dropbtn {display: block !important ;color: #0099cc;}.drop2down {display: none }.dropdown {display: block !important;color: #0099cc;}.dropdown-content {display: none;color: #0099cc;}.dropdown-content a {display: block;color: #0099cc;}.rightcolumn {margin-top: 0px !important;}.flexbox {flex-direction: column;}.leftcolumn, .rightcolumn {width: 100%;}.drop3down-content {display: none;color: #0099cc;}}}
	 @media (max-width: 768px) {h1 {font-size: 1.60em;}h2 {font-size: 1.1em;}h3 {font-size: 1.1em;}h4 {font-size: 1.1em;}}
	 @media (max-width: 966px) {[id="navigation-principale"] .cote-droite > ul {display: none;}.hamburger-menu {display: block;margin-left: 9px;}}
	 @media (max-width: 555px) {[id="navigation-principale"] .cote-gauche .logo {display: none;}}
	 @media (max-width: 554px) {.hamburger-menu {margin-left: -24px;padding: 0;}}