/* Les éléments HTML en général
-------------------------------- */
html, body {
	width:100%;
	margin:0;
	background:#FFF url('/illu/site/bgpage.gif') repeat-x left 90px;
	font-family:Verdana, sans-serif; font-size:10pt; font-weight:normal;
	text-align:center;
}

a {color:#06c; text-decoration:none;}
a:hover {color:#f00; text-decoration:underline;}

h1 {font-weight:bold;}
h2 {font-weight:bold; color:#EF94E6;}
h3 {font-weight:bold; color:#666;}
h4 {font-weight:normal;}
h5 {font-weight:normal;}
	
p {}

img {border:0;text-decoration:none;}

/* Les ID spécifiques
-------------------------------- */
/* Le Guide
-------------------------------- */
#Guide {width:1000px; margin:0 auto; padding:0; text-align:left;}
#PubH {clear:both; width:100%; height:90px; margin:0; padding:0; text-align:right; background:#FFF url('/illu/site/bandeau-h-bg.jpg') no-repeat bottom left;}
#PubH div.Lag728x90 {float:right; text-align:right; background-color:#FFF;}
#Logo {clear:both; width:100%; height:90px;}
#Logo h1 {display:none;}

/* La nav
-------------------------------- */
#laNav {clear:both; width:100%; height:25px; border:0; background:#A149A1 url('/illu/site/bg-nav.gif') repeat-x top left; font-size:8pt;}
#laNav ul {float:left; height:19px; margin:0; padding:6px 0 0 0; list-style-type:none; font-size:8pt;}
#laNav ul li {display:inline; margin:0; padding:0;}
#laNav ul li a {height:100%; font-size:8pt; font-weight:bold; color:#F9F0F9; text-decoration:none; padding-bottom:6px;}
#laNav ul li a span {margin:0; padding:0 11px 0 12px; border-left:solid 1px #CCC;}
#laNav ul li a span.first-child {border-left:none;}
#laNav ul li a span.last-child {border-right:none;}
#laNav ul li a.choose {background:transparent url('/illu/site/fleBasNavS.gif') no-repeat center bottom;}
#laNav ul li a:hover {color:#CEE7FF;}



/* Le Contenu (Pages)
-------------------------------- */
#Main {clear:both; float:left; width:1000px; margin:0; padding:0; text-align:left; background:#FFF url('/illu/site/bg-main.gif') repeat-y 182px 0; border-top:solid 10px #FFF !important;}
#Corps {clear:both; float:left; width:690px; margin:0; padding:0;}

/* Le Menu - à droite (Pages)
-------------------------------- */
#Left {float:left; width:180px; margin:0; padding:0; text-align:left;}

#MenuCateg {float:left; width:178px; margin:0; padding:0; background:#FFF; border-bottom:solid 2px #A149A1;}
#MenuCateg h3 {display:block; margin:0; padding:3px 5px; border-bottom:solid 2px #A149A1;}
#MenuCateg h3 a {font-size:16px; color:#A149A1; text-decoration:none; font-weight:bold;}
#MenuCateg h3 a:hover {text-decoration:underline;}

#MenuSousCateg {width:176px; margin:0;}
#MenuSousCateg ul {margin:0; padding:0 0 4px 16px; text-align:left; list-style-type:circle; color:#91A0B3;}
#MenuSousCateg ul li {margin:0; padding:2px 0;}
#MenuSousCateg ul li a {color:#000; font-size:8pt; font-weight:normal; text-decoration:none; padding:0;}
#MenuSousCateg ul li a:hover {color:#F00;}
#MenuSousCateg ul li a.lu {font-weight:bold;}

/* Le contenu - Centre (Pages)
-------------------------------- */
#Content {float:right; width:500px; margin:0; padding:0; text-align:left;}

#fastNav {float:left;}
#fastNav a {text-decoration:none; color:#B1B38F;}

#art {clear:both; width:100%; margin:0; padding:0;}

#titCateg {width:500px; height:50px; background:url('images/site/tl_vide.gif') no-repeat; text-align:left;}
#titCateg h2 {font-size:18px; font-weight:bold; color:#06C; margin-top:3px; margin-left:40px;}
#txtArt {font-weight:normal; font-style:normal; text-align:justify;}
#txtArt {font-family:Arial; font-size:13px; }
#txtArt p {font-family:Arial; font-size:13px;}
#txtArt h3 {font-family:Arial; font-size:15px; margin:0;}
#txtArt h4 {font-family:Arial; font-size:15px; margin:0;}

/* Le Menu - à droite (Pages)
-------------------------------- */
#SideBar {float:right; width:300px; margin:0; padding:0;}
#P300x250 {float:left; width:300px; height:250px; margin:5px 0; padding:0;}
#P300x250 div.Lag300x250 {float:left; text-align:left; background-color:#FFF;}
#G300x250 {float:left; width:300px;height:250px; margin:0 0 5px 0; padding:0;}


/* Le pied de page (Pages)
-------------------------------- */
#G468x15 {clear:both; width:100%; margin:0 auto; padding:5px 0; text-align:center;}

#Bottom {clear:both; width:1000px; height:20px; margin:0; padding:0; text-align:right; font-size:10px; color:#F9F0F9; font-style:normal; background:#A149A1;}
#Track {float:left; width:172px; text-align:center; margin:4px 0 0 0; padding:0;}
#LiensBottom {float:right; width:650px; margin:5px 0 0 0; padding:0;}
#LiensBottom a {font-size:10px; color:#F9F0F9; font-style:normal;}

#TexteBottom {clear:both; width:1000px; height:15px; margin:0; padding:5px 0 0 0; text-align:center; font-size:10px; color:#666; font-style:normal; background:#FFF;}
#TexteBottom h2, #TexteBottom p {margin:0; padding:0; font-size:10px; color:#666; font-style:normal !important; font-weight:normal !important;}


/* Les class spécifiques
-------------------------------- */
.dpn {display:none;}
.sLine {background-color: #9FB; padding: 2px;}
.idxText {font-size: 15px; line-height: 1.5;}
.boxText {font-size: 12px; }
.smallText {font-size: 12px; }
.sText {font-size: 10px; }

.imgLogo {border:0; padding-bottom:5px;}
.imgSel {border:1px solid #CCC; margin-bottom:5px; padding:2px;}
.imgList {border:1px solid #CCC; margin:5px 0; padding:2px;}

.imgProd {border:1px solid #CCC; margin:0 0 5px 5px; padding:4px;}
.priceProd {font-size: 18px; font-weight: bold; color: #005D91;}
.modProd {font-size: 12px; }

.errorBox {background: #ffb3b5; font-weight: bold; }
div.descprod {text-align: left;}
div.descprod p {font-size: 14px;}

input.squick {width:70%;}
input.sadv {width:98%;}

table.descprodimg {float: right;}

FORM {
	display: inline;
}

div.headerError {
  background: #F00;
}

span.headerError {
  font-size: 12px;
  background: #F00;
  color: #FFF;
  font-weight : bold;
  text-align : center;
}

div.headerInfo {
  background: #F0F;
}

span.headerInfo {
  font-size: 12px;
  background: #F0F;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}

.infoBoxContents {
  background: #F8F8F8;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TABLE.BoxHeaderL, TABLE.BoxHeaderR {
	margin-top: 5px;
	background: #E2BDE2 url('images/infobox/infoboxh_bg.gif') top right repeat-y;
	border-left:solid 1px #A149A1;
	border-right:solid 1px #A149A1;
	border-top:solid 1px #A149A1;
}
TD.BoxHeadL, TD.BoxHeadR {padding-left:5px;font-size:12px; color:#A149A1; font-weight:bold;}

TABLE.infoBox {
	margin-bottom: 5px;
	border:solid 1px #A149A1;
}

TR.productListing-odd {
  background: #FFF;
}

TR.productListing-even {
  background: #F8F8F8;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #B6B7CB;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 10px;
  background: #B6B7CB;
  color: #FFF;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 10px;
}

A.pageResults {
  color: #00F;
}

A.pageResults:hover {
  color: #00F;
  background: #FF3;
}

span.pageHeading {
  font-size: 18px;
  font-weight: bold;
  color: #005D91;
}

TR.subBar {
  background: #F4F7FD;
}

TD.subBar {
  font-size: 10px;
  color: #000;
}

TD.maintxt, P.maintxt {
  font-size: 12px;
  line-height: 1.5;
}

TD.accountCategory {
  font-size: 13px;
  color: #ABD;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

TABLE.formArea {
  background: #F1F9FE;
  border-color: #7B9EBD;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #F00;
}

SPAN.errorText {
  color: #F00;
}

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8C8C8C; }
.checkoutBarCurrent { font-size: 10px; color: #000; }

/* message box */
.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #FBB; }
.messageStackSuccess { font-size: 10px; background-color: #9F0; }

/* input requirement */
.inputRequirement { font-size: 10px; color: #F00; }