/* CSS Document */

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

p { font-size: 14px; font-size: 1.400rem;} /* =14px */

h2 {font-size: 16px; font-size: 1.600rem;} /* =16px */

body {
max-width: 460px;
}

#content { 
max-width: 460px;
}

#header {
max-width: 460px;
height: auto;
}
#titre_texte
{
max-width: 460px;
}
 /*le menu*/
#menu
{
width: 460px;
}
#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:97%;
}
#colonne_droite {
width:97%;
}

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

/* le texte de présentation meetinggame */
#page_accueil_gauche_texte {
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: 460px;
}
#image-presentation2 { /*l'image centrale de présentation des pages news*/
position: relative;
max-width: 460px;
}
#bandeau_salon_visiteurs { /*les images centrales de présentation des pages salon*/
position: relative;
max-width: 460px;
}

#news-blok {
max-width: 460px;
position: relative;
top :0px;
}
#trait_dessus
{
max-width: 450px;
} 
#trait_bas
{
max-width : 460px;
} 

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

/* les boutons j'aime*/
#comments {
max-width: 450px;
}

#pied_de_page { /* le pied de page */
font-size: 8px; font-size: 0.800rem;/* =10px */
}

/* La partie principale gauche*/
#register_colonne_gauche {
width:93.5%;
margin-left:5px;
}
#register_colonne_droite {
padding-left:10px;
padding-right:10px;
}

#searchcontact_inner_bottomtext {
padding-left:15px;
padding-right:15px;
}


/*GERER MON PROFIL - LA POSITION DES ICONES*/
#pxlsGapeLeft {
margin-top: 25px;  /* 25px pour format 320 */
}

@media screen and (max-width: 459px) {
/*Postits*/
#postits{
max-width:220px;
padding-left:8px;
}
.postit1{
float:left;
width:212px;
margin: 0 0.500rem 0.300rem 0; /* haut-droit-bas-gauche */
}
.postit2{
float:left;
width:212px;
margin: 0 0.500rem 0.300rem 0; /* haut-droit-bas-gauche */
}
.postit3{
float:left;
width:212px;
margin: 0 0.500rem 0.300rem 0; /* haut-droit-bas-gauche */
}
#postits_titre {
width: 170px;
}
#postits_descriptif {
width: 206px;
}
/*messagerie la zonne de lecture des messages envoyés */
#reply_subject {
width: 405px;
}
#mail_content_text {
width: 400px;
}
/*messagerie la zonne d'écriture pour envoyer un message à un ami */
#send_friend_mail_sub {
width: 405px;
}
#send_friend_mail_message {
width: 400px;
}
/* le texte de présentation de l'ami*/
#amis_texte {
width:300px;
}

}

@media screen and (max-width: 445px) {
/* le texte de présentation meetinggame */
#page_accueil_gauche_texte {
font-size: 13px; font-size: 1.300rem;/* =14px */
}
/* Le formulaire d'inscription*/
form#inscription label {
width: 125px; /* largeur pour le texte de gauche*/
font-size: 12px; font-size: 1.200rem;/* =12px */
}
/*messagerie la zonne de lecture des messages envoyés */
#reply_subject {
width: 335px;
}
#mail_content_text {
width: 330px;
}
/*messagerie la zonne d'écriture pour envoyer un message à un ami */
#send_friend_mail_sub {
width: 335px;
}
#send_friend_mail_message {
width: 330px;
}

}