@media only screen
and (min-device-width : 375px)
and (max-device-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_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 only screen
and (min-device-width : 375px)
and (max-device-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: 90%;
  height: 20%;


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


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
{

  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;
}

}