/* CSS Document */

/* redimentions des images */
img.no-resize {
	max-width: 100%;
	height: auto;
}
img {
	max-width: 60%; /* taille de base */
	height: auto;
}
h1 {
	font-size: 18px; font-size: 1.800rem;/* =18px */
}
h2 {
font-size: 16px; font-size: 1.600rem;/* =16px */
}
body {
max-width: 640px;
}
#content { 
max-width: 640px;
}
#header {
max-width: 640px;
height: auto;
}
#titre_texte
{
max-width: 640px;
}
 /*le menu*/
#menu
{
width: 640px;
}
#menu li a {
font-size: 10px; font-size: 1.000rem;/* =13px */
padding: 9px 2px 0px 8px; /*sous menu haut-droit-bas-gauche */mini
}


/* Les colonnes */
#colonne_gauche {
width:57%;
}
#colonne_droite {
width:39%;
}

/* Le formulaire d'inscription*/
form#inscription {
  padding:  0 0.500em 0.500em 0.500em; /* haut-droit-bas-gauche */
}
form#inscription legend {
  font-size: 13px; font-size: 1.300rem;/* =13px */
}
/* Le formulaire d'inscription*/
form#inscription ol li {
  padding: 0.500em 0 0.500em 0.500em;  /* haut-droit-bas-gauche */
}
form#inscription label {
  font-size: 13px; font-size: 1.300rem;/* =13px */
}
/*recevoir sa clef d'activation*/
#key_retival {
font-size: 9px; font-size: 0.900rem;/* =16px */
}


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

#infos-membre_connecte {
width: 50%;
}

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

/* le block des textes de gauche */
#page_accueil_gauche_titre {
font-size: 22px; font-size: 2.200rem;/* =22px */
}
/* le texte de présentation meetinggame */
#page_accueil_gauche_texte {
font-size: 16px; font-size: 1.600rem;/* =16px */
}
#page_accueil_gauche_texte li {
padding:  0  0 1.800rem 1.200rem; /* haut-droit-bas-gauche */
}

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


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

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

/* La page messages des postits*/

/*Postits participation */
#colonne_postits_participation{
max-width:420px;
margin: 0 auto ;
padding:  0 0  1.200rem 0; /* haut-droit-bas-gauche */
}
#postits_participation{
max-width:404px;
padding:  0 0  0 0; /* haut-droit-bas-gauche */
}
.bandeau_titre{
width:400px;
}
.bandeau_subject_tittle{
max-width:400px;
font-size: 16px; font-size: 1.600rem;/* =16px */
}
.bandeau_donnees{
font-size: 12px; font-size: 1.200rem;/* =12px */
line-height: 1.5rem;
width:340px;
}
#ensemble_createur{
width:400px;
height:206px;
}
.ensemble_createur_coordonnees{
width:120px;
height:200px;
}
.ensemble_createur_textes{
width:120px;
height:70px;
font-size: 10px; font-size: 1.000rem;/* =10px */
padding:  0.200rem 0 0 0; /* haut-droit-bas-gauche */
}  
.createur_photo{
width:110px;
height:110px;
} 
.ensemble_createur_message{
width:269px;
height:200px;
margin-left:125px;
top:-180px;
}
.ensemble_createur_message_date{
width:262px;
font-size: 10px; font-size: 1.000rem;/* =10px */
padding:  0.100rem 0 0.500rem 0; /* haut-droit-bas-gauche */
}
.ensemble_createur_message_texte{
width:262px;
font-size: 13px; font-size: 1.300rem;/* =13px */
}
#ensemble_participer{
width:400px;
height:226px;
}
.ensemble_participer_coordonnees{
width:120px;
height:200px;
}
.ensemble_participer_textes{
width:120px;
height:70px;
font-size: 10px; font-size: 1.000rem;/* =10px */
padding:  0.200rem 0 0 0; /* haut-droit-bas-gauche */
}  
.participer_photo{
width:110px;
height:110px;
} 
.ensemble_participer_message{
width:269px;
height:220px;
margin-left:125px;
top:-180px;
}
.ensemble_participer_message_date{
font-size: 10px; font-size: 1.000rem;/* =10px */
padding:  0.100rem 0 0.500rem 0; /* haut-droit-bas-gauche */
}
.ensemble_participer_message_texte{
font-size: 12px; font-size: 1.200rem;/* =12px */
}
#reponse_postit{
width:388px;
}
#pagination_bar_reponse {
width: 400px;
}
.textLarge {
width: 368px;
}
.member_image_postit { /*classe pour empecher les photos des mebres de se redimensionner dans les postits*/
min-width:110px;
max-height:110px;
}
.member_icone_postit { /*classe pour empecher les photos des mebres de se redimensionner dans les postits*/
min-width:45px;
max-height:45px;
}
/*----------------------------------------------------------------------------------------------*/
/* Fin du club house */
/*----------------------------------------------------------------------------------------------*/
/* Le menu déroulant régions */
#remaining_clubs{
margin-left:45px;
}

