header{
    background-image:url('../images/marbre_or.jpg');
    background-size: cover;
    text-align: center;
}

body{
    margin:0px;
    background-color: rgb(196, 196, 196);
    background-image:url('../images/background-white.jpg');
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}


h1{
    font-size: 50px;
}

space{
    color:rgb(243, 178, 0);
    text-shadow: 3px 0 black, -3px 0 black, 0 3px black, 0 -3px black,
             2px 2px black, -2px -2px black, 2px -2px black, -2px 2px black;
    font-size: 100px;
    font-weight: bold;
    font-family: 'Dancing Script', cursive;
}
#com{
    font-family: 'Dancing Script', cursive;
    font-size: larger;
    overflow-wrap:break-word;
    max-width:300px;

}

error{
    color:red;
    font-weight: bold;
}

#main{
    padding:5% 10% 5%;
    display: flex;
    flex-direction: column;
   
    
}

#ecrire{
    position: fixed;
    bottom: 0;
    right: 0;
    border-radius: 20px;
    box-shadow: 3px 0 rgb(243, 178, 0), -3px 0 rgb(243, 178, 0), 0 3px rgb(243, 178, 0), 0 -3px rgb(243, 178, 0),
    2px 2px rgb(243, 178, 0), -2px -2px rgb(243, 178, 0), 2px -2px rgb(243, 178, 0), -2px 2px rgb(243, 178, 0);
    width: 25%;
    padding :1%;
    background-color:#333;
    color:#ffd900;
    font-weight: bold;
}

#livre{
    background-color: white;
   
}

table{
    width: 100%;
}


table,td{
    padding : 1% 2% 1%; 
    background-color: white;
    color:black;
    
}
table,th,tr {
    padding: 10px;
    border: 1px solid black;
    border-collapse: collapse;    
    
}
table,th,thead {
    background-color: #333;
    color:#ffd900;
    font-size: large;
    padding: 10px;
    border: 2px solid black;
    border-collapse: collapse;
}

footer{
    color:white;
    background-color: rgb(49, 49, 49);
    text-align: left;
    padding: 2% 1% 2%;
}

footer a:link{
    text-decoration: none;
    color:white;
}
footer a:visited{
    text-decoration: none;
    color:white;
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
  }
  
li {
    float: left;
}
  
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
  
li a:hover:not(.active) {
    background-color: #111;
}
  
.active {
    background-color: #ffd900;
    color:black;
}

#cv{
    fill: rgb(255, 255, 255);
    fill-rule: nonzero;
    stroke: none;
    stroke-width: 1;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 10;
    stroke-dashoffset: 0;
}