/*COULEUR FOND ET BORDURE */
body {
background-color: #ffffff;
scrollbar-base-color:#ff9900;
scrollbar-arrow-color: #ffffff;
background: url(../images/bg.jpg) repeat;}
td,body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;}

/*LIENS*/
A { color: #403C2F;font-weight: bold;text-decoration:none;}
A:hover { color: #990000;font-weight: bold;text-decoration:underline;}
.lienFooter { font-size: 10px;font-weight: normal; color: #ff9900; ; text-decoration: none}
.lienFooter:hover { font-size: 10px;font-weight: normal; color: #B53623; ; text-decoration: none}


/* MENUS */
.menuFooter { font-size: 11px;font-weight: bold; color: #ff9900; ; text-decoration: none}
.menuFooter:hover { font-size: 11px;font-weight: bold; color: #B53623; ; text-decoration: none}
.menuFooterSelect { font-size: 11px;font-weight: bold; color: #B53623; ; text-decoration: none}

.lienFooter { font-size: 10px;font-weight: normal; color: #ff9900; ; text-decoration: none}
.lienFooter:hover { font-size: 10px;font-weight: normal; color: #B53623; ; text-decoration: none}

/***menu vertical_familles **************************************/
.tabMenuG {
background-color: #ffffff; 
background-position: left top; 
background-image: url(../images/bg_menuG.gif); 
background-repeat: repeat}


/* ******************* PLAN SITE */
.planNiveau0{
background-color: #E44413;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
display:block;
width:500px;
font-size:11px;
font-weight:bold;
letter-spacing: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #B53623;
}

.planNiveau0 a{
color:#ffffff;
font-weight:bold;
text-decoration: none;
letter-spacing: 1px;
}
.planNiveau0 a:hover{
color:#000000;
text-decoration: none;
font-weight: bold;
}

.planNiveau1{
background-color: #ff6600;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
display:block;
width:500px;
font-size:11px;
font-weight:bold;
letter-spacing: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #B53623;
}

.planNiveau1 a{
color:#ffffff;
font-weight:bold;
text-decoration: none;
letter-spacing: 1px;
}
.planNiveau1 a:hover{
color:#000000;
text-decoration: none;
font-weight: bold;
}


.planNiveau2{
background-color: #ff9900;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
display:block;
width:500px;
font-size:11px;
font-weight:bold;
letter-spacing: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #B53623;
}

.planNiveau2 a{
color:#ffffff;
font-weight:bold;
text-decoration: none;
letter-spacing: 1px;
}
.planNiveau2 a:hover{
color:#000000;
text-decoration: none;
font-weight: bold;
}
/* ******************* FIN PLAN SITE */

/* ********************* menu accordeon jquery */
#navigation {
font-size:10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 180px;
background-color: #FFEB8A;
color: #ffffff;
list-style-type: none;
text-align: left;
}
#navigation a {
	text-decoration: none;
}
#navigation a:hover {
	text-decoration: none;
	color:#B53623;
	background-color: #FFD565;
}
#navigation li.familleNiveau0 span, #navigation li.familleNiveau0 a{
	width: 176px;
	display:block;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #E44413; 
	color: #ffffff; 
	font-weight:bold;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B53623;
}

#navigation li.familleNiveau1{
	width: 180px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #ff6600; 
	color: #ffffff; 
	font-weight:bold;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B53623;
}
#navigation li.familleNiveau1 span, #navigation .toggleSubMenu a{
	width: 170px;
	display:block;
	padding-left: 8px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #ff6600; 
	color: #ffffff; 
	font-weight:bold;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B53623;
}

#navigation li.familleNiveau1 a{
	width: 170px;
	display:block;
	padding-left: 8px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #ff6600; 
	color: #ffffff; 
	font-weight:bold;
	letter-spacing: 1px;
}

#navigation li.familleNiveau0 a:hover, #navigation li.familleNiveau1 a:hover, #navigation .toggleSubMenu a:hover{
	text-decoration: none;
	color:#B53623;
	background-color: #FFD565;
}



#navigation .toggleSubMenu a {
	background-image: url(images/menu-item-deroule.png);
	background-position:right, top;
	background-repeat:no-repeat;
}
#navigation .toggleSubMenu span {
	background-image: url(images/menu-item-deroule.png);
	background-position:right, top;
	background-repeat:no-repeat;
}
#navigation .open a {
	background-image: url(images/menu-item-enroule.png);
	background-position:right, top;
	background-repeat:no-repeat;
}
#navigation .open span {
	background-image: url(images/menu-item-enroule.png);
	background-position:right, top;
	background-repeat:no-repeat;
}

