@charset "UTF-8";
/* CSS Document */

body { 
	margin: 0; /* pour éviter les marges */ 
	background-color:#EEEEEE;
	font-family: Arial, Helvetica, Sans-serif;
}

#general{
	width:1000px;
	min-height:700px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color:white;
}

/* -------------------------------------------------------- Partie en-tete ------------------------------------------ */
#haut{
	height:99px;
	position:relative;
}

#logo{
	left:1px;
	top:10px;
	position:absolute;
}

#texte_en-tete{
	padding-top:20px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#B1C800;
	text-align:center;
	font-size:14px;
}


/* -------------------------------------------------------- Partie MENU ------------------------------------------------- */

#menu{
	margin-top:14px;
	display:block;
	margin-bottom:-3px;
}

#cellule_accueil a{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/accueil.png);
	text-decoration:none;
}

#cellule_accueil a:hover{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/accueil_hover.png);
	text-decoration:none;
}

#cellule_magasin a{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/magasin.png);
	text-decoration:none;
}

#cellule_magasin a:hover{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/magasin_hover.png);
	text-decoration:none;
}

#cellule_recettes a{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/recettes.png);
	text-decoration:none;
}
#cellule_recettes a:hover{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/recettes_hover.png);
	text-decoration:none;
}

#cellule_galerie-marchande a{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/galerie-marchande.png);
	text-decoration:none;
}

#cellule_galerie-marchande a:hover{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/galerie-marchande_hover.png);
	text-decoration:none;
}

#cellule_blog a{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/blog.png);
	text-decoration:none;
}

#cellule_blog a:hover{
	display:block;
	width:150px;
	height:38px;
	background-image:url(../images/onglets/blog_hover.png);
	text-decoration:none;
}


/* --------------------------------------------------- Partie Connexion -------------------------------------------------- */

#cadre_connexion{
	position:absolute;
	right:1px;
	top:-5px;
	padding: 0px 3px 26px 8px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:13px;
	background-color:#F0F4CF;
	line-height:13px;
	height:133px;
}

#bt_inscrip a{
	margin-left:5px;
}

/* ---------------------- Partie connectée ---------------------------- */
#bjr{
	position:relative;
	display:block;
	margin-top:10px;
	font-size:15px;
	width:210px;
	height:70px;
	line-height:18px;
}

#bt_compte a{
	display:block;
	width:210px;
	text-align:center;
	text-decoration:none;
}

#bt_deconnexion a{
	display:block;
	width:210px;
	margin-top:0px;
	margin-left:1px;
	text-decoration:none;
}


			/* ------------------------------------------------------- Pour le compte de la personne connectée --------------------------------------------------- */

#haut_compte {
	height:30px;
	background:#123 url(../images/inscription/h30.png) repeat-x;
	padding-left:3px !important;
	text-align:center;
	font-size:18px;
	color:white;
	padding-top:2px;
}

#corps_compte {	
	/*background:#fff url(../images/inscription/h600bis.png) repeat scroll 0 0; */
	background-color:white;
	color:black;
	font-size:12px;
	height:650px;
	width:890px;
	overflow:hidden;
	position:relative;
	margin-left:30px;
	margin-top:15px;			
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#corps_compte h2 {
	display:block;
	background-color:#D7378F;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	color:white;
	margin-top:0px;
	text-align:center;
}

#corps_compte p{
	margin-left:20px;
	margin-top:20px;
	text-align:center;
	margin-right:20px;
}

#enregistrer_compte a{
	margin-left:390px;
	text-decoration:none;
}

.mention2{
	font-size:11px;
	color:#545655;
}

.mention{
	text-align:center;
}

.annees_naissance{
	width:40px;
	display:none;
}
			
		
		/* -------------------------------------------- Mot de passe perdu ------------------------------------------------- */
		
		
#haut_passe_perdu {
	height:30px;
	background:#123 url(../images/inscription/h30.png) repeat-x;
	padding-left:3px !important;
	text-align:center;
	font-size:18px;
	color:white;
}

#corps_passe_perdu {	
	/*background:#fff url(../images/inscription/h600bis.png) repeat scroll 0 0; */
	background-color:white;
	color:black;
	font-size:12px;
	height:320px;
	width:470px;
	overflow:hidden;
	position:relative;
	margin-left:15px;
				
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#corps_passe_perdu p{
	margin-left:20px;
	margin-top:20px;
	text-align:center;
	margin-right:20px;
}

