body {
background-color: #96DBE0;
scrollbar-base-color:#96DBE0;
scrollbar-arrow-color: #ffffff;}
body,td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: #000000;}
.bordure{background-color: #010066;}

/*LIENS*/
a {font-weight: bold; color: #000000; ; text-decoration: none}
a:hover {font-weight: bold; color: #ff6600; ; text-decoration: none}
.lienBig {font-size: 13px; font-weight: bold; color: #ff0000; ; text-decoration: none}
.lienBig:hover {font-size: 13px; font-weight: bold; color: #ff6600; ; text-decoration: none}
.lienFooter {font-size: 10px;font-weight: normal; color: #010066; ; text-decoration: none}
.lienFooter:hover {font-size: 10px;font-weight: normal; color: #ffffff; ; text-decoration: none}
.mailto {font-size: 11px; color: #96DBE0; font-weight: bold; text-decoration:none;}
.mailto:hover { font-size: 11px; color: #000000; font-weight: bold; text-decoration:none;}

/* MENUS */
.menuFooter {font-weight: normal; color: #010066; ; text-decoration: none}
.menuFooter:hover {font-weight: normal; color: #ffffff; ; text-decoration: none}
.menuFooterSelect {font-weight: bold; color: #ffffff; ; text-decoration: none}

.lienChoixArticle {font-size: 11px;font-weight: bold; color: #ffffff; ; text-decoration: none}
.lienChoixArticle:hover {font-size: 11px;font-weight: bold; color: #010066; ; text-decoration: none}

.lienSelection {font-weight: bold; color: #ff6600; ; text-decoration: none}
.lienSelection:hover {font-weight: bold; color: #000000; ; text-decoration: none}

.lienCmd {font-weight: bold; color: #ffffff; ; text-decoration: none}
.lienCmd:hover {font-weight: bold; color: #000000; ; text-decoration: none}


/* menuFamillesAccueil ********************************************/
#menuFamillesAccueil {
	font-size: 12px;
	color: #FBE8CA;
	white-space: nowrap /*IE hack*/;
	width: 960px;
	position: fixe;
	background-image: url(../images/bg_menu.jpg);
	height: 20px;
	padding-left: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-repeat: repeat-x;
}

#menuFamillesAccueil* {
	margin: 0px;
	padding: 0;
}

#menuFamillesAccueil ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#menuFamillesAccueil li {
	float: left;
	z-index: 1000;
!important /*Non-IE6*/;
	z-index: 1000 /*IE-6*/;
}

#menuFamillesAccueil ul li a {
	float: none !important /*Non-IE6*/;
	float: left /*IE-6*/;
	display: block;
	height: 20px;
	padding: 0 15px 0 15px;
	text-decoration: none;
	font-weight: bold;
	color: #FBE8CA;
	line-height: 20px;
}

#menuFamillesAccueil ul li a:hover {
	background-image: url(../images/bg_menu_over.jpg); 
	background-repeat: repeat-x;
	color: #ffffff;
	text-decoration:none;
}
/* menuFooterAccueil ********************************************/
#menuFooterAccueil {
	font-size: 12px;
	color: #FBE8CA;
	white-space: nowrap /*IE hack*/;
	width: 960px;
	position: fixe;
	background-image: url(../images/bg_menu.jpg);
	height: 20px;
	padding-left: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-repeat: repeat-x;
	background-position:top, left;
}

#menuFooterAccueil* {
	margin: 0px;
	padding: 0;
}

#menuFooterAccueil ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#menuFooterAccueil li {
	float: left;
	z-index: 1000;
!important /*Non-IE6*/;
	z-index: 1000 /*IE-6*/;
}

#menuFooterAccueil ul li a {
	float: none !important /*Non-IE6*/;
	float: left /*IE-6*/;
	display: block;
	height: 20px;
	padding: 0 15px 0 15px;
	text-decoration: none;
	font-weight: bold;
	color: #FBE8CA;
	line-height: 20px;
}

#menuFooterAccueil ul li a:hover {
	background-image: url(../images/bg_menu_over.jpg); 
	background-repeat: repeat-x;
	color: #ffffff;
	text-decoration:none;
}

/* menu ********************************************/
#menu {
	font-size: 12px;
	color: #FBE8CA;
	white-space: nowrap /*IE hack*/;
	width: 775px;
	position: fixe;
	background-image: url(../images/bg_menu.jpg);
	height: 20px;
	padding-left: 0px;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-repeat: repeat-x;
}

#menu* {
	margin: 0px;
	padding: 0;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#menu li {
	float: left;
	z-index: 1000;
!important /*Non-IE6*/;
	z-index: 1000 /*IE-6*/;
}

#menu ul li a {
	float: none !important /*Non-IE6*/;
	float: left /*IE-6*/;
	display: block;
	height: 20px;
	padding: 0 20px 0 15px;
	text-decoration: none;
	font-weight: bold;
	color: #FBE8CA;
	line-height: 20px;
}

#menu ul li a:hover {
	background-image: url(../images/bg_menu_over.jpg); 
	background-repeat: repeat-x;
	color: #ffffff;
	text-decoration:none;
}

/***menu vertical_familles **************************************/
.tabMenuG {
background-color: #ffffff; 
background-position: left top; 
background-image: url(../images/bg_menuG.gif); 
background-repeat: repeat}

#nav_verti_contener{
}

#nav_verti_menu{
}

.nav_verti_menu_pad{
margin:0;padding:0;
}

#encart_code_dev_nav_vertical{
display:none;
}

#titre_code_dev_nav_vertical{
display:block;
}

#image_code_dev_nav_vertical{
display:none;
}

