/* MOBILE VERSION */
img, a {
 border : 0;
}

@media (max-width: 640px) {
	
	 /* passer tous les éléments de largeur fixe en largeur automatique */
	 body, element1, element2 {
	   width: auto;
	   margin: auto;
	   padding: auto;
	 }
	 
	 body
	 {
		 background-image:url(../images/mainBg3.jpg);
		 background-repeat:repeat;
	 }
	
	 /* 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; width: 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;
	 }
	
	 /* Un message personnalisé */
	 body:before {
	   content: "Pixandweb Mobile";
	   display: block;
	   color: #777;
	   text-align: center;
	   font-style: italic;
	   font-size:14px;
	 }
	 
	
	
	p {
	  color: #cccccc;
	  font-weight: normal;
	  font-style: normal;
	  padding:0;
	  margin:0;
	}
	
	/* COULEURS */
	.green
	{
		color:#BECB23;
	}
	
	.yellow
	{
		color:#FDD818;
	}
	
	.blue
	{
		color:#1BB0E1;
	}
	
	.red
	{
		color:#E22C25;
	}
	
	.orange
	{
		color:#F16C4F;
	}
	
	.dark_blue
	{
		color:#2A3B61;
	}
	
	
	/* CONTENU */
	
	#contenu
	{
		padding-left:5px;
		padding-right:5px;
	}
	
	#onglet_2
	{
		background-image:url(../images/onglet_2.png);
		background-repeat:no-repeat;
		width:321px;
		height:43px;
	}
	
	#onglet_3
	{
		background-image:url(../images/onglet_3.png);
		background-repeat:no-repeat;
		width:321px;
		height:43px;
	}
	
	#onglet_bas
	{
		background-image:url(../images/onglet_bas.png);
		background-repeat:no-repeat;
		width:321px;
		height:25px;
	}

}

@media (max-width:640px) and (orientation: landscape) {
  body {
   -webkit-text-size-adjust: 70%;
  }
}


/* --------------------------------------------------------------
  Style site
-------------------------------------------------------------- */