/* ________________________________________________________________________________________________________________________________ */
/* information général sur le site  : --------------------------------------------------------------------------------------------- */

	*{
		margin: 0;
		padding: 0;
	}


	body {
		background:url(images/bandeau.jpg) no-repeat center top;
		background-color: #010d1f;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 70%;
		font-weight:bold;
		color: #81868d;
		width:100%;
	}
	
	.header_popup{
		background:url(images/header_popup.jpg) no-repeat center top;
		background-color: #031023;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 70%;
		font-weight:bold;
		color: #81868d;
		width:100%;
	}
	
	.header_jouer{
		background:none;
		background-color: #252933;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 70%;
		font-weight:bold;
		color: #81868d;
		width:auto;
	}
	
	.header_forum{
		background:none;
		background-color: #252933;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 70%;
		font-weight:bold;
		width:auto;
	}
	
	
	 .lien_forum{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align:left;
		text-decoration: none;
		letter-spacing:normal;
		color: #252933;
		cursor:pointer;
	}
	
	
	 .lien_forum:hover{
		text-decoration:underline;
		color: #FFFFFF;
	}
	
	
	
	
	
	.header_popup_vide{
		background:none;
		background-color: #2b313d;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 70%;
		font-weight:bold;
		color: #81868d;
		width:100%;
	}
	
	.pere_header_popup{
		margin:auto;
		width:100%;
		margin-top:175px;
	}
	
	.pere_header_vide{
		margin:auto;
		width:100%;
		margin-top:10px;
	}

	.pere{
		margin:auto;
		width:932px;
		
	}

	.cadre_centre_principal{
		margin:auto;
		width:920px;
	}


	.menu_principal{
		float:left;
		width:196px;
	}


	.conteneur_text{
		margin:auto;
		width:95%;
	}

	.pied{
		clear:both;
	}


	/* information sur le modèle a deux colonnes  : ------------------------------- */


		.cad_principal{
			margin:auto;
			background:url(images/centre_cadre_principal.jpg) repeat-y top;
			width:100%;
		}

		.cad_haut_principal{
			margin:auto;
			background:url(images/haut_cadre_principal.jpg) no-repeat top;
			width:100%;
			height:130px;
		}
		
		.contenu_prinicipal{
			float:left;
			width:528px;
		}
		
		.cad_bas_principal{
			margin:auto;
			background:url(images/image_pied.gif) no-repeat bottom;
			width:100%;
			height:34px;
		}

	/* information sur le modèle a une colonne  : ------------------------------- */
		
		.cad_principal_simple{
			margin:auto;
			background:url(images/centre_cadre_principal_simple.jpg) repeat-y top;
			width:100%;
		}

		.cad_haut_principal_simple{
			margin:auto;
			background:url(images/haut_cadre_principal_simple.jpg) no-repeat top;
			width:100%;
			height:130px;
		}

		.contenu_prinicipal_simple{
			float:left;
			width:718px;
		}
		
		.cad_bas_principal_simple{
			margin:auto;
			background:url(images/image_pied_simple.gif) no-repeat bottom;
			width:100%;
			height:34px;
		}



/* ________________________________________________________________________________________________________________________________ */
/* information sur le bandeau / menu / inscription : ------------------------------------------------------------------------------ */

	/* information sur le bandeau  : ------------------------------- */
		.cad_bandeau{
			margin:auto;
			width:100%;
			height:320px;
		}

		.cad_haut_bandeau{
			margin:auto;
			width:100%;
			height:185px;
		}
		
	/* information sur le menu horizontal  : ---------------------- */
		.cad_menu_bandeau{
			margin:auto;
			width:100%;
			height:135px;
		}

		.cad_menu_bandeau_gauche{
			float:left;
			width:404px;
			height:100%;
		}
		
		.cad_menu_bandeau_droite{
			float:left;
			width:516px;
			height:100%;
		}

		.cad_menu_bandeau_droite_haut{
			width:100%;
			height:45px;
		}
		
	/* information sur le bouton d'inscription  : ---------------------- */
		.cad_inscription_cal_haut{
			width:100%;
			height:18px;
		}

		.cad_inscrption_pere_bas{
			margin:auto;
			width:100%;
		}

		.cad_inscription_gauche{
			float:left;
			width:47px;
			height:100%;
		}
		
		.cad_inscription{
			float:left;
			display: block;
			width:225px;
			height:117px;
			text-decoration: none;
			background:url(images/fond_inscription.jpg) no-repeat center;
		}
		
		.cad_inscription:hover{
			background:url(images/fond_inscription_hover.jpg) no-repeat center;
		}
		
		.cad_deconnexion{
			float:left;
			display: block;
			width:225px;
			height:117px;
			text-decoration: none;
			background:url(images/fond_deconnexion.jpg) no-repeat center;
		}
		
		.cad_deconnexion:hover{
			background:url(images/fond_deconnexion_hover.jpg) no-repeat center;
		}
		
		
		.titre_inscription{
			padding-top:40px;
			width:205px;
			text-align:right;
			background:none;
		
		}
		
		
		.mon_horloge{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align:left;
			text-decoration: none;
			letter-spacing:normal;
			color: #d7c999;
			cursor:pointer;
		}
		
		
		.mon_horloge:hover{
			text-decoration:underline;
			color: #FFFFFF;
		}
  


