@media screen and (min-width: 375px) and (max-width: 812px) {
  body{width: 100%;height: 100%;}
  html{width: 100%;height: 100%;}
  #ic{padding-left: 0%;font-size: 100%;width: 10%;}
td{display: block;}
#dessin{width: 100%;margin-left: 0%;}
#apr{width: 100%;}
.element{width: 100%;height: 100%;}
.element_boutique{width: 100%;height: auto;margin-top: 25%;}
.element_apropos{height: auto;}
.element_galerie{height: auto}
.element_partenaires{height: 100%;}
.titre {margin-top: 3%;padding-bottom: 10%;}
#descendre{margin-top:140%;}
#encart{width: 100%;}
#coucou{margin-top: 300%;padding-top: 10%;}
#envoie{width:30%; }
.icone{width: 60%;}
textarea{resize: none; border:3px double grey;	width: 25em;
      height: 23em;}
      #mail{width: 75%;}
video{width: 300px;height: 100px;}
.partenaire{width: 28%;height: 47%;}
.english{margin-left: 67%;margin-right: 0%;cursor: pointer;margin-bottom: 30%;}
.francais{margin-bottom: 30%;}
#header{
background: url(../images/logomobile.png) no-repeat center center;
min-height: 90vh;
background-attachment: relative;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
  /*	min-height:90vh;*/
  width: 100%;
  height: 20%;

}
#header-homepage-arrow {
display: none;
}
}



@media screen and (min-width: 375px) and (max-width: 667px) {
  body{width: 100%;height: 100%;}
  html{width: 100%;height: 100%;}
  #ic{padding-left: 0%;font-size: 100%;width: 10%;}
td{display: block;}
#dessin{width: 100%;margin-left: 0%;}
#apr{width: 100%;}
.element{width: 100%;height: 100%;}
.element_boutique{width: 100%;height: auto;margin-top: 25%;}
.element_apropos{height: auto;}
.element_partenaires{height: 100%;}
.titre {margin-top: 3%;padding-bottom: 10%;}
#descendre{margin-top:140%;}
#encart{width: 100%;}
#coucou{margin-top: 300%;padding-top: 10%;}
#envoie{width:30%; }
.icone{width: 60%;}
textarea{resize: none; border:3px double grey;	width: 25em;
			height: 23em;}
      #mail{width: 75%;}
video{width: 300px;height: 100px;}
.partenaire{width: 28%;height: 47%;}
.english{margin-left: 67%;margin-right: 0%;cursor: pointer;margin-bottom: 30%;}
.francais{margin-bottom: 30%;}
#header{
background: url(../images/logomobile.png) no-repeat center center;
min-height: 90vh;
background-attachment: relative;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
  /*	min-height:90vh;*/
  width: 100%;
  height: 20%;


}
#header-homepage-arrow {
display:none;
}
}