/* CSS Document */

/*----------------------------------------------------------------------------------------------*/
/* all */
/*----------------------------------------------------------------------------------------------*/
* {
	font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
}
/*----------------------------------------------------------------------------------------------*/
/* reset */
/*----------------------------------------------------------------------------------------------*/

html {
    font-size: 62.5%;
	background-color: #f1f3f2;
}
body {
    font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
    font-size: 14px; font-size: 1.400rem;/* =14px */
	width: 100%;
	background-color: #ffffff;
	display: block;
	z-index: 1;
	max-width: 1024px; /*trés important : cela permet de centrer le site en conservant l'elasticité du menu*/
	margin: 0 auto;
}

h1 {
	font-size: 22px; font-size: 2.200rem;/* =22px */
    font-weight: bold;
    margin: 0 0  0.300em 0; /* haut-droit-bas-gauche */
	color: #0f368f;
}
h2 {
	font-size: 18px; font-size: 1.800rem;/* =18px */
    font-weight: bold;
    margin:  0.200em 0 0.200em 0; /* haut-droit-bas-gauche */
	color: #0f368f;
}
h3 {
	font-size: 18px; font-size: 1.800rem;/* =18px pour la colonne droite */
    font-weight: bold;
    margin:  0.400em 0 0.400em 0; /* haut-droit-bas-gauche */
}
h4 {
	font-size: 15px; font-size: 1.500rem;/* =15px pour la colonne droite */
    font-weight: bold;
    margin:  0.400em 0 0.400em 0; /* haut-droit-bas-gauche */
}
h5 {
	font-size: 14px; font-size: 1.400rem;/* =14px pour la colonne droite */
    font-weight: normal;
    margin:  0.600em 0 0.400em 0; /* haut-droit-bas-gauche */
	color: #0d3081;
}
h6 {
	font-size: 12px; font-size: 1.200rem;/* =12px pour la colonne droite */
    font-weight: normal;
    line-height: 1.5rem;
    margin:  0 0  0 0;/* haut-droit-bas-gauche */
	color: #0d3081;
}
p { font-size: 14px; font-size: 1.400rem;/* =14px */ } /* =14px */


a {
color: #0b4e70;
text-decoration: none !important;
}


/* les puces bleues*/
ul#puces {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; 
	font-size: 14px; font-size: 1.400rem;/* =16px */
	font-weight: normal; text-align: left;
}
ul#puces li {
	background: url("/reseau-de-loisirs/images/pucebleue.jpg") no-repeat 0 5px;
	margin: 0;
	padding: 0 0 0 14px;
}

fieldset,iframe {
	border: none;
}
caption,th {
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
header,nav,#content_01,#content_02,p,.content_01_block,article,aside,hgroup,section,img,figure,figcaption,div,footer {
	display: block;
}
a, a:hover, a:active, a:visited {
	text-decoration: none;
	cursor: pointer;
}

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

/* les images */
.imageflottante1 { float: left; padding-right: 20px;}

.imageflottante9 { float: right; margin-left: 10px; margin-top: 3px; }

.imageflottante10 { float: right; margin-left: 10px; margin-top: 12px; }

.imageflottante11 { float: left; margin-right: 10px; margin-top: 4px; }

.imageflottante12 { float: right; margin-left: 10px; margin-top: 14px; }

.imageflottante13 { float: left; margin-right: 10px; margin-top: 14px; }

.imageflottante14 { float: left; margin-right: 10px; margin-top: 14px; margin-bottom: 8px; }

.imageflottante15 { float: left; margin: 0px; }


.clearall { clear: both; }

#content {
margin-right: 0px;
margin-left: 0px;
background-color: #ffffff; 
}
#maincontent {
float: left;
max-width: 68.7%;
background-color:#ffffff;
padding-bottom:5px;
padding-left: 5px;
z-index: 99;
}
#leftcontent {
float: left;
padding-bottom:5px;
z-index: 99;
}
#middlecontent {
float: left;
background-color: #ffffff; 
}
#rightcontent {
overflow: hidden;
max-height: auto;
max-width: 30%;
float: right;
background-color: #ffffff; 
padding-bottom:5px;
padding-right:5px;
margin-top: 5px;
}
#singlecontent {
background: #ffffff;
overflow: hidden;
max-height: auto;
max-width: 100%;
}

/* la partie de haut de page : logo, anim et meetinggame*/
/*----------------------------------------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------------------------------------*/	

header {
height: 84px;
max-width: 1024px;
background-color: #98c4eb;
background-image: url(../images/logo-game.png);
background-repeat: no-repeat;
background-position: top;
float: center; /*très important : cela permet de garder la position quand on réduit le body*/
}
 /*le bandeau avec le logo meetinggame*/
#bandeau {
position: relative;
max-width: 1024px; /*très important : cela permet de centrer le site en conservant l'elasticité du menu*/
height: auto;
z-index: 99;
}
#titre_texte {
max-width: 1024px;
text-align: center;
float: center; /*très important : cela permet de garder la position quand on réduit le body*/
padding-top: 64px;
font-family: "Verdana", Arial, "Arial Black", serif; 
font-size: 16px; font-size: 1.600rem;/* =16px */
font-style: normal; 
color: #032b74; 
font-weight: bold; 
line-height: 2.0rem;
text-align: center;
}
#titre_texte_petit {
display:none;
}
/* Le premier petit bandeau*/
#ensemble-haut {
position: relative;
max-width: 1024px; /*très important : cela permet de centrer le site en conservant l'elasticité du menu*/
height: auto;
}
/* Le premier petit bandeau*/
#le-haut {
position: relative;
max-width: 1024px; /*très important : cela permet de centrer le site en conservant l'elasticité du menu*/
margin-left:0px;
padding-top:3px;
padding-bottom:4px;
font-size: 14px; font-size: 1.400rem;/* =14px pour la colonne droite */
font-weight: bold;
text-align: left;
left: 0px;
height:26px;
background: #030e3b;
background: -moz-linear-gradient(#04265b, #79b5e8); 
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #79b5e8),color-stop(1, #04265b));	
background: -webkit-linear-gradient(#04265b, #79b5e8);	
background: -o-linear-gradient(#04265b, #79b5e8);
background: -ms-linear-gradient(#04265b, #79b5e8);
background: linear-gradient(#04265b, #79b5e8);
border-top: 1px solid #030e3b;
}	
#boutons_sociaux {
display: inline-block;
width: auto;
height: 24px;
text-align:left;
margin-top: 3px;
margin-left: 10px;
}
a.boutons_sociaux_twitter {
position:relative;
background-image: url("../images/twitter-22b.png");
background-repeat: no-repeat;
display: block;
height: 22px;
width: 22px;
}
a.boutons_sociaux_twitter:hover {
background-image: url("../images/twitter-22n.png");
}
a.boutons_sociaux_pinterest {
position:relative;
background-image: url("../images/pinterest-22b.png");
background-repeat: no-repeat;
display: block;
height: 22px;
width: 22px;
margin-left: 30px;
margin-top: -22px;
}
a.boutons_sociaux_pinterest:hover {
background-image: url("../images/pinterest-22n.png");
}
a.boutons_sociaux_gplus {
position:relative;
background-image: url("../images/gplus-22r.png");
background-repeat: no-repeat;
display: block;
height: 22px;
width: 22px;
margin-left: 60px;
margin-top: -22px;
}
a.boutons_sociaux_gplus:hover {
background-image: url("../images/gplus-22n.png");
}
a.boutons_sociaux_facebook {
position:relative;
background-image: url("../images/facebook-22b.png");
background-repeat: no-repeat;
display: block;
height: 22px;
width: 22px;
margin-left:94px;
margin-top: -22px;
}
a.boutons_sociaux_facebook:hover {
background-image: url("../images/facebook-22n.png");
}
#connect-meetinggame {
float: right; /*très important : cela permet de garder la position quand on réduit le body*/
margin-top: 5px;
margin-right: 10px;
hight: 10px;
font-size: 13px; font-size: 1.300rem;/* =14px pour la colonne droite */
font-weight: normal;
text-align: right;
color: #ffffff;
}
/* Liens */
#connect-meetinggame a:link {
color: #ffffff;
}
#connect-meetinggame a:visited {
color: #ffffff;
}
#connect-meetinggame a:hover{
color: #DF0574;
}

/*----------------------------------------------------------------------------------------------*/
/* Le block des pages d'accueil */
/*----------------------------------------------------------------------------------------------*/	
#image-presentation1 {
margin-top:-2px;
z-index: 4;
}
#page_accueil_ensemble_haut {
overflow: hidden;
max-height: auto;
max-width: 1024px;
margin: 0.500rem  0 0 0 ; /* haut-droit-bas-gauche */
padding:  0.100rem  0 0.100rem 0 ; /* haut-droit-bas-gauche */
background: #eef0f1;
}
#page_accueil_ensemble_gauche {
overflow: hidden;
padding:  0.500rem  0 0.500rem 1.000rem ; /* haut-droit-bas-gauche */
margin: 0.200rem  0 0 0 ; /* haut-droit-bas-gauche */
}
/* le titre meetinggame */
#page_accueil_gauche_titre {
text-align: center;
font-weight:bold;
font-size: 28px; font-size: 2.800rem;/* =28px */
color:#df0574;
padding:  0.200rem  0 0.300rem 0 ; /* haut-droit-bas-gauche */
}
/* le texte de présentation meetinggame */
#page_accueil_gauche_texte {
list-style-type: none;
text-align: left;
font-size: 20px; font-size: 2.000rem;/* =20px */
color:#102f75;
padding:  1.000rem  0 0.600rem 0 ; /* haut-droit-bas-gauche */
}
#page_accueil_gauche_texte li {
background: url("../images/pucerose.jpg") no-repeat 0 9px;
margin: 0;
padding:  0.200rem  0 1.200rem 1.200rem; /* haut-droit-bas-gauche */
}
#image-presentation2 {
margin-top:-2px;
z-index: 4;
}
 /* le block image droit de la connexion */
#image_page_accueil {
float: left;
margin:  0.700em 0 0.700em 0; /* haut-droit-bas-gauche */
}
 /* l'ensemble du block droit de la connexion */
#login_block {
width:232px;
float: right;
padding:  0; /* haut-droit-bas-gauche */
margin:  1.500rem ; /* haut-droit-bas-gauche */
} 
 /* le block devenez membre et déjà membre */
#login {
width: 212px;
text-align: center;
background: #dae1e5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0.200rem 1.000rem 0.300rem 1.000rem; /* haut-droit-bas-gauche */
margin: 1.300rem 0 0 0; /* haut-droit-bas-gauche */
font-size: 12px; font-size: 1.200rem;/* =12px */
}
 /* le block devenez membre et déjà membre */
