.logo { float:left; }
.logo_img { height:90px; }
.tel { float:right; color:white; font-size:2em; margin-top:20px; text-align: right;}
.mail { font-size:0.6em; color: white;}
#header_content { display:flex; background:black; width:100%; position:fixed; z-index: 100; }
#header { width:1000px; margin:auto; }
#page_content { width:1000px; margin:auto; background:#fff; padding-bottom:25px; }
#vignette_content { display:flex; width:100%; padding-top:115px; background:#fff; padding-bottom:25px; }
#presentation {
  display:flex;
  margin:auto;
  color:white;
  clear:both;
  width:70%;
  margin-top:25px;
  padding-left:5%;
  padding-right:5%;
  padding-top:25px;
  padding-bottom:25px;
  background:#272e67;
  -webkit-transform: skew(-5deg);
  -moz-transform: skew(-5deg);
  transform: skew(-5deg);
  line-height: 2.5em;
}
#presentation IMG { height:160px; margin-right:20px; -webkit-transform: skew(+5deg);-moz-transform: skew(+5deg);transform: skew(+5deg); }
#presentation2 { display:block; margin:auto; width:70%;margin-top:15px; text-align:center; border:0px solid black; font-size:1.5em; }
#chassis_content { display:flex; width:85%; margin:auto; padding-top:80px; }
#moteur_content { display:flex; width:85%; margin:auto; padding-top:80px; }
#assistance_content { display:flex; width:85%; margin:auto; padding-top:80px; }
#conception_content { display:flex; width:85%; margin:auto; padding-top:80px; }
#contact_content { display:flex; width:85%; margin:auto; padding-top:80px; }

.vignette { float:left; width:25%; text-align: center; text-transform: uppercase; border:0px solid black; }
.vignette IMG { margin:auto; width:200px; margin-bottom:15px; }


H2 { font-size: 1.8em; text-transform: uppercase; }

.text_block_droite { line-height: 2em; font-size:1.2em; text-align: justify; }
.text_block_droite IMG { float:left; margin-right:20px; margin-top:25px; }

.text_block_gauche { line-height: 2em; font-size:1.2em; text-align: justify; }
.text_block_gauche IMG { float:right; margin-left:20px; margin-bottom:25px; }

.form_partie_1 { float:left; width:40%; margin-right:10%; }
.form_partie_2 { float:left; width:50%; }
.form_partie_3 {}

.form_text { border-radius: 5px; padding:1em; width:100%; border:1px solid #cfcfcf; font-size:1.2em; margin-top:15px; }
.envoi_mail { padding:10px 50px; background-color:#272e67; color:#fff; font-size:1.2em; margin-top: 25px; letter-spacing: 0.5em; border:0; border-radius: 5px;}
#footer { display:flex; background:black;  width:100%; }
#footer_content { width:970px; margin:auto; color:#cfcfcf; padding:15px; }
#copyright { width:100%; text-align:center; padding-top:25px; padding-bottom:15px;  }


@media (max-width:720px) {
BODY{ padding:0; margin:0; font-size:auto; font-family: sans-serif; font-weight: 400; background-image: none; font-size:16px; width:100%;}
#bouton { display:none; }

.logo { float:left; width:100%; text-align:center; }
.logo_img { width:100%; }
.tel { float:left; width:100%; text-align:center; color:white; margin-top:0px; padding-bottom:20px; }

#header_content { display:flex; background:black; width:100%; position:relative; z-index: 100; }
#header { width:100%; margin:0px; }
#page_content { width:100%; margin:auto; background:#fff; padding-bottom:25px; }
#vignette_content { display:block; width:100%; padding-top:25px; background:#fff; padding-bottom:25px; }
.vignette { float:left; width:50%; text-align: center; text-transform: uppercase; border:0px solid black; font-size: 1.2em; margin-bottom:25px;}
.vignette IMG { margin:auto; width:80%; margin-bottom:15px; text-align: justify;}


#presentation {
  display:block;
  font-size:1em;
  margin:auto;
  color:white;
  clear:both;
  width:100%;
  margin-top:25px;
  padding-left:0%;
  padding-right:0%;
  padding-top:25px;
  padding-bottom:25px;
  background:#272e67;
  -webkit-transform: skew(0deg);
  -moz-transform: skew(0deg);
  transform: skew(0deg);
  line-height:1.5em;
}
#photo_presentation { text-align: center; margin-bottom:15px;}
#text_presentation { text-align: justify; width:80%; margin:auto;}
#presentation IMG { height:300px; margin-right:20px; -webkit-transform: skew(0deg);-moz-transform: skew(0deg);transform: skew(0deg); }

#presentation2 { display:block; margin:auto; width:100%; margin-top:15px; text-align:center; border:0px solid black; font-size:2em; }

#chassis_content { display:block; width:90%; margin:auto; padding-top:0px; }
#moteur_content { display:block; width:90%; margin:auto; padding-top:0px; }
#assistance_content { display:block; width:90%; margin:auto; padding-top:0px; }
#conception_content { display:block; width:90%; margin:auto; padding-top:0px; }
#contact_content { display:block; width:90%; margin:auto; padding-top:0px; }


.text_block_droite { line-height:1.5em; font-size:1em; text-align: justify; }
.text_block_droite IMG { float:left; margin-right:0px; margin-bottom:25px; width:100%; }

.text_block_gauche { line-height:1.5em; font-size:1em; text-align: justify; }
.text_block_gauche IMG { float:right; margin-left:0px; margin-top:25px; width:100%; }

.form_text { border-radius: 5px; padding-top:1em; width:90%; border:1px solid #cfcfcf; font-size:1.2em; margin-top:15px; }

.form_partie_1 { float:left; width:100%; margin-right:10%; }
.form_partie_2 { float:left; width:100%; }
.form_partie_3 {}
.envoi_mail { padding:10px 0px; background-color:#272e67; color:#fff; font-size:1.2em; width:100%; margin-top: 25px; letter-spacing:normal; text-transform: uppercase;border:0; border-radius: 5px;}

#footer { display:flex; background:black;  width:100%; }
#footer_content { width:100%; text-align: center; margin:auto; color:#cfcfcf; padding:15px; }
#copyright { width:100%; text-align:center; padding-top:25px; padding-bottom:15px; font-size:0.8em;  }
}