/* ________________________________________________________________________________________________________________________________ */
/* information sur le l'horloge : ------------------------------------------------------------------------------ */

	.horloge{
		margin:auto;
		width:296px;
		height:106px;
	}


	.cal_horloge{
		float:left;
		width:202px;
		height:100%;
	}

	.cal_contenu_horloge{
		float:left;
		width:528px;
		vertical-align:top;
		height:100%;
	}

	.cal_contenu_horloge_simple{
		float:left;
		width:718px;
		vertical-align:top;
		height:100%;
	}
	
/* ________________________________________________________________________________________________________________________________ */
/* information sur le conteneur avec colonne: --------------------------------------------------------------------- */

	.conteneur_col{
		float:left;
		width:714px;
		margin:auto;
	}

	.conteneur_col .haut{
		float:left;
		width:714px;
		height:40px;
		background:url(images/conteneur_col_haut.jpg) no-repeat center top;
	}
	
	.conteneur_col .centre{
		float:left;
		width:714px;
		background:url(images/conteneur_col_centre.jpg) repeat-y center top;
	}

	.conteneur_col .bas{
		float:left;
		width:714px;
		height:19px;
		background:url(images/conteneur_col_bas.jpg) no-repeat center top;
	}

/* ________________________________________________________________________________________________________________________________ */
/* information sur le conteneur sans colonne: --------------------------------------------------------------------- */

	.conteneur{
		float:left;
		width:714px;
		margin:auto;
	}

	.conteneur .haut{
		float:left;
		width:714px;
		height:40px;
		background:url(images/conteneur_haut.jpg) no-repeat center top;
	}
	
	.conteneur .centre{
		float:left;
		width:714px;
		background:url(images/conteneur_centre.jpg) repeat-y center top;
	}

	.conteneur .bas{
		float:left;
		width:714px;
		height:19px;
		background:url(images/conteneur_bas.jpg) no-repeat center top;
	}
	
	
	
	/* ________________________________________________________________________________________________ */
	/* information sur les entete du conteneur: ------------------------------------------------------ */
		.haut .accueil{ width:313px; height:40px; background:url(images/entete_accueil.jpg) no-repeat center top; }
		.haut .le_monde{ width:313px; height:40px; background:url(images/entete_lemonde.jpg) no-repeat center top; }
		.haut .le_jeu{ width:313px; height:40px; background:url(images/entete_jeu.jpg) no-repeat center top; }
		.haut .le_perso{ width:313px; height:40px; background:url(images/entete_perso.jpg) no-repeat center top; }
		.haut .creation{ width:313px; height:40px; background:url(images/entete_creation.jpg) no-repeat center top; }
		.haut .boutique{ width:313px; height:40px; background:url(images/entete_boutique.jpg) no-repeat center top; }
		.haut .aide{ width:313px; height:40px; background:url(images/entete_aide.jpg) no-repeat center top; }
		.haut .compte{ width:313px; height:40px; background:url(images/entete_compte.jpg) no-repeat center top; }
		.haut .personnage{ width:313px; height:40px; background:url(images/entete_personnage.jpg) no-repeat center top; }
		.haut .cummunication{ width:313px; height:40px; background:url(images/entete_cummunication.jpg) no-repeat center top; }
		
		
		
		


			/* ___________________________________________________________________________________________________________ */
			/* Information conteneur avec col : --------------------------------------------------------------------------------- */
			
			
			.conteneur_col .cont{
				width:714px;
				margin:auto;
			}
			
			.conteneur_col .cont_inf{
				float:left;
				width:524px;
				padding:10px 10px 10px 15px;
				margin:auto;
			}
			
			.conteneur_col .cont_nav{
				float:left;
				width:165px;
				margin:auto;
			}
			
			/* ___________________________________________________________________________________________________________ */
			/* Information conteneur : --------------------------------------------------------------------------------- */
			
			
			.conteneur .cont{
				width:714px;
				margin:auto;
			}
			
			.conteneur .cont_inf{
				width:684px;
				margin:auto;
				padding:15px;
			}
			
			.recommander{
				width:388px;
				height:88px;
				padding:10px;
				margin:auto;
				background:url(images/fond_recommander.jpg) no-repeat center;
			}
			
			.btm_recommander{
				background:url(images/btm_theme_2.jpg) no-repeat center;
				height:32px;
				padding-left:5px;
				padding-right:5px;
				font-family: Cambria, serif;
				font-style:italic;
				font-size:18px;
				font-weight:bold;
				text-transform: none;
				letter-spacing: 1px;
				line-height: 32px;
				text-align:center;
				border:none;
				color: #000;
			}
		

				/* ___________________________________________________________________________________________________________ */
				/* text cont : --------------------------------------------------------------------------------- */

					
					.cont h1{
						font-family: Verdana, Geneva, sans-serif;
						font-style:italic;
						font-size:20px;
						color:#45a0d6;
						text-align:center;
					}
					
					.cont h2{
						font-family:Georgia, "Times New Roman", Times, serif;
						font-weight:normal;
						font-style:italic;
						font-size:18px;
						padding-left:5px;
						color:#cfcfcf;
					}
					
					.cont b{
						color:#b9b9b9;
					}
					
					.cont h3{
						font-family:Arial, Helvetica, sans-serif;
						font-weight:normal;
						font-style:normal;
						font-size:14px;
						padding-left:5px;
						color:#d4d8db;
					}
					
					.cont .inf_error{
						color:#e9151a;
						line-height:normal;
						letter-spacing:normal;
					}
					
					
					
					.cont .underline{
						background:url(images/underline.jpg) no-repeat scroll 0 0;
						height:2px;
						width:265px;
						margin-bottom:10px;
						
					}
					
					.cont p, .p_c{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color: #81868d;
						padding-top:5px;
						padding-bottom:5px;
						text-align:justify;
					}
					
					.cont .clair, clair_p{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color:#cfcfcf;
						padding-top:5px;
						padding-bottom:5px;
						text-align:justify;
					}
					
					
					
					.cont .clair_p{
						font-size: 10px;
						color:#cfcfcf;
					}
					
					.cont .p_c{
						text-align:center;
					}

					
					.cont table{
						margin:auto;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color: #81868d;
					}
					
					
					.cont table th{
						background-color:#2f3742;
						border-bottom:2px #3f4752 solid;
						color:#cfcfcf;
						font-weight:bold;
					}
					
					.cont table td{
						font-size:12px;
					}
					
					.cont table .td_c{
						font-size:12px;
						background-color:#2f3742;
					}
					
					.cont table .td_list{
						font-size:10px;
						border-bottom:1px #2f3742 solid;
					}
					
					.cont table .td_list_c{
						font-size:10px;
						background-color:#2f3742;
						border-bottom:1px #2f3742 solid;
					}
					
					.cont table .list2, .cont table .list2_f {
						font-size:10px;
						padding:5px;
						border-right:2px #3f4752 solid;
					}
					
					.cont table .list2_c, .cont table .list2_f_c {
						font-size:10px;
						padding:5px;
						background-color:#2f3742;
						border-right:2px #3f4752 solid;
					}
					
					.cont table .list2_f , .cont table .list2_f_c {
						border-right:none;
					}
					
					
					.cont .clear{
						clear:both;
					}
					
					
					
					.cont a, .cont .a_p, .cont .a_bleu, .cont .a_normal{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						text-align:left;
						text-decoration: none;
						letter-spacing:normal;
						color: #d7c999;
						cursor:pointer;
					}
					
					.cont .btm_inscr, .cont .btm_inscr:hover{
						margin:auto;
						display:block;
						width:408px;
						height:108px;
						background:url(images/btm_inscr.jpg) no-repeat center;
					}
					
					.cont .btm_inscr:hover{
						background:url(images/btm_inscr_hover.jpg) no-repeat center;
					}
					
					
					.cont a:hover, .cont .a_p:hover, .cont .a_bleu:hover, .cont .a_normal:hover{
						text-decoration:underline;
						color: #FFFFFF;
					}
					
					
					.cont a
					
					.cont .a_normal{
						color:#81868d;
					}
					
					.cont .a_bleu{
						color: #76c6d9;	
					}
					
					.cont .a_p {
						background:none;
						border:none;
						font-size: 10px;
						border:1px #3f4752 solid;
						background-color:#2f3742;
						padding:3px;
						color: #b3ac98;
					}
					
					.cont .a_p:hover{
						border:1px #6caae7 solid;
						
						color: #d7c999;
					}
					
					.cont ul{
						margin:auto;
						margin-left:20px;
						text-align:justify;
						
					}
					
					.cont li{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color: #81868d;
					}
					
				/* ___________________________________________________________________________________________________________ */
				/* tableau presentation perso: ------------------------------------------------------------------------------- */
					
					.cont .table_perso{
						margin:auto;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color: #81868d;
						border:2px #3f4752 solid;
					}
					
					
					.cont .table_perso th{
						background-color:#2f3742;
						border-bottom:2px #3f4752 solid;
						color:#cfcfcf;
						font-weight:bold;
					}
					
					.cont .table_perso td{
						font-size:12px;
					}
					
					.cont .table_perso .td_c{
						font-size:12px;
						background-color:#2f3742;
					}
					
					.cont .table_perso span{
						font-size:12px;
						
					}
					
					
					


					
					
				/* ___________________________________________________________________________________________________________ */
				/* navigation de droite : --------------------------------------------------------------------------------- */
					
					
					
					.cont_nav .left{
						text-align: left;
					}
					
					/* Navigation head  : --------------------- */
					.cont_nav .head {
						display: block;
						width:165px;
						height:18px;
						text-decoration: none;
						text-align:center;
						font-size: 12px;
						font-family:Verdana, Geneva, sans-serif;
						font-style:normal;
						padding-top:4px;
						
						color: #cfcfcf;
						background:url(images/entete_nav.jpg) no-repeat top; 
					}
					.cont_nav .head:hover{
						background:url(images/entete_nav_hover.jpg) no-repeat top; 
						color:#ebebeb; 
					}
					
					
					
					.cont_nav ul{
						width: 150px;
						padding-left:15px;
						padding-top:5px;
						margin:auto;
						
					}
					
					.cont_nav li{
						display:block; 
						list-style:none;
					}
					
					.cont_nav li a{
						display:block;
						width:150px;
						margin:auto;
						background:url(images/puce_nav.jpg) no-repeat;
						background-position: 0pt 4px;
						font-family:Verdana, Geneva, sans-serif;
						font-style:normal;
						font-weight:normal;
						text-decoration: none;
						text-align:left;
						font-size: 10px;
						padding-left: 10px;
						margin-bottom: 5px;
						color: #e1f2f7;
						margin-top:-1px;
					}
					
					.cont_nav li a:hover{
						color:#ffffff;
						text-decoration:underline;
					}