#loginHeading {
font-weight:bold;
color: #0f368f;
font-size: 12px; font-size: 1.200rem;/* =12px */
margin: 0.500em 0  0.500em 0; /* haut-droit-bas-gauche */
}
/* le bouton DEVENEZ MEMBRE */
#lebouton-news {
width:232px;
height: 60px;
font-weight:bold;
line-height: 28px;
color: #fff;
cursor:pointer;
font-size: 18px; font-size:1.800rem;/* =20px */
text-align: center;
} 
.boutonnews a {
display:block;
padding-top: 3px;
width:232px;
height: 60px;
color: #fff;
text-align:center;
vertical-align:middle;
background:url(../images/inscrivez_newsF.jpg) no-repeat;
}
.boutonnews a:hover {
background:url(../images/inscrivez_newsC.jpg) no-repeat;
color: #000000;
}
#login_email {
text-align: left;
background: #ffffff;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  0.300rem ; /* haut-droit-bas-gauche */
margin: 0.300rem 0 0.500rem 0; /* haut-droit-bas-gauche */
width: 200px;
}
#login_password {
text-align: left;
background: #ffffff;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  0.300rem ; /* haut-droit-bas-gauche */
margin: 0.300rem 0 0.200rem 0; /* haut-droit-bas-gauche */
width: 200px;
}
 /* les formulaire de connection page d'accueil et d'inscription */
.checkbox {
width : 14px;
border: 0px;
margin: 0px 8px;
}
.submit {
background:url(../images/bouton_envoyerF.jpg) no-repeat;
width: 80px;
height: 22px;
border: 0px;
font-weight:bold;
cursor:pointer;
font-size: 11px;
text-align:center;
color: #fff;
padding-bottom:5px;
margin: 0 0 0.200rem 0; /* haut-droit-bas-gauche */
}
.submit2 {
background:url(../images/bouton_valider_fc.jpg) no-repeat;
width: 205px;
height: 29px;
border: 0px;
font-weight:bold;
cursor:pointer;
font-size: 13px;
text-align:center;
color: #fff;
margin: 0 0 0.200rem 0; /* haut-droit-bas-gauche */
}
#uload_image_file .submit {
background-image: url("../images/upload_new.png");
width: 80px;
height: 17px;
border: 0px;
font-weight:bold;
font-size: 11px;
margin:0px;
color: #fff;
}
#login .submit {
margin: 0.500rem 0 0.500rem 0; /* haut-droit-bas-gauche */
padding-bottom:5px;
}
#register .submit {
margin: 0.500rem 0 0.500rem 0; /* haut-droit-bas-gauche */
padding-bottom:5px;
}
.submit:hover {
background-image: url(../images/bouton_envoyerC.jpg); font-weight: bold; font-size: 11px; color: #222222;
}
.submit2:hover {
background-image: url(../images/bouton_valider_cl.jpg); font-weight: bold; font-size: 13px; color: #222222;
}
.alerte {
font-weight: bold; font-size: 14px; color: red;
}
.focus {
background: #ff9;
}
#lebouton { /* le bouton CONNECTEZ VOUS */
margin-left: 390px; 
width:230px;
height: 36px;
margin-top: 10px;
margin-bottom: 10px;
font-weight:bold;
line-height: 36px;
color: #fff;
cursor:pointer;
font-size: 18px; font-size: 1.800rem;/* =18px */
margin-left: 227px;
margin-right: 228px;
} 
.bouton a {
display:block;
width:230px;
height: 36px;
color: #fff;
text-align:center;
vertical-align:middle;
background:url(../images/inscrivez_vousF.jpg) no-repeat;
}
.bouton a:hover {
background:url(../images/inscrivez_vousC.jpg) no-repeat;
color: #000000;
}
#validate_login_btn {
margin: 1.000em 0 0.800em 0; /* haut-droit-bas-gauche */
}
/*  login error */
#loginerror {
color:red;
text-align:left;
width:225px;
}
#inscriptionInner {
text-align:center;
}
/*----------------------------------------------------------------------------------------------*/
/* Les messages d'alerte de la connexion
/*----------------------------------------------------------------------------------------------*/
/*  message d'alerte : ce champ est indispensable */
#login_emailErr {
color:red;
text-align:left;
}
/*  message d'alerte : ce champ est indispensable */
#login_emailErr1 {
color:red;
text-align:left;
}
/*  message d'alerte : cet e-mail est incorrect */
#login_emailErr1 {
color:red;
text-align:left;
}
/*  message d'alerte : cette adresse e-mail existe déjà */
#login_emailErr2 {
color:red;
text-align:left;
}
/*  message d'alerte : ce champ est indispensable */
#login_passwordErr{
color:red;
text-align:left;
}
/*  message d'alerte : e-mail et/ou mot de passe incorrects */
#loginerror{
color:red;
text-align:left;
}
/*  message d'alerte : merci de bien vouloir activer votre compte */
#loginerror1{
color:red;
text-align:left;
}
#login_email_div {
color: #0f368f;
font-size: 11px; font-size: 1.100rem;/* =11px */
text-align: center;
padding-bottom:3px;
}
#login_password_div {
color: #0f368f;
font-size: 11px; font-size: 1.100rem;/* =11px */
text-align: center;
}
#ForgotPassword a {
font-family: "Verdana", Arial, "Arial Black", serif;
font-size: 10px; font-size: 1.000rem;/* =10px */
text-decoration:none;
}
#ForgotPassword a:link {
font-family: "Verdana", Arial, "Arial Black", serif;
color: #0440d9;
}
#ForgotPassword a:visited {
font-family: "Verdana", Arial, "Arial Black", serif;
color: #036c17;
}
#ForgotPassword a:hover, a:focus, a:active {
font-family: "Verdana", Arial, "Arial Black", serif;
color: #036c17;
}
#forgot_password {
width:218px;
float: right;
padding-bottom: 5px;
padding:  0.200em 0.400em 0 0.400em; /* haut-droit-bas-gauche */
margin:  1.000em 0 0.200em 0; /* haut-droit-bas-gauche */
border:1px solid #df0574;
}
#forgotpassword_Inner {
margin:  0.500em 0.400em 0.200em 0.400em; /* haut-droit-bas-gauche */
}
#forgot_password .submit {
background-image: url("../images/bouton_envoyerF.jpg"); 
margin:  0 0 1.000em 0; /* haut-droit-bas-gauche */
width: 80px; 
height: 20px; 
border: 0px; font-weight: bold; 
font-size: 11px; font-size: 1.100rem;/* =10px */
color: #fff;
}
#forgot_password .submit:hover {
background-image: url("../images/bouton_envoyerC.jpg");
color: #222222;
}
#forgot_password #forgot_password_buttons {
padding-bottom:0px;
padding-top:10px;
}
#forgotpass_error {
color:red;
text-align:left;
}
#forgotpass_error1 {
color:red;
text-align:left;
}
#forgotpass_error2 {
color:red;
text-align:left;
}
#mailsend_text {
color:#FF0000;
text-align:center;
padding-bottom:10px;
}
#lebouton-bas { /* le bouton INSCRIVEZ VOUS */
width:230px;
height: 36px;
margin:0px auto;
font-weight:bold;
line-height: 36px;
color: #ffffff;
cursor:pointer;
font-size: 18px;
text-align:center;
} 
.lebouton-bas a {
display:block;
width:230px;
height: 36px;
color: #ffffff;
text-align:center;
vertical-align:middle;
background:url(../images/inscrivez_vousF.jpg) no-repeat;
}
.lebouton-bas a:hover {
background:url(../images/inscrivez_vousC.jpg) no-repeat;
color: #000000;
} 
#news-blok { /* Pages d'accueil */
position: relative;
margin-bottom:5px;
text-align:left;
max-width: auto;
background-color:#ffffff;
padding:  1.200rem  1.000rem 0.500rem 1.000rem ; /* haut-droit-bas-gauche */
}	
#bandeau_salon_terrasse_haut { /* visuel terrasse visiteurs */
margin-top:5px;
z-index: 1;
}
#footeramis_tableau_1 { /* le tableau de l'include bas-page*/
position: relative;
width: auto;
margin:  0 0 0 0 ; /* haut-droit-bas-gauche */
background-color:#ffffff;
}
.footeramis_tableau {
position: relative;
max-width: 1006px;
left: 10px;
background-color:#ffffff;
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 10px; font-size: 1.000rem;/* =10px */
line-height: 1.6rem;
font-weight:bold;
text-decoration:none;
text-align:left;
border-top:1px solid #6c92e0;
padding:  0  0 1.000rem 0 ; /* haut-droit-bas-gauche */
}
.footeramis_tableau td {
width: 251px;
empty-cells: show;
padding:  0.600rem  0 0.600rem 0 ; /* haut-droit-bas-gauche */
 }
.footeramis_tableau tr {
width: auto;
left: 10px;
 }
/* Liens */
#footeramis_tableau_1 a:link {
color: #777777;
}
#footeramis_tableau_1 a:visited {
color: #555555;
}
#footeramis_tableau_1 a:hover, a:focus, a:active {
color: #DF0574;
}
#footeramis_villes { /* le tableau des liens pour les villes*/
position: relative;
width: auto;
margin:  0 0 0 0 ; /* haut-droit-bas-gauche */
background-color:#ffffff;
}
.footeramis_villes_tableau {
position: relative;
max-width: 1016px;
left: 0px;
background-color:#ffffff;
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 10px; font-size: 1.000rem;/* =10px */
line-height: 1.6rem;
font-weight:bold;
text-decoration:none;
text-align:left;
border-top:1px solid #6c92e0;
padding:  0  0 0 0 ; /* haut-droit-bas-gauche */
}
.footeramis_villes_tableau td {
width: 251px;
empty-cells: show;
padding:  0.600rem  0 0.200rem 0 ; /* haut-droit-bas-gauche */
 }
.footeramis_villes_tableau tr {
width: auto;
left: 10px;
 }
/* Liens */
#footeramis_villes a:link {
color: #777777;
}
#footeramis_villes  a:visited {
color: #555555;
}
#footeramis_villes a:hover, a:focus, a:active {
color: #DF0574;
}
#trait_dessus { /*le filet bleu horizontal*/ 
border-top: 1px solid #6c92e0;
width : 1006px;
margin-bottom: 5px;
} 
#trait_bas {
border-top: 1px solid #6c92e0;
width : 1024px;
} 

#footer_ville_activites{ /* pour les pages des villes et des activités */
width: 100%;
margin: 1.000rem 0 0 -1.000rem; /* haut-droit-bas-gauche */
}
#trait_bas_ville_activites {
border-top: 1px solid #6c92e0;
width : 100%;
margin: -0.400rem 0 0 0 ; /* haut-droit-bas-gauche */
} 
#pied_de_page { /* le pied de page */
background-color:#f1f3f2;
color:#777777;
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 10px; font-size: 1.000rem;/* =10px */
font-weight:bold;
display:block;
text-align: center;
position:relative;
padding:  1.500em 0 1.000em 0; /* haut-droit-bas-gauche */
margin:  0.500em 0 0 0 ; /* haut-droit-bas-gauche */
text-decoration:none;
}
/* Liens */
#pied_de_page a:link {
font-family: "Verdana", Arial, "Arial Black", serif;
color: #777777;
}
#pied_de_page a:visited {
font-family: "Verdana", Arial, "Arial Black", serif;
color: #777777;
}
#pied_de_page a:hover, a:focus, a:active {
font-family: "Verdana", Arial, "Arial Black", serif;
color: #999999;
}
#cgu { /* conditions générales d'utilisation*/
background: #ffffff;
text-align: left;
font-family:"Verdana",Arial,"Arial Black",serif;
text-align:left;
font-weight: normal;
margin:10px 10px 0px;
}
#article { /* notice légale */
background: #ffffff;
text-align: left;
font-family:"Verdana",Arial,"Arial Black",serif;
text-align:center;
font-weight: normal;
margin:10px 10px 0px;
}
/* les boutons j'aime*/
#comments {
position: relative;
max-width: auto;
height: 22px;
margin:  2.000rem 0 1.000rem 0 ; /* haut-droit-bas-gauche */
padding:4px;
background-color: #dddbdb;
}

