/* CSS Document */

h2 {
font-size: 16px; font-size: 1.600rem;/* =16px */
}
body {
max-width: 768px;
}
#content { 
max-width: 768px;
}
#header {
max-width: 768px;
height: auto;
}
#titre_texte
{
max-width: 768px;
}
 /*le menu*/
#menu
{
width: 768px;
}
#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:56.50%;
}
#colonne_droite {
width:40%;
}
/* PAGE NEWS */
#image-presentation2 {
margin-top:-5px;
}
#bandeau_salon_visiteurs { /*les images centrales de présentation des pages salon*/
position: relative;
max-width: 768px;
}

/* 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.100rem  0 0.600rem 1.200rem; /* haut-droit-bas-gauche */
}
#news-blok {
max-width: 750px;
position: relative;
top :0px;
}
#trait_dessus
{
max-width: 750px;
} 
#trait_bas
{
max-width : 768px;
} 
/* le tableau de l'include bas-page*/
#footeramis_tableau_1 {
max-width: 747px;
}
.footeramis_tableau {
max-width: 747px;
font-size: 8px; font-size: 0.800rem;/* =10px */
line-height: 1.6rem;
}
.footeramis_tableau td {
width: 220px;
}
/* les boutons j'aime*/
#comments {
max-width: 752px;
}
#pied_de_page { /* le pied de page */
font-size: 9px; font-size: 0.900rem;/* =10px */
padding:  1.000em 0 1.000em 0; /* haut-droit-bas-gauche */
}
/* La partie principale gauche*/
#register_colonne_gauche {
width:93%;
display:inline-block;
position:relative;
margin:  0 1.000rem 0 1.000rem; /* haut-droit-bas-gauche */
z-index: 1;
}
#register_colonne_droite {
padding-left:15px;
padding-right:15px;
}
/*colonne gauche mon profil*/
#ma-page-mes-infos {
margin: 0 0 0 3.100rem; /* passer left à 0 à partir de 1020px */
}
/*colonne droite*/
#ma-page-mes-clubs {
margin: 0 3.100rem 0 0 ; /* passer right à 0 à partir de 1020px */
} 
#gerer_mon_album_block{
max-width: 620px;
}


@media screen and (max-width: 767px) {
h1 {
font-size: 21px; font-size: 2.100rem;/* =20px */
}
#image_page_accueil {
display: none;
}
/* le texte de présentation meetinggame */
#page_accueil_gauche_texte {
font-size: 18px; font-size: 1.800rem;/* =18px */
}
#page_accueil_gauche_texte li {
padding:  0  0 1.800rem 1.200rem; /* haut-droit-bas-gauche */
}
 /* le block droit de la connexion */
#login_block {
margin:  0.700em 0.700em 1.000em 1.000em ; /* haut-droit-bas-gauche */
}
#contacts {
padding-left:20px;
padding-right:20px;
}
/* Le formulaire d'inscription*/
form#inscription {
padding:  0 0.500em 0.500em 0.500em; /* haut-droit-bas-gauche */
}
/* Le formulaire d'inscription*/
form#inscription label {
width: 260px; /* largeur pour le texte de gauche*/
}
/* Les colonnes */
#colonne_gauche {
width:57%;
}
#colonne_droite {
width:39%;
}
/*Postits*/
#postits{
max-width:434px;
padding-left:8px;
}
.postit1{
float:left;
width:208px;
margin: 0 0.800rem 0.600rem 0; /* haut-droit-bas-gauche */
}
.postit2{
float:left;
width:208px;
margin: 0 0.800rem 0.600rem 0; /* haut-droit-bas-gauche */
}
.postit3{
float:left;
width:208px;
margin: 0 0.800rem 0.600rem 0; /* haut-droit-bas-gauche */
}
#postits_titre {
width: 150px;
}
#postits_descriptif {
width: 194px;
}
#infos-membre_connecte {
width: 62%;
}
/* upload popup box */
div#popUpDiv div.upload-box { 
margin-left:-107px;
} 

}

@media screen and (max-width: 703px) {
h1 {
font-size: 20px; font-size: 2.000rem;/* =20px */
}
#contacts {
padding-left:10px;
padding-right:10px;
}
#headerLeft_ma_page_left {
width:310px;
}
#headerLeft_ma_page_right {
width:310px;
}
#colonne_gauche {
width:62%;
}
#colonne_droite {
width:34%;
}
#searchcontact_inner_bottomtext {
padding-left:20px;
padding-right:20px;
}
#infos-membre_connecte {
width: 58%;
} 
/*colonne gauche mon profil*/
#ma-page-mes-infos {
margin: 0 0 0 1.000rem;
}
/*colonne droite*/
#ma-page-mes-clubs {
margin: 0 1.000rem 0 0 ; 
} 

/*Ma page - Mon profil*/
#ma-page-ensemble-trois-bloks {
max-width: 620px;
}
/* le block de l'image du membre */
#leftHeaderLeft-mon-profil {
width:278px;
margin: 0 1.300rem 0.600rem 0; /* haut-droit-bas-gauche */
}
/* la zone des coordonnées du membre*/
#leftHeaderRight {
width:278px;
margin: 0 0 0.600rem 0; /* haut-droit-bas-gauche */	
}
/* le block "Ce texte de présentation"*/
#saisie-texte-membre {
width:278px;
display: inline-block;
margin: 0.600rem 0 0 15.500rem;
}
#saisie-texte-membre  .modifierMonTexte {
width:266px	;
}
/* le block des activités du membres */
#activites-du-membre {
max-width: 620px;
}
#ensemble-clubno1 {
max-width: 610px;
}

}