h1{
   margin-bottom: 20px;
    line-height: 150px;
    font-size: 90px;
    text-align: center;
    width: 99%;
    height: 180px;
    color:saddlebrown;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: gold;
    border: 4px solid saddlebrown;
}

.bg-image {
    background-image: url("../image/terrain/grass-g54b297d51_1280.jpg");
   background-size : cover;
    background-position : center center; 
} 
.deroulant ul{
    display:none;
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.deroulant {
    background-color: saddlebrown;
    display:flex;
    list-style-type: none;
    margin-left:40px;
    padding:0px;
    width:95%;
    height: 120px;
}
.deroulant a{
    display:block;
    width: 300px;
    min-height: 60px;
    line-height: 50px;
   background-color:rgb(154, 218, 141);
   color: saddlebrown;
   text-decoration: none;
   padding: 0;
   margin-left: 40px ;
   text-align: center ;
   border:3px solid darkgreen ;
}
.deroulant li:hover ul{
    display: block;
    position:absolute;
}
.deroulant li{
    position:relative;
}
.deroulant li:hover ul{
    display:block;
    position:absolute;
    top:63px;
    left:0px;
    z-index:100;
}
.deroulant ul a:hover{
    background-color: rgb(196, 244, 196);
}

.d1{
    width: 600px;
    height: 400px;
    margin: 100px ;
    border: 3px solid darkgreen;
    box-shadow: 0px 1px 5px 5px saddlebrown;
    background-color: rgb(198, 213, 175);
    background-image: url("../image/diaporama-meuse/image2.jpg");
    -webkit-animation-name:diapo1 ;
    -webkit-animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: initial;
    -webkit-animation-direction: normal;

moz-animation-name:diapo1 ;
    moz-animation-duration: 9s;
    moz-animation-timing-function: linear;
    moz-animation-iteration-count: infinite;
    moz-animation-direction: normal;

    animation-name:diapo1 ;
    animation-duration: 9s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
@-webkit-keyframes diapo1{
0%{background-image: url("../image/diaporama-meuse/image2.jpg");}
33%{background-image: url("../image/diaporama-meuse/image1.jpg");}
66%{background-image: url("../image/diaporama-meuse/image7.jpg");}
100%{background-image: url("../image/diaporama-meuse/image2.jpg");}
}

@-moz-keyframes diapo1{
    0%{background-image: url("../image/diaporama-meuse/image2.jpg");}
    33%{background-image: url("../image/diaporama-meuse/image1.jpg");}
    66%{background-image: url("../image/diaporama-meuse/image7.jpg");}
    100%{background-image: url("../image/diaporama-meuse/image2.jpg");}
    }
    @keyframes diapo1{
        0%{background-image: url("../image/diaporama-meuse/image2.jpg");}
        33%{background-image: url("../image/diaporama-meuse/image1.jpg");}
        66%{background-image: url("../image/diaporama-meuse/image7.jpg");}
        100%{background-image: url("../image/diaporama-meuse/image2.jpg");}
        }
.conteneur{
    max-width: 600px;
    margin:50px auto:
}

    .intro{
        width: 780px;
        text-align: justify;
        line-height: 1,5;
        color: saddlebrown;
        float: right;
        margin-right: 40px;
        margin-top: -530px;
    }
    .intro:hover{
        color:darkgreen;
    }
    a{color: goldenrod;
        text-decoration:underline;
        text-transform: uppercase;
        text-shadow: 1px 1px saddlebrown;
    }
    .introperso1{
font-family: Arial, Helvetica, sans-serif;
margin-top: 800px;
margin-left: 20px;
margin-right: 20px;
text-align: justify;
background-color: rgb(195, 235, 195);
font-weight: normal;
padding: 10px;
border: saddlebrown solid 3px;
line-height: 1,2;
    }
   /* .soustitre{
        text-align: center;
        color: saddlebrown;
        font-size: 50px;
    }*/

.introperso2{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
    background-color: rgb(234, 191, 161); 
    font-weight: normal;
    line-height: 1,2;
    padding: 10px; 
    border: darkgreen solid 3px;
}
.soustitre1{
    text-align: center;
    color: saddlebrown;
    font-size: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.soustitre2{
    text-align: center;
    color: darkgreen;
    font-size: 50px;
     margin-top: 10px;
     margin-bottom: 10px; 
}