/*----------------------------------------------------------------------------------------------*/
/* Début page contacts*/
/*----------------------------------------------------------------------------------------------*/

#contacts { /*le block des 10 membres de la page contact*/
height:auto;
max-width:100%;
background-color: #ffffff;
float:left;
margin: 0.300em 0 0 0 ; /* haut-droit-bas-gauche */
z-index: 1;
}
#contacts-texte-center { /*le block des 10 membres de la page contact*/
text-align:center;
margin-left: 0px;
margin-right: 0px;
}
#contacts_inner {
  /*padding: 0px 8px 8px 12px;*/
}
.gobutton{ /*important, pour avoir le pointer dans les membres inscrits;*/
cursor:pointer;
}
.gobutton img {
	max-width: 100%; /* taille de base */
	height: auto;
	margin-bottom:10px;
}	
/*colonne gauche*/
#headerLeft_ma_page_left {
background-color:#ececec;
float: left;
margin-bottom:6px;
width:320px;
height:179px;
border:1px solid #E3E3E3;
}
/*colonne droite*/
#headerLeft_ma_page_right {
background-color:#ececec;
float:right;
height:179px;
margin-bottom:6px;
width:320px;
border:1px solid #E3E3E3;
}
#leftHeaderRight_ma_page{   
margin-top:-10px;
}
#leftHeaderRight_ma_page li { /*le texte dans le block les membres*/
padding-top:8px;
font-size:11px;
font-weight:bold;
line-height:10px;
}
#leftHeaderRight_ma_page ul {
list-style-type:none;
}
#leftHeaderRight_ma_page li.region{   
font-size:9px;
font-weight:bold;
line-height:12px;
}
.contacts_index #leftHeaderRight_ma_page li.downList{
color:#001fa0;
float:left;
width:173px;
font-weight:bold;
margin-top:0px;
font-style:italic;
font-size:11px;
}
/*Position en hauteur des icones d'activité dans le block des membres de la recherche*/
#pxlsGapeLeft_ma_page{
display:inline-block;
margin-top: 10px;
width:305px;
}
#headerDown{
margin-left:8px;
margin-top:6px;
}
#imageContent{ /*l'espacement des icones*/
float:left;
min-width:30px;
min-height:33px;
}
.icones-fixes { /*classe pour empecher les icones de se redimensionner, appliqué dans le fichier contact*/
min-width:25px;
max-height:25px;
}
/*la photo dans les membres*/
#leftHeaderLeft {
float: left;
color:#1F299C;
font-size:15px;
font-style:italic;
font-weight:bold;
line-height:14px;
position:relative;
width:135px;
padding-left:8px;
padding-top: 8px;
}
#leftHeaderRight img{
margin-top:14px;
padding-left:62px;
}
#leftHeaderRight li img{
margin:0px;
padding:0px;
width:24px;
height:17px;
}
.clearBoth{
clear:both;
}
img.leftHeaderLeftImg{ /*la photo des membres*/
height:128px;
min-width :128px; /*pour empecher le redimensionnement*/
position:relative;
top:2px;
}
/*le logo des membres du club N°1 sur les blocks des membres*/
#clubn1member{
float: right;
width: 36px;
height:36px;
background-image: url("../images/label_n1.jpg");
}
/*----------------------------------------------------------------------------------------------*/
/* La barre de navigation
/*----------------------------------------------------------------------------------------------*/
#pagination_bar {
background-color:#ececec;
border:1px solid #E3E3E3;
padding : 0.700rem 0 0.700rem 0; /* haut-droit-bas-gauche */
text-align:center;
font-size:11px;
margin: 0.400rem 0 0 0; /* haut-droit-bas-gauche */
}
.suare{
padding : 0.100rem 0.700rem 0.200rem 0.700rem; /* haut-droit-bas-gauche */
text-align: center;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0.300rem 0.100rem 0 0.100rem; /* haut-droit-bas-gauche */
}
.suare a{
  text-decoration: none;
  color:#000000;
}
.suare a hover{
  text-decoration: none;
  color:#000000;
}
.suare_selected {
padding : 0.100rem 0 0.200rem 0.700rem; /* haut-droit-bas-gauche */
background-color: #71c0e1;
text-align: center;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0.300rem 0.100rem 0 0.100rem; /* haut-droit-bas-gauche */
}
/*----------------------------------------------------------------------------------------------*/
/* Colonne droite recherche pour les membres non connectés
/*----------------------------------------------------------------------------------------------*/
#searchcontact { /*le block de droite pour les visiteurs*/
height:auto;
max-width:290px;
float:right;
padding: 0 ; /* haut-droit-bas-gauche */
z-index: 1;
}
#searchcontact_inner_bottomtext {
height:auto;
max-width:274px;
float:left;
margin: 0 ; /* haut-droit-bas-gauche */
z-index: 1; 
padding: 0 0 0 0 ; /* haut-droit-bas-gauche */
}
ul#recherche_membres {
margin: 0;
padding: 0;
list-style-type: none;	
font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; font-size: 13px; font-weight: normal; line-height: 18px;text-align: left;
}
ul#recherche_membres li {
background: url("../images/pucerose.jpg") no-repeat 0 6px;
margin: 0;
padding: 0 0 0 14px;
}
/* le bouton DEVENEZ MEMBRE */
#lebouton-news-membres {
width:232px;
height: 60px;
font-weight:bold;
line-height: 28px;
color: #fff;
cursor:pointer;
font-size: 18px; font-size:1.800rem;/* =20px */
margin-left: auto; /* haut-droit-bas-gauche */
margin-right: auto; /* haut-droit-bas-gauche */
margin-top:  10px;
} 
/*----------------------------------------------------------------------------------------------*/
/* Colonne formulaire de recherche pour les membres connectés
/*----------------------------------------------------------------------------------------------*/
/*le gif animé membres*/
#droit_recherche_club {
width:280px;
padding: 0 ; /* haut-droit-bas-gauche */
margin: 0 0 0.800rem 0; /* haut-droit-bas-gauche */
}
/* le block du formulaire */
#formulaire-des-membres {
width:270px;
height: auto;
margin-left: auto; /* haut-droit-bas-gauche */
margin-right: auto; /* haut-droit-bas-gauche */
margin-bottom:  15px;
text-align:center;
} 
/*recherche (par nom, par activité, par région)*/
#searchcontact_inner_formulaire {
text-align: left;
background: #dae1e5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0.500rem 1.000rem 0.500rem 1.000rem; /* haut-droit-bas-gauche */
margin: 0.500rem 0 0 0; /* haut-droit-bas-gauche */
width:250px;
font-size: 12px; font-size: 1.200rem;/* =12px */
}
#search_nom {
text-align: left;
background: #ffffff;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  0.400rem ; /* haut-droit-bas-gauche */
margin: 0.300rem 0 0.900rem 0; /* haut-droit-bas-gauche */
width: 240px;
}
/* -------------------- Les menus déroulants */
.styled-select-recherche {
background: url(../images/downArrow.png) no-repeat 98% 0;
height: 26px;
font-size: 12px; font-size: 1.200rem;/* =13px */
color: #fff;
padding: 0 0 0 0.300em; /* haut-droit-bas-gauche */
overflow: hidden;
border:none;
-webkit-appearance: none; /* pour faire disparaitre les enrichissements des navigateurs */
-moz-appearance: none; /* pour faire disparaitre les enrichissements des navigateurs */
appearance: none; /* pour faire disparaitre les enrichissements des navigateurs */
width: 250px;
margin: 0.300rem 0 0.900rem 0; /* haut-droit-bas-gauche */
}
.styled-select-recherche select {
background: transparent;
border: none;
font-size: 13px; font-size: 1.300rem;/* =13px */
height: 26px;
padding: 5px; /* If you add too much padding here, the options won't show in IE */
width: 250px;
}
/* -------------------- Rounded Corners */
.rounded {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.semi-square {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* --------- Colors: Background */
.blue { background-color: #4e88bb; }

/* --------- Colors: Text */
.blue select { color: #fff;  }

#searchcontact_submit{
font-size:13px;
font-weight:bold;
line-height:14px;
text-align: center;
margin: 0.300rem 0 0.300rem 0; /* haut-droit-bas-gauche */
}
/*----------------------------------------------------------------------------------------------*/
/* le design pour le nouveau formulaire d'inscription */
/*----------------------------------------------------------------------------------------------*/
/* La partie principale gauche*/
#register_colonne_gauche {
width:92.5%;
display:inline-block;
position:relative;
margin:  0 1.000rem 0 1.000rem; /* haut-droit-bas-gauche */
z-index: 1;
}
#register_colonne_gauche_titre{
display:block;
text-align: center;
position:relative;
padding:  0.400em 0 0.200em 2.000em; /* haut-droit-bas-gauche */
z-index: 1;
}
form, fieldset, legend, ol, li {
margin: 0;
padding: 0;
}
form#inscription {
background: #dae1e5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  0 1.000em 0.500em 1.000em; /* haut-droit-bas-gauche */
margin: 0 auto; /* Centre le block horizontalement */
width: 100%; /* 438 pour screen 768 */
}
form#inscription fieldset {
border: none;
margin: 0 auto;
width: 100%;
}
form#inscription fieldset:last-of-type {
margin-bottom: 0;
height: 28px;
}
form#inscription legend {
color: #0f368f;
font-size: 16px; font-size: 1.600rem;/* =16px */
font-weight: bold;
padding-top: 10px;
padding-bottom: 5px;
text-shadow: 0 1px 1px #c0d576;
}
.commentaires{
color:#0f368f;
font-size: 12px; font-size: 1.200rem;/* =12px */
font-weight:normal;
font-style:italic;
}
form#inscription > fieldset > legend:before {
}
form#inscription fieldset fieldset legend {
color: #111111;
font-size: 13px; font-size: 1.300rem;/* =13px */
font-weight: normal;
padding-bottom: 0;
}
form#inscription ol li {
background: #b9cf6a;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
list-style: none;
padding: 0.500em 0 0.500em 0;  /* haut-droit-bas-gauche */
margin: 0.100em 0 0.100em 0;  /* haut-droit-bas-gauche */
}
form#inscription ol ol li {
background: none;
border: none;
float: left;
}
form#inscription label {
float: left;
font-size: 13px; font-size: 1.300rem;/* =13px */
margin: 0 0 0 0.300em; /* haut-droit-bas-gauche */
width: 250px; /* largeur pour le texte de gauche*/
}
form#inscription fieldset fieldset label {
background:none no-repeat left 50%;
line-height: 22px;
padding: 0 0 0 0px;
width: auto;
}
form#inscription fieldset fieldset label:hover {
  cursor: pointer;
}
form#inscription input:not([type=radio]),
form#inscription textarea {
background: #ffffff;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 22px;
list-style: none;
padding: 0.100em 0 0.100em 0.400em;  /* haut-droit-bas-gauche */
margin: 0.100em 0 0.100em 0;  /* haut-droit-bas-gauche */
font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
font-size: 13px; font-size: 1.300rem;/* =13px */
outline: none;
width: 263px; /* largeur des cases de saisie */
}
form#inscription input:not([type=submit]):focus,
form#inscription textarea:focus {
  background: #eaeaea;
}
form#inscription input[type=radio] {

}
form#inscription button { /* Le bouton Validez */
background: #b6233f;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font-size: 18px; font-size: 1.800rem;/* =18px */
font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #000000;
margin-top:  0.700em;
}
form#inscription button:hover {
background: #df0168;
cursor: pointer;
}
/*recevoir sa clef d'activation*/
#key_retival {
position: relative;
text-align:center;
color:#167b05;
font-size: 10px; font-size: 1.000rem;/* =16px */
font-weight:bold;
font-style:italic;
text-align:center;
margin: 2.000em 0 0 0; /* haut-droit-bas-gauche */
}
#validationkey_top {
background-color:#FFFFFF;
text-align:center;
margin-right: 5px;
padding-top:20px;
}
#validationkey_top .submit {
background-image:url(../images/bouton_envoyerF.jpg);
border:0 none;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:20px;
margin: 1.000em 0 3.000em 0; /* haut-droit-bas-gauche */
width:81px;
}
/* -------------------- Les menus déroulants */
.styled-select {
background: url(../images/downArrow.png) no-repeat 98% 0;
height: 26px;
font-size: 12px; font-size: 1.200rem;/* =13px */
color: #fff;
padding: 0 0 0 0.300em; /* haut-droit-bas-gauche */
overflow: hidden;
border:none;
-webkit-appearance: none; /* pour faire disparaitre les enrichissements des navigateurs */
-moz-appearance: none; /* pour faire disparaitre les enrichissements des navigateurs */
appearance: none; /* pour faire disparaitre les enrichissements des navigateurs */
width: 270px;
}
.styled-select select {
background: transparent;
border: none;
font-size: 13px; font-size: 1.300rem;/* =13px */
height: 26px;
padding: 5px; /* If you add too much padding here, the options won't show in IE */
width: 245px;
}
/* -------------------- Rounded Corners */
.rounded {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.semi-square {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* -------------------- Colors: Background */
.blue    { background-color: #4e88bb; }

/* -------------------- Colors: Text */
.blue select    { color: #fff;  }

#register_colonne_droite {
max-width:290px;
background-color: #ffffff;
z-index: 1; 
}
#register_colonne_droite_image { /*pour le display none*/ 
margin:   0 0 0.800em 0; /* haut-droit-bas-gauche */
}
#trait_dessus_merci { /*le filet bleu horizontal*/ 
border-top: 1px solid #6c92e0;
width : 683px;
margin:  0.800em 0 0 0; /* haut-droit-bas-gauche */
}

/*----------------------------------------------------------------------------------------------*/
/* Les annonces colonne droite */
/*----------------------------------------------------------------------------------------------*/
#rightadvers{
width:274px;
height: auto;
margin-left: auto; /* haut-droit-bas-gauche */
margin-right: auto; /* haut-droit-bas-gauche */
text-align:center;
float: right;
}
#rightadvers img {
width: 274px; /* taille de base */
}
/*les 20 annonces*/
#rightadver_1{
width: 274px; /* taille de base */
margin-bottom:5px;
}
#rightadver_2{
width: 274px; /* taille de base */
margin-bottom:5px;
}
#rightadver_3{
width: 274px; /* taille de base */
}

