body{
 background-image: url("lg.gif"); margin-left:0; margin-top:0; margin-right:0; margin-bottom: 0;
}


#container {
 position: fixed;
 top:1px;
 left: 1px;
 width: 100vw;
 height:100vh;
 }

 .btn-retour-fixe {
     position: fixed;
     top: 20px;
     left: 20px;
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 10px 20px;
     background-color: rgba(255, 255, 255, 0.95);
     color: #333;
     text-decoration: none;
     border-radius: 30px;
     border: 2px solid #EE3523;
     font-family: Arial, sans-serif;
     font-size: 15px;
     font-weight: 500;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
     transition: all 0.3s ease;
     z-index: 1000;
 }

 .btn-retour-fixe:hover {
     background-color: white;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
     transform: translateX(-3px);
 }

 .btn-retour-fixe .fleche {
     color: #EE3523;
     font-size: 20px;
     font-weight: bold;
     transition: transform 0.3s ease;
 }

 .btn-retour-fixe:hover .fleche {
     transform: translateX(-3px);
 }

blockquote {
 text-indent: 0em;

  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 10vw;
 }

p {
margin-top: 2.5em;
}


#main_page {
 position: relative;
 left: 0px;
 top: 0px;
 width: 70%;
 height:95vh;
 overflow:auto;
 padding-left:15%;
 padding-right:15%;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-weight: 500;
font-size: larger;
line-height: 1.5;
text-align: justify;
 }

 #main_simple{
  position: relative;
  left: 0px;
  top: 0px;
  width: 70%;
  height:100vh;
  overflow:auto;
  padding-left:15%;
  padding-right:15%;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: 500;
 font-size: larger;
 line-height: 1.5;
 text-align: justify;
 }


  #main_simple_OLD{
  position: relative;
  left: 0px;
  top: 0px;
  height:100vh;
  overflow:auto;
   width: 80%;
   padding-left:10%;
   padding-right:10%;
 text-align: justify;

  }


#bottom_bar {
 position: fixed;
 left: 0px;
 bottom:0px;
 width: 100%;
 height:auto;
 background-color: gray;
 color:white;
 }

sup {
 font-size: 0.6em;
  vertical-align: super;
  line-height: 0;
    }

sub {
   font-size: 0.6em;
   vertical-align: sub;
   line-height: 0;
    }

h1, h2, h3, h4, h5, h6{
 text-align:center;
 width:80%;
 margin: auto;
 padding: 15px;
font-weight: 600;
line-height: 1.5;
 }





 .heading h2{font-size:1.2em;}

 .heading h3{font-size:1.0em;}

 .heading h4{font-size:0.7em;}


.article:link {
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 }

:link {
 text-decoration: none;
 }


.tdm_b td {
 vertical-align: bottom;
 padding-left: 8px;
 padding-right: 8px;
 padding-top: 5px;
 font-size: 1.0em;
 font-weight:bold;
 }

.tdm td {
 vertical-align: top;
 padding-left: 8px;
 padding-right: 8px;
 padding-top: 5px;
 font-size: 1.0em;
 font-weight:bold;
 }


table, td {
 border: 0;
 border-collapse: collapse;
 }

td {
 vertical-align: top;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 7px;
 font-size: 1.0em;
 }

.right{text-align:right;}

.right20 {text-align:right; margin-right:20%;}

.center {text-align:center;}

.article {
 font-size: 1.2em;
 }

.footnotes {
 font-size: 1.0em;
 line-height:1.4;
 }

.footnotes td {
 font-size: 0.9em;
 }

.note{ font-size: 0.8em;}

cite {
 display:block;
 margin:8%;
margin-right:20%;
 text-align:right;
 font-style: italic;
 }

.citation {
 font-size: 1.0em;
 width:90%;
 margin: auto;
 }

ul {
 list-style-type: none;
 text-align: center;
 }


.separator1 {
 width: 40%;
 margin-top: 4%;
 margin-bottom: 4%;
 }

.separator2 {
 width: 20%;
 margin-top: 8%;
 margin-bottom: 8%;
 }

 .separator3 {
  width: 10%;
  margin-top: 8%;
  margin-bottom: 8%;
 }


.page {
 text-align: center;
 }

.pagination {
 background-color: lightgrey;
 }

.small{
margin-top: 1.0em;
}