.noir9 {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 9px;
color: #000000;
}

.noir9b {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size: 9px;
color: #000000;
}

.vert12gras {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #669933;
}
/*-------------------------PAGE---------------------------*/

html, body {
	margin: 0; /* pour éviter les marges */
	padding: 0;
	height: 100%;
	font: 12px verdana, sans-serif;
	text-align: center; /* pour corriger le bug de centrage IE */
	background: url(../images/fd.jpg) repeat-y top center #ffffff;
	
 }

.site {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
    width: 1028px;
	text-align: left;
	/*background: url(../images/fd.jpg) repeat-y top center #ffffff;*/
 }
 

 
 .principale {
	float: left;
	width: 1028px;
	height: 100%;
	/*background: url(../images/fd.jpg) repeat-y top center #ffffff;*/
 }

   .header {
	float: left;
	width: 1028px;
	height: 179px;
	background: url(../images/header.jpg) no-repeat #ffffff;
 }
 
 .contenu {
	float: left;
	width: 1028px;
	height: 100%;
	padding-bottom:40px;
	background: url(../images/fd_rayures.jpg) repeat-y top left #ffffff;
 }
 

  .gauche {
	float: left;
	padding-top:190px;
	width: 230px;
	/*height: 100%;*/
	/*height: 358px;*/
	background: url(../images/fd_gauche.jpg) no-repeat left top;
 }
 
 .droit {
	float: right;
	width: 752px;
	padding-left:23px;
	padding-right:23px;
	padding-top:15px;
 }
 
 
 .droit a {
 color: #cc3300;
 text-decoration:none;
 /*border-bottom: 1px dotted #cc3300;*/
 }
 
  .droit a:hover {
 color: #cc3300;
 text-decoration:none;
 border-bottom: 1px dotted #cc3300;
 }
 
 
 /*--------------------------ACCUEIL-------------------------------*/
 
  .contenu_index {
	float: left;
	width: 1028px;
	height: 100%;
	background: url(../images/fd_accueil.gif) repeat-x top left #cccccc;
 }
 
  .haut {
	float: left;
	width: 1028px;
 }
 
  .edito {
	float: left;
	width: 308px;
	padding: 15px 20px 15px 30px;
 }
 
 .flash {
	float: left;
	width: 670px;
	background: url(../images/arrondi_droit.jpg) no-repeat top right;
 }
 
 .gauche_flash {
	float: left;
	width: 15px;
	height:310px;
	background: url(../images/arrondi_gauche.jpg) no-repeat top right;
 }
 
.haut_flash {
	float: left;
	width: 622px;
	height:22px;
	background: url(../images/haut_flash.jpg) no-repeat top right;
 }

 .anim_flash {
	float: left;
	width: 622px;
	height:288px;
	background: #e5e5e5;
 }
 
   .milieu {
	float: left;
	width: 1028px;
	height:20px;
 }
    .milieu_gauche {
	float: left;
	width: 30px;
	height:20px;
 }
    .milieu_milieu {
	float: left;
	width: 979px;
	height:20px;
	background: url(../images/trait.gif) repeat-x top left;
 }
    .milieu_droit {
	float: left;
	width: 19px;
	height:20px;
 }
 
  .titre_accueil {
float: left;
/*height:25px;*/
padding-bottom:10px;
width:267px;
padding-left:41px;
background: url(../images/fleche_verte.gif) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
text-align: left;
font-size: 24px;
font-weight:bold;
/*color: #194c7d;*/
color: #8caa3a;
}

  /*-------------------------MENU------------------------------*/
 
 
 .conteneur_boutons {
float: left;
width: 230px;
border-top: 1px dotted #a2a2a2;
}

