/* CSS Document */

p { font-size: 10px; font-size: 1.000rem;} /* =10px pour regler le bug d'affichage sur iphone horizontal*/

h2 {font-size: 13px; font-size: 1.300rem;} /* =13px pour regler le bug d'affichage sur iphone horizontal*/

body {
max-width: 568px;
}

#content { 
max-width: 568px;
}

#header {
max-width: 568px;
height: auto;
}
#titre_texte
{
max-width: 568px;
}
 /*le menu*/
#menu
{
width: 568px;
}
#menu li a {
font-size: 10px; font-size: 1.000rem;/* =13px */
padding: 9px 2px 0px 8px; /*sous menu haut-droit-bas-gauche */mini
}

/* La partie principale gauche*/
#colonne_gauche {
width:60%;
}
#colonne_droite {
width:35%;
}

 /* le bloc principal nouvelle mise en page 23 avril 2015 */

/* le texte de présentation meetinggame */
#page_accueil_gauche_texte {
font-size: 15px; font-size: 1.500rem;/* =15px */
}
#page_accueil_gauche_texte li {
padding:  0  0 1.000rem 1.200rem; /* haut-droit-bas-gauche */
}
 /* le block droit de la connexion */
#login_block {
width:250px;
margin:  0.700em 0.300em 1.000em 0.400em ; /* haut-droit-bas-gauche */
} 


/* Le formulaire d'inscription*/
form#inscription label {
  width: 180px; /* largeur pour le texte de gauche*/
  font-size: 13px; font-size: 1.300rem;/* =13px */
}
form#inscription legend {
  font-size: 13px; font-size: 1.300rem;/* =13px */
}

/* PAGE NEWS */
#image-presentation1 { /*l'image centrale de présentation des pages news*/
position: relative;
max-width: 568px;
}
#image-presentation2 { /*l'image centrale de présentation des pages news*/
position: relative;
max-width: 568px;
}
#bandeau_salon_visiteurs { /*les images centrales de présentation des pages salon*/
position: relative;
max-width: 568px;
}

#news-blok {
max-width: 568px;
position: relative;
top :0px;
}
#trait_dessus
{
max-width: 558px;
} 
#trait_bas
{
max-width : 568px;
} 
/* pour ne pas faire apparaitre le bas de page*/
#footeramis_tableau_1 {
display: none;
}
#footeramis_villes { /* le tableau des liens pour les villes*/
display: none;
}
 
/* les boutons j'aime*/
#comments {
max-width: 558px;
}

#pied_de_page { /* le pied de page */
font-size: 6px; font-size: 0.600rem;/* =10px */
padding:  1.000em 0 1.000em 0; /* haut-droit-bas-gauche */
}

@media screen and (max-width: 567px) {
/* le texte de présentation de l'ami*/
#amis_texte {
width:440px;
}
}

@media screen and (max-width: 527px) {
/* Le formulaire d'inscription*/
form#inscription label {
  width: 170px; /* largeur pour le texte de gauche*/
  font-size: 12px; font-size: 1.200rem;/* =10px */
}
/* le texte de présentation meetinggame */
#page_accueil_gauche_texte {
font-size: 14px; font-size: 1.400rem;/* =14px */
}
/* La partie principale gauche*/
#colonne_gauche {
width:97%;
}
#colonne_droite {
width:97%;
}
/*messagerie la zonne de lecture des messages envoyés */
#reply_subject {
width: 440px;
}
#mail_content_text {
width: 435px;
}
/*messagerie la zonne d'écriture pour envoyer un message à un ami */
#send_friend_mail_sub {
width: 440px;
}
#send_friend_mail_message {
width: 435px;
}

}