body{
	/*background-image:   url(/fond/FondHOG.jpg);*/
	background-color: #000000;
}

#header{
    position: absolute;
    color: #000000;
    top:5px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    background-color: #FFFF00;
    font-family: "Comic Sans MS";
    font-size: 18px; 
   /* opacity: 0.8;*/
}

#logo{
    position: relative;
    top:25px;
    background-color: #000000;
    display: flex;
    justify-content: center;
}

#photos{
    position: relative;
    background-color: #000000;
    top:270px;
    justify-content: center;
    font-size: 44px; 
    color: #ffff00;

}

#titre{
    position: relative;
    color: #ff0059;
    top:120px;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
    background-color: #000000;
    font-family: "Comic Sans MS";
    font-size: 44px; 
   /* opacity: 0.8;*/
}

#titre1{
    position: relative;
    color: #ffff00;
    top:120px;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
    background-color: #000000;
    font-family: "Comic Sans MS";
    font-size: 44px; 
}

#titre2{
    position: relative;
    color: #ff0059;
    top:145px;
    padding-top: 5px;
    padding-bottom: 15px;
    font-weight: bold;
    text-align: center;
    background-color: #000000;
    font-family: "Comic Sans MS";
    font-size: 64px; 
   /* opacity: 0.8;*/
}

#titre3{
    position: relative;
    color: #ff0059;
    top:152px;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
    background-color: #000000;
    font-family: "Comic Sans MS";
    font-size: 28px; 
   /* opacity: 0.8;*/
}

#titre4{
    position: relative;
    color: #ffffff;
    top:160px;
    padding-top: 5px;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    background-color: #000000;
    font-family: "Comic Sans MS";
    font-size: 28px; 
   /* opacity: 0.8;*/
}

#references{
    position: relative;
    color: #FFCC00;
    top:180px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background-color: #000000;
    font-family: "Comic Sans MS";
    font-size: 40px; 
}

#separer{
    position: relative;
    top:190px;
    margin-left: auto;
    margin-right: auto;
    width:90%;
    height: 15px;
    background-color: #566902;
}


#pied{
    position: relative;
    color: #00ff1a;
    text-align: center;
    padding-top: 50px;
    background-color: #000000;
    font-family: "Verdana";
    font-size: 30px; 
    top:190px;
}


#login-background{
    opacity: 0.85;
   background-color: #000000;
    color: #8d2222;
   position: absolute;
   top: 0px;
    width: 100%;
    height: 1200px;
    z-index: 20;
}

#login{
        
    background: #2A7B9B;
    background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
    border-radius: 40px;
    padding: 25px;
         position: absolute;
    top: 120px;
    left: 25%;
    width: 50%;
    height: 40%;
    z-index: 40;
}

th, td {
  border-collapse: collapse;
  text-align: left;
  border: 1px inset black;
  border-radius: 10px;
}