@media screen and (max-width: 420px)
{
	
video
{
 width:300px;
 height:200px;
}
#wrapper
{
	
  width:100%;
  margin: auto;
}

#main
{

  width:100%; 
}
#content img
{
  float:left;
  width:100%;    
}
#header
{
  float:left;
  width:100%;
  background-color:white;

  }
#content
{
  float:left;
  width:100%;
}
#content img#produit
{
  float:left;
  width:100%;
  padding-bottom: 20px;
} 
div#selection
{
  float: left;
  width:100%;
  padding: 0px 0px 30px 0px;
}
#content div#texte, div#saut
{
  float:left;
  width:100%;
}
img#selection
{
  float: left;
  padding: 0px 0px 0px 0px;
  width:100%;
  z-index: 2;
 
  
}
#nav
{
  margin-top: 0px;
 
}
#map{
  width: 300px;
  height: 500px; 
}
#footer-info {
padding-left: 0px;
width:100%;
text-align:center;
}
#footer-links {
 text-align:center;
 padding: 0;  
 width:100%;

}
#footer-links ul li a{
    font-size: 12px;
   	margin-left: 0px;
    margin-right: 0px;
	
}

}