#nav_verti_menu dt{
text-align: left;
}

#nav_verti_menu dt a{
display:block;
width:165px;
font-size:11px;
background-image: url(../images/bg_menu_titre.gif);
color:#010066;
font-weight:bold;
text-decoration:none;
padding-top: 5px;
padding-right: 2px;
padding-bottom: 5px;
padding-left: 17px;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #010066;
}

#nav_verti_menu dt a:hover{
color:#000000;
background-image: url(../images/bg_menu_titre_over.gif);
}

#nav_verti_menu dd{
text-align: left;
list-style-type: none;
}

#nav_verti_contener_sous{
text-align: left;
padding-left: 0px;
}

#nav_verti_menu dd a{
display: block;
width: 180px;
font-size: 11px;
background-color: #ff9900;
color: #ffffff;
font-weight: bold;
text-decoration: none;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 4px;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #010066;
}

#nav_verti_menu dd a:hover{
color:#000000;
background-color:#ffbb00;
}
/***fin menu vertical_familles **************************************/


/* INTERIEUR CADRE */
.titrePage{font-size: 14px;font-weight: bold; color: #ff3300;}

/***************************************************************************************************/
/* STYLES POUR LE CONTENU DES PAGES ****************************************************************/

/*MISE EN VALEUR DE TEXTE*/
h1{font-size: 14px; color: #010066; font-weight: bold;}
h2{font-size: 14px; color: #2148BD; font-weight: bold;}
.txtFooter {font-weight: normal; color: #96DBE0; ; text-decoration: none}
.txtBleu, .txtbleu {color: #010066; font-weight: bold;}
.txtTurquoise, .txtturquoise {color: #96DBE0; font-weight: bold;}
.txtOrange, .txtorange {color: #FF9900; font-weight: bold;}
.txtRouge, .txtrouge {color: #cc0000; font-weight: bold;}
.img {border:1px; border-thickness: 1px; border-color: #ffffff; border-style: solid;}

/*FORMULAIRES*/
select{color:#000000;  font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding:2px;}
.option {background-color:#96DBE0;}
.optionSelect {background-color:#ff9900;}
.formContact{background-color:#96DBE0; BORDER: #010066 1px solid; FONT-SIZE: 11px;  COLOR: #010066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}

/*DIVS*/
.divChoixArticle{
overflow:auto;
width: 130px;
height: 400px;
padding: 0px;
background-color: #ffffff;
}

.divFicheArticle{
overflow:auto;
width: 645px;
height: 430px;
padding: 0px;
background-color: #ffffff;
}

.divChoixPromo{
overflow: auto;
width: 150px;
height: 402px;
padding: 2px;
text-align: justify;
background-color: #ffffff;
}

/*TABLEAUX*/
.tabCadre{background-color: #ffffff; border-color: #010066; border-width: 0px; border-style: solid; padding: 0px;}
.tabCadreHD{background-color: #ffffff; 
background-image: url(../images/banniere2_D2.jpg);
background-position: left top;  
background-repeat: no repeat}
.tabMarquee{ padding:2px; color:#dddddd; font-size: 10px;}
.tabContenu{background-color: #ffffff;}
.tabSelection{background-color: #96DBE0;}
.tabFond1{background-color: #96DBE0; border-color: #96DBE0; border-width:1px; border-style:solid; padding:2px;}
.tabFond2{background-color: #ffffff; border-color: #2148BD; border-width:1px; border-style:solid; padding:2px;}
.tabPanier{background-color: #ffffff; border-color: #96DBE0; border-width:1px; border-style:solid; padding:2px;}
.tabTitre1{background-color: #010066; color: #ffffff;font-weight:bold; padding:5px;}
.tabTitre2{background-color: #96DBE0; color: #010066; font-weight:bold; padding:2px;}

.tabChoixArticle{background-color: #96DBE0; border-color: #ffffff; border-width:1px; border-style:solid; padding:2px;}

.tabTitre3{color: #96DBE0;font-weight:normal; font-size: 12px; padding:2px;}
.tabTitre4{background-color: #96DBE0; color: #ffffff;font-weight:bold; font-size: 13px; padding:2px;}
.tabTitre5{color: #000000;font-weight:normal; font-size: 11px; padding:2px;}

.tabCmd{background-color: #ffaa00; color: #ffffff; font-weight:bold; padding:2px;}

.tabErreur{font-size: 12px; background-color: #ff0000; color: #ffffff; font-weight:bold; padding:2px;}

.tabPrix{
font-size: 12px;
background-color: #FF6600; 
background-image: url(../images/bg_prix.jpg);
color: #ffffff;
font-weight:bold; 
padding:2px;}

.tabPrixPromo{
font-size: 12px;
background-color: #cc0000; 
background-image: url(../images/bg_prix_promo.jpg);
color: #ffffff;
font-weight:bold; 
padding:2px;}

.tabFiche{background-color: #ffffff; border-color: #96DBE0; border-width:1px; border-style:solid; padding:2px;}