h1,  h1:visited {
        color: red !important;
        font-size: 3em;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        font-style: oblique;
        text-align: center;
        background-color: #e4e7f0;
        flex: shadow 6px 6px 0px #aebbd1 ;
}

a,  a:visited {
        color: black !important;
        font-weight: bold;
}

h2,  h2:visited {
        color: blue !important;
        font-weight: bold;
        font-size: 2em;
}

p {
        
        margin: 50px;   
        font-family: Arial, Helvetica, sans-serif;
}

.introduction {
        font-weight: 700;
}

.introduction2 {
        text-decoration: underline;
}
body {
        background-image: url(image_arrière_plan.png);
        background-size: cover;
}

img:hover {
opacity: 0.5;
}

.conteneur {
flex-wrap: wrap;
gap: 20px;
}

td {
        border: 1px solid black;
}

table {
        border-collapse: collapse;
}

form {
display: flex
widht;{ 50% };
}


input {
padding: 10px;
border: 1px solid black;

}

@media screen and (max-width: 1200px) {
        p{
        color: deeppink;
}
        
}

@media screen and (min-width: 960px) {
        .conteneur {
   flex-direction: column;     
        
   img {
        display: none;
}
}
p {
overflow: scroll;
}
}