#navigation .subMenu, #navigation .open_at_load {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(images/subMenu.png) #ff9900 repeat-x 0px 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B53623;
	list-style-type: none;
}
#navigation UL.subMenu a, #navigation UL.open_at_load a {
	display:block;
	width:165px;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 10px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 3px
}

#navigation UL.subMenu a:hover, #navigation UL.open_at_load a:hover {
	text-decoration: none;
	color:#B53623;
	background-color: #FFD565;
}

/* ***************** fin menu accordeon jquery */

/*MISE EN VALEUR DE TEXTE*/

hr{
color: #CC9900;
background-color: #CC9900;
height: 1px;
border: 0px;}

h1{font-size: 13px; letter-spacing: 2px; color: #B53623;}
h2{font-size: 12px;}
h3{font-size: 11px;}

.img {border:1px; border-thickness: 1px; border-color: #B53623; border-style: solid;}


/*TABLEAUX*/
.tabCadre{ border-color: #4C4634; border-width:1px; border-style:solid; padding:2px;}
.tabMarquee{color:#FFF7D2;}
.tabContenu {background-color: #ffffff;  padding: 0px; }
.tabDesc{color:#7B7257; font-weight: bold;}
.tabMenuG {background-color: #FFEB8A;}

.tabFond1{border-color: #B53623; border-width:1px; border-style:solid; padding:2px;}
.tabFond2{background-color: #ffffff; border-color: #ff9900; border-width:1px; border-style:solid; padding:2px;}
.tabFond3{border-color: #CC9900; border-width:1px; border-style:solid; padding:10px;}

.tabTitre1{ 
font-size: 12px;
letter-spacing: 1px;
background-color: #B53623; 
color: #ffffff;  
font-weight:bold; 
padding:4px;}

.tabTitre2{
font-size: 11px;
letter-spacing: 1px;
background-color: #ff6600; 
color: #ffffff;
font-weight:bold; 
padding:4px;}

.tabTitreFiche1{
font-size: 11px;
letter-spacing: 0px;
background-color: #FFDB3B; 
color: #ffffff;
font-weight:bold; 
padding:4px;}

.tabTitreFiche2{
font-size: 11px;
letter-spacing: 0px;
background-color: #FFDB3B; 
color: #B53623;
font-weight:normal; 
padding:4px;}

.tabFiche{
font-size: 12px;
background-color: #FFF7D2; 
color: #550000;
padding:4px;
border-color: #FFDB3B; border-width:1px; border-style:solid;
}
.tabFiche a{
	font-size: 12px;
	color: #550000;
	text-decoration:none;
}
.tabFiche a:hover{
	font-size: 12px;
	color: #B53623;
	text-decoration:none;
}

.titreCadreFiche{
font-size: 10px;
color: #FFDB3B;
font-style:italic;
}

/* CHOIX ARTICLE */
.tabTitreChoixArticle{ 
font-size: 11px;
letter-spacing: 1px;
background-color: #FF9900; 
color: #ffffff;  
font-weight:bold; 
padding:2px;}
.tabChoixArticle{border-color: #FF9900; border-width:1px; border-style:solid; padding:2px;}
.lienChoixArticle { font-size: 10px;font-weight: normal; color: #FF9900; ; text-decoration: none}
.lienChoixArticle:hover { font-size: 10px;font-weight: normal; color: #B53623; ; text-decoration: none}

/*DIVS*/
.divChoixArticle{
overflow:auto;
width: 130px;
height: 460px;
padding: 0px;
background-color: #ffffff;
}

.divFicheArticle{
overflow:auto;
width: 645px;
height: 500px;
padding: 0px;
background-color: #ffffff;
}

.divReferences{
overflow:auto;
width: 420px;
height: 440px;
padding: 1px;
background-color: #ffffff;
border-color: #FF9900; border-width:1px; border-style:solid;
}

.divPhotoFamille{
	width:200px;
	height:200px;
	display:block;
	background-color:#FFF;
}
.divTexteFamille{
	width:200px;
	height:60px;
	display:block;
}

