@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap');

@font-face{
	font-family: alfphabet-III;
	src: url(fonts/Alfphabet-III.woff);
}

@font-face{
	font-family: alfphabet-IV;
	src: url(fonts/Alfphabet-IV.woff);
}
	   



body, h1, h2, h3, h4, h5, ul{
	margin:0;
	padding: 0;
}

p{
	font-size: 15px;
	text-align: center;
	color: black;
	border: solid-black 3px;
	box-sizing: border-box;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 30px;
}
body{
	
	font-family: 'Roboto Mono', monospace;
}



h1{
 	font-family: alfphabet, Alfphabet-IV;
	font-size: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

blockquote{
	font-size: 20px;
	text-align: center;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom: 20px;
}


.un{
	font-family: alfphabet, Alfphabet-III;
	width: 80%;
	font-size:20px;
	text-align: center;
	border: solid black 4px;
	box-sizing: border-box;
    margin-left: 35px;
    margin-bottom: 40px;


}

.deux{
	font-family: alfphabet, Alfphabet-IV;
	width: 80%;
	font-size:13px;
	text-align: center;
	border: solid black 4px;
	box-sizing: border-box;
    margin-left: 35px;
    margin-bottom: 60px;
    padding-bottom: 5px;
    padding-top: 5px;

}

.type{
	width:100%;
	margin-left: 20px;
}

img{
	width: 80%;
	margin: auto;
}

nav li{
	display: inline;
	text-align: center;
}


nav{
	font-family: alfphabet, Alfphabet-IV;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 12px;
	word-spacing: 170px;

}

ul{
	list-style: none;
}

a{
	color: black;
	text-decoration: none;
}
 

.alfphabet{
	width:100%;
}


.gif{
	width:25%;
	margin: auto;
	display: flex;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 10px;

}

.gif2{
	width: 40%;
	margin: auto;
	display: flex;
	padding-left: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
}	



.alfiiiv{
 	   font-family: alfphabet, Alfphabet-III;
 	   font-size: 29px;
 	   padding-top: 20px;
       padding-bottom: 20px;
		text-align: center;

}	


.alfiv{
 	   font-family: alfphabet, Alfphabet-IV;
 	   font-size: 22px;
 	    padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;



}



.magazine{
	width: 350px;
	padding-top: 10px;
	margin: auto;
	display: flex;
	padding-bottom: 30px;

}

.mestravaux{
	width: 220px;
	margin: auto;
	display: flex;
	padding-bottom: 40px;
}

.retour{
	font-family: alfphabet, Alfphabet-IV;
	padding-left: 120px;
	font-size: 12px;
	padding-bottom: 20px;
	padding-top: 30px;

}

.rslides{
	width: 50%;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 40px;
	padding-top: 20px;
}


@media all and (min-width: 550px){
 
    /* Vos règles CSS pour les écrans plus grand que 550px ici */

.global, nav{
 
 max-width : 550px;
 margin: 0 auto;

}



}