@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}
body {
	background-color: #ff7f50;
	color:#0b0b0b;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 100%;
}
img {
    border : none;
	display : block;
	padding: 0px;
	margin: 0px;
    margin-left: auto;
	margin-right: auto;
    text-align: center;
}
.roboto-slab {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.roboto-flex {
  font-family: "Roboto Flex", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}
.LeContenu{
	width: 100%;
	max-width: 860px;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.Fond{
	width: 100%;
	margin: 0px;
	padding: 5%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4%;
	text-align: left;
	border-radius: 30px;
	background-color: #f7f4f4;
}
.Fond p{
	text-align:left;
	width: 100%;
	font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    padding-left: 5%;
    padding-right: 5%;
}	
.webtoonQuestion{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	font-family: "Roboto Slab", serif;
    font-weight: 200;
    font-style: normal;
	font-size: 4vh;
    line-height: 4vh;
}
h1 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 712;
  font-style: normal;
  font-size:1.5em;
  color: #9a59b5;
  padding-left: 5%;
  padding-right: 5%;       
            }
h2 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 512;
  font-style: normal;
  font-size:1.2em;
  color: #9a59b5;
  padding-left: 5%;
  padding-right: 5%;       
            }		
			
p {
	font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    margin-left: auto;
	margin-right: auto;
	font-size:1.1em;
	text-align: left;
	color:#0b0b0b;
			}

.Texte img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
ul{
	float: left;
	width:95%;
	padding-left: 10%;
	text-decoration: none;
	font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    margin-left: auto;
	margin-right: auto;
	font-size:1.1em;
	text-align: left;
}
ul li{
	width:100%;
	float: left;
}
.mail{
	font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    margin-left: auto;
	margin-right: auto;
	font-size:1.1em;
	text-align: left;
	color: #9a59b5;
}
.mail a{
	font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    margin-left: auto;
	margin-right: auto;
	font-size:1.1em;
	color: #9a59b5;
}
.mail a:hover{
	color:#ff7f50;
}
.illu{
    width: 100%;
    border: 0;
    margin: 0%;
   
}
.photos{
    border-radius: 30px;
    width: 90%;
    border: 0;
    margin: 5%;
    margin-top: 0%;
}
.minilu{
    width: 40%;
    border: 0;
     margin: 0%;
    margin-left:30%;
}
.lesgifs{
    border-radius: 50%;
    width: 40%;
    min-width: 40%;
    border: 0;
    margin: 30%;
    margin-top: 10Px;
    margin-bottom: 10px;
}

.Ligne{

	width:100%;
	margin-left: auto;
	margin-right: auto;
    height: 40px;
}


/* --------------------POUR MOBILE-----------------------------------*/
/* --------------------POUR MOBILE-----------------------------------*/
/* --------------------POUR MOBILE-----------------------------------*/
/* --------------------POUR MOBILE-----------------------------------*/
@media handheld, screen and (max-width: 760px) {
    body {
	font-size: 100%;
}

p {
  
	width:100%;
	margin-left: auto;
	margin-right: auto;
    padding-left: 10%;
    padding-right: 10%;
	font-size:1em;
	text-align: left;
	text-decoration: none;
}
ul {
   
	width:100%;
	margin-left: auto;
	margin-right: auto;
    padding-left: 6%;
    padding-right: 3%;
    font-size:0.9em;
	text-align: left;

}
.Fond{
	width: 96%;
	padding: 2%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 4%;
	text-align: left;
	border-radius: 30px;
	background-color: #f7f4f4;
}
.Ligne{

	width:100%;
	margin-left: auto;
	margin-right: auto;
    height: 20px;
}
 .lesgifs{
    border-radius: 50%;
    width: 40%;
    min-width: 40%;
    border: 0;
    margin: 30%;
    margin-top: 10Px;
    margin-bottom: 10px;
}
    
  }

/* --------------------FIN POUR MOBILE-----------------------------------*/