/*----------------------------------------------------------------------------------------------*/
/* Le club house */
/*----------------------------------------------------------------------------------------------*/
#club_house{
height:auto;
max-width:100%;
float:left;
margin: 0 auto ;
z-index: 1;
}
#club_house_image{
margin-top:5px;
margin-left:-5px;
z-index: 4;
}
#club_house_intro{
max-width:100%;
padding: 0 0 0 0.500rem; /* haut-droit-bas-gauche */
}
#droit_clubhouse {
max-width:270px;
height: auto;
margin-left: auto; /* haut-droit-bas-gauche */
margin-right: auto; /* haut-droit-bas-gauche */
margin-bottom:  15px;
text-align:left;
} 
.member_image { /*classe pour empecher les photos des mebres de se redimensionner dans les postits*/
min-width:36px;
max-height:36px;
}
#postits_proposer{
background-image: url("../images/creer_activite.jpg");
background-repeat:no-repeat;
height: 50px;
width: 280px;
margin: 0 auto; 
padding: 1.000rem 0 0.500rem 0; /* haut-droit-bas-gauche */
text-align: center;
font-weight:bold;
font-size: 14px;
font-style:italic;
}
#postits_proposer a {
color: #041ea1;
}
#postits_proposer a:hover {
color: #018924;
text-decoration:underline;
}
#postits_proposer a:visited {
color:#041ea1;
}
/*Postits*/
#postits{
max-width:700px;
margin: 0 auto ;
padding-left:12px;
padding-bottom:12px;
text-align:center;
position:relative;
background-color:#ffffff;
}
.postit1{
float:left;
width:212px;
margin: 0 2.200rem 0.600rem 0; /* haut-droit-bas-gauche */
}
.postit2{
float:left;
width:212px;
margin: 0 2.200rem 0.600rem 0; /* haut-droit-bas-gauche */
}
.postit3{
float:left;
width:212px;
margin: 0 0 0.600rem 0; /* haut-droit-bas-gauche */
} 
#postits_titre {
position: absolute;
width: 170px;
margin-left: 45px;
margin-top: 0px;
padding-bottom: 10px;
text-align: left;
font-weight:bold;
font-size: 11px;
color:#000000;
font-style:italic;
}  
#postits_region {
position: absolute;
width: 210px;
margin-top: 34px;
padding-bottom: 0px;
margin-left: 4px;
text-align: left;
font-size: 9px;
font-weight:bold;
color:#024615;
}
#postits_city {
position: absolute;
width: 210px;
margin-top: 47px;
padding-bottom: 0px;
margin-left: 4px;
text-align: left;
font-size: 9px;
font-weight:bold;
color:#024615;
}
#postits_descriptif {
position: absolute;
width: 206px;
margin-top: 61px;
margin-left: 4px;
text-align: left;
font-size: 11px;
font-style:italic;
}  
#postits_time {
position: absolute;
margin-top: 153px;
width: 210px;
margin-left: 4px;
text-align: left;
font-size: 9px;
font-weight:bold;
color:#024615;
} 
#postits_membre_nom {
position: absolute;
width: 164px;
margin-top: 179px;
margin-left: 46px;
text-align: left;
font-weight:bold;
font-size: 11px;
} 
#postits_membre_nom a {
color: #041ea1;
}
#postits_membre_nom a:hover {
color: #768BAA;
text-decoration: none;
}
#postits_membre_nom a:visited {
color:#041ea1;
}  
#postits_membre_photo {
position: absolute;
width: 38px;
margin-top: 181px;
margin-left: 3px;
} 
#postits_participer {
position: absolute;
margin-top: 165px;
text-align: left;
margin-left: 3px;
text-align: left;
font-size: 10px;
font-weight:bold;
font-style:italic;
color:#041ea1;
}
#postits_participer a {
color: #041ea1;
}
#postits_participer a:hover {
color: #768BAA;
text-decoration:underline;
}
#postits_participer a:visited {
color:#041ea1;
}
   
.activity1, .activity2, .activity3, .activity4, .activity5, .activity6, .activity7, .activity8, .activity9, .activity10,
.activity11, .activity12, .activity13, .activity14, .activity15, .activity16, .activity17, .activity18, .activity19, .activity20,
.activity21, .activity22, .activity23, .activity24, .activity25, .activity26, .activity27, .activity28, .activity29, .activity30, 
.activity31, .activity32, .activity33, .activity34, .activity35, .activity36, .activity37, .activity38 {
width: 215px;
height: 250px;
padding-top:10px;
padding-left:0px;
background-repeat:no-repeat;
margin-left: -3px;
 }
.activity1 { background-image: url("../images/postits/1.jpg"); }
.activity2 { background-image: url("../images/postits/2.jpg"); }
.activity3 { background-image: url("../images/postits/3.jpg"); }
.activity4 { background-image: url("../images/postits/4.jpg"); }
.activity5 { background-image: url("../images/postits/5.jpg"); }
.activity6 { background-image: url("../images/postits/6.jpg"); }
.activity7 { background-image: url("../images/postits/7.jpg"); }
.activity8 { background-image: url("../images/postits/8.jpg"); }
.activity9 { background-image: url("../images/postits/9.jpg"); }
.activity10 { background-image: url("../images/postits/10.jpg"); }
.activity11 { background-image: url("../images/postits/11.jpg"); }
.activity12 { background-image: url("../images/postits/12.jpg"); }
.activity13 { background-image: url("../images/postits/13.jpg"); }
.activity14 { background-image: url("../images/postits/14.jpg"); }
.activity15 { background-image: url("../images/postits/15.jpg"); }
.activity16 { background-image: url("../images/postits/16.jpg"); }
.activity17 { background-image: url("../images/postits/17.jpg"); }
.activity18 { background-image: url("../images/postits/18.jpg"); }
.activity19 { background-image: url("../images/postits/19.jpg"); }
.activity20 { background-image: url("../images/postits/20.jpg"); }
.activity21 { background-image: url("../images/postits/21.jpg"); }
.activity22 { background-image: url("../images/postits/22.jpg"); }
.activity23 { background-image: url("../images/postits/23.jpg"); }
.activity24 { background-image: url("../images/postits/24.jpg"); }
.activity25 { background-image: url("../images/postits/25.jpg"); }
.activity26 { background-image: url("../images/postits/26.jpg"); }
.activity27 { background-image: url("../images/postits/27.jpg"); }
.activity28 { background-image: url("../images/postits/28.jpg"); }
.activity29 { background-image: url("../images/postits/29.jpg"); }
.activity30 { background-image: url("../images/postits/30.jpg"); }
.activity31 { background-image: url("../images/postits/31.jpg"); }
.activity32 { background-image: url("../images/postits/32.jpg"); }
.activity33 { background-image: url("../images/postits/33.jpg"); }
.activity34 { background-image: url("../images/postits/34.jpg"); }
.activity35 { background-image: url("../images/postits/35.jpg"); }
.activity36 { background-image: url("../images/postits/36.jpg"); }
.activity37 { background-image: url("../images/postits/37.jpg"); }
.activity38 { background-image: url("../images/postits/38.jpg"); }

