/* NEW CSS - may 2007 */


/*----------------------------------------------*/
a:active {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000;
	font-weight: normal; 
	text-decoration: underline;
}
a:visited {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a:hover {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
/*-----------------------*/
.TableMenu {
}
.TableMenu TR {
	background-image: url(images08/FOND_mouseOut.jpg);
}
.TableMenu TD {
	/*background-image: url(images/FOND_mouseOut.jpg);*/
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
/*	height:25px;
	text-indent: 10px;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
*/

}
.TableMenu A {
	/* Pour que toute la cellule soit un lien*/
	display: block;
}

.TableMenu TR:hover {
	background-image: url(images08/FOND_mouseOver.jpg);
}

.TableMenu A:hover {
	background-image: url(images08/FOND_mouseOver.jpg);
	/*display: block;*/
}





/*--------------------------------------------------------------------*/
ul#menu, ul#menu2 {
	/* Suppression du margin, du padding 
	et des puces du <ul> */
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
	
ul#menu li {
	/* Suppression du padding du <li> et on définit
	 une marge basse de 5px pour aérer le tout */
	margin: 0 0 1px 0 ;
	padding: 0 ;
}
	
ul#menu li a {
	/* On passe les liens en éléments de type block
	 pour leur donner des propriétés de taille */
	display: block; 
	width: 123px ;
	line-height: 14px ;
	color: #000000 ;
	padding: 0 2px 0 6px;
	/*text-indent: 10px ;  On décale le texte de 40px du bord gauche */
	
	text-decoration: none ;
	/* On met une image de background, que l'on 
	positionne à 0px du bord gauche et 0px du bord haut */
	background: url(images08/FOND_mouseOut.jpg) no-repeat 0 0 ; 
	/*border: 1px solid #dbd ;*/
}

ul#menu li a:active {
	background: url(images08/FOND_mouseOver.jpg) no-repeat 0 0 ;
	text-decoration: underline;
	/*border-left: 1px solid #663300;*/
}
	
ul#menu li a:hover {
	background: url(images08/FOND_mouseOver.jpg) no-repeat 0 0 ;
	/*border: 1px solid #f97 ;*/
	text-decoration: underline;
	/*border-left: 1px solid #663300;
	text-indent: 9;*/
}



/* Sous menu*/
ul#menu2 li {
	/* Suppression du padding du <li> et on définit
	 une marge basse de 5px pour aérer le tout */
	margin: 0 0 1px 0 ;
	padding: 0;
}
ul#menu2 li a {
	display: block ; 
	width: 117px ;
	line-height: 14px ;
	color: #000000 ;
	margin: 0 0 0 6px;
	padding: 0 2px 0 6px
	/*text-indent: 18px ;*/
	
	text-decoration: none ;
	background: url(images08/FOND_mouseOut.jpg) no-repeat 0 0 ; 
	/*border: 1px solid #dbd ;*/
}
ul#menu2 li a:active {
	background: url(images08/FOND_mouseOver.jpg) no-repeat 0 0 ;
	text-decoration: underline;
	/*border-left: 1px solid #663300;*/
}
ul#menu2 li a:hover {
	background: url(images08/FOND_mouseOver.jpg) no-repeat 0 0 ; 
	/*text-indent: 17px ;*/
}

/*--------------------------------------------------------------------*/
ul#menuIndex {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menuIndex li {
	margin: 0 0 1px 0 ;
	padding: 0 ;
}
ul#menuIndex li a {
	display: block; 
	line-height: 14px ;
	color: #000000 ;
	padding: 0 2px 0 6px;
	text-decoration: none ;
	background: url(images08/FOND_mouseOut.jpg) no-repeat 0 0 ; 
}
ul#menuIndex li a:active {
	background: url(images08/FOND_mouseOver.jpg) no-repeat 0 0 ;
	text-decoration: underline;
}
ul#menuIndex li a:hover {
	background: url(images08/FOND_mouseOver.jpg) no-repeat 0 0 ;
	text-decoration: underline;
}






/*--------------------------------------------------------------------*/
ul#allGenre {
	/* Suppression du margin, du padding 
	et des puces du <ul> */
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	border: 1px solid #663300;
	background: url(images08/FOND_mouseOut.jpg);
	background-repet: repeat;
}
	
ul#allGenre li {
	/*height:90;*/
}
ul#allGenre li img {
	padding: 3;
}
ul#allGenre li a {
	display: block; 
	width: 100% ;
	/*height:90;*/
	text-decoration: none ;
	background: url(images08/FOND_mouseOut.jpg);
	background-repet: repeat;
}

ul#allGenre li a:active {
	background: url(images08/FOND_mouseOver.jpg);
	text-decoration: underline;
}
	
ul#allGenre li a:hover {
	background: url(images08/FOND_mouseOver.jpg);
	text-decoration: underline;
}
/*--------------------------------------------------------------------*/
.TableAllGenre {
	border: 1px solid #663300;
	background-image: url(images08/FOND_mouseOut.jpg);
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/*
.TableAllGenre A {
	display: block;
	background-image: url(images/FOND_mouseOut.jpg);
}
.TableAllGenre TABLE:hover {
	border: 2px solid #663300;
	background-image: url(images/FOND_mouseOver.jpg);
	padding: 4px;
}
*/
.genreTitre {
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: lighter;
}
.Texte {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000;
}

.TableBkgBorder {
	/*border-top-image: url(images/CadreTexteHautBas.gif);
	border-bottom-image: url(images/FOND_mouseOver.jpg);
	border-image: url("images/CadreTexteHautBas.gif") 27 27 27 27 round round;
	background: url(images/FOND_mouseOut.jpg);*/
	background-left-image: url(images08/FOND_mouseOut.jpg);
	
}

/*--------------------------------------------------------------------*/
/* Eléments à bordures												  */

ul#element, ul#element2 {
	margin: 0;
	padding: 0 ;
	list-style-type: none ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
}
	
ul#element li {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	border: 1px solid #663300;
	width: 100%;
	background: url(images08/FOND_mouseOut.jpg) repeat;
}
	
ul#element li a {
	display: block ;
	/*line-height: 18px ;*/
	color: #000000 ;
	text-decoration: none ;
	background: url(images08/FOND_mouseOut.jpg);
}

ul#element li a:active {
	background: url(images08/FOND_mouseOver.jpg);
	text-decoration: underline;
}
	
ul#element li a:hover {
	background: url(images08/FOND_mouseOver.jpg) repeat;
	text-decoration: underline;
}


/*--------------------------------------------------------------------*/
/* Eléments d'en-tête de rubrique									  */
ul#headSection {
	margin: 0;
	padding: 0 0 10 0 ;
	list-style-type: none ;
}
ul#headSection li {
	display: block ; 
	margin: 0 0 0 0;
	padding: 0 0 0 10;
	/*line-height: 12px;*/
	background: url(images08/FOND_mouseOut.jpg) repeat-x 0px 2px;
	height: 20px;
	
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000;
	font-weight: lighter;
}

/*--------------------------------------------------------------------*/
/* Champs de formulaire									  */
input, select, textarea, option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3a5b7b;
	background-color: #EAE5D2;
	border: 1px solid #8b6138;
	margin: 1px 1px 0 0;
}
textarea {
	width: 100%;
}


/*-------------------*/
/* TEST */
.box {
	display: block;
	padding: 2px;
	background: url(images08/FOND_mouseOut.jpg);
	border: 1px solid #663300;
}