@media (max-width: 900px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: auto;
   padding: auto;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none !important;
   width: auto !important
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
#menumobile {
	display:block;
	background:url("../images/imgmenumobile.png") top center repeat;
	width:41px;
	height:26px;
	position:fixed;
	top:30px;
	right:12px;
	text-indent:-9999px;
	z-index:1;
	}

	nav#my-menu {
		display:none;
	}
header {
		width:100%;

	}
#supersized {
		
	}
#container section {
		padding:40px 4%;
	}
#container aside {
		position:relative;
		width:100%;
		text-align:center;
		padding:0;
	}
.plan {
		display:none;
	}
#container aside #social {
		margin:0 auto;
	}
header {
		height:150px;
	}
	

}
        


	

@media only screen and (max-width : 570px) {
	header {
		height:100px;
	}
}
@media only screen and (max-width : 480px) {
header {
		height:70px;
	}
	
	#ordinateur  {
    display:none;
}
#smartphone {
    display:block;
}
	
}