/*le FORMULAIRE pour créer un Postit*/
#newPostit{
position: relative;
width:270px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: #dae1e5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  1.000em 1.500em 1.000em 1.500em; /* haut-droit-bas-gauche */
text-align: left;
font-size: 11px; font-size: 1.100rem;/* =11px */
font-weight:bold;
font-style:italic;
color:#0f368f;
border: none;
}
#act{
width:270px;
margin: 0.200rem 0 0 0; /* haut-droit-bas-gauche */
}
#region{
width:270px;
margin: 0.200rem 0 0 0; /* haut-droit-bas-gauche */
}
#city {
text-align: left;
background: #ffffff;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  0.400rem ; /* haut-droit-bas-gauche */
margin: 0.200rem 0 0 0; /* haut-droit-bas-gauche */
width: 260px;
}
#time{
text-align: left;
background: #ffffff;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  0.400rem ; /* haut-droit-bas-gauche */
margin: 0.200rem 0 0 0; /* haut-droit-bas-gauche */
width: 260px;
}
#tit{
text-align: left;
background: #ffffff;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  0.400rem ; /* haut-droit-bas-gauche */
margin: 0.200rem 0 0 0; /* haut-droit-bas-gauche */
width: 260px;
}
#desc {
width: 260px;
height: 70px; 
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 11px; font-size: 1.100rem;/* =11px */
text-align: left;
background: #ffffff;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  0.400rem ; /* haut-droit-bas-gauche */
margin: 0.200rem 0 0.100rem 0; /* haut-droit-bas-gauche */
width: 260px;
}
#postits_submit{
}
/*Postits participation */
#colonne_postits_participation{
max-width:740px;
margin: 0 auto ;
padding:  0 2.000rem  1.200rem 2.000rem; /* haut-droit-bas-gauche */
text-align:center;
position:relative;
background-color:#ffffff;
}
#postits_participation{
width:600px;
text-align:center;
background: #dae1e5;
border: none;
padding:  0 1.000rem  0 1.000rem; /* haut-droit-bas-gauche */
margin: 0 auto ;
}
.bandeau_titre{
background-color:#efeeef;
float:right;
width:596px;
margin:  1.000rem 0 0 0; /* haut-droit-bas-gauche */

padding:  0 0 0.500rem 0; /* haut-droit-bas-gauche */
border-bottom:2px solid #041ea1;
}
.bandeau_subject_tittle{
background-color:#efeeef;
color:#041ea1;
width:596px;
display: inline-block;
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 20px; font-size: 2.000rem;/* =20px */
font-weight:bold;
text-align:center;
padding:  0.300rem 0 1.000rem 0; /* haut-droit-bas-gauche */
}
.bandeau_symbole{
display:inline-block;
float:left;
padding:0px;

background-color:#efeeef;
}
.bandeau_donnees{
background-color:#efeeef;
color:#222222;
width:520px;
float:left;
height:auto;
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 12px; font-size: 1.200rem;/* =12px */
font-weight:bold;
line-height: 1.7rem;
text-align:left;
padding:  0 0 0 1.000rem; /* haut-droit-bas-gauche */
}
#ensemble_createur{
float:left;
width:596px;
height:216px;
background-color:#efeeef;
border-bottom:2px solid #041ea1;
margin:  0 0 0 0.400rem; /* haut-droit-bas-gauche */
padding: 0.500rem 0 0 0; /* haut-droit-bas-gauche */
}
.ensemble_createur_coordonnees{
background-color:#efeeef;
color:#000000;
width:140px;
height:210px;
margin-left:0px;
}
.ensemble_createur_textes{
background-color:#efeeef;
color:#444444;
width:140px;
height:70px;
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 10px; font-size: 1.000rem;/* =10px */
font-weight:bold;
text-align:left;
margin-left:0px;
padding:  0.500rem 0 0 0; /* haut-droit-bas-gauche */
}  
.createur_photo{
width:130px;
height:130px;
margin-left:0px;
} 
.ensemble_createur_message{
position: relative;
background-color:#efeeef;
width:455px;
height:210px;
margin-left:140px;
top:-205px;
border-left:1px solid #041ea1;
}
.ensemble_createur_message_date{
background-color:#efeeef;
color:#041ea1;
width:440px;
margin-left:10px;
font-size: 11px; font-size: 1.100rem;/* =11px */
font-style:italic;
font-weight:bold;
text-align:left;
border-bottom:1px solid #041ea1;
padding:  0.200rem 0 0.500rem 0; /* haut-droit-bas-gauche */
}
.ensemble_createur_message_texte{
background-color:#efeeef;
color:#000000;
width:439px;
margin-left:10px;
font-size:15px;
text-align:left;
padding-top:10px;
}
#ensemble_participer{
float:right;
width:596px;
height:216px;
background-color:#ffffff;
border-bottom:2px solid #041ea1;
}
.ensemble_participer_coordonnees{
background-color:#ffffff;
color:#000000;
width:140px;
height:210px;
margin-left:0px;
}
.ensemble_participer_textes{
background-color:#ffffff;
color:#444444;
width:140px;
height:70px;
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 10px; font-size: 1.000rem;/* =10px */
font-weight:bold;
text-align:left;
margin-left:0px;
padding:  0.500rem 0 0 0; /* haut-droit-bas-gauche */
}  
.participer_photo{
width:130px;
height:130px;
margin-left:0px;
} 
.ensemble_participer_message{
position: relative;
background-color:#ffffff;
width:451px;
height:210px;
margin-left:140px;
top:-205px;
border-left:1px solid #041ea1;
}
.ensemble_participer_message_date{
background-color:#ffffff;
color:#041ea1;
max-width:454px;
margin-left:10px;
font-size: 11px; font-size: 1.100rem;/* =11px */
font-style:italic;
font-weight:bold;
text-align:left;
border-bottom:1px solid #041ea1;
padding:  0.500rem 0 0.500rem 0; /* haut-droit-bas-gauche */
}
.ensemble_participer_message_texte{
background-color:#ffffff;
color:#000000;
max-width:459px;
margin-left:10px;
font-size: 15px; font-size: 1.500rem;/* =15px */
text-align:left;
padding-top:10px;
}
.participer_supprimer_message{
width:200px;
height:10px;
margin-left:0px;
padding-top:12px;
text-align:left;
font-size:11px;
font-style:italic;
font-weight:bold;
}
.participer_supprimer_message a {
color: #dd7506;
}
.participer_supprimer_message a:hover {
color: #fc0416;
text-decoration:underline;
}
#reponse_postit{
width:585px;
background-color:#b5e3f1;
padding: 0.500rem 0 0 1.200rem; /* haut-droit-bas-gauche */
text-align: left;
font-size: 12px; font-size: 1.200rem;/* =12px */
font-family:"Verdana",Arial,"Arial Black",serif;
font-weight:bold;
font-style:italic;
color:#333333;
margin:  0 0 0 1.400rem; /* haut-droit-bas-gauche */
}
.reponse_bouton{
background-color:#b5e3f1;
text-align:center;
padding-top:8px;
padding-bottom:8px;
}
#pagination_bar_reponse {
background-color:#ececec;
font-size: 11px; font-size: 1.100rem;/* =11px */
margin:  0 0 0 1.400rem; /* haut-droit-bas-gauche */
text-align:center;
width:596px;
height:auto;
padding:  1.000rem 0 1.000rem 0; /* haut-droit-bas-gauche */
}
.textLarge {
width: 567px;
margin:  0.500rem 0 0 0; /* haut-droit-bas-gauche */
min-height: 100px;
font-size: 12px; font-size: 1.200rem;/* =12px */
font-family:"Verdana",Arial,"Arial Black",serif;
}
.member_image_postit { /*classe pour empecher les photos des mebres de se redimensionner dans les postits*/
min-width:130px;
max-height:130px;
}
.member_icone_postit { /*classe pour empecher les photos des mebres de se redimensionner dans les postits*/
min-width:50px;
max-height:50px;
}
/* Fin du club house */
/*----------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/
/* La page d'accueil du membre connecté */
/*----------------------------------------------------------------------------------------------*/
#infos-membre_connecte_ensemble {
overflow: hidden;
max-height: auto;
max-width: 1024px;
margin: 1.500rem  0 0 0 ; /* haut-droit-bas-gauche */
padding:  0 0 0 0 ; /* haut-droit-bas-gauche */
background-color:#eef0f1;
}
#infos-membre_connecte {
overflow: hidden;
float: left;
text-align: left;
width: 72%;
padding:  0  0 0 1.000rem ; /* haut-droit-bas-gauche */
margin: 0 1.000rem 0  0 ; /* haut-droit-bas-gauche */
background-color:#eef0f1;
}  
#principal_login_member {
float: right;
width: 210px;
border:1px solid blue;
font-family:"Verdana",Arial,"Arial Black",serif;
text-align: left;
font-size: 12px;
font-weight:bold;
font-style:italic;
color:#041ea1;
line-height: 18px;
margin:  1.700rem 1.000rem 1.000rem 0; /* haut-droit-bas-gauche */
padding:  1.000rem; /* haut-droit-bas-gauche */
background-color:#eef0f1;
}
#prenom_nom {
text-align: left;
font-size: 14px;
}
#photo_login {
padding-top: 8px;
padding-bottom: 16px;
}
ul#infos_connecte {
margin: 0;
padding:  0.800rem  0 0.800rem 1.400rem ; /* haut-droit-bas-gauche */
list-style-type: none;	
font-family: "Verdana", Arial, "Arial Black", serif; font-style: italic; color: #333333; font-size: 14px; font-weight: normal; line-height: 17px;text-align: left;
}
ul#infos_connecte li {
background: url("../images/pucerose.jpg") no-repeat 0 5px;
margin: 0;
padding:  0  0 0.500rem 1.400rem ; /* haut-droit-bas-gauche */
}
/* Fin de la page d'accueil du membre connecté */
/*----------------------------------------------------------------------------------------------*/

/* club message request div */
#club_request_msg {
	padding: 0px 60px;
}
#club_request_msg_txt{
	min-width: 300px;
	margin:  1.000rem 0 1.500rem 0; /* haut-droit-bas-gauche */
	padding:  1.000rem ;
}

/*----------------------------------------------------------------------------------------------*/
/*MESSAGERIE*/
/*----------------------------------------------------------------------------------------------*/

/*messagerie - messages reçus*/

