.top {
    width: 1200px;
    height: 140px;
    background-image:  url("Drome-top.jpg") ;
    top: 0px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

} 

h1 {
    text-align: right;
    font-family: "Book Antiqua",   "Times New Roman";
    color: #F2F2F2;
font-style: italic; 
font-weight: bold;
text-shadow: 2px 2px 4px #000000;

}

.menu {
    width: 1200px;
    height: 40px;
    background-color: #A00E0E;
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translateX(-50%);
    font-family: verdana;

}



.line {
    width: 1200px;
    height: 1px;
    background-color: #400040;
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translateX(-50%);
}


.core {
    width: 1200px;
    height: 1200px;
    background-color: #B1C7B7;
    position: absolute;
    top: 181px;
    left: 50%;
    transform: translateX(-50%);
}



.texte {
   
   width: 1100px;
   margin-top: 10px;
   margin-left: 5px;
   background-color: #EFEFEF;
   position: absolute;
   top: 30px;
   left: 50%;
   padding: 10px;
   border-radius: 10px;
   transform: translateX(-50%);
   font-family: verdana;

}

.link {
    text-decoration: none;
    color: white;
    display: inline;
    border-bottom: 3px solid transparent;    
    position:relative;
    top: 10px;
    padding: 5px;
    margin: 10px;
    width: 0px;
    transition: 1.0s ease;
    white-space: nowrap;
    height: 20px;

}

.link:hover 
 {
    text-decoration: none;
    border-bottom: 3px solid #04B45F;
    width: 100px;
}

    a 
{
     text-decoration: none;

}