html{
    font-size: 62.5%;
}

body{
    font-size: 1.6rem;
}

header{
    border: solid .1rem #000;
}

h1{
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding-left: 0;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul li{
    margin-bottom: 1rem;
}

article{
    border: solid #000 .1rem;
    padding: 1rem;
}
article img{
    width: 20rem;
    height: 20rem;
    object-fit: cover;
}

article span{
    display: block;
    font-style: italic;
}

article p{
    color: #969696;
}

article a:hover,
article a:focus{
    color: #00ffff;
}

iframe{
    width: 100%;
    height: 50rem;
    border: none;
}

/* body 
{margin:20px;}
		div.enonce{
		display:table;
		padding:15px;
		border-style: solid;
		border-width: 4px;
		}
		div#couleurs div{margin:20px;}
		div.couleurs{
		color:#ffffff;
		background-color:#e8e7e6;
		}
		.vert {
			width:30%;
			background-color:green;
		}
		.rouge {
			width:30%;
			background-color:red;
		} */