@media (max-width: 640px) {

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

}

body{font-family:Arial;font-size:12px;font-style:normal;background-image:none;border:0px none;padding:0;margin:0;background-color:#FFFFFF;}
*{font-size:20px;margin:0;padding:0;top:0px;}

body H3, #amis, #livre, #fond, #logo, #bandeau, #cherche, #amis, #droite, #queloiseaux, #livre, #partager, .m2a, .vide {top:0px;left:0px;width:0px;height:0px;visibility:hidden;display:none !important;}

#corps {top:0px;left:0px;width:370px;z-index:1;padding:0;margin:0;border:0px none;height:200px;}

#menu{left:3px;top:60px;width:200px;height:0px; z-index:3;background-image:none;border:0px none;padding:0;margin:0;}
#menu, #menu p, #menu p a{font-size:20px;}

#pdp{margin:0;padding:0;top:none;position:relative;left:2px; bottom: 0px; width:320px; text-align:left;font-size:10px;height:20px; }
#pdp b{font-weight:normal;font-size:10px;}

#C0,#C1,#C2,#C3,#C4,#C5,#C6,#C7,#C8,#C9,#C10,#C11,#C12{top:20px;left:140px;width:220px;height:auto;z-index:10;visibility:hidden;margin:0px;background-color:#ff7;border:2px solid;padding:0px;margin:0px;}
#photos{width:210px;}
.photo, #photos .photo{display:block;width:210px;padding:0px;margin:0px;}
#photos p, #photos i{font-size:16px;text-align:center;margin:0px;}

#titre, #titre h1 {
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
}

#titre h1 a {
    background-color: #ccc;
    border-bottom: 1px solid #666;
    color: #222;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}

menu > p > a[selected], menu > p > a:active {
    background-color: #194fdb !important;
    background-repeat: no-repeat, repeat-x !important;	/* TG: !important */
    background-position: right center, left top !important;	/* TG: !important */
    color: #FFFFFF !important;
}