#conseil_passe_perdu{
	margin-top:40px;
	margin-left:20px;
	margin-right:20px;
}
#envoi_passe_perdu a{
	margin-left:175px;
	margin-top:5px;
	color:black;
	text-decoration:none;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	width:100px;
	background:url(../images/bouton_membre.png) repeat-x;
}

/* ------------------------------------------- Partie corps -------------------------------------------------- */
#corps{
	min-height:445px;
	clear:both;
}

#illustration{
	float:left;
	margin-top:20px;
	display:inline;
}

#medailles{
	float:right;
	margin-top:35px;
	margin-right:30px;
	text-align:center;
}

#contenu{
	float:left;
	margin-left:-60px;
	margin-top:-240px;
	font-family: Arial, Helvetica, Sans-serif;
}

#accroche{
	margin-left:120px;
	margin-top: 20px !ie;
}

#bouton_entrer a{
	margin-bottom:5px;
	text-decoration:none;
	margin-left:180px;
	margin-top: 20px !ie;
	clear:both;
	display:block;
	width:350px;
}

#inscription a{
	display:block;
	width:347px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:180px;
}

#colonne_droite{
	position:relative;
	z-index:0;
	top:-3px;
	float:right;
	background-color:#B1C806;
	height:380px;
	width:200px;
}

#bandeau_marques{
	margin-top:30px;
	display:block;
	margin-left:63px;
	margin-bottom:0px;
}

#explication{
	clear:both;
	display:block;
	font-size:11px;
	margin-left:42px;
	margin-top:-5px;
	margin-bottom:0px;
}

/* ----------------------------------------------------- Partie Blog ------------------------------------ */

#tableau_blog{
	float:left;
	width:1000px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:11px;
}

#tableau_blog img{
	max-width:70px;
	max-height:70px;
}

#blog_zeko{
	background-image:url(../images/bloc_blog.png);
}

#astuces{
	background-image:url(../images/bloc_astuces2.png);
}

#tableau_blog a{
	text-decoration:none;
}

h4{
	margin:5px 0px 0px 10px;
	font-size:11px;
}

#astuces h4{
	color:#B1C800;
}

#blog_zeko h4{
	color:#DA338D;
}

#blog1{
	border-bottom: 1px solid #D7378F;
}

#astuce1{
	border-bottom: 1px solid #B1C800;
}

#blog2, #astuce2{
	margin-top:-10px;
}

#acces_blog{
	margin-left:200px;
	float:left;
	margin-top:-20px;
	margin-bottom:10px;
}

#acces_astuces{
	float:left;
	margin-top:-20px;
	margin-left:380px;
	margin-bottom:10px;
}

/* ----------------------------------------------------- Partie Bannière ----------------------------------- */

#ban-gauche{
	margin-left:15px;
	float:left;
	margin-bottom:5px;
}

#ban-droite{
	float:left;
	margin-left:34px;
	margin-bottom:5px;
}

/* ----------------------------------------------------- Partie Footer ----------------------------------- */
#footer{
	position:relative;
	clear:both;
	width:1000px;
	height:159px;
	background-color:#B4CDD2;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	background-image:url(../images/degrade_footer.png);
	background-repeat:repeat;
}

#footer a {
	text-decoration:none;
	color:#2E2E2E;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

#footer a:hover, #footer a:focus, #footer a:active{
	color:#DE007A;
}

.bloc_footer{
	float:left;
	width:200px;
	height:80px;
	/*background-color:#DFE997;*/
	margin: 10px 10px 10px 30px;
	/*background-image:url(./boutons/bloc_footer.png);*/
}
.liste_footer{
	float:left;
	font-size:7px;
	margin:7px 0px 0px 10px;
	padding:0px 0px 0px 12px;
}

.liens_footer{
	font-size:10px;
	font-family:Arial, Helvetica, Sans-serif;
}

h5{
	margin:5px 0px 0px 10px;
	font-size:11px;
	font-family:Arial, Helvetica, Sans-serif;
}

#reseaux_sociaux{
	float:right;
	margin:30px 116px 10px 10px;
	width:100px;
	height:120px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	text-align:center;
}

#reseaux_sociaux a:hover{
	text-decoration:underline;
}

#icones-reseaux{
	margin-left:15px;
}


#copyright{
	position:absolute;
	top:145px;
	left:470px;
	font-size:10px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#2E2E2E;
}