body {
/*    background-color: #f5f5f5; */
    background-color: #f3f0e4;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #BDB76B; /* kaki */
}
a:active {
   color: fuchsia;
}
a:link {
   color: #a020fo;
}
li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 5px 16px;
/*    padding: hauteur_de_la_bande ecart_entre_item; */
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #4CAF50;
}

li.dropdown {
    display: inline-block;
}

a {
   fontsize: 50%; /* marche pas*/
}
.dropdown-content {
    fontsize: 50%; /* marche pas*/
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px; /* largeur menu déroulant */
/*    max-height: 10px;  ne marche pas Transparent*/
/*    height: 10px;  ne marche pas Transparent*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    height: 5px;
    fontsize: 5%; 
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
    height: 5px;
    fontsize: 5%; 
}

.dropdown:hover .dropdown-content {
    display: block;
}
/*
.active {
    background-color: #4CAF50; /* Met en vert le lien actif : la page où on est*/
}
*/
/*
li a:active {
    background-color: #BDB76B; /* kaki */
}
*/
h2 {
   text-align: center;
   font-family: times;
   font-weight: bold;
/*   font-size: medium; */
   font-size: 12pt;
   color: #000066;
}
.rubr{
   font-family: times;
   font-size: 12pt;
   color: #000066;
 /*  border-style: solid; */
   border-width: 1px;
   margin-bottom: 20px;
   margin-top: 20px;
   margin-left: 2px;
   margin-right: 2px;
   background-color: #CCCCCC;
   text-align: center;
   /* background-color: #c6e2ff; */
   /*background-color: lightblue;*/
}
.rubr h2{
   font-size: 12pt;
}
.rubr:hover{
   background-color: #4CAF50;
}
div.new{
   font-family: times;
   font-size: 12pt;
   color: #000066;
   margin-top: 0px;
   margin-bottom: 0px;
   background-color: #f5f5f5;
   padding:0px 20px 5px 20px; 
/* 
   border-style: solid;
   border-width: 1px; 
   background-color: white; 
   background-color: #c6e2ff; 
   background-color: #c6e2ff;
   background-color: #EEEED1; 
*/
   
}
div.new p {
    padding: 20px;
    text-align: center;
    background-color: lightgray;

    /* background-color: #98fb98; 
       margin-top: 0px;
    */

}
div.top{
   font-family: times;
   font-size: 12pt;
   color: #000066;
   border: 5px, solid, black;
   text-align: center;
   /* border-style: solid;
      border-width: 1px; 
      border-collapse: separate; 
      border-spacing: 5px 5px; 
   */
   margin-bottom: 0px;
   margin-left: 3px;
   margin-right: 3px;
   /* background-color: #c6e2ff; 
      background-color: white; 
      background-color: #EEEED1; 
      background-color: #f5f5f5;
   */
    background-color: #f3f0e4;
   /* padding:20px 15px 15px 20px; */
   /* padding: 20px; */
}
div.top p {
   padding: 20px;
    text-align: center;
    /* background-color: #98fb98; */
    background-color: lightgray;
}

img.left{
   margin-left: 0px;
}
img.center{
   margin-top: 3px;
   margin-left: 0px;
}
video {
   width: 400px;
   /* width: 320px; height: 180px; */ 
   margin-left: 20px; 
   padding: 20px;
   border: none;
}
table {
   border-width: 0pt;
}
table.fichea {
   width: 80%;
   border: 1px solid black;
   border-collapse: collapse;
}
td {
   font-family: times, Arial, Helvetica, sans-serif;
   font-size: 12pt;
}
h1 {
   text-align: center;
   font-family: times;
   font-weight: bold;
   color: #000066;
}
table.fichea td {
   border: 0px solid black;
   border-collapse: collapse;
   padding: 8px;
}
th {
    font-family: times, Arial, Helvetica, sans-serif;
    color: #000066;
    background-color: #CCCCCC;
    font-size: 12pt;
}
span.b {color: #000066;}
.newspaper
{
-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
column-count:4;
}
.newspaper2
{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}

iframe {
   width: 100%; 
   height: 800px;
}

ul.normal {
   list-style-type: circle;
   background-color: white;
   overflow: visible;
}
li.normal {
   text-align: left;
   font-family: times ;
   font-size: 12pt;
   color: #000066;
   background-color: white;
   float: none;
   display: block;
}
li.normal a {
   display: block;
   color: black;
   background-color: white;
   float: none;
}
li.normal a:hover {
    background-color: yellow;
}
div.top p.blanc {
   background-color: #f5f5f5;
}
div.ligne {
   display: flex;
   width: 80%;
   margin : 0 auto;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
}
div.ligfirst{
   display: flex;
   width: 80%;
   margin : 0 auto;
   border: 1px solid black;
}
div.carre{
   flex: 1 1 8%;
   border-right: 1px solid black;
   padding : 1px;
}
div.neg {
    color: red;
   text-align: center;
}
span.neg {
    color: red;
}