/* CSS Document */

#gg{ border-radius:10px; background-color:#FFFFFF}
div#menu{float:left; width:750px; overflow:scroll; border:0px;}
CCCC99
/*- Menu Tabs E--------------------------- */

   
.conteneur1{
    height: 300px;
    width: 1200px;
    margin: 50px auto;
    box-shadow: 0px 15px 10px -5px #777;
	
}
.d1{
    width:1150px;
    height:200px;
    background-image: url("img/P1.JPG");
    background-size: contain;
    
}


.conteneur2{
    height :2000px;
    width : 1200px;
    margin: 50px auto;
    box-shadow: 0px 15px 10px -5px #777;
}









.d3{
    width: 576px;
    height: 432px;
    margin: 50px auto;
    box-shadow: 0px 15px 10px -5px #777;
    background-color: #EDEDED;
    background-size: contain;
    animation: fondu 15s ease-in-out infinite both;
}
.conteneur3{
    max-width: 576px;
    margin: 50px auto;
}
.d4{
    width: 100%;
    height: 0px;
    padding-top: 75%;
    box-shadow: 0px 0px 10px #777;
    background-color: #EDEDED;
    background-size: contain;
    animation: fondu 15s ease-in-out infinite both;
}
.d5:hover, .d4:hover{
    animation-play-state: paused;
}
@keyframes fondu{
    0%{background-image: url("img2.jpg");}
    33.33%{background-image: url("img4.jpg");}
    66.67%{background-image: url("https://www.pierre-giraud.com/wp-content/uploads/2019/07/diapo3.png");}
    100%{background-image: url("https://www.pierre-giraud.com/wp-content/uploads/2019/07/diapo1.png");}
}