html{
 background-image: url("img/background.png");
 background-size: 150px;

}



#head{
    display: flex;
    justify-content: space-between;
    color: red;
    width: 1000px;
  margin: auto auto;
  background-color: #f2f2f2ff;
  padding: 0 0 10px 10px;
}

#maintexttop{
    width: auto;
    height: fit-content;
  margin: auto auto;
  background-color: #f2f2f2ff;
  padding: 0 0 20px 20px;
  color: black;
  border: 5px solid rgb(161, 23, 23) ;
}

#mainpart{
    height: 3000;
   display: flex;
    justify-content: space-between;
    width: 1500px;
  margin: auto auto;
  background-color: #f2f2f2ff;
}

#sideclone1{
    width: 300px;
    height: 4000px;
  margin: auto auto;
  background-color: #f2f2f2ff;
  padding: 0 0 20px 20px;
  border: 5px solid rgb(161, 23, 23);
  color: black;
  padding-right: 5%;
}

#sideclone2{
    width: 300px;
    height: 4000px;
  margin: auto auto;
  background-color: #f2f2f2ff;
  padding: 0 0 20px 20px;
  border: 5px solid rgb(161, 23, 23);
  color: black;
  padding-right: 5%;
}

#attention{
    width: 80px;
}

#antiGouv {
    width: 800px;
}

#noteSideDroit{
  font-size: 40%;
}

#infoPlus{
  font-size: 70%;
  padding-right: 10%;
}

#TitreSideDroite{
  font-size: 120%;
}

#AGENT{
  width: 100px;
  margin-top: 400px;
}

#soustitre{
  font-size: 30%;
}

#Sub1Text2{
  font-size: 130%;
  font-family: cursive;
}

#Sub2Text2{
  font-size: 160%;
  font-family: Impact;
}

#Sub3Text2{
  font-size: 110%;
  font-family: serif;
}

#Text2{
  font-size: 80%;
}

#Sub1Text3{
  font-style: italic;
}

#box4{
  display: flex;
}

#Graphic{
  width: 60%;
  height: 60%;
}

#Text4-1{
  font-size: 90%;
}

#Text4-2{
  font-size: 90%;
}

#Text4-3{
  font-size: 90%;
}

#img5{
  width: 80%;
  height: 80%;
}

#Text6{
  font-size: 130%;
}

#img7{
  width: 95%;
  height: 95%;
}

#box8{
  display: flex;
  margin-top: 5%;
}

#Text1-2{
  font-size: 40%;
  margin-left: 250px;
}

#Text1-3{
  font-size: 20%;
  margin-left: 250px;
}

#box9{
  border: 7px solid rgb(12, 12, 12);
}

#Text9-1{
  font-size: 20%;
}

#box10{
  margin-top: 5%;
  border: 7px solid rgb(12, 12, 12);
  display: flex;
}

#box10-1{
  margin-left: 10%;
}

#Img10{
  height: 60%;
  width: 60%;
}

#subText10{
  font-size: 35%;
}

#box11-1{
  margin-left: 30%;
  display: flex;
}

#box11{
  margin-top: 5%;
  border: 7px solid rgb(12, 12, 12);
}

#img11{
  width: 100px;
  height: 100px;
}

#box11-2{
  margin-left: 5%;
  display: flex;
}

#img11_2{
  width: 50%;
  height: 50%;
}

#IAtalic{
  font-style: italic;
}

#box12{
  margin-top: 5%;
  border: 7px solid rgb(12, 12, 12);
}

#la{
  margin-left: 5%;
}

#red{
  color: red;
}

#lepaV3{
  margin: 3%;
}


#extrait{
  width: 10%;
  height: 10%;
}

#cerveau{
  width: 90%;
  height: 90%;
}

#box13{
  margin-top: 5%;
  border: 7px solid rgb(12, 12, 12);
}

#Text13-2{
  margin-left: 25%;
  font-size: 200%;
}