@media (orientation:portrait) and (max-device-width:767px)
{
.container
{
display:none;
visibility:hidden;
}
}
section
{

}
article
{
font-size:0.9em;
text-align:justify;
display:inline-block;
margin:0px 0px 0px 20px;
width:300px;
height:300px;
position:relative;
left:20px;
}
aside
{
display:inline-block;
color: #c9985e;
margin:0px 0px 0px 20px;
width:300px;
height:300px;

}
 
.checkbox
{
visibility:hidden;
}
label
{
position:relative;
bottom:10px;
left:50px;
}
input,textarea
{

border:solid;
border-color:#c9985e;
border-radius:10px;
font-family:Eras Medium ITC, Arial, Serif;
color:#c9985e;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.5);

}


#nom
{
width:300px;
height:30px;
}
#prenom
{
width:300px;
height:30px;
}
#email
{
width:300px;
height:30px;
}
#departement
{
width:300px;
height:30px;
}
#quantite
{
width:300px;
height:30px;
}

textarea
{
width:300px;
height:60px;
position:relative;
left:50px;
}
input
{
width:30px;
height:30px;
position:relative;
left:50px;
}
.q
{

position:relative;
left:50px;
}

button
{
font-family:Eras Medium ITC, Arial, Serif;
color:#000000;
background-color:#c9985e;

width:307px;
height:40px;
border:solid;
border-radius:10px;
border-color:#c9985e;
position:relative;
left:50px;
bottom:20px;
}
.container
{
position:relative;
left:40px;
}
.message
{
position:relative;
bottom:99px;
}
.titre_formulaire
{
background-color:#000000;
width:300px;
height:40px;
border:solid;
border-radius:10px;
border-color:#c9985e;
position:relative;
left:50px;
font-size:large;
text-align:center;
padding:5px 0px 5px 0px;
margin:20px 0px
}
.contact
{
display:inline;
}

input[type="checkbox"] {
  /* Make the checkbox a circle */
  appearance: none;
  
  /* Set the background position */
  background-position: center;
  /* Set the background size */
  background-size: 20px 20px;
  /* Add a border */
  border: 3px solid #c9985e;
  /* Set the border radius */
  border-radius: 10px;
 
}

input[type="checkbox"]:checked {
  /* Change the background color when checked */
  background-color: #c9985e;
}
#type
{
width:300px;
height:30px;
}
}