/* ________________________________________________________________________________________________________________________________ */
/* information sur les menu verticale, liste, picto etc...  : --------------------------------------------------------------------- */

	.nav-gauche{
		float:left;
		width:207px;
		margin:auto;
	}
	
	.nav-gauche_haut{
		margin:auto;
		width:207px;
		height:29px;
		padding-top:3px;
		background:url(images/menu-gauche_haut.jpg) no-repeat center top;
	}
	
	.nav-gauche_centre{
		margin:auto;
		width:207px;
		background:url(images/menu-gauche_centre.jpg) repeat-y center;
	}
	
	.nav-gauche_bas{
		margin:auto;
		width:207px;
		height:72px;
		background:url(images/menu-gauche_bas.jpg) no-repeat center top;
	}
	
	
	
	
	
			/* ___________________________________________________________________________________________________________ */
			/* Information Navigation  : --------------------------------------------------------------------------------- */
			
			.nav-gauche ul{
				width: 207px;
				top:-1px;
				margin:auto;
				
			}
			
			.nav-gauche li{
				display:block;
				list-style:none;
			}
			
			.nav-gauche li a{
				display: block;
				width:161px;
				margin:auto;
				height:18px;
				background:url(images/fond_li.jpg) no-repeat top center;
				font-family:Verdana, Geneva, sans-serif;
				font-style:normal;
				font-weight:normal;
				text-decoration: none;
				text-align:center;
				font-size: 10px;
				padding-top:4px;
				color: #333;
				margin-top:-1px;
			}
			
			.nav-gauche li a:hover{
				background:url(images/fond_li_hover.jpg) no-repeat top center;
				color:#235a97;
			}

			
			
			
			/* Navigation head  : --------------------- */
				.nav-gauche .head {
					display: block;
					width:207px;
					height:24px;
					text-decoration: none;
					text-align:center;
					font-size: 14px;
					font-family:Verdana, Geneva, sans-serif;
					font-style:normal;
					padding-top:6px;
					margin-top:-1px;
					color: #333;
					background:url(images/entete_menu.gif) no-repeat top; 
				}
				.nav-gauche .head:hover{
					background:url(images/entete_menu_hover.gif) no-repeat top; 
					color:#235a97; 
				}




