h1{
  text-align:center;
  text-shadow: 1.5px 1px 1px rgb(64,96,32) ;
  color:#67c616;
  font-family: "Comic sans MS", cursive;
  font-size:60px
 
}

body{
  background-color:#e2e9f1;
  color:#5a3f21 ;
  font-size:19px
  font-family: "Comic sans MS", cursive;
}
#61c0dd
#733335 
#67c616
#695034

input{
  width:250px;
    height:200px;
}

button{
 width:250px;
    height:80px;
}
/*.Q1{
  padding:0px 30px;
}

.Q2{
  color:#67c616; 
  border-radius:70px;
  font-size:25px;
  height:100px;
  width:100px;  
  margin-left:15px;
  font-family: Trebuchet MS;
  text-shadow: 1.5px 1px 1px rgb(64,96,32)
}
*/
.choix{
  margin-left: 100px;
  font-family: "Comic sans MS", cursive;
  font-size: 20px;
}

input[type="submit"]{
  color: #67c616;
  font-size:25px;
  border-radius:40px;
  text-shadow: 1.5px 1px 1px rgb(64,96,32) ;
  width:500px;
  padding-left: 50px;
  background: url(/static/images/Animaux/cochondindeL50H54.png) 0 1px no-repeat;
  background-position: 10%;
  background-color:white;
}

.z{
color: #67c616;
  border-radius:100px;
  text-shadow: 1.5px 1px 1px rgb(64,96,32) ;
  padding: 0px 400px;
  margin: 16px;
  }
/* fait décaler sur la droite le bouton avec le texte m 400

Revoir valeurs*/

button[type="submit"]{
 background-color:white;
 font-size:25px;
  border-radius:100px;
  width:500px;
  /*padding-left: 50px;*/
  text-shadow: 1.5px 1px 1px rgb(64,96,32) ;
   text-align:center;
   color:#67c616;
}

input[type="submit"]:hover{
  background-color: #67c616;
  color:white;
}

button[type="submit"]:hover{
  background-color: #67c616;
  color: white;
}

img{
float:inline-start;
}
 
}
/* left:460px; /* 460 fait décaler l'animal sur la droite
top:615px;
position: absolute;*/

.p1{
  padding-left:400px;
  padding-right:400px;
}



.Q1{
  padding:20px;
}
.Q3{
  padding:20px;
}

/* à quoi ça sert ???
.Q2{
  padding:20px;
  position:absolute;
  left:700px;
}
*/

/*.Q2{
  padding:20px;
  position:absolute;
  left:600px;
}

 padding: 0px 400px;
  margin: 16px;
}*/
.cochondinde{
  width:50px;
  margin-bottom:-700px;
  padding:0px 20px 100px 20px;
}

figcaption{
 padding-left:50px;
  padding-top: 85px;
  font-size: 25px;
}

div{
  text-align:center;
}

/*border:2px solid green;
  border-radius:40px;
  width: 50px;
  height:200px;
  
  .p2{
  padding-left:300px;
  padding-right:1200px;
}

*/

