@font-face {
  font-family: sneaky;
  src: url(font/Sneaky-Times.woff);
}
/* MOBILE FIRST */


/* reset général de marges */
body, h1, h2, h3, h4, h5, ul{
	margin:0;
	padding: 0;
}


.global{
padding: 30px;
}


h1 {font-size: 100px;
	margin-left: 30px;
	color: #c42a70
}

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

nav a{color: #c42a70;
	    text-decoration: none;
}

.PS{ margin: 15px; 
} 


header p {font-size: 14px;
	     text-align: center;
	     margin-top: 25px;
	     margin-bottom: 25px;
	     color: black;
}


h2{font-size: 24px;
	background-color: #e2bbd3;
	color: #c42a70;
	padding: 3px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 3px;
	text-align: center;
}


body{	
	background-color: white;
	font-family: sneaky;
}

.scroll{border-radius: ;
		border: 2px#186f54 solid;
		border-radius: 3px;
		padding: 4px;
		color: black;
}


.intro{margin-top: 55px;}

input{
   font-family: 'sneaky';
   width: 100%;
   box-sizing: border-box;
   margin-bottom: 30px;
   border: 1px black solid ;
   border-radius: 3px ;
   margin-top: 30px;
 }


blockquote{ color:#c42a70;
			font-size: 45px;
			text-align: center;
			border-top: 1px#c42a70 solid;
			padding-top: 6px;
			margin-bottom: 0;

			
}

p{font-family: helvetica;
  font-size: 14px;

}

.SM{font-size: 25px;
	color:#c42a70 ;
	border-bottom: 1px#c42a70 solid;
	padding-bottom: 15px;
	margin-top: 5px;
	text-align: center;
	margin-bottom: 50px;
	margin-left: 30px;
	margin-right: 30px;
}

.graisse{margin-left: 30px;
		margin-right: 30px;

}

.alphabet{font-size: 48px;
		  text-align: center;
		  font-family: sneaky;
		  margin-top: 20px;
}

.liga{
	  margin-right: 100px;
}

.glyphe{margin-left: 100px;}

img{
	width: 100%;
	margin-top: 15px;
	border: 2px#186f54 solid ;
	border-radius: 3px;
}

footer p {text-align: center;
		  font-size: 12px;
		  color: white;
		  background-color: #c42a70;
		  margin-top: 10px ;
		  margin-bottom: 0px;
		  padding: 5px;

}


.main{width: 30%;
	    border: none;
	    float: left;
	    margin-right: 10px;
	    margin-top: 5px;
}

.picto{border: none;
	   margin-top: 25px;
	   margin-bottom: 25px;

}

.ligature{width: 50%;
		  border: none;
		  display: block;
		  margin:  0 auto;
		  margin-top: 20px;
		  margin-bottom: 20px;


}

.imgsticker{ border: none;
			margin-bottom: 40px;
			margin-top: 25px;
}

.imgmain{
	width: 70%;
	display: block;
	margin-left:  auto;
	margin-right:  auto;
	margin-bottom: 50px;
}

.texteaffiche{margin-left: 50px;
			 margin-right: 50px;
			 

}

#bouton1 {text-decoration: none;
		  display: block;
		  width: 80px;
		  background-color: #e3bbd3;
		  text-align: center;
		  margin: 0 auto;
		  margin-top: 25px;
		  margin-bottom: 50px;
		  color: black;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  border: 2px#186f54 solid;
		  border-radius: 3px;

}



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

.global{
 
 max-width : 550px;
 margin: auto;
}
    }