* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;width: 95%;min-height: 100vh;margin: auto;background-color:#F7E377; color:black
}

header, nav, .slider, main, footer {
    width: 100%;margin-top: 20px
}

header {
    background: white;
    color:midnightblue;
    text-align: center;
    padding: 1em 0;
}

nav {
    background: white;margin-top: 5px;color:white;min-height: 25px;font-family:Arial,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed"
		
}

nav ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
}

nav ul li a {
    color:navy;
    text-decoration: none;
    padding: 1em;
    display: block;
}

nav li a:hover {
    background-color:cadetblue;
    color:black;
}





.slider {
    position: relative;
    overflow: hidden;
	max-width: 100%;
    height: 400px;margin-top: 5px
}

.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;text-align: 
}

main {
    padding:;
    background: #f4f4f4;
}

footer {
    background: #213F74;
    color: #fff;
    text-align: ;
    padding: 1em 0;margin-bottom: 20px
}

@media (max-width: 768px) {
    nav ul {
        flex-direction: column;
        text-align: center;
    }

    .slider {
        height: 200px;
    }
}

@media (max-width: 480px) {
    nav ul {
        flex-direction: column;
        text-align: center;
    }

    .slider {
        height: 150px;
    }
}



.entete_aniaire{ width: 100%
        height:250px;color: navy;background-color: white;font-family:Arial,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed"
    }
.entete_logo_aniaire {text-align: center
        
    }
.entete_montre {width: 50%;padding-left:30px
        height: ;
    }
.entete_texte_mouve { width:95%;padding-left: 20px
        height: 
    }
.nos_servicesa{ width:100%;min-height: 50vh;background-color:#213F74;margin-top:px;color:white;margin-bottom:5px}
.text_nos_servicea{ width:80%;background-color: ;padding:5px;margin-left: 50px}
.text_interieur_nos_servicea{ width:45%;padding: 20px}
.titre_text_nos_servicea{width:95%;color: yellow;margin-top: 10px}
.entete_contact_telepha{ width:100%;background-color: white;height:40px;border-bottom-color: green;border-bottom: solid 2px }
.facebok_instag_you_appela{ width:%;background-color: ;height:px;float:right;margin:1px;text-align: center}
.appel{ margin:2px;background-color:;width:50%;float: right;text-align: right;margin-top: 10px;font-size: 13px}
.pied_interrieur_texta{width:30%;color:white;margin:3px;float:left;margin-top:10px;background-color:;min-height: 30vh;font-size:11px}
.encadrement_pied_inter_texta{width:99%;background-color: ;min-height:25vh;margin: auto}