/* CSS Document */

/* redimentions des images */
img.no-resize {
	max-width: 100%;
	height: auto;
}
img {
	max-width: 70%; /* 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: 667px;
}

#content { 
max-width: 667px;
}

#header {
max-width: 667px;
height: auto;
}
#titre_texte
{
max-width: 667px;
}
 /*le menu*/
#menu
{
width: 667px;
}
#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: 14px; font-size: 1.400rem;/* =14px */
}
/*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: 667px;
}
#image-presentation2 { /*l'image centrale de présentation des pages news*/
position: relative;
max-width: 667px;
}
#bandeau_salon_visiteurs { /*les images centrales de présentation des pages salon*/
position: relative;
max-width: 667px;
}

 /* 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: 657px;
position: relative;
top :0px;
}
#trait_dessus
{
max-width: 616px;
} 
#trait_bas
{
max-width : 667px;
} 

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

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

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

@media screen and (max-width: 666px) {
#contacts {
text-align: center;/* On centre les éléments */	
}
form#inscription label {
width: 200px; /* largeur pour le texte de gauche*/
}
#headerLeft_ma_page_left {
width:330px;
margin-left:0px auto;
margin-right:0px auto;
display:inline-block;/* On le remplace au float:left; */
float:none; /* remplace le float:left; */
}
#headerLeft_ma_page_right {
width:330px;
margin-left:0px auto;
margin-right:0px auto;
display:inline-block;/* On le remplace au float:left; */
float:none; /* remplace le float:left; */
}
#postits_participation{
max-width:630px;
padding:  0 0.100rem  0 0.500rem; /* haut-droit-bas-gauche */
}
/*colonne gauche mon profil*/
#ma-page-mes-infos {
margin: 0 0 0 0 ; /* passer left à 0 à partir de 666px */
}
/*colonne droite*/
#ma-page-mes-clubs {
margin: 0 0 0 0 ; /* passer right à 0 à partir de 666px */
}
#ensemble-clubno1 {
max-width: 614px;
}

}