BODY {
/*	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff; FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif; TEXT-ALIGN: left; background:#fff url(fond.jpg) repeat-x 0 0;*/
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff; FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif; TEXT-ALIGN: left; background:#ffffff; 
}
/*background-image:url(./bande-histoire-enfant.jpg);  POUR L'IMAGE DE FOND*/
.logo_orange {
	FONT-SIZE: 22px; COLOR: #CC6600; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.logo_bleu {
	FONT-SIZE: 22px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.titre_histoire {
	FONT-SIZE: 22px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.sous_titre_histoire {
	FONT-SIZE: 18px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}

.citation {
	FONT-SIZE: 15px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}

.ajouter_commentaire {
	FONT-SIZE: 16px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}

.acheter_histoire {
	FONT-SIZE: 16px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.titre_bandeau {
	FONT-SIZE: 18px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.titre_bandeau A {
	FONT-SIZE: 16px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.texte_bandeau {
	FONT-SIZE: 14px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.texte_bandeau A{
	FONT-SIZE: 14px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.texte_details {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none; FONT-WEIGHT: none
}
.texte_details_titre {
/*orange*/
	FONT-SIZE: 14px; COLOR: #CC6600; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.texte_details_titre A{
/*orange*/
	FONT-SIZE: 14px; COLOR: #CC6600; TEXT-DECORATION: underline; FONT-WEIGHT: bold
}
.sous-titre-brico{
FONT-SIZE: 18px; COLOR: #CC6600; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.texte-brico{
FONT-SIZE: 13px; COLOR: #336699; TEXT-DECORATION: none;
}
.faq {
	FONT-SIZE: 12px; COLOR: #336699; TEXT-DECORATION: none;
}

.texte_contact_bleu {
	FONT-SIZE: 13px; COLOR: #336699; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.texte_contact_bleu A{
	FONT-SIZE: 13px; COLOR: #CC6600; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.texte_contact_bleu A:hover{
	FONT-SIZE: 13px; COLOR: #CC6600; TEXT-DECORATION: underline; FONT-WEIGHT: bold
}
.texte_contact_orange{
	FONT-SIZE: 13px; COLOR: #CC6600; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
.img_tour_orange{
	border-color:#CC6600
}

A.lien_orange:link {text-decoration: none; color: #CC6600; font-family: Verdana; font-size: 11px}
A.lien_orange:visited {text-decoration: none; color: #CC6600; font-family: Verdana; font-size: 11px}
A.lien_orange:active {text-decoration: none; color: #CC6600; font-family: Verdana; font-size: 11px}
A.lien_orange:hover {text-decoration: underline; color: #CC6600; font-size: 11px}

A.pied-de-page:link {text-decoration: none; color: #FFFFFF; font-family: Verdana; font-size: 12px}
A.pied-de-page:visited {text-decoration: none; color: #FFFFFF; font-family: Verdana; font-size: 12px}
A.pied-de-page:active {text-decoration: none; color: #FFFFFF; font-family: Verdana; font-size: 12px}
A.pied-de-page:hover {text-decoration: underline; color: #FFFFFF; font-size: 12px}

TD {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana
}

/* PADDING-TOP = 20px pour avoir un espace en haut du menu*/
#menu_gauche {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
	BORDER-COLLAPSE: collapse; 
	MARGIN: 0px;
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;FONT-SIZE: 13px; FONT-WEIGHT: normal; 
}
#menu_gauche IMG {
	DISPLAY: block; MARGIN-LEFT: 1px; MARGIN-RIGHT: 1px 
}
#menu_gauche UL {
	LIST-STYLE-TYPE: none; MARGIN: 0px; 
}
#menu_gauche dt {
	MARGIN: 0px; LIST-STYLE-TYPE: none;
	BORDER-RIGHT: #e9e2cf 1px solid; BORDER-TOP: #e9e2cf 0px solid; BORDER-LEFT: #e9e2cf 1px solid; BORDER-BOTTOM: #e9e2cf 1px solid ;  
	PADDING-LEFT: 13px; PADDING-RIGHT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; 
	DISPLAY: block; 
	COLOR: #666666; TEXT-DECORATION: none; BACKGROUND-COLOR: white;
}
#menu_gauche dd {
	MARGIN: 0px; LIST-STYLE-TYPE: none;
	PADDING-LEFT: 0px; PADDING-RIGHT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; 
	DISPLAY: block; 
	COLOR: #666666; TEXT-DECORATION: none; BACKGROUND-COLOR: white;
}
/*configuration des épaisseurs de traits entre les sous titres*/
#menu_gauche UL LI {
	BORDER-RIGHT: #e9e2cf 1px solid; BORDER-TOP: #e9e2cf 0px solid; MARGIN: 0px; BORDER-LEFT: #e9e2cf 1px solid; BORDER-BOTTOM: #e9e2cf 1px solid
}

/*style général pour la barre de menu*/
#menu_gauche A {
	PADDING-LEFT: 13px; PADDING-RIGHT: 2px;PADDING-BOTTOM: 2px; PADDING-TOP: 2px; 
	TEXT-DECORATION: none; BACKGROUND-COLOR: white; COLOR: #666666; 
	DISPLAY: block; 
}
#menu_gauche A:hover {
	COLOR: #FFFFFF;
}

#menu_gauche UL.titre_orange {
	MARGIN-LEFT: 1px; MARGIN-RIGHT: 1px; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: white; BACKGROUND-COLOR: #CC6600
}
#menu_gauche UL.titre_violet {
	MARGIN-LEFT: 1px; MARGIN-RIGHT: 1px; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: white; BACKGROUND-COLOR: #663366
}
#menu_gauche UL.titre_gris {
	MARGIN-LEFT: 1px; MARGIN-RIGHT: 1px; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: white; BACKGROUND-COLOR: #666633
}
#menu_gauche UL.titre_rouge{
	MARGIN-LEFT: 1px; MARGIN-RIGHT: 1px; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: white; BACKGROUND-COLOR: #993333
}

#menu_gauche UL.sous_titre_orange A:hover{
	BACKGROUND-COLOR: #FF9933; 
}
#menu_gauche UL.sous_titre_violet A:hover{
	BACKGROUND-COLOR: #996699; 
}
#menu_gauche UL.sous_titre_gris A:hover{
	BACKGROUND-COLOR: #999966; 
}
#menu_gauche UL.sous_titre_rouge A:hover{
	BACKGROUND-COLOR: #CC6666; 
}

#menu_gauche dd UL.sous_titre_orange2 {
	PADDING-LEFT: 0px; FONT-SIZE: 11px; 
}
#menu_gauche UL.sous_titre_orange2 A:hover{
	BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: underline; COLOR:#CC6600
}

#menu_gauche UL.sous_titre_orange2 LI.retrait A {
	PADDING-LEFT: 30px
}

/*style général pour le pied de page*/

#pied_de_page {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; LIST-STYLE-TYPE: none;
}

.table_orange {
border-style:solid; 
border-width:3px; 
border-color:CC6600;
}

.table_rouge {
border-style:solid; 
border-width:2px; 
border-color:993333;

}
.table_bleue {
border-style:solid; 
border-width:1px; 
border-color:6699CC;

}
.table_grise {
border-style:solid; 
border-width:2px; 
border-color:666633;

}

.texte_rouge{
	COLOR: #993333
}
.texte_jaune{
	COLOR: #CC9933
}
.texte_bleu{
	COLOR: #336699
}
.texte_gris{
	COLOR: #666633
}
.texte_orange{
	COLOR: #CC6600
}
