#bloc_page{
            
            top:0px;
        }
        
        header{
            display:flex;
            flex-direction: row;
            justify-content: flex-end;
            padding-bottom:10px;
            font-family: sans-serif;
              color:#1b3262;
            font-size:0.9em;
            font-style: italic;
            
           
        }
        
        
        

#logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ca9e45;
    width:100%;
   
}
   
   #contenu{
        display:flex;
      flex-direction: row;
       justify-content: center;
       border:0px solid grey;
       
       font-family: sans-serif;
       
       
    }

p {

margin-left:40px; 
    background-color: rgba(202,158,69, 0.3); 
    color:#1b3262;
    padding:25px; 
    line-height: 25px; 
    text-align: justify;
    font-size:0.9em;
}

.center {
    
    background-color: rgba(17,77,127, 0.3); 
    color:#1b3262;
    text-align: center;
    margin-left:40px; 
}

    
article{
           border: 0px solid red;
            width: 700px;
            color:#1b3262;
            
            
        }


aside{
           border: 0px solid red;
            width: 200px;
            color:#1b3262;
            margin-top:67px;
            margin-left:30px;
            
            
        }
        
        
    
        h1{
            text-transform: uppercase;
               color:#1b3262;
        }
        
        nav {
            
            width:220px;
       
            
        }
        
        nav ul {
            
            list-style-type: none;
            line-height: 60px;
             
            
        }

        
        nav a {
            font-size:0.9em;
            color:#1b3262;
            text-decoration:none;
            
        }
        
          a {
    transition: border 0.3s ease-in-out;
    border-bottom: 1px solid transparent;
  }
  a:hover {
    border-color: #ca9e45;
      color:#ca9e45;
     
  }
        
        
     @keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  16.67% {
    opacity: 0;
  }
  33.33% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
         
         100% {
    opacity: 1;
  }
}
        
        #fade-in-out {
  animation: fade-in-out 3s ease 0s;
  opacity: 1;
}
        
        footer {
            height: 130px;
            background-color:#ca9e45;
            display:flex;
            flex-direction: row;
            justify-content: flex-end;
            font-family: sans-serif;
            color:#1b3262;
        }
        
        .bottom {
            margin:0px;
            line-height: 25px;
            font-size:0.9em;
            padding:15px;
            border:0px solid red;
            
        }
        
        .bottom:nth-child(1){
            
            flex:2;
        }
        
footer a {
    
  
            font-size:0.9em;
            color:#1b3262;
            text-decoration:none;
            
        }

footer a:hover {
    
  
            
            color:white;
            
            
        }