body  {
	margin: 0;
	padding:0;
	border:0;
	scrollbar-base-color:FFFFFF;
	scrollbar-face-color:FFFFFF;
	scrollbar-track-color:FFFFFF;
	scrollbar-3dlight-color:c40f0f;
	scrollbar-highlight-color:FFFFFF;
	scrollbar-arrow-color:c40f0f;
	scrollbar-darkshadow-color:FFFFFF;
	scrollbar-shadow-color:c40f0f;
	
	overflow: auto;
	background: url(images/bg.jpg) repeat-x;
	color: #000000; 
	font-family: arial, helvetica, serif;
	font-size: 100%;

}

table td {
font-size: 12px;
}

table.content td{
font-size: 12px;
padding-left:15px; padding-right:15px;
}

table.content td p{
text-align:justify;
}





a            { color: #36468d; font-weight: bold; text-decoration: underline;  }
a:hover      { text-decoration: none; }
a:visited    { color: #36468d }

p {margin:0; padding:0;padding-bottom:8px;}
	
.image   {  cursor: pointer; cursor:-moz-zoom-in; cursor: url('zoom.ico');  }
.imagepng  { behavior:	url("scripts/pngbehavior.htc"); }

.left { background-color: #F6F3F3; }
.center { padding:5}
.right { background:url(img/bgright.jpg) repeat-y; }

form { margin:0px;padding:0px }

.box    { 


	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border: groove 1px #666666;
	background-color: #F6F3F3;
}

.boxl    { 

	color: #c40f0f;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border: groove 1px #ed0078;
	background-color: #F6F3F3;
}

.box_error    { 

	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border: groove 1px #ed0078;
	background-color: #FF0000;
}


.box2   { color: #fe0000; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #CDCDCD}
.box3   { color: #fe0000; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}

.bgactus{ background-image: url(img/bg_actus.png); font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
.bgtitre{ background:url(images/titrepage.jpg) no-repeat; color:#4e577b ; font-size:12px; font-weight:bold; text-transform: uppercase; text-align:left;}
.titrenouv{color:#4e577b ; font-size:12px; font-weight:bold; text-transform: uppercase;}
.bgtitre a{color:#4e577b ; font-size:13px; font-weight:bold;}

.bgmenucat { background: url(charte/col_gauche/bgleftcat.jpg) top left no-repeat; padding:0 5 0 20; vertical-align:top; height:446px;}
.bgmenu { background: url(charte/col_gauche/bgleft.jpg) top left no-repeat; padding:0 5 0 20; vertical-align:top; height:446px;}
.bgrech { background: url(charte/col_gauche/bgleftrech.jpg) top left no-repeat; padding:0 5 0 20; vertical-align:top; height:50px;}


.bgmenucat a {display:block; /*border-bottom:#333333 solid 1px;*/ text-decoration:none; text-transform: uppercase;
}

.bgmenucat a:hover {display:block; text-decoration:none; border-bottom:#99a1fb solid 1px; background-color:#8a9ec2; color:#FFFFFF;}



.tbl   { border: solid 1pt #E4E4E5; border-collapse: collapse;  }
.tblindex   {border-collapse: collapse;  }
.tblright { color:#FFFFFF; background-color:#c40f0f; padding:1 }

.scroll  { width: 495px; height: 295px; overflow: auto }
.justif { text-align: justify;}
.titre {
	color: #c40f0f;
	font-weight: bold;
	font-size: 12px;
}
.titreb {
	color: #04006A;
	font-weight: bold;
}
.titreb2 {
	color: #04006A;
	font-weight: bold;
	font-size: 15px;
}
.titrecat { color: #4e577b; font-size: 14px; text-decoration: none; font-weight: bold;}
.titrecat:a { color: #4e577b; font-size: 14px; text-decoration: none; font-weight: bold;}
.titrecat:a:hover { color: #4e577b; font-size: 14px; text-decoration: underline;  font-weight: bold;}

.pp   { font-family: Tahoma,Arial, Helvetica, sans-serif;font-size: 12px; font-weight: normal; text-decoration: none; color: #333333; vertical-align:middle;}
.pp:a   { font-size: 10px; font-weight: normal; text-decoration: none; color: #FFFFFF;}
.pp:a:hover   { color: #36468d; text-decoration: underline;  }
.pp:a:visited  { font-size: 10px; font-weight: normal; text-decoration: none; color: #36468d;}
.bgpp { background:url(img/footer.jpg) no-repeat;}

.int04 { line-height: 4px }
.int06 { line-height: 6px }
.int08 { line-height: 8px }
.int09 { line-height: 9px }
.int10 { line-height: 10px }


.fts02 { font-size: 2px }
.fts04 { font-size: 4px }
.fts06 { font-size: 6px }
.fts07 { font-size: 7px }
.fts08 { font-size: 8px }
.fts09 { font-size: 9px }
.fts10 { font-size: 10px }
.fts11 { font-size: 11px }
.fts12 { font-size: 12px }
.fts13 { font-size: 13px }
.fts14 { font-size: 14px }
.fts15 { font-size: 15px }
.fts16 { font-size: 16px }
.fts18 { font-size: 18px }
.fts20 { font-size: 20px }

.inl1 { letter-spacing : 0.1 em }
.inl2 { letter-spacing : 0.2 em }

.ws01 { word-spacing : 1px }
.ws02 { word-spacing : 2px }
.ws03 { word-spacing : 3px }
.ws04 { word-spacing : 4px }
.ws05 { word-spacing : 5px }
.ws06 { word-spacing : 6px }
.ws07 { word-spacing : 7px }
.ws08 { word-spacing : 8px }
.ws09 { word-spacing : 9px }
.ws10 { word-spacing : 10px }
.ws11 { word-spacing : 11px }
.ws12 { word-spacing : 12px }

.cross { cursor: crosshair; }
.main { cursor: hand; }
.move { cursor: move; }
.text { cursor: text; }
.rN { cursor: N-resize; }
.rS { cursor: S-resize; }
.rE { cursor: E-resize; }
.rW { cursor: W-resize; }
.sablier { cursor: wait; }
.def { cursor: default; }
.help { cursor: help; }



.colonneGauche  { padding: 2; background-color: #474747; }
.colonneCentre  { padding: 5; background-color: #000000; }
.colonneDroite  { padding: 2; background-color: #474747; }
.titre_produit  { font-size: 10pt; font-weight: 700; background-image: url("charte/cartouche_titre/fond_gauche.gif"); background-repeat: repeat-x; margin: 0; padding: 0 }
.fond_titre_produit { }
.lignePaire  { background-color: #f4f4f4; }
.ligneImpaire  { background-color: #e7e7e7; }
.titre_rubrique { color: #A20F0F; font-size: 10pt; font-weight: 700 }
.descr_rubrique { color: #696969; font-size: 8pt; }
.arial10_gras { font-size: 12px;  }
.filet1px { border: solid 1px #919191 }
.image   { cursor: pointer; cursor:-moz-zoom-in; cursor: url('zoom.ico');  }
.descriptif  { color: #191919; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 300px; height: 200px; overflow: auto; margin: 5px   }
.prix-ref { font-size: 11px; }
.prix-ref-value { font-size: 11px; font-weight: bold; color: #A20F0F; }
.datespromos  { font-size: 11px; font-style: italic; font-weight: normal }
.verdana8 { font-size: 11px; }
/*a            { font-size: 12px; color: #ffcc72; text-decoration: none;   font-weight: bold}
a:hover      { text-decoration: none; }
*/

.champ {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	/*border: groove 1px #fe0000;*/
	background-color: #EBEBEB;
	 }
.btForm {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #EBEBEB;
	 } 
.arial8 { font-size: 8pt;}
form { margin: 0; padding: 0 }
.intit_tableau { font-weight: bold; color: #474747; background-color: #ffcc72; padding: 3 }


/*****************menu******************/



#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;

}

#menu #nav a {

}

#menu #nav a {
	text-decoration: none;
}

#menu #nav a img {
border:none;
}

#menu #nav li li a {
display: block;
width:108px;
height:15px;
font-size:11px;
font-weight: bold;
color: #36468d;
background-color:#b5e6f8;
border-bottom:#6daad6 solid 1px;
padding: 0.2em 10px;
}

#menu #nav li li a:hover {
background:url(charte/haut/bdmenuover.gif) repeat-x;
border-bottom:#6daad6 solid 1px;
}

#menu #nav li li a.first {
display: block;
width:108px;
height:15px;
font-size:11px;
font-weight: bold;
color: #36468d;
background:url(charte/haut/bdmenu.gif) repeat-x;
border-bottom:#6daad6 solid 1px;
padding: 0.2em 10px;
}

#menu #nav li li a.first:hover {
background:url(charte/haut/bdmenuover.gif) repeat-x;
border-bottom:#6daad6 solid 1px;
}

#menu li {
float: left;
position: relative;
text-align: center;
cursor: default;
background-color: white;
}



#menu li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
width:108px;
background: #FFFFFF;
padding: 0 0 0 0;
}

#menu li>ul {
	top: auto;
	left: auto;
}

#menu li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

#menu li:hover ul, #menu li.over ul {
	display: block;
}

/***********************************************news************************************/

#divnews {
	width: 600px;
	margin-left:18px;
}

#divnews img{
border:solid 2px #FFFFFF;
margin: 0 8px 8px 0;
}

.bgNewsPj  { background-color: #c7cfe7; padding:5 }



.tbl   { padding : 3px; padding-left:5px;border: solid 1pt #999; border-collapse: collapse; width:605px; text-align:justify; background-color: #EEEEEE; }
.tblnews   {  padding : 3px;color:#FFFFFF; font-weight: bold; border: solid 1pt #E4E4E5; border-collapse: collapse;  }
.tbltitre   { font-size: 13px; color:#000000; font-weight: bold; background-color: #ffee1f;padding-left:2px; padding-right:2px;border: solid 1pt #999 ;border-collapse: collapse ; text-align:left;  }
.tbltitre2   { font-size: 13px;  color:#000000; font-weight: bold; background-color: #ffee1f; padding-left:2px; padding-right:2px; border: solid 1pt #999 ;border-collapse: collapse ; text-align:right;  }



.white   { font-weight: bold; text-decoration: none; color: #FFFFFF;}
.white:a   { font-weight: bold; text-decoration: none; color: #FFFFFF;}
.white:a:hover   { color: #FFFFFF; text-decoration: underline;  }
.white:a:visited  { font-weight: bold; text-decoration: none; color: #FFFFFF;}

/***********************************************fiche prod************************************/

table .mini {
margin-top:5px;
margin-bottom:9px;
}

.fiche {
text-align:left;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
margin:6px;
border:#999999 solid 1px;
padding-left: 5px;
padding-top:3px;
color:#666666;
padding-left:5px;
}

.fiche p {
line-height:16px;
padding-left: 5px;
}

.fiche .title {
font-variant:small-caps;
font-size:13px;
}

.version{
font-size:12px;
color: #36468d;
background-color:#b5e6f8;
border-bottom:#6daad6 solid 1px;
height:17px;
padding-left:3px;
padding-top:1px;
}