#messagerie_titre {
background-color:#7599b3;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-align : center;
max-width: 675px;
height: 24px;
padding-top: 10px;
border-bottom:10px solid #ffffff;
margin-left: auto ;
margin-right: auto ;
margin-top: 5px ;
}
#receivedemail {
background-color: #ffffff;
max-width: 675px;
margin-bottom:22px;
height: 269px;
margin-left: auto ;
margin-right: auto ;
}
#receivedemail .head {
background-color:#87b1dc;
color:#ffffff;
font-size:13px;
fon-style:normal;
font-weight:bold;
height: 22px;
padding-top: 14px;
padding-left: 10px;
margin-bottom:6px;
margin-left: auto ;
margin-right: auto ;
}
/*messagerie - messages reçus l'ensemble des messages*/
#receivedemail .mail-content {
height: 214px;
overflow: auto;
font-size: 10px;
text-align: left;
}
#receivedemail .footer{
background-color:#aebfd2;
color:#fff;
height:26px;
max-width: 675px;
border-top:2px solid #ffffff;
margin-left: auto ;
margin-right: auto ;
padding-left:12px;
padding-top:2px;
}
#receivedemail .footer a{
font-size:13px;
color:#ffffff;
font-style:italic;
font-weight:bold;
margin-left: auto ;
margin-right: auto ;
}
#receivedemail .footer input{
background-color:transparent;
border:medium none;
margin:4px 0px 0px 8px;
margin-left: auto ;
margin-right: auto ;
}
/*messagerie - messages reçus et messages envoyés l'ensemble des messages*/
tr.mail_texte {
cursor: pointer;
height: 40px;
font-size:11px;
font-weight:normal;
border-bottom: 1px solid #161F99;
}
tr.mail_texte:hover {
background-color: #dddddd;
}
td.mail_image {
padding-top:30px
}
/*messagerie - messages envoyés l'ensemble des messages*/
#sendemail {
background-color: #FFFFFF;
max-width: 675px;
margin-bottom:22px;
height: 269px;
margin-left: auto ;
margin-right: auto ;
}
#sendemail .head {
background-color:#87b1dc;
color:#ffffff;
font-size:13px;
font-style:normal;
font-weight:bold;
height: 22px;
padding-top: 14px;
padding-left: 10px;
margin-bottom:6px;
margin-left: auto ;
margin-right: auto ;
}
/*messagerie - messages envoyés l'ensemble des messages*/
#sendemail .mail-content {
height: 214px;
overflow: auto;
font-size: 10px;
text-align: left;
margin-left: auto ;
margin-right: auto ;
}
#sendemail .footer{
background-color:#aebfd2;
color:#fff;
height:26px;
max-width: 675px;
border-top:2px solid #ffffff;
margin-left: auto ;
margin-right: auto ;
padding-left:4px;
padding-top:2px;
}
#sendemail  .footer a{
font-size:13px;
color:#ffffff;
font-style:italic;
font-weight:bold;
}
#sendemail .footer input{
background-color:transparent;
border:medium none;
margin:4px 0px 0px 8px;
}
/*messagerie la zonne envoyer un message à un ami */	
#sendmail {
background-color: #ffffff;
max-width: 673px;
height: 295px;
margin-bottom:10px;
border-right: 1px solid #87b1dc;
border-left: 1px solid #87b1dc;
border-bottom: 3px solid #87b1dc;
text-align: left;
padding-bottom :10px;
margin-left: auto ;
margin-right: auto ;
}
#sendmail .head {
background-color:#87b1dc;
color:#ffffff;
font-size:13px;
font-style:normal;
font-weight:bold;
height: 22px;
padding-top: 14px;
padding-left: 10px;
margin-bottom:6px;
margin-left: auto ;
margin-right: auto ;
}
#send_friend_mail {
background-color: #ffffff;
max-width: 610px;
height: 232px;
margin-left: 10px;
}
#send_friend_mail_sub {
background-color: #ffffff;
width: 592px;
margin-top:3px;
border: 1px solid #87b1dc;
padding-left: 5px;
}
#send_friend_mail_message {
background-color: #ffffff;
width: 588px;
margin-bottom:0px;
min-height: 140px;
border: 1px solid #87b1dc;
margin-top:3px;
padding: 5px;
}
#send_friend_mail_buttons{
padding-top :6px;
padding-bottom :4px;
text-align: center;
}
#mail_process {
background-color: #ffffff;
width: 650px;
margin-bottom:10px;
min-height: 200px;
border: 1px solid #87b1dc;
}
#mail_process .head {
background-color:#87b1dc;
color:#ffffff;
font-style:italic;
font-weight:bold;
min-height: 12px;
padding: 12px;
margin-bottom: 10px;
}
/*messagerie la zonne de texte à lire ou à saisir */
#mail_process .mail-content {
background-color: #ffffff;
height: 200px;
overflow: auto;
padding: 0px 10px;
text-align: left;
}
#mail_process .footer{
background-color: #aebfd2;
padding-top :6px;
padding-bottom :4px;
border-top: 0px solid #000;
text-align: center;
}
#mail_process .footer a{
color:#fff;
}
/*messagerie la zonne lecture des messages reçus */	
#messagerie-sendmail {
background-color: #ffffff;
max-width: 673px;
min-height: 140px;
margin-bottom:10px;
border-right: 1px solid #87b1dc;
border-left: 1px solid #87b1dc;
border-bottom: 3px solid #87b1dc;
text-align: left;
padding-bottom :10px;
margin-left: auto ;
margin-right: auto ;
}
#messagerie-sendmail-head {
background-color:#87b1dc;
color:#ffffff;
font-size:12px;
font-style:normal;
font-weight:bold;
height: 36px;
padding-top: 2px;
padding-left: 10px;
margin-bottom:6px;
margin-top: 0px;
margin-left: auto ;
margin-right: auto ;
}
#messagerie-send_friend_mail {
background-color: #ffffff;
max-width: 660px;
margin-left: auto ;
margin-right: auto ;
}
#messagerie-send_friend_mail_message {
background-color: #ffffff;
max-width: 643px;
margin-bottom:0px;
overflow: auto;
min-height: 50px;
margin-top:3px;
padding: 5px;
margin-left: auto ;
margin-right: auto ;
}
#messagerie-send_friend_mail_buttons{
padding-top :6px;
padding-bottom :4px;
text-align: center;
}
/*messagerie la zonne de lecture des messages envoyés */
#reply_subject {
background-color: #ffffff;
width: 595px; /* changer à partir de 640px */
margin-top:3px;
border: 1px solid #87b1dc;
padding-left: 5px;
}
#mail_content_text {
background-color: #ffffff;
width: 590px; /* changer à partir de 640px */
margin-bottom:0px;
overflow: auto;
min-height: 150px;
margin-top:3px;
padding: 5px;
border: 1px solid #87b1dc;
}

/* L'ENSEMBLE MON AMI SON PROFIL */
#ensemble-profil-mon-ami {
background-color:#ffffff;
margin-top: 5px;
margin-left: auto ;
margin-right: auto ;
max-width:960px;
margin-bottom:1px;
text-align:center;
}
/* le bandeau titre Son profil */
#bandeau-titre-mon-ami {
background-color:#7599b3;
color:#ffffff;
font-size:13px;
font-style:normal;
text-align:left;
font-weight:bold;
height: 24px;
max-width:960px;
padding-top: 8px;
padding-left: 10px;
margin-top: 0px;
}
/* le nouveau block ensemble gauche de l'ami */
#ensemble-profil-mon-ami-gauche {
background-color:#ececec;
margin-top: 8px;
margin-bottom: 0px;
width:475px;
display:inline-block;
}
/* le block de l'image du membre */
#photo-ami-son-profil {
display:inline-block;
float:none;
}
.profil-ami-sa-photo {
min-width:170px;
max-height:170px;
margin: 0.400rem 0 0.300rem  0.200rem ; /* haut-droit-bas-gauche */
}
/* les coordonnées de l'ami */
#amis-coordonnees {
display:inline-block;
float: right;
background-color:#ececec;
width:293px;
margin-left:5px;
padding-top:5px;
}
#message_a_mon_ami {
width:280px;
height:34px;
margin-top:8px;
}
#message_a_mon_ami_texte{
margin-left:36px;
margin-top:-30px;
font-size:13px; 
font-weight:bold; 
text-decoration: none; 
font-style:italic; 
color:#058b4a;
}
#amis_lists ul {
margin-top:-12px;
}
#amis_lists li {
margin-top:9px;
}
.amis_detail ul{
text-align:left;
list-style-type:none;
padding:0;
width:280px;
}
.amis_detail li{
font-size:12px;
font-weight:bold;
}
/* les activités de l'ami */
#amis_activites_icones {
background-color:#cde55d;
margin-top: 14px;
}
/* les activités de l'ami */
.amis_activites {
background-color:#cde55d;
display:inline-block;
float:left;
min-width:25px;
min-height:25px;
margin-right:4px;
}
/* le texte de présentation de l'ami*/
#amis_texte {
vertical-align:top;
display:inline-block;
margin-top:8px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
width:475px;
background-color:#ffffff;
border:1px solid #7599b3;
}
#amis_texte_outer {
text-align:left;
padding:5px;
min-height:168px;
background-color:#ffffff;
}
#amis_sontexte{
color:#040c83;
font-style:normal;
font-weight:bold;
font-size:13px;
margin-bottom:10px;
}
#amis_list_texte{
font-weight:normal;
font-size:13px;
}

