#onglets {
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : bold 22px arial, serif;
        list-style-type : none;
        left : 15%;
        margin-left :2%; /* la moitié de width */
        margin-top : 0;
        width : 70%;
        }

#onglets li {
    float : left;
    height : 28px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #c8d8e6;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #e90518;
    }

#onglets li.active {
    border-bottom: 1px solid #fff;
    background-color: #d6da0d;
    }

#onglets a {
    display : block;
    color : #181609;
    text-decoration : none;
    padding : 4px;
    }

#onglets a:hover {
    background : #e9ec37;
    }

#menu {
    background-image:url("./data/cocarde.png");
    height: 20px;
    padding-bottom : 100px;
    }

p {
    margin: 10px 0;
    padding: 5px;
    border: 1px solid #cf0a0a;
    background-color: #87888a;
    color:#0a0902;
    }
p1 {
    position: fixed;
    top:0;
    width: 70%;
    }
p2 {
    position: right 400px;
    top:50;
    width: 50%;
    
    }
html{
    background-image: url("./data/p4700.jpg");
    background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  }

.center{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

table {
  margin-left: 5%;
  margin-right: 5%;
  border: 1px solid #000;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden; /* Pour s'assurer que les coins arrondis sont visibles */
  font : bold 18px arial, serif;
}

table th,
table td {
  border: 1px solid #58756c;
  padding: 10px;
}

/* Pour éviter les doubles bordures et garantir une apparence cohérente */
table tr > :not(:last-child) {
  border-right: 1px solid #a5a1a1;
}

table > :is(thead, tfoot) > tr > *,
table > tbody:not(:last-child) > tr > * {
  border-bottom: 1px solid #928e8e;
}   

div{
  width: 100px;
  height: 100px;
  display: inline-block;
  border: 1px solid rgb(141, 132, 132);
  box-sizing: border-box;
}
.conteneur{
  width: 75%;
  height: 800px;
  display:block;
  background-color: #e9ec37;
  
}
.droite{right:150px;}
.absolu{position: absolute;}
.relative{position: relative}

.haut{top: 70px;}
.bas{bottom: 20px;}