.bouton a {
	color: #333333;
	/*background-color: #b4bbbf;*/
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	display: block;
	width: 221px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	border-bottom: 1px dotted #a2a2a2;
	border-spacing: 0;
	left: auto;
	margin-right: 0px;
	padding-top: 6px;
	padding-right: 8px;
	font-variant: normal;
}
.bouton a:hover {
color: #ffffff;
background-color: #8caa3a;
text-decoration: none;
font-weight: bold;
text-align: right;
display: block;
width: 221px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 20px;
border-bottom: 1px dotted #a2a2a2;
border-spacing: 0;
left: auto;
margin-right: 0px;
padding-top: 6px;
padding-right: 8px;
font-variant: normal;
}

liste ul, li {
	/*display : list-item;*/
 list-style-image : url(../images/fleche_grise.gif);
 /*font-weight: bold;
  color: #cc3300;*/
 /*list-style-position: outside;*/
} 
/*---------------------------centre---------------------------------*/

blockquote {
	margin: 8px 0px 12px 0px;
	color: #000000;
	background: #f9f9f9 url('../images/fd_bloc.gif') repeat-x bottom;
	border-top: 1px solid #cccccc;
	padding: 10px;
		}
		
 .titre_page {
float: left;
/*height:25px;*/
padding-bottom:15px;
width:711px;
padding-left:41px;
background: url(../images/fleche_verte.gif) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
text-align: left;
font-size: 24px;
font-weight:bold;
/*color: #194c7d;*/
color: #8caa3a;
}

 .login {
	float: left;
	text-align: right;
	width: 560px;
	height: 67px;
	padding-top:70px;
	padding-bottom:70px;
 }
 
 .espace_perso {
	float: left;
	text-align: right;
	width: 350px;
	height: 110px;
	background: url(../images/espace_perso.gif) no-repeat;
 }
  .tableau {
	float: right;
	text-align: right;
	width: 195px;
	height: 67px;
	margin-top:0px;
	padding-top: 0px;
	overflow: auto;
	overflow:hidden;
 }
/*---------------------------BLOC------------------------------*/
   .bas {
	float: left;
	width: 1028px;
 }

 .bloc {
float: left;
width:234px;
padding-left:19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
/*background: url(../images/fleche_verte.gif) no-repeat left top;*/
}

 .bloc_haut {
float: left;
width:234px;
height:13px;
background: url(../images/bloc_haut.gif) no-repeat;
}

 .bloc_milieu {
float: left;
width:234px;
background: #ffffff;
}

 .bloc_bas {
float: left;
width:234px;
height:79px;
background: url(../images/bloc_bas.gif) no-repeat;
}

 .personnage {
float: left;
width:84px;
height:101px;
}

 .bloc_texte {
float: left;
width:121px;
height:100px;
padding-left:13px;
padding-right:15px;
padding-top:5px;
border-left: 1px dotted #000000;

}

 .bloc_texte a {
 color: #000000;
text-decoration: none;
}

 .bloc_texte a:hover {
color: #669933;
text-decoration: none;
}

 .bloc_bouton {
float: right;
width:122px;
height:25px;
padding-right:15px;
background: url(../images/acces_rubrique.gif) no-repeat bottom left;
}

/*--------------------------BAS-------------------------------*/

  .footer {
	float: left;
	width: 1028px;
	height: 49px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	background: #333333;
 }
 
   .adresse {
	float: left;
	width: 341px;
	height: 28px;
	padding-left:17px;
	padding-top:6px;
	background: #999999;
 }
 
  .contact {
	float: left;
	width: 165px;
	height: 34px;
 }
 
  .membres {
	float: left;
	width: 247px;
	height: 34px;
 }
 
  .adherents {
	float: left;
	width: 258px;
	height: 34px;
 }
 
  .credits {
	float: left;
	width: 1011px;
	height: 12px;
	padding-left:17px;
	padding-top:2px;
	background: #333333;
	border-top: 1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	color: #999999;
	
 }
 
 .credits a {
 	text-decoration: none;
	color: #999999;
	
 }
 
 .credits a:hover {
	color: #ffffff;
	
 }