/* CSS Document */

body {
	margin:auto ;
	padding: 0 ;
	letter-spacing:0.5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}


/**
	Page

			**/

div#structure {
	margin: 0 auto ;
	padding:0;
	width:1000px;

}

div#haut {
	margin:auto;
	padding:0;
	width:1000px;
	height:150px;

}


div#corps {
	margin:auto;
	padding:0;
	width:1000px;

}

div#gauche {
	margin:0;
	padding-top:20px;
	width:800px;
	height:800px;
	float:left;

	
	/*********************************/
	/*    		    LOgo             */
	/*    	                         */
	/*********************************/
	background:url(../img/logo_FA.gif) no-repeat;
	background-position: 25px 140px;


}

div#droite {
	margin:0;
	padding-top:20px;
	width:165px;
	float:right;
}


div#pied {
	margin:5px;
	width:1000px;
	height:190px;
float:left;
margin-top:50px;
text-align:center;
font-size:14px;

}
div#pied a:hover {
color:#FF0000;

}

/*********************************/
/*    		  Textes             */
/*    	                         */
/*********************************/
.texte {

	margin:30xpx 1px;
	padding:10px;
	float:left;
	
}
h1 {
	width:325px;
	margin-left:5px;
	font-size: 17px;
	color: #FF3399;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
h2 {
	width:330px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;

}

p {
	list-style-type: none ;
	margin-top:20px;
	margin-right:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre {
	margin-top:20px;
	margin-right:5px;
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.description {
	font-size: 12px;
	margin-top:15px;
	margin-right:5px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color:#000000; /*les liens sont noirs*/
}

div#menu_fla {
float:right;
}

p#menu_texte {
	text-align:center;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;

}



/*********************************/
/*    		  Affichage          */
/*    	       taches            */
/*********************************/

.tache_r {
	width:640px;
	height:90px;
	margin-top:1px;
	margin-left:50px;
	background:url(../img/tache_rouge.gif) no-repeat;
	background-position:-40;
	
}

	
.tache_j {
	width:600px;
	height:90px;
	margin-top:1px;
	margin-left:90px;
	background:url(../img/tache_jaune.gif) no-repeat;
	background-position: 0px;

}
.tache_vi {
	width:600px;
	height:90px;
	margin-top:1px;
	margin-left:90px;
	background:url(../img/tache_violet.gif) no-repeat;
	background-position: 45px;
}
.tache_ve {
	width:600px;
	height:90px;
	margin-top:1px;
	margin-left:90px;
	background:url(../img/tache_verte.gif) no-repeat;
	background-position: 70px;
}
.tache_ro {
	width:600px;
	height:90px;
	margin-top:1px;
	margin-left:90px;
	background:url(../img/tache_rose.gif) no-repeat;
	background-position: 80px;
}

.tache {
	width:352px;
	height:90px;
	margin-top:15px;


}
.tache_b {
	width:352px;
	height:90px;
	margin-top:15px;
	background:url(../img/tache_bleu.gif) no-repeat;
	background-position:51px;

}
.tache_o {
	width:352px;
	height:90px;
	margin-top:15px;
	background:url(../img/tache_orange.gif) no-repeat;
	background-position:50px;

}
.tache_t {
	width:352px;
	height:90px;
	margin-top:15px;
	background:url(../img/tache_turquoise.gif) no-repeat;
	background-position:80px;

}
/*********************************/
/*    		  Affichage          */
/*    	       traits            */
/*********************************/





.block_r {
	width:640px;
	margin-top:1px;
	margin-left:-40px;
	background:url(../img/trait_1.gif) no-repeat;
	background-position:194px;
}

.block_j {
	width:600px;
	margin-top:1px;
	margin-left:-40px;
	background:url(../img/trait_2.gif) no-repeat;
	background-position:163px;
}


.block_vi {
	width:600px;
	margin-top:1px;
	margin-left:-40px;
	background:url(../img/trait_3.gif) no-repeat;
	background-position:154px;
}


.block_ve {
	width:600px;
	margin-top:1px;
	margin-left:-37px;
	background:url(../img/trait_4.gif) no-repeat;
	background-position:161px;
}
.block_ro {
	width:600px;
	margin-top:1px;
	margin-left:-41px;
	background:url(../img/trait_5.gif) no-repeat;
	background-position:213px;
}
.block{
	width:300px;
	margin-top:1px;
	margin-left:105px;


}
.block_b {
	width:400px;
	margin-top:1px;
	margin-left:94px;
	background:url(../img/trait_6.gif) no-repeat;
	background-position:4px;

}
.block_o {
	width:400px;
	margin-top:1px;
	margin-left:94px;
	background:url(../img/trait_7.gif) no-repeat;
	background-position:35px;

}
.block_t {
	width:400px;
	margin-top:1px;
	margin-left:94px;
	background:url(../img/trait_8.gif) no-repeat;
	background-position:36px;

}

/*********************************/
/*    		  Lien               */
/*    	       traits            */
/*********************************/

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color:#000000; /*les liens sont noirs*/
}

.tache_r :hover {
color:#FF0000;

}
.tache_j :hover {
color:#FFFF00;

}
.tache_vi :hover {
color:#FF99FF;

}
.tache_ve :hover {
color:#339900;

}
.tache_ro :hover {
color:#FF99CC;

}
.tache_b :hover {
color:#3366FF;

}
.tache_o :hover {
color:#FF9900;

}

.tache_t :hover {
color:#66CCFF;

}