/*MODULE POUR L'ALBUM PHOTO DE MES AMIS*/
#son_album_detail_block{
background-color:#ececec;
overflow: auto;
width:960px;
text-align:center;
min-height: 92px;
border-bottom:2px solid #7599b3;
padding-left:0px;
padding-top:0px;
padding-bottom: 8px;
margin-bottom: 20px;
margin-left: auto ;
margin-right: auto ;
}
#son_texte_son_album {
background-color:#7599b3;
color:#ffffff;
font-size: 13px; font-size: 1.300rem;/* =13px */
font-style:normal;
text-align:left;
font-weight:bold;
height: 24px;
padding-top: 8px;
padding-left: 10px;
margin-top: 0px;
margin-left: auto ;
margin-right: auto ;
}
#son_album_detail_image{
display: inline-block;
vertical-align:top;
background-color:#ececec;
margin-bottom:8px;
margin: 0.800rem 0.500rem  0  0.500rem ; /* haut-droit-bas-gauche */
}
/*Ma page - Mon profil*/
#ma-page-ensemble-des-bloks {
max-width:700px;
position:relative;
margin-left: auto;
margin-right: auto;
}
/*colonne gauche mon profil*/
#ma-page-mes-infos {
float:left;
margin-bottom:6px;
width:310px;
margin: 0 0 0 3.100rem; /* passer left à 0 à partir de 1020px */
}
/*colonne droite*/
#ma-page-mes-clubs {
float:right;
width:310px;
margin: 0 3.100rem 0 0 ; /* passer right à 0 à partir de 1020px */
}
#profile {
background-color:#ececec;
width:310px;
margin: 0 0 1.000rem 0 ; /* haut-droit-bas-gauche */
padding: 0 0 0.400rem 0 ; /* haut-droit-bas-gauche */
}
#profile-mon-profil{
background-color:#7599b3;
color:#ffffff;
font-size: 14px; font-size: 1.400rem;/* =14px */
font-weight:bold;
width:300px;
height:20px;
padding: 0.300rem 0 0  1.000rem ; /* haut-droit-bas-gauche */
}
#profile .image{
float:left;
width:128px;
height:128px;
margin: 0.800rem 0.700rem  0 0.500rem ; /* haut-droit-bas-gauche */
}
#profile div.detail {
float:left;
width:168px;
font-size: 13px; font-size: 1.300rem;/* =13px */
font-weight:bold;
line-height:18px;
margin: 0.600rem 0  0 0 ; /* haut-droit-bas-gauche */
}
.detail li.drapeau{
margin: 0.700rem 0 0 0 ; /* haut-droit-bas-gauche */
padding: 0 0  0.700rem 0 ; /* haut-droit-bas-gauche */
}
.detail li.region{
font-size: 9px; font-size: 0.900rem;/* =9px */
line-height:11px;
margin:  0 0 0.600rem 0 ; /* haut-droit-bas-gauche */
}
.detail li.downList {
float:left;
height:32px;
}
/* les activités de mon profil, l'ensemble */
#ma_page_activites_icones {
width:310px;
height:28px;
margin: 0.500rem 0 0 0.500rem ; /* haut-droit-bas-gauche */
}
/*  les activités de mon profil, les icones */
.ma_page_activites {
display:inline-block;
float:left;
min-width:25px;
min-height:25px;
margin:  0 0.500rem 0  0 ; /* haut-droit-bas-gauche */
}
/*demande d'amis en cours*/
#memberfriends {
background-color: #ececec;
width:310px;
height: 100px;
margin:  0 0 1.000rem 0 ; /* haut-droit-bas-gauche */
}
#memberfriends .head1 {
background-color:#7599b3;
color:#ffffff;
font-size: 12px; font-size: 1.200rem;/* =12px */
font-weight:bold;
width:302px;
height:19px;
padding: 0.400rem 0 0  0.800rem ; /* haut-droit-bas-gauche */
}
#memberfriends .memeber-image {
float:left;
margin:  0.700rem 0.500rem 1.000rem 0.500rem ; /* haut-droit-bas-gauche */
padding: 0 0 0 0  ; /* haut-droit-bas-gauche */
}
.invitationttext{
color:#001FA0;
font-size: 11px; font-size: 1.100rem;/* =11px */
font-weight:bold;
width:235px;
float:left;
margin: 0.600rem 0 0 0 ; /* haut-droit-bas-gauche */
}
.friend-request-process {
display: inline-block;
margin: 1.500rem 0 0 6.000rem ; /* haut-droit-bas-gauche */
}
.friend-request-process img{
cursor:pointer;
display: inline-block;
margin: 0 2.000rem 0 0 ; /* haut-droit-bas-gauche */
}
/*le bloc dans la page d'accueil vous êts membres du club N°1 ou vous pouvez adhérer au club n°1*/
#memberannonceclub-mapage{
background-color:#ececec;
margin:  0 0 1.000rem 0 ; /* haut-droit-bas-gauche */
width:310px;
}
#texte-annonceclub{
background-color:#7599b3;
color:#ffffff;
font-size: 12px; font-size: 1.200rem;/* =12px */
font-weight:bold;
width:302px;
height:19px;
text-align: left;
padding: 0.400rem 0 0  0.800rem ; /* haut-droit-bas-gauche */
}
#memberannonceclub-mapage-texte{
background-color:#ececec;
width:310px;
height:72px;
color:#052b96;
font-size:13px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:  0.500rem 0 0 0 ; /* haut-droit-bas-gauche */
}
#memberannonceclub-mapage-logo {
width:60px;
height:60px;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
padding: 0.500rem 0 0.500rem 0 ; /* haut-droit-bas-gauche */
}
/*MODULE POUR LES 6 DERNIERS MEMBRES INSCRITS*/
#derniers_membres{
background-color:#ececec;
max-width:636px;
border:2px solid #7599b3;
margin-left: auto;
margin-right: auto;
}
#texte-derniers_membres{
background-color:#7599b3;
color:#ffffff;
font-size: 12px; font-size: 1.200rem;/* =12px */
font-weight:bold;
max-width:636px;
height:euto;
padding: 0.400rem 0 0.400rem  0.800rem ; /* haut-droit-bas-gauche */
}
#contacts_derniers_membres {
max-width:636px;
}
/*la position de la photo*/
#leftHeaderLeft_derniers_membres {
float: left;
width:93px;
margin: 0.500rem 0 0.500rem 0.500rem ; /* haut-droit-bas-gauche */
}
/*colonne droite*/
#headerLeft_ma_page_right_derniers_membres {
background-color:#ececec;
float:left;
width:105px;
min-height:190px;
border-right:0px solid #7599b3;
border-bottom:0px solid #7599b3;
}
/*colonne gauche*/
#headerLeft_ma_page_left_derniers_membres {
background-color:#ececec;
float: left;
width:105px;
min-height:190px;
border-right:1px solid #7599b3;
border-left:1px solid #7599b3;
border-bottom:0px solid #7599b3;
}
/*Position des icones d'activité*/
#headerDown_derniers_membres {
width:100px;
margin: 0 0 6.000rem 0.400rem ; /* haut-droit-bas-gauche */
}
#imageContent_derniers_membres {
float:left;
width:16px;
height:16px;
margin: 0 0.400rem 0.500rem 0 ; /* haut-droit-bas-gauche */
}
#leftHeaderRight_derniers_membres img {
margin-top:14px;
}
#leftHeaderRight_derniers_membres li img {
width:24px;
height:17px;
}
/*Position du texte membre nom prenom*/
#leftHeaderRight_ma_page_derniers_membres {
float:left;
width:102px;
color:#052b96;
font-size:9px;
font-style:normal;
font-weight:bold;
text-align:left;
margin: 0 0 1.000rem 0.200rem ; /* haut-droit-bas-gauche */
}
/*le message pour entrer en contact*/
.message_C1_derniers_membres {
color:#052b96;
font-size:8px;
font-weight:bold;
}
/*MODULE POUR MES AMIS dans ma page*/
#mes_amis_block_etendu {
background-color:#ececec;
max-width:636px;
min-height: 100px;
border-right:2px solid #7599b3;
border-left:2px solid #7599b3;
border-bottom:2px solid #7599b3;
margin-top: 1.000rem;
margin-left: auto;
margin-right: auto;
}
#texte_mes_amis{
background-color:#7599b3;
color:#ffffff;
font-size: 14px; font-size: 1.400rem;/* =11px */
font-weight:bold;
max-width:640px;
height:20px;
padding: 0.300rem 0 0  1.000rem ; /* haut-droit-bas-gauche */
}
#mes_amis_detail_block{
position:relative;
background-color:#ececec;
float: left;
width:317px;
height:90px;
border-left:1px solid #7599b3;
border-bottom:1px solid #7599b3;
}
#mes_amis_detail_image{
float: left;
margin: 0.500rem ;
width:80px;
height:80px;
}
#mes_amis_detail_nom{
color:#052b96;
font-size: 11px; font-size: 1.100rem;/* =11px */
font-style:normal;
font-weight:bold;
margin: 0.500rem 0 0 5.000rem ; /* haut-droit-bas-gauche */
}
#mes_amis_detail_message{
font-size: 11px; font-size: 1.100rem;/* =11px */
font-style: italic;
font-weight:bold;
padding: 1.000rem 0 0 0 ; /* haut-droit-bas-gauche */
}
.amis_sendmailimg{
cursor:pointer;
list-style-type:none; 
}
/*le message pour entrer en contact*/
.mes_amis_detailc1_message {
color:#052b96;
font-size: 14px; font-size: 1.400rem;/* =14px */
font-weight:bold;
list-style-type:none;
margin: 1.000rem 0 0 1.000rem ; /* haut-droit-bas-gauche */
}
/*MODULE POUR L'ALBUM PHOTO SUR MA PAGE*/
#mon_album_block_etendu {
background-color:#ececec;
max-width:636px;
min-height: 100px;
border-right:2px solid #7599b3;
border-left:2px solid #7599b3;
border-bottom:2px solid #7599b3;
margin-top: 1.000rem;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
}
#mon_album_detail_block{
position:relative;
background-color:#ececec;
float: left;
max-width:636px;
min-height: 92px;
padding-left:0px;
padding-top:0px;
padding-bottom: 8px;
}
#texte_mon_album {
background-color:#7599b3;
color:#ffffff;
font-size: 14px; font-size: 1.400rem;/* =11px */
font-weight:bold;
max-width:640px;
height:20px;
padding: 0.300rem 0 0  1.000rem ; /* haut-droit-bas-gauche */
}
#mon_album_detail_image{
display: inline-block;
vertical-align:top;
background-color:#ececec;
margin-bottom:8px;
margin: 0.800rem 0.500rem  0  0.500rem ; /* haut-droit-bas-gauche */
}


