@media (max-width: 640px) {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
	/*réduire de façon harmonieuse toutes les tailles de polices en orientation paysage
	(car bugguée sur les périphériques iPhone et iPad).*/
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
  }
}    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
 	background:
   }
    
div#container{
	width:100%; /*Largeur du container*/
	height:100%; /*Hauteur de l'entête*/
	/*margin:10px auto 0px auto; Positionnement centré avec 10px en haut*/
	background-color: #55555; /*rgba(0,0, 0, 0.15)Couleur de fond*/;
	}
div#entete{
	height:20%; /*Hauteur de l'entête*/
	width:100%; /*Largeur de 580px*/
	background-color: rgba(0,0, 0, 0.15);
	/*-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	background-color: #555555; Couleur de fond*/
	}
div#compte{
	width:100%; /*Largeur de 580px*/
	background-color: rgba(0,0, 0, 0.15);/**/
	/*-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	background-color: #555555; Couleur de fond*/
	}

#logo {
    width : 100%;
    height: 100%;
}
div#contenu{
	vertical-align: top;
	/*	display: inline-block;
margin:0px 0px 0px 160px; Marge gauche de 160px pour le menu*/
	width:100%; /*Largeur de 580px*/
	 /*padding:1%;Marge de 5px autour du texte*/
	background-color: rgba(0,0, 0, 0.15); /*Couleur de fond*/
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	/*background-color: #0000ff; Couleur de fond*/
	}
div#pied{
	height:20px; /*Hauteur de 20px*/
	background-color: rgba(0,0, 0, 0.15); /*Marge de 10px en haut du pied*/
	}
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
p,table{
	color:#ffffff;
	text-align: left;
	}
a{
	color:yellow;
	}

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    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;
        width: auto;
    }
    
    /* masquer les éléments superflus */

    .hide_mobile {
        display: none !important;
    }
    
    /* Un message personnalisé */

    body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: red;
    }

	
div#flash{
	/*height:20px; Hauteur de 20px*/
	/*margin-top:10px; Marge de 10px en haut du pied*/
	width:100%; /*Largeur de */
	height:200px; /*Largeur 70%de */
	vertical-align: top;
	}
div#parole{
	/*height:20px; Hauteur de 20px*/
	/*margin:0px 0px 0px 70%; Marge gauche de 160px pour le menu*/
	width:100%; /*Largeur de 580px*/
	background-color: rgba(0,0, 0, 0.15);
	vertical-align: top;
	}

.test li,.menu li.item4{
float:left;
width:25%;
}
div#menu li a{ /* Design des liens */
display:block;
width:auto; /*Modifier la largeur des liens si nécessaire */
padding:3px;
text-align:center;
text-decoration:none;
text-shadow:0px 1px 0px #fff;
font-weight:bold;
color:#555;
background:#dedede;
border:1px solid #aaa;
}
.menu > li > ul li a:before, .menu > li > a:before {
	content: '';
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	/*font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;*/
}
.menu li{
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	background-color: #00ffff; /*Couleur de fond*/
}
	}