/* ________________________________________________________________________________________________________________________________ */
/* information sur le menu horizontal du site : ----------------------------------------------------------------------------------- */

	#menu {
		height:59px;
	}
	
	#menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu li {
		display: block;
		float: left;
		height: 32px;
		padding-right:2px;
	}
	
	.menu_accueil, .menu_jouer, .menu_forum, .menu_regles, .menu_terre{
		display: block;
		text-decoration: none;
		text-align: center;
		text-transform: capitalize;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		font-weight:bold;
		font-style:italic;
		color:#000;
		width:92px;
		height:59px;
	}
	
	.titre_menu{
		padding-top:18px;
		width:92px;
		text-align:center;
		background:none;
	}


	.menu_accueil:hover{
		background:url(images/fond_accueil.jpg) no-repeat center;
	}
	
	.menu_jouer:hover{
		background:url(images/fond_jouer.jpg) no-repeat center;
	}
	
	.menu_forum:hover{
		background:url(images/fond_forum.jpg) no-repeat center;
	}
	
	.menu_regles:hover{
		background:url(images/fond_regles.jpg) no-repeat center;
	}
	
	.menu_terre:hover{
		background:url(images/fond_terre.jpg) no-repeat center;
	}


/* ________________________________________________________________________________________________________________________________ */
/* information sur les text du site : --------------------------------------------------------------------------------------------- */

	.txt_titre_gros_centre{	/* titre haut de chaque page en gros et d'une couleur or */
		font-size:22px;
		font-weight:normal;
		font-style:italic;
		text-align:center;
		padding-bottom:20px;
		color: #d7c999;
	}
	
	.txt_sous_titre{		/* sous titre avec la meme couleur or que le titre aligné a gauche */
		font-size:18px;
		font-weight:normal;
		font-style:italic;
		text-align:left;
		padding-top:20px;
		padding-bottom:10px;
		color: #d7c999;
		font-family: Cambria, serif;
	}
	
	
	.txt_text_italic, txt_text_italic_gras{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: 1px;
		text-align:justify;
		line-height: 1.5em;
		padding-bottom:5px;
		padding-top:5px;
		color: #b3ac98;
		font-style:italic;
	}
	
	.txt_text_italic_gras{
		font-weight:bold;	
	}
	
	.txt_text_normal, .txt_text_normal_dal_1, .txt_text_normal_center, .txt_text_normal_right, .lst_txt_normal, .txt_tittle_lst_sous, .lst_txt_normal_point_ita {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: 1px;
		text-align:justify;
		line-height: 1.5em;
		padding-bottom:5px;
		padding-top:5px;
		color: #b3ac98;
	}

	.txt_tittle_lst_sous{
		color: #ede2c0;
		font-weight:bold;
	}

	.lst_txt_normal_point_ita{
		font-style:italic;
	}

	.txt_text_normal_dal_1, .txt_text_normal_center, .txt_text_normal_right{
		padding-left:10px;
		padding-right:10px;
	}
	
	.txt_text_normal_center{
		text-align:center;
	}
	.txt_text_normal_right{
		text-align:right;
		font-size:10px;
	}
	
	
	.msg_erreur_champ{
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size:10px;
		text-transform: none;
		letter-spacing: 1px;
		line-height: 1.5em;
		padding-bottom:0px;
		padding-top:0px;
		color: #b3ac98;
		text-align:right;
	}


	.txt_text_gros_centre , .lien_text, .lien_text_gros{
		font-family: Cambria, serif;
		font-size: 16px;
		font-style: italic;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		text-align:center;
		line-height: 1.5em;
		padding-bottom:10px;
	
	}

	.txt_text_gros_centre, .lien_text_gros{
		color: #b3ac98;
		font-weight:bold;
		text-decoration: none;
	}
	
	.lien_text:hover, .lien_text_gros:hover {
		color: #FFFFFF;
	}
	
	.lien_text, .lien_text_gros{
		color: #d7c999;
		font-weight:bold;
		cursor:pointer;
		text-decoration: none;
	}
	
	.lien_text_gros {
		font-size: 20px;
	}
	
	
	.lst_txt_normal, .lst_txt_normal_point{
		list-style-type:decimal;
		list-style-position:outside;
		padding-right:10px;
	}
	
	.lst_txt_normal_point{
		list-style-type:circle;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.ul_place_txt_normal{
		padding-left:30px;
	}

/* ________________________________________________________________________________________________________________________________ */
/* footer : ----------------------------------------------------------------------------------------------------------------------- */

	.p_footer{
		width:100%;
		height:174px;
		background:url(images/fond_footer.jpg) repeat-x ;
	}
	
	.p_footer_pied{
		color:#D9D3B9;
		font-size:14px;
		font-family: Cambria, serif;
		text-align:center;
		padding-bottom:10px;
	}
	
	.p_footer_pied_titre{
		color:#D9D3B9;
		font-size:18px;
		font-family: Cambria, serif;
		text-align:center;
	}
	
	.p_footer_pied_vert{
		color:#ff8607;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-style:normal;
		text-align:center;
	}
	
	.p_footer_pied a {
		color: #ff8607;
		font-weight:bold;
		text-decoration: none;
		font-style:normal;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	
	
	.p_footer_pied a:hover {
		border-bottom:1px #ff8607 dashed;
	}



/* ________________________________________________________________________________________________________________________________ */
/* informaiton pour les panneaux deroulant comme les regles du jeu : -------------------------------------------------------------- */

	.title_lst{
		margin:auto;
		background:url(images/fond_list_entete.jpg) no-repeat top;
		width:504px;
		height:31px;
		margin-top:10px;
	}
	
	.txt_tittle_lst, .txt_tittle_lst_select{
	
		display:block;
		height:31px;
		font-size:18px;
		font-weight:normal;
		font-style:italic;
		text-align:left;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:10px;
		color: #d7c999;
		font-family: Cambria, serif;
		cursor:pointer;
	}
	
	.txt_tittle_lst:hover{
		color:#fda446;
	}
	
	
	.item_lst{
		border:1px #2c2b29 solid;
		width:502px;
		margin:auto;
		margin-bottom:10px;
	}
	
	.item_lst a {
		color: #ede2c0;
		text-decoration:none;
	}
	
	
	.item_lst a:hover {
		color:#fda446;
	}
	
	
	.lien_txt_normal{
		color: #ede2c0;
		text-decoration:none;
	}
	
	.lien_txt_normal:hover{
		color:#fda446;	
	}



		/* _____________________________________________________________________________________________________________ */
		/* Information tableau_form   : -------------------------------------------------------------------------------- */
		/* c'est le tableau généralement utilisé pour placé tous les formulaires */
		
			.tableau_form{
				font-size:10px;
				font-weight:normal;
				text-align:center;
				margin:auto;
			}
			
			.tableau_form caption{
				font-size:12px;
				font-weight:bold;
				text-align:center;
				color:#118cd4;
				background-color:#c0e1f5;
				margin-left:2px;
				margin-right:2px;
			}
			
			.tableau_form p{
				font-size:10px;
				text-align:center;
				padding:0px;
				margin:0px;
			}
			
			.tableau_form span{
				font-size:10px;
				padding:0px;
				margin:0px;
			}
			
			.tableau_form th{
				background-color:#c0e1f5;
				padding:2px;
				border-bottom:2px #118cd4 solid;
				color:#118cd4;
				font-weight:bold;
				font-size:10px;
			}
			
			.tableau_form td{
				padding:2px 2px;
			}
			
			.tableau_form .tr_c{
				background-color:#eeecec;
			}
			
			.tableau_form .tr_c_form{
				background-color:#97ceee;
			}
			
				/* _____________________________________________________________________________________________________________ */
				/* Information tableau erreur  : ------------------------------------------------------------------------------- */
					
					.div_err{
						display:none;
						margin:auto;
						width:50%;
						background-color:#e7f4fc;
						border:1px #1197e5 solid;
						padding:10px;					
					}
					
					.div_err .img_info{
						float:left;
						margin:auto;
						width:10%;
						margin-left:10px;
					}
					
					.div_err .txt_info{
						float:left;
						margin:auto;
						margin-top:10px;
						width:80%;
					}
	
					.div_err p{
						font-family: Verdana, sans-serif;
						font-size: 13px;
						font-style: normal;
						font-weight: normal;
						text-transform: uppercase;
						letter-spacing: normal;
						line-height: 1.6em;
						color:#1197e5;
					}
	
				
				/* _____________________________________________________________________________________________________________ */
				/* Information tableau formulaire  : --------------------------------------------------------------------------- */
			
					.tableau_form label{
						font-size:11px;
						margin-right:8px;
						font-family: Arial, Helvetica, sans-serif;
						letter-spacing: 1px;
						font-style:normal;
						font-weight:normal;
						color:#b3ac98;

					}
					
					.tableau_form .obli{
						font-size:10px;
						color:#b3ac98;
						padding-left:2px;
						padding-right:2px;
					}
					
					.tableau_form .msg_err p{
						text-align:right;
						color:#0a74b1;
					}
					
					.tableau_form .inf_img{
						float:left;
						margin:0px;
					}
					
					.tableau_form hr{
						border:1px #0a74b1 solid;
					}
					
					
					.tableau_form input[type=submit], .tableau_form input[type=button] {
						padding-left:10px;
						padding-right:10px;
						padding-bottom:2px;
						border: solid 1px #2f5874;
						position: relative;
						cursor: pointer;
						display: inline-block;
						background:url(images/bkg.jpg) repeat-x top;
						font-size: 12px;
						font-weight:bold;
						font-style:normal;
						font-family:Arial, Helvetica, sans-serif;
						height: 22px;
						text-decoration: none;
						color: #031023;
						-moz-border-radius-bottomleft: 8px;
						-moz-border-radius-bottomright: 8px;
						-moz-border-radius-topleft: 8px;
						-moz-border-radius-topright: 8px;

					}
					
					
					
					.tableau_form input[type=submit]:hover, .tableau_form input[type=button]:hover{
						background:url(images/bkg_hover.jpg) repeat-x top;
						color:#2f5874;
					}
					
					.tableau_form select{
						padding:0;
						background:none;
						border:none;
						margin:0;
					}
					
					.tableau_form .opt{
						padding-left:5px;
						background-color:#434343;
					}
					
					.tableau_form .opt{
						padding-left:5px;
						background-color:#434343;
					}
					
					.tableau_form .opt_2{
						padding-left:5px;
						background-color:#434343;
						color:#6caae7;
					}
					
					
			
					.tableau_form input[type=text], .tableau_form input[type=file], .tableau_form input[type=password], .tableau_form select, .tableau_form input[type=checkbox], .tableau_form input[type=radio]  {
						padding:2px;
						background-color:#434343;
						letter-spacing: 1px;
						font-family: Arial, Helvetica, sans-serif;
						font-size:11px;
						padding-bottom:1px;
						color:#b3ac98;
						border:1px solid #999;

					}
					
					.tableau_form input[type=text]:hover, .tableau_form input[type=select]:hover, .tableau_form input[type=file]:hover, .tableau_form input[type=password]:hover, .tableau_form select:hover, .tableau_form textarea:hover {
						border: 1px solid #6CAAE7;
					}
					
					.tableau_form input[type=text]:focus , .tableau_form input[type=select]:focus , .tableau_form input[type=file]:focus, .tableau_form input[type=password]:focus, .tableau_form select:focus, .tableau_form textarea:focus  {
						border: 1px solid #6CAAE7;
					}
					
					.tableau_form input[type=checkbox], .tableau_form input[type=radio] {
						vertical-align:middle;
					}
		
					
					.tableau_form textarea{
						font-size:11px;
						letter-spacing: 1px;
						color:#b3ac98;
						font-family: Arial, Helvetica, sans-serif;
						background-color:#434343;
						border: 1px #999 solid;
						padding:2px;
					}
					
					
					
		/* ________________________________________________________________________________________________________________________________ */
		/* Information tableau numéro 1  : ------------------------------------------------------------------------------------------------ */
		
		.cadre_conteneur_50{  margin:auto; width:50%;  }
		
		
		
		.tab_1 .gauche {
			width:100%;
			background-image:url(images/tab_1/tab_4.jpg);
			background-repeat: repeat-y;
			background-color : #b9c9e3;
		}
		
		.tab_1 .droit {
			background-image:url(images/tab_1/tab_5.jpg);
			background-repeat: repeat-y;
			background-position: right;
		}
		
		.tab_1 .haut {
			height:50px;
			background-image:url(images/tab_1/tab_2.jpg);
		}
		
		.tab_1 .haut img {
			vertical-align:top; /* for ie5*/
		}
		
		.tab_1 .coingh {
			width:45px;
			height:50px;
			background-image:url(images/tab_1/tab_1.jpg);
			float: left;
		}
		.tab_1 .coindh {
			width:45px;
			height:50px;
			background-image:url(images/tab_1/tab_3.jpg);
			float: right;
		}
		.tab_1 .contenu {
			padding: 0px 60px;
			height:374px;
		}
		
		.tab_1 .contenu_axe {
			padding: 0px 45px;
			
		}
		
		.tab_1 .contenu p {
			margin: 0px;
		}
		
		.tab_1 .bas {
			height:50px;
			background-image:url(images/tab_1/tab_7.jpg);
		}
		.tab_1 .coingb {
			width:45px;
			height:50px;
			background-image:url(images/tab_1/tab_6.jpg);
			float: left;
		}
		.tab_1 .coindb {
			width:45px;
			height:50px;
			background-image:url(images/tab_1/tab_8.jpg);
			float:right;
		}

					
		
			/* ___________________________________________________________________________________________________________ */
			/* Information conteneur tableau : --------------------------------------------------------------------------------- */
			.conteneur_tab{
				margin:auto;
				width:100%;
			}
			
			.conteneur_tab .cont_tab{
				width:100%;
				margin:auto;
				
			}
			

		

				/* ___________________________________________________________________________________________________________ */
				/* text cont : --------------------------------------------------------------------------------- */

					
					.cont_tab h1{
						font-family: Verdana, Geneva, sans-serif;
						font-style:italic;
						font-size:20px;
						color:#45a0d6;
						text-align:center;
					}
					
					.cont_tab h2{
						font-family:Georgia, "Times New Roman", Times, serif;
						font-weight:normal;
						font-style:italic;
						font-size:18px;
						padding-left:5px;
						color:#cfcfcf;
						
					}
					
					.cont_tab h3{
						font-family:Arial, Helvetica, sans-serif;
						font-weight:normal;
						font-style:normal;
						font-size:14px;
						padding-left:5px;
						color:#d4d8db;
					}
					
					.cont_tab .inf_error{
						color:#e9151a;
						line-height:normal;
						letter-spacing:normal;
					}
					
					
					
					.cont_tab .underline{
						background:url(images/underline.jpg) no-repeat scroll 0 0;
						height:2px;
						width:265px;
						margin-bottom:10px;
						
					}
					
					.cont_tab p, .p_c{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color: #81868d;
						padding-top:5px;
						padding-bottom:5px;
						text-align:justify;
					}
					
					.cont_tab .clair, clair_p{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color:#cfcfcf;
						padding-top:5px;
						padding-bottom:5px;
						text-align:justify;
					}
					
					
					
					.cont_tab .clair_p{
						font-size: 10px;
						color:#cfcfcf;
					}
					
					.cont_tab .p_c{
						text-align:center;
					}

					
					.cont_tab table{
						margin:auto;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color: #81868d;
					}
					
					
					.cont_tab table th{
						background-color:#2f3742;
						border-bottom:2px #3f4752 solid;
						color:#cfcfcf;
						font-weight:bold;
					}
					
					.cont_tab table td{
						font-size:12px;
					}
					
					.cont_tab table .td_c{
						font-size:12px;
						background-color:#2f3742;
					}
					
					.cont_tab table .td_list{
						font-size:10px;
						border-bottom:1px #2f3742 solid;
					}
					
					.cont_tab table .td_list_c{
						font-size:10px;
						background-color:#2f3742;
						border-bottom:1px #2f3742 solid;
					}
					
					.cont_tab table .list2, .cont_tab table .list2_f {
						font-size:10px;
						padding:5px;
						border-right:2px #3f4752 solid;
					}
					
					.cont_tab table .list2_c, .cont_tab table .list2_f_c {
						font-size:10px;
						padding:5px;
						background-color:#2f3742;
						border-right:2px #3f4752 solid;
					}
					
					.cont_tab table .list2_f , .cont_tab table .list2_f_c {
						border-right:none;
					}
					
					
					.cont_tab .clear{
						clear:both;
					}
					
					
					
					.cont_tab a, .cont_tab .a_p, .cont_tab .a_bleu, .cont_tab .a_normal{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						text-align:left;
						text-decoration: none;
						letter-spacing:normal;
						color: #d7c999;
						cursor:pointer;
					}
					
					
					.cont_tab a:hover, .cont_tab .a_p:hover, .cont_tab .a_bleu:hover, .cont_tab .a_normal:hover{
						text-decoration:underline;
						color: #FFFFFF;
					}
					
					.cont_tab .a_normal{
						color:#81868d;
					}
					
					.cont_tab .a_bleu{
						color: #76c6d9;	
					}
					
					.cont_tab .a_p {
						background:none;
						border:none;
						font-size: 10px;
						border:1px #3f4752 solid;
						background-color:#2f3742;
						padding:3px;
						color: #b3ac98;
					}
					
					.cont_tab .a_p:hover{
						border:1px #6caae7 solid;
						
						color: #d7c999;
					}
					
					.cont_tab ul{
						margin:auto;
						margin-left:20px;
						text-align:justify;
						
					}
					
					.cont_tab li{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color: #81868d;
					}
					
				/* ___________________________________________________________________________________________________________ */
				/* tableau presentation perso: ------------------------------------------------------------------------------- */
					
					.cont_tab .table_perso{
						margin:auto;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						text-transform: normal;
						letter-spacing: normal;
						line-height: 1.4em;
						color: #81868d;
						border:2px #3f4752 solid;
					}
					
					
					.cont_tab .table_perso th{
						background-color:#2f3742;
						border-bottom:2px #3f4752 solid;
						color:#cfcfcf;
						font-weight:bold;
					}
					
					.cont_tab .table_perso td{
						font-size:12px;
					}
					
					.cont_tab .table_perso .td_c{
						font-size:12px;
						background-color:#2f3742;
					}
					
					.cont_tab .table_perso span{
						font-size:12px;
						
					}
					
					
					.case_vue{
						float:left;
					}