/* L'ENSEMBLE GERER MON PROFIL */
#header-mon-profil {
background-color:#ffffff;
max-width: 1014px;
padding-bottom: 8px;
margin: 0.500rem 0.500rem  0.500rem  0.500rem ; /* haut-droit-bas-gauche */
}
/* le bandeau Gérer mon profil */
#header-left-bandeau-gerer {
background-color:#7599b3;
color:#ffffff;
font-size:13px;
font-style:normal;
text-align:left;
font-weight:bold;
height: 24px;
max-width: 990px;
padding-top: 8px;
padding-left: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
/*Ma page - l'ensemble des 3 blocks pour le centrer en responsive*/
#ma-page-ensemble-trois-bloks {
max-width: 1006px;
position:relative;
margin-left:auto;
margin-right:auto;
}
/* le block de l'image du membre */
#leftHeaderLeft-mon-profil {
border-color: #7599b3;
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#ffffff;
float: left;
position:relative;
width:285px;
height:324px;
padding: 0.500rem 1.000rem 0.500rem 1.000rem; /* haut-droit-bas-gauche */	
margin: 0 3.600rem 0.600rem 0; /* haut-droit-bas-gauche */
}
/*Le message au dessus de la photo*/
#avertissement_photo_membres {
text-align:center;
font-size:12px;
font-style:italic;
font-weight:normal;
font-weight:bold;
color:#021c74;
}
/* la taille de la photo */
.leftHeaderLeftImg-mon-profil {
position:relative;
width:180px;
max-width: 100%;
height: auto;
border-color: #7599b3;
border-style: solid;
border-width: 1px;
margin-left: auto;
margin-right: auto;
margin-top: 0.500rem;
}
/* le bouton modifier ma photo*/
.leftHeaderLeftImgBtn {
position:relative;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 11px;
cursor:pointer;
}
/* le message sous la photo*/
#avertissement_photo-legende {
text-align:left;
font-size:12px;
font-weight:normal;
line-height: 14px;
margin-top: 5px;
color:#021c74;
}
/* ma photo signe- */
#leftHeaderLeft-mon-profil .delmemphoto {
cursor: pointer;
left: 227px;
position: relative;
top: 12px;
z-index: 200;
}
.hidden-field {
display: none;
}
.redText {
ctext-align:left;
color: #0f368f;
font-weight:bold;
font-size:11px;
}
#uload_image_file{
	height:300px;
}
.action-topic {
	float: left;
	background-color:#2FA0C8;
	border-bottom:1px solid #161F99;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	height:15px;
	padding-left:5px;
	padding-top:2px;
	width:109px;
}
.forumsub-action {
	margin-left:111px;
}
/* la zone des coordonnées du membre*/
#leftHeaderRight {
border-color: #7599b3;
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#ffffff;
float: left;
position:relative;
width:285px;
min-height:324px;
padding: 0.500rem 1.000rem 0.500rem 1.000rem; /* haut-droit-bas-gauche */	
margin: 0 3.500rem 0.600rem 0; /* haut-droit-bas-gauche */	
}
/* le nom du membre*/
#leftHeaderRight li {
font-size:14px;
font-weight:bold;
margin-bottom:6px;
line-height: 14px;
}
/* votre numero de membre est :*/
#leftHeaderRight .numero-membre {
font-size:10px;
font-style:italic;
font-weight:bold;
line-height: 12px;
}
/* la position du drapeau dans gérer mon profil*/
.mon-profil-drapeau {
position:relative;
top:5px;
height:20px;
}
/* Le menu déroulant régions */
.mon-profil-region {
background: url(../images/downArrow.png) no-repeat 98% 0;
height: 22px;
font-size: 12px; font-size: 1.200rem;/* =12px */
color: #fff;
padding: 0 0 0 0.800em; /* haut-droit-bas-gauche */
overflow: hidden;
border:none;
-webkit-appearance: none;  
-moz-appearance: none; 
appearance: none;  
width: 248px;
margin: 0.300rem 0 0.300rem 0; /* haut-droit-bas-gauche */
}
/* - Rounded Corners */
.rounded {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.semi-square {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* --  Colors: Background */
.blue { background-color: #4e88bb; }

/* --------- Colors: Text */
.blue select { color: #fff;  }
/* Les cases à saisir modifier mon profil */
.mon-profil-modifier{
text-align: left;
background: #ffffff;
border-color: #4e88bb;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:  0.300rem ; /* haut-droit-bas-gauche */
margin: 0 0 0 0; /* haut-droit-bas-gauche */	
width: 240px;
}
/* le block "Ce texte de présentation"*/
#saisie-texte-membre {
border-color: #7599b3;
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#ffffff;
float: left;
padding: 0.500rem;
position:relative;
max-width:290px;
min-height:329px;
padding: 0 1.000rem 0.500rem 1.000rem; /* haut-droit-bas-gauche */	
margin: 0 0 0.600rem 0; /* haut-droit-bas-gauche */
}
/* le titre "votre texte de présentation"*/
.saisie-texte-membre-titre {
text-align:left;
font-size: 14px; font-size: 1.400rem;/* =14px */
font-weight:bold;
line-height: 24px;
color:#021c74;
list-style-type: none;
}
/* le texte "Ce texte de présentation"*/
.saisie-texte-texte-membre {
text-align:left;
font-size: 12px; font-size: 1.200rem;/* =12px */
font-weight:bold;
line-height: 16px;
color:#021c74;
list-style-type: none;
}
/* le texte "Ce texte ne doit pas"*/
.saisie-texte-membre-commentaire {
text-align:left;
font-size: 12px; font-size: 1.200rem;/* =12px */
font-weight:normal;
line-height: 16px;
color:#021c74;
list-style-type: none;
}
/* le texte de présentation*/
#saisie-texte-membre  .modifierMonTexte {
margin-top:5px;
background-color:none;
border:1px solid #4e88bb;
width:274px	;
height: 169px;
font-size: 13px; font-size: 1.300rem;/* =13px */
padding: 0.500rem ; 
margin: 1.000rem 0 0 0; /* haut-droit-bas-gauche */
}
.clearBoth{
	clear:both;
}
/* le block des activités du membres */
#activites-du-membre {
border-color: #7599b3;
border-style: solid;
max-width:998px;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#ececec;
padding-top: 0px;
padding-bottom: 0px; /* à voir pour format 320 */
margin-top: 1.000rem ;
margin-left: auto;
margin-right: auto;
}
/* le bandeau Gérer mes activites */
#header-gerer-mes-activites {
color:#021c74;
font-size: 12px; font-size: 1.200rem;/* =12px */
text-align:left;
font-weight:bold;
height: 18px;
padding-left: 5px;
padding-top: 4px;
margin-bottom: 5px;
}
#activites-du-membre-block {
padding-top: 0px;
padding-bottom: 30px;
margin: 1.000rem 0 1.000rem  0; /* haut-droit-bas-gauche */
}
/* LA POSITION DES ICONES*/
#pxlsGapeLeft {
position:relative;
width:300px;
margin-left:4px;
margin-top: 15px;  /* 25px pour format 320 */
}
/*position des signes supprimer icones*/
.imageConEffectmoins{
cursor:pointer;
left:18px;
position:relative;
top:-32px;
}
/* Le menu déroulant régions */
#remaining_clubs{
display: inline-block;
float: left;
margin-left:40px;
}
/* le bouton validez vos modificationsdans gérer mon profil*/
#le-bouton-valider {
text-align:center;
height: 34px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
/* le bouton validez vos modifications*/
.submit_valider {
background:url(../images/bouton_valider_fc.jpg) no-repeat;
width: 205px;
height: 29px;
border: 0px;
font-family:"Verdana",Arial,"Arial Black",serif;
font-weight:bold;
cursor:pointer;
font-size: 12px; font-size: 1.200rem;/* =12px */
text-align:center;
color: #fff;
margin-left: auto;
margin-right: auto;
}
.submit_valider:hover {
background-image: url(../images/bouton_valider_cl.jpg); font-weight: bold; font-size: 12px; color: #222222;
}

/*FONCTION PAIEMENT CLUB N°1*/
/*le bloc explications club n°1 et choix du paiement*/
#ensemble-clubno1 {
overflow: hidden;
position: relative;
background-color:#ffffff;
max-width: 988px;
padding-bottom: 8px;
border-color: #7599b3;
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align:center;
padding: 0 0.500rem 0 0.500rem ; /* haut-droit-bas-gauche */
max-height: auto;
margin-top: 0.500rem;
margin-bottom: 0.500rem;
margin-right: auto;
margin-left:auto;
}
/*le bloc vous êtes membres du club N°1 ou vous pouvez adhérer au club n°1*/
#header-botom{
max-width:990px;
color:#052b96;
font-size: 13px; font-size: 1.300rem;/* =13px */
font-weight:bold;
line-height: 16px;
text-align:center;
text-decoration:none;
padding: 0 0.5000rem  0.5000rem 0.5000rem ; /* haut-droit-bas-gauche */
margin: 0 0  0.5000rem 0 ; /* haut-droit-bas-gauche */
border-bottom: 2px;
border-color: #7599b3;
}
/*le bloc explications club n°1 et choix du paiement*/
#clubno1GaucheText{
max-width:630px;
color:#052b96;
font-size: 11px; font-size: 1.100rem;/* =11px */
line-height: 18px;
font-weight:normal;
text-align:left;
padding: 0 0  0 0.500rem ; /* haut-droit-bas-gauche */
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
/*le bloc choix des formules*/
#formules-clubno1 {
padding: 1px;
max-width:630px;
padding-bottom: 1px;
margin-top:10px;
margin-left: auto;
margin-right: auto;
}
/*les boutons choisir cette option*/
.clubno1optionssubmit {
background:url(../images/bouton_choisir_f.jpg) no-repeat;
width: 164px;
height: 24px;
font-weight:bold;
cursor:pointer;
font-size: 10px;
margin-top:6px;
color: #ffffff;
border: none;
}
.clubno1optionssubmit:hover {
background:url(../images/bouton_choisir_c.jpg) no-repeat;
width: 164px;
height: 24px;
font-weight:bold;
cursor:pointer;
font-size: 10px;
margin-top:6px;
color: #000000;
border: none;
}
/*le bouton gérer votre adhésion*/
.clubno1optionssubmit-2 {
background:url(../images/bouton_choisir_f-2.jpg) no-repeat;
width: 190px;
height: 24px;
font-weight:bold;
cursor:pointer;
font-size: 10px;
margin-top:6px;
color: #ffffff;
border: none;
}
.clubno1optionssubmit-2:hover {
background:url(../images/bouton_choisir_c-2.jpg) no-repeat;
width: 190px;
height: 24px;
font-weight:bold;
cursor:pointer;
font-size: 10px;
margin-top:6px;
color: #000000;
border: none;
}
/*Page member abonnement*/
#abonnement-club-n1 {
max-width:1024px;
position:relative;
margin-top:5px;
text-align:center;
margin-left: auto;
margin-right: auto;
}

/*le block contenant tous les blocks images ainsi que le bouton et le texte envoyer*/
#gerer_mon_album_block{
overflow: hidden;
position: relative;
background-color:#ffffff;
max-width: 998px;
padding-bottom: 8px;
border-color: #7599b3;
border-style: solid;
border-width: 2px;
text-align:center;
padding: 0; /* haut-droit-bas-gauche */
max-height: auto;
min-height:117px;
margin-top: 1.000rem;
margin-bottom: 0.500rem;
margin-right: auto;
margin-left:auto;
}
/*le block contenant le titre gérer mon album*/
#gerer_texte_mon_album {
background-color:#7599b3;
text-align:left;
color:#ffffff;
font-size:13px;
font-weight:bold;
max-width:994px;
height:20px;
margin-left: 0px;
padding-top :10px;
padding-bottom :3px;
padding-left :8px;
margin-bottom:0px;
}
/*le block l'image envoyer et le texte publiez...*/
#envoyer_photo_mon_album {
text-align:left;
max-width:994px;
min-height:30px;
padding-top :5px;
margin-bottom :5px;
padding-left :8px;
padding-right :8px;
}
/*le block contenant le texte publiez...*/
#gerer_photomon_album-texte {
text-align:left;
color:#000000;
font-size: 11px; font-size: 1.100rem;/* =11px */
font-weight:normal;
font-style:italic;
min-height:14px;
margin-left: 38px;
margin-top :-20px;
margin-bottom: 0px;
}
.gerer_photomon_album{
list-style-type:none;
cursor:pointer; 
}
/*le block contenant tous les blocks images*/
#gerermon_album_block_image{
overflow: hidden;
display: inline-block;
position:relative;
margin-left: 0px;
margin-right: 0px;
}
/*le block contenant l'images*/
#gerermon_album_detail_image{
height:auto;
width:168px;
padding : 6px;
position:relative;
vertical-align:top;
}
/*position du signe supprimer une photo*/
#supprimer_photo_album {
cursor:pointer;
top: 0px;
overflow: hidden;
position: absolute;
vertical-align:top;
}

/*Les pages de confirmations*/
#merci {
color:#222222;
height:650px;
padding:10px;
font-weight:normal;
font-size: 13px; font-size: 1.300rem;/* =13px */
text-align:center;
}
#echec_paiement {
color:#222222;
padding:20px;
font-weight:normal;
font-size: 13px; font-size: 1.300rem;/* =13px */
line-height: 2.2rem;
text-align:left;
}
#activation {
color:#222222;
padding:10px;
font-weight:normal;
font-size: 13px; font-size: 1.300rem;/* =13px */
text-align:center;
}
#activation-important {
color:#222222;
padding:10px;
font-weight:normal;
font-size: 13px; font-size: 1.300rem;/* =13px */
text-align:center;
}