body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #FFF;*/
	leftmargin:0;
	rightmargin:0;
	topmargin:0;
	bottommargin:0;
	link: #FFFFFF;
	vlink: #FFFFFF;
	alink: #FFFFFF;
	left: 0px;
	background-position: top;
	scrollbar-face-color: #D0CDC8; 				/* curseur central de nav */
	scrollbar-highlight-color: #FFFFFF; 		/* ombre */
	scrollbar-shadow-color: #FFFFFF; 			/* contour des elements*/
	scrollbar-3dlight-color: #FFFFFF;			/* contour des elements - autour*/
	scrollbar-arrow-color:  #000000;			/* Fleche */
	scrollbar-track-color: #FFFFFF;				/* barre vericale de fond */
	scrollbar-darkshadow-color: #FFFFFF;		/* ombre des elements droite */
	background-color: #39F;
	--background-image:url(../images/cadre/fond.jpg);
}
.couleur_fond { color: #003;}
.fond {	background-color: #FFFCD7;} 
.fond_obs_detail {	background-color: #F0DDA5;}
.copyright {   font-size: 9pt;   color: #FFF;    }  
a.copyright {   font-size: 9pt;   color: #FFF;    }  
--a.copyright:hover {   font-size: 10pt;   color: #0F0;    }
.compteur_article { display:none}

a:link {	text-decoration: none;	color: #009;} 
a {	font-family:Arial;	font-weight: bold;	color:#009;	text-decoration: none;	font-size: 14px; } 
a:visited {	font-family:Arial;	font-weight: bold;	color:#009;	text-decoration: none;	font-size: 14px;} 
a:hover {	font-family:Arial;	color: #3D1808;	text-decoration: none} 
a:active {	color:#009;	text-decoration: none}

A.Asurmenu_gauche {	font-family:Arial;	font-weight: bold;	color:#FFF;	font-size :12px;	text-decoration: none} 
A.Asurmenu_gauche:visited {	font-family:Arial;	font-weight: bold;	color:#FFF;	font-size :12px;	text-decoration: none} 
A.Asurmenu_gauche:hover {	font-family:Arial;	color: #9F0;	text-decoration: none} 

.menu_haut {	font-size: 12px;	color:#FFFFFF;	background-color: #00CCFF;	background-image: url(../images/barre.jpg);	font-weight: bolder;}
.menu_haut_select {	font-size: 12px;	color:#000000;	background-color:#00CCFF;	cursor:pointer}
.menu_haut a {	font-size: 12px;	color:#000000;	background-color:#00CCFF;	cursor:pointer}
.index_menu_gauche {	font-size: 12px;	height: 25px;}
.surmenu_gauche {	font-size: 14px;	text-align: left;	text-indent: 5pt;	background-image: url(../images/cadre/sur_menu.jpg);	color: #3D1808;	font-weight: bolder;	line-height: 25px;	height: 40px;	cursor: pointer;	background-repeat: no-repeat;} 
.surmenu_gauche_L {	} 
.surmenu_gauche_R {	} 
.surmenu_gauche_select {	font-size: 14px;	text-align: left;	text-indent: 5pt;	background-image: url(../images/cadre/sur_menu.jpg);	color: #FFF;	font-weight: bolder; line-height: 35px;	cursor: pointer;} 

.menu_gauche {	font-size: 14px;	color:#FFF;	background1:URL(../images/CatArrow1.gif) 2px 5px no-repeat;	text-indent: 5px;	cursor: pointer;	height: 25px;	font-weight: bold;}
.menu_gauche_select {	background-color:#F0DDA5;	cursor:pointer;	background-image: url(../images/onglet5.jpg);	color:#3D1808;	font-size: 14px;}

.sousmenu_gauche {	font-size: 11px;	color:#FFF;	background1:URL(../images/CatArrow1.gif) 2px 5px no-repeat;	text-indent: 5px;	cursor: pointer;	height: 25px;	font-weight: bold;} .sousmenu_gauche_select  {	font-size: 11px;	background-color:#F0DDA5;	cursor:pointer;	background-image: url(../images/onglet5.jpg);	color:#3D1808;}

/* les Bloc cadre  */
.fond_cadre_global {				/* FOND DU CADRE GLOBAL du haut en bas  */
	background-image:url(../images/cadre/image_top.jpg);
	background-repeat:no-repeat;
	width: 980px;
}
.fond_cadre_haut {
	/*background-image:url(../images/cadre/image_top.jpg);*/
	background-repeat:no-repeat;
	height:191px;
}
.decalage_menu {	height: 3px; } 	/* DECALAGE du menu pour le descendre un peu  (au cas ou le panier est dessus) */
.decalage_gauche {	width: 5px; } 	/* DECALAGE du menu de gauche pour eviter qu'il soit coller à gauche */
.separateur { height: 3px; } 		/* Espacement bas entre chaque bloc */

.fond_cadre_gauche {
	background-image:url(../images/cadre/fond_cadre_gauche.jpg);
	background-repeat:repeat-y;
	width:212px;
	margin: 0;
	padding-left:0px;
	padding-top:0px;
}
.fond_cadre_milieu {
	background-image:url(../images/cadre/fond_cadre_milieu.jpg);
	background-repeat:repeat-y;
	padding-top: 5px; 	padding-left: 5px;
}
.largeur_cadre_milieu {width:100%; padding-left:0px;}

.fond_cadre_droite {
	background-image:url(../images/cadre/fond_cadre_droite.jpg);
	background-repeat:repeat-y;
}
/* Bloc cadre des articles */
.cadre, .cadre_gauche, .cadre_milieu, .cadre_principal {
	color: #000;
	border-color: black				/* #0066FF #00FF33 #33CC33 #660099; */ 
	border-style: inset; 
}
.texte_cadre_milieu {color: #000;}
.cadre_gauche {
	background-image:url(../images/cadre/fond_cadre_gauche.jpg);
	background-repeat:repeat-y;
	padding-left: 5px;
	width:100%;
}
.cadre_principal {
	color: #06C;
	background-color1: beige;
	background-image:url(../images/cadre/fond_bloc_milieu.jpg);
	background-repeat:repeat-y;
	width: 98%;
	padding-left: 15px;
	margin: 3;
}
.cadre_milieu {
	color: #000;
	background-color1: beige;
	background-image:url(../images/cadre/fond_bloc_milieu.jpg);
	background-repeat:repeat-y;
	width: 98%;
}
.cadre_entree
{
	background-color: #0CF;	
	/*border: outset;  */
	border-style:ridge;
	border-width:thin;
	border-color: black;	
	background-image:url(../images/cadre/fond_bloc_milieu.jpg);
	background-position: center;
	background-repeat:repeat-y;
	filter : alpha(opacity=80); -moz-opacity : 0.8;  opacity : 0.8;
}
.div_cadre_panier {
	position:relative; 
	background-color: #FFF;
	z-index:2; 
	top: 58px;
	left: 602px;
	width: 176px;
}
.cadre_panier {
	background-color: #FFF;
	/*background-image1:url(../images/cadre/fond_bloc_milieu.jpg);*/
	background-repeat:repeat-y;
	height: 80px;
	text-align: center;
	font-size: 12px;
}
.logo_panier { width: 40px; }

.cadre_entree_bas
{
	background-color: #C0C0C0;	
}
.div_cadre_panier_message {
	position: absolute;
	text-align: center;
	vertical-align: top;
	border: 0;
	overflow: hidden;
	z-index: 200;
	height: 202px;	width: 304px;
	top: 28px;	left: 250px;
	cursor: crosshair;
	font-size: 13px;
	color: #0000CC;
	background-color: #FFF;	
	/*filter : alpha(opacity=80); -moz-opacity : 0.8;  opacity : 0.8;*/
}
.cadre_panier_message { 	background-color: #FFF;	}
.cadre_panier_message_bouton  {	border-color: #741C00; 	border-style:ridge;	background-color: #F0F0F0;		background-image:url(../images/cadre/fond_bloc_milieu.gif); }

.cadre_titre {
	background-image1: url(../images/cadre/sur_menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:25px;
}
.cadre_hg, .cadre_h, .cadre_hd, .cadre_g, .cadre_d, .cadre_bg, .cadre_b, .cadre_bd {
}
/*
.cadre_hg {background-image: url(../images/ctl.gif);} 
.cadre_hd {background-image: url(../images/ctr.gif);} 
.cadre_h {background-image: url(../images/ct.gif);} 
.cadre_g {background-image: url(../images/cl.gif);} 
.cadre_bg {background-image: url(../images/cbl.gif);} 
.cadre_bd {background-image: url(../images/cbr.gif);} 
.cadre_b {background-image: url(../images/cb.gif);} 
.cadre_d {background-image: url(../images/cr.gif);} 
*/
/*  Bloc AFFICHAGE des listes articles  */
.bloc_achat { width:500px; }
.affiche_titre, a.affiche_titre, a.affiche_titre:visited , a.affiche_titre:link{
	color: #000;
	font-size: 14px;
	line-height:30px;
	height:30px;
	font-weight: bold;
}
a.affiche_titre:hover {
	color: #3D1808;
	font-size: 16px;
}
.affiche {
	color: #3D1808;
	font-size: 14px;
	font-weight:bold;
}
.en_savoir_plus { display: block; }
.voir_affiche_ref { display: none; }
.voir_detail_colonne_gauche { display: block; }

.prix {	color: #30C;	font-size: 16px;	font-weight:bold;}
.prix_barre {	color: #30C;	font-size: 12px;}

.Nombre {font-size: 12px;	font-style: oblique;	background-color: beige;	background-position: center;}

.titre {
	font-weight: bold;
	color: #3D1808;
}
.noir  { color: #000000; }
.blanc { color: #FFFFFF; }
.orange { color: #FFFFFF; background-color: #F18500; }
.couleur { color: #FFFFFF; background-color: #F18500; }

.t { font-family:Arial; font-size:   12px; color: #003366; text-decoration: none} 
.ti { font-family:Arial; font-size:  14px;color: #003366; font-weight: bold; text-decoration: none} 
.t1 { font-family:Arial;font-size:   10px; color: #003366; font-weight: bold; text-decoration: none} 
.t2 { font-family:Arial; font-size:  10px; color: #000000; font-weight: bold; text-decoration:  none} 
.t3 { font-family:Arial; font-size:  12px; color: black; font-weight: bold} 
.t7 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  7pt;} 
.t7_couleur { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  7pt; color: #FFFFFD;} 
.t8 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  8pt;} 
.t8_couleur { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; color: #FFFFFD;} 
.t9 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:  10pt; } 
.t9_couleur { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  9pt; color: #FFFFFD;} 
.t10 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  10pt;} 
.t10_couleur { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  10pt; color: #FFFFFD;} 
.t11 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  11pt;} 
.t11_couleur { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  11pt; color: #FFFFFD;} 
.t12 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  12pt;} 
.t12_couleur { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  12pt; color: #FFFFFD;} 
.t13 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  13pt;} 
.t13_couleur { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  13pt; color: #FFFFFD;} 
.t14 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  14pt;} 
.t14_couleur { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  14pt; color: #FFFFFD;} 
.t15 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  15pt;} 
.t16 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  16pt;} 
.t17 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  17pt;} 

--TEXTAREA { color:#000000; background-color:#F7F7F7;font-size:10px; font-family:arial; } 
--INPUT { color:#000000; background-color:#F7F7F7;font-size:10px; font-family:arial; } 
input.text, .field input {background: #FFF url(images/cadre/bg-field.gif);  padding: 2px 5px; width: 218px; border: 1px solid #D4D4D4; font: 1em 'Trebuchet MS' Arial, Helvetica, sans-serif; color: #555}

--select {background: #FFF url(images/cadre/bg-field.gif);  padding: 2px 5px; border: 1px solid #D4D4D4; font: 8 'Trebuchet MS' Arial, Helvetica, sans-serif; color: #555}


.print { display: none; }
.invisible { display: none; }
.ombre_sav { width: 100%; filter:DropShadow(color=lightblue, offx=2, offy=2); cursor: crosshair }
.ombre { cursor: crosshair }

.listeentete 
{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	background-color: #8abe8a; 
	text-align: center; 
	vertical-align: middle; 
	cursor: main;
	background-position: center center; 
	color: #FFFF00;
	//filter: Shadow(Color=0, Direction=100); 
	border: 1
}
.liste 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: CCFFCC;
	border: #C0C0C0;
	align: center;
	left center;
	vertical-align: middle;
	cursor: default;
	color: #000000;
}
.liste1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #EFEFAF;
	border: #C0C0C0;
	align: center;
	left center;
	vertical-align: middle;
	cursor: default;
	color: #000000;
}
.buttonStyle {
   color :#000000;
   font-weight :normal;
   text-decoration :none;
   background-color :#CCCCCC;
   height : auto;
   /*width :100px;*/
   border :thin outset;
   border-color:#FFFFFF #000000 #000000 #FFFFFF;
}
.buttonStyleOK {
	color :#FFFFFF;
	font-weight :normal;
	text-decoration :none;
	background-color :#4A2C06;
	height : auto;
	/*width :100px;*/
   border :thin outset;
	border-color:#FFFFFF #000000 #000000 #FFFFFF;
}
.buttonStyle1 {
   color :#FFFFFF;
   font-weight :normal;
   text-decoration :none;
   background-color :#6666FF;
   height : auto;
   /*width :100px;*/
   border :thin outset;
   border-color:#FFFFFF #000000 #000000 #FFFFFF;
}
.buttonStyle:hover {
   color :#FFFFFF;
   text-decoration :none;
   background-color :#999999;
   border: thin outset;
   border-color: #FFFFFF #000000 #000000 #FFFFFF;
   cursor:main;
}
.buttonStyle:visited {
   color :#000000;
   font-weight :normal;
   text-decoration :none;
   background-color :#CCCCCC;
   height : auto;
   width :100px;
   border :thin outset;
   border-color:#FFFFFF #000000 #000000 #FFFFFF;
}
.main { cursor: hand}

/* MESSAGE */
.message 
{ 
	font-family: "Courier New", Courier, mono; 
	font-size: 18px; 
	color: #0000FF; 
	border: 1px solid; 
	background-position: left center; 
	text-align: center; 
	vertical-align: middle; 
	cursor: crosshair; 
	text-transform: uppercase
}

.bas 
{ 
	font-family: "Times New Roman", Times, serif; 
	font-size: 18px; 
	color: black;
	background-color: #66FFCC; 
	border: 1px solid; 
	background-position: left center; 
	text-align: center; 
	vertical-align: middle; 
	cursor: crosshair; 
	text-transform: uppercase
}
.message_accueil
{
	text-align: justify; 
	font-family: "Times New Roman", Times, serif; 
	font-size: 25px; 
}
.main { cursor: hand}
.message_affiche_fond {
	position:absolute;
	left:-2000px;
	width:23px;
	font-family:Arial;
	font-size:25pt;
	font-weight:normal;
	text-align:center;
	color:#F0DDA5;
	filter:glow(color=blue,strength=2);
	height: 15px;
}
.textstyle {
	position:absolute;
	left:-2000px;
	width:400px;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	text-align:center;
	color:FFFFFF;
	filter:glow(color=red,strength=5);
}
/* LES PHOTOS */
.photo_affiche {/* largeur de la photo dans le bloc affiche 	*/ position:relative; top: 1px; left:0px; width:180px; }
.position_photo_affiche {/* Position de la photo par rapport au bord droite du cadre */	width:100; }
.photo_espacement_haut_affiche  {/* Position de la photo par rapport au bord haut du cadre */	height:0; }
.bordphoto { 	border: 2px outset #D4D4D4; 	background-color:#FFFFFF; }
.bordphoto:hover { 	border: 2px inset #D4D4D4; 	background-color:#FFFFFF; 	cursor:move; }
.bordphoto.a:hover { border: 2px inset #D4D4D4; background-color:#FFFFFF;	cursor:move; }

#foldheader{cursor:hand; font-weight:normal; list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}

.negatif {color:red;}
.positif {color:#999933;}

.inputFocus {
	color:black;font-family:Verdana, Georgia, Universal;border-style:inner;font-size:9px;font-weight:250;
	cursor:pointer;text-align=center;}
.inputBlur {
	background-color:lightgreen;
	color:black;border-style:ridge;border-width:thin;font-family:Verdana, Georgia, Universal;font-size:10px;
	font-weight:250;cursor:pointer;text-align=center;}
.inputsmall {
	border-style:ridge;
	background-color: lightgreen;
	font-size: 9px;
	font-weight: 300;
	}
.boutonsmall {
	font-size: 9px;
	font-weight: 300;
	}
.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
	border-style: ridge;
	filter:Shadow(Color=greenblack, Direction=1);
	oldfilter:
	progid:DXImageTransform.Microsoft.Wave(Add='true', LightStrength=80, Phase=70, Strength=0,  Freq=3);
	progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFE0,middleColorstr=#FFFFFF,endColorstr=#0000FFFF);
	cursor: crosshair;
}
.vertical { font-family : arial; 
			font-size: 8pt;
			writing-mode: 
			tb-rl;
			filter: flipH() flipV(); 
}
.barre_navigue { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  10pt; color: black;}
.barre_navigue:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:  10pt; color: white;}

.maintenance {
	border: dotted Blue;
}

/*********************************************************************************************************************/
/*    OVERLAY SUR FENETRE
/*********************************************************************************************************************/
.calque{
  opacity:.50;
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #FFFFFF;
  opacity : .75;
  filter : alpha(opacity=75);
  width: 100%;
  height : 100%;
  top : 0;
  left : 0 ;
}
.image_calque{height: 100%;}
.window{
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #FFFFFF;
  width: 500;
  height : 500;
  top : 25%;
  left : 35% ;
}
.contemp_window{
  width: 100%;
  height : 100%;
  border : 0;
}
.gfbulle {
	--background-color: #F8F8F8;	
	color: #FFF;
	background-image:url(../images/cadre/fond_cadre_milieu.jpg);
	--border: inset;
	border-style:solid;
	border-width:thin;
	margin: 5px; padding: 5px;
	filter : alpha(opacity=80); -moz-opacity : 0.8;  opacity : 0.8;
}
/*********************************************************************************************************************/
/*    
/*********************************************************************************************************************/