/* CSS Document */

/* redimentions des images */
img.no-resize {
	max-width: 100%;
	height: auto;
}
img {
	max-width: 60%; /* taille de base */
	height: auto;
}

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

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

body {
max-width: 480px;
}

#content { 
max-width: 480px;
}

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

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

/* le titre meetinggame */
#page_accueil_gauche_titre {
font-size: 18px; font-size: 1.800rem;/* =18px */
}
/* le texte de présentation meetinggame */
#page_accueil_gauche_texte {
font-size: 14px; font-size: 1.400rem;/* =14px */
}
#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:  1.200em 0.300em 1.000em 0.200em ; /* haut-droit-bas-gauche */
} 

/* PAGE NEWS */
#image-presentation1 { /*l'image centrale de présentation des pages news*/
position: relative;
max-width: 480px;
}
#image-presentation2 { /*l'image centrale de présentation des pages news*/
position: relative;
max-width: 480px;
}
#bandeau_salon_visiteurs { /*les images centrales de présentation des pages salon*/
position: relative;
max-width: 480px;
}
 /* le bloc principal nouvelle mise en page 23 avril 2011 */
#principal {
max-width: 480px;
}  
/* le pavés sur les pages news pour les textes */
#principal_centre {
max-width: 480px;
}
#news-blok {
max-width: 568px;
position: relative;
top :0px;
}
#trait_dessus
{
max-width: 470px;
} 
#trait_bas
{
max-width : 480px;
} 

/* le tableau de l'include bas-page*/
#footeramis_tableau_1 {
max-width: 470px;
}
.footeramis_tableau {
max-width: 470px;
font-size: 8px; font-size: 0.800rem;/* =10px */
line-height: 1.6rem;
}
.footeramis_tableau td {
width: 220px;
}
 
/* les boutons j'aime*/
#comments {
max-width: 558px;
}

@media screen and (max-width: 479px) {
/*messagerie la zonne de lecture des messages envoyés */
#reply_subject {
width: 420px;
}
#mail_content_text {
width: 415px;
}
/*messagerie la zonne d'écriture pour envoyer un message à un ami */
#send_friend_mail_sub {
width: 420px;
}
#send_friend_mail_message {
width: 415px;
}

}