/* MOBILE FIRST */

@font-face{

	font-family: FuxischElse;
	src: url(font/FluxischElse-Bold.otf);
	font-weight: bold;

}



@font-face{

	font-family: FuxischElse;
	src: url(font/FluxischElse-Regular.otf);
	font-weight: normal;

}

@font-face{

	font-family: FuxischElse;
	src: url(font/FluxischElse-Light.otf);
	font-weight: lighter;

}





body{
	

	color:#4410ff;
	margin: 10px;
	font-family: FuxischElse;
justify-content: center;
vertical-align: middle;
margin: auto;


}

.global{

width: 360px;
justify-content: center;
vertical-align: middle;
margin: auto;
margin-left: 0px;
margin-left: 20px;
margin-right: 20px;

	

}

img{
	width: 80%;
	margin:auto;
	display: block;
	-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;



}



p{
	font-family: FuxischElse;
	font-weight: lighter;
	font-size: 17px;
	margin: 5px;
	padding: 5px;
	
	

}

nav  {

margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}

a{

text-decoration: none;
	color: #4410ff;

}

a:hover{
	color:  #ffa9e0;

}


.menu {
  height: 30%;
  width: 150px;
  z-index: 1;
  top: 0;

  
}

.menu a {
  padding: 4px ;
  text-decoration: none;
  font-size: 20px;
  color: #4410ff;
  display: block;
  
}

.menu a:hover {
  color: #ffa9e0;
}

.menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}


/* Icône burger */
.burger-icon span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #4410ff;
  margin: 6px 0;
  margin-top: 5px;


}

h1{

	font-size: 40px;
	text-align: center;
	color:#ffa9e0;

}

h2{
	
	font-size: 40px;
	font-weight: normal;
	border: solid #ffa9e0;
	background-color: #ffa9e0;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top:0px;
	padding-bottom:0px;
	color: white;
	

}

h3{

	font-size: 30px;
	text-align: center;
	vertical-align: middle;
	color:#4410ff;

}

header{

	 height:200px;
	 margin-bottom: 10px;

}

header img{
	margin-bottom: 15px;
	width: 100%;

}




.stickers1{
	width: 70%;
	padding: 20px;
	border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
}

.legende1{
	font-size: 15px;
	color: #fe01b1;
	margin:0px;
	padding: 0px;
	margin-bottom: 10px;
	text-align: center;
}


 .sources{
font-size: 15px;
	color: #ffa9e0;
	margin:0px;
	padding: 0px;

 }

  .hsources{
font-size: 15px;
	color: white;
	border: 5px solid white;
	background-color: #ffa9e0;
	border-radius: 10px;
	margin-top: 40px;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: middle;

 }


.retourenhaut{

	display: inline-block;
	vertical-align: middle;
	padding-left: 60px;
	margin-left: 60px;
	padding-top: 22px;
	margin-top: 22px;
	
	
	
}

blockquote{

	font-size: 28px;
	font-weight: normal;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	color:	white;
	border:10px solid #ffa9e0 ;
	background-color: #ffa9e0;
	border-radius: 50px;
	padding: 10px;
	margin-bottom: 150px;
	margin-top: 150px;


}

.affiche{
	
	justify-content: center;
	padding: 10px;
	width: 80%;
}


.imgdescription{
	
	margin: 0px;
	margin-bottom: 10px;
	width: 101%;


}

.mck1{

	width: 101%;


}

.mck2{
	width: 101%;
	padding-bottom: 10px;

}

.mck3{

width: 110%;
padding-bottom: 10px;

}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.telechargement{
font-family: FuxischElse;
	font-weight: normal;
	font-size: 25px;
	margin: 5px;
	padding: 5px;

}

.lien{
	
	
	border:1px solid white;
	border-left-width: 1px;
	background-color: #4410ff;
	border-radius: 50px;
	text-align: center;
	margin-bottom:80px;
	margin-left:80px;
	margin-right:80px;
	margin-top:10px;
	


	
}

.lien a{
color: white;
font-size: 20px;
}



.fluxisch-light{
   font-family: 'FuxischElse';
   text-align: center;
   font-weight: lighter;
   font-size: 20px;
   width: 100%;
   border: solid 1px #ffa9e0;
   border-radius: 50px;
   background-color:   white;
   margin-top: 20px;
   padding-bottom: 20px;
      padding-top: 20px;
}

.fluxisch-normal{
   font-family: 'FuxischElse';
   text-align: center;
   font-weight: normal;
   font-size: 20px;
   width: 100%;
   border: solid 1px #ffa9e0;
   border-radius: 50px;
   background-color:  white;
   
   margin-top: 20px;
   padding-bottom: 20px;
      padding-top: 20px;
}

.fluxisch-bold{
   font-family: 'FuxischElse';
   text-align: center;
   font-weight: bold;
   font-size: 20px;
   width: 100%;
   border: solid 1px #ffa9e0;
   border-radius: 50px;
   background-color:  white;
   margin-top: 20px;
   padding-bottom: 20px;
      padding-top: 20px;
      margin-bottom: 20px;
}

.bouttonstickers{
	text-align: center;
	margin: 0px;
	font-weight: lighter;
}

.bouttonaffiche{
	text-align: center;
	margin: 0px;
	font-weight: lighter;
}

.bouttonedition{
	text-align: center;
	margin: 0px;
	font-weight: lighter;
}


   

  

	
	
/* pour plus grand que 550px */

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

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

 

}








}