#ensemble-clubno1 {
max-width: 604px;
}

@media screen and (max-width: 639px) {
/*messagerie la zonne de lecture des messages envoyés */
#reply_subject {
width: 485px;
}
#mail_content_text {
width: 480px;
}
/*messagerie la zonne d'écriture pour envoyer un message à un ami */
#send_friend_mail_sub {
width: 485px;
}
#send_friend_mail_message {
width: 480px;
}
/*colonne gauche mon profil*/
#ma-page-mes-infos {
float:none;
margin-left: auto;
margin-right: auto;
}
/*colonne droite*/
#ma-page-mes-clubs {
float:none;
margin-left: auto;
margin-right: auto;
}
/*Ma page - Mon profil*/
#ma-page-ensemble-des-bloks {
padding: 0 0.300rem 0 0.300rem; /* passer left à 0 à partir de 666px */
}

#remaining_clubs{
margin-left:10px;
}
/* le block des activités du membres */
#activites-du-membre {
padding-bottom: 30px; /* à voir pour format 320 */
}

/*Ma page - Mon profil*/
#ma-page-ensemble-trois-bloks {
max-width: 310px;
}
/* le block de l'image du membre */
#leftHeaderLeft-mon-profil {
width:288px;
margin: 0 1.300rem 1.000rem 0; /* haut-droit-bas-gauche */
}
/* la zone des coordonnées du membre*/
#leftHeaderRight {
width:288px;
margin: 0 0 0.400rem 0; /* haut-droit-bas-gauche */	
}
/* le block "Ce texte de présentation"*/
#saisie-texte-membre {
width:288px;
display: inline-block;
margin: 0.600rem 0 0 0;
}
#saisie-texte-membre  .modifierMonTexte {
width:274px	;
}

}


@media screen and (max-width: 439px) {

/*Postits participation */
#colonne_postits_participation{
max-width:320px;
margin: 0 auto ;
padding:  0 0  1.200rem 0; /* haut-droit-bas-gauche */
}
#postits_participation{
max-width:300px;
padding:  0 0  0 0; /* haut-droit-bas-gauche */
margin-left:5px;
}
.bandeau_titre{
width:300px;
}
.bandeau_subject_tittle{
max-width:300px;
font-size: 18px; font-size: 1.800rem;/* =18px */
}
.bandeau_donnees{
font-size: 10px; font-size: 1.000rem;/* =10px */
line-height: 1.3rem;
width:258px;
padding:  0 0 0 0.500rem; /* haut-droit-bas-gauche */
}
#ensemble_createur{
width:300px;
margin-left:0px;
}
.ensemble_createur_coordonnees{
width:80px;
height:170px;
}
.ensemble_createur_textes{
width:80px;
font-size: 9px; font-size: 0.900rem;/* =9px */
padding:  0.100rem 0 0.200rem 0; /* haut-droit-bas-gauche */
}  
.createur_photo{
width:80px;
} 
.ensemble_createur_message{
width:200px;
height:auto;
margin-left:90px;
top:-185px;
}
.ensemble_createur_message_date{
width:162px;
font-size: 9px; font-size: 0.900rem;/* =9px */
padding:  0.100rem 0 0.500rem 0; /* haut-droit-bas-gauche */
}
.ensemble_createur_message_texte{
font-size: 11px; font-size: 1.100rem;/* =11px */
height:165px;
width:162px;
}
#ensemble_participer{
width:300px;
height:256px;
}
.ensemble_participer_coordonnees{
width:80px;
}
.ensemble_participer_textes{
width:80px;
font-size: 9px; font-size: 0.900rem;/* =9px */
padding:  0.100rem 0 0.200rem 0; /* haut-droit-bas-gauche */
}  
.participer_photo{
width:80px;
} 
.ensemble_participer_message{
width:200px;
height:246px;
margin-left:90px;
top:-178px;
}
.ensemble_participer_message_date{
font-size: 9px; font-size: 0.900rem;/* =9px */
padding:  0.100rem 0 0.500rem 0; /* haut-droit-bas-gauche */
}
.ensemble_participer_message_texte{
font-size: 11px; font-size: 1.100rem;/* =11px */
height:165px
}
#reponse_postit{
width:288px;
margin-left:5px;
}
#pagination_bar_reponse {
width: 300px;
margin-left:5px;
}
.textLarge {
width: 268px;
}
.member_image_postit { /*classe pour empecher les photos des mebres de se redimensionner dans les postits*/
min-width:80px;
max-height:80px;
}
.member_icone_postit { /*classe pour empecher les photos des mebres de se redimensionner dans les postits*/
min-width:35px;
max-height:35px;
}

}