* {
	margin:0px;
	padding:0px;
}
body {
	font:11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#575757;
}
img {
	border:0;
}
.TresPetite { font-family: Arial, Helvetica, sans-serif; font-size:9px; }
.Petite 	{ font-family: Arial, Helvetica, sans-serif ; font-size:10px; }
.Normal 	{ font-family: Arial, Helvetica, sans-serif ; font-size:12px; }
.Moyenne 	{ font-family: Arial, Helvetica, sans-serif ; font-size:14px; }
.Grande 	{ font-family: Arial, Helvetica, sans-serif ; font-size:16px; }
.TresGrande { font-family: Arial, Helvetica, sans-serif ; font-size:18px; }
.bleu 		{ color:#006cb3;}
.vert 		{ color:#96bf0d;}
.jaune		{ color:#fbaa12;}
.orange 	{ color:#fb5e01}
.gris 		{ color:#6b6b6b;}
.violet 	{ color:#7432a3;}



h1 { 
	font: bold 18px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0px 10px 0;
	color:#6b6b6b;
	text-align:left;
}
h2 { 
	font: bold 16px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0 5px 0;
	color:#6b6b6b;
	text-align:left;
}	
h3{ 
	font: bold 14px Arial, Helvetica, sans-serif;
	padding :0px 0px 5px 0px;
	margin :0px 0px 0 0px;	
	color:#6b6b6b;
	border-bottom:1px solid #6b6b6b;
	text-transform:uppercase;	
}
h4{ 
	font: bold 12px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 5px;
	margin :10px 0 5px 0;
	color:#6b6b6b;
	text-align:left;	
}
h5{
	font: bold 15px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0 0px 0;
	color:#6b6b6b;
	text-align:left;
}
p {
	font: 11px Arial, Helvetica, sans-serif;
	color:#757575;
}
ul { 
	padding:0;
	list-style:none;
	margin:0 0 0 0px
}
li {
	font: 11px Arial, Helvetica, sans-serif;
	color:#545c6b;
	padding:0px 0 0 10px;
}
a { 
	color: #0e619c;
	text-decoration:none;
}



#conteneur {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

/*///////////////////////////////////////////////////////////////////////////////////////
HEADER
///////////////////////////////////////////////////////////////////////////////////////*/
#logo {
	width:191px;
	height:95px;
	float:left;
	display:inline;
}
#monCompte {
	float:right;
	width:190px;
	height:103px;
	background:url(/illmax_images/site/monCompte.png) no-repeat right;
	padding:0 0 0 20px;
}
#monCompte h1 {
	color:#006cb3;
	font-size:14px;
	margin:5px 0 0 0;
	padding:0px;
}
#monCompte p {
	color:#000;
	font-size:12px;
}
#monCompte a {
	color:#96bf0d;
	/*font:bold 12px Arial, Helvetica, sans-serif;*/
	font-size:12px;
	display:block;
}
#monCompte a:hover {
	text-decoration:underline;
}
.numero {
	float:right;
	display:inline;
	margin: 30px 20px 0 0;
}
.home {
	float:left;
	display:inline;
	margin:0 10px 0 22px;
}


/*-------------------------
NAV ACCORDEON
--------------------------------------------------*/
#accordion { 
	width:191px;
	display:block;
	text-align:left;
	margin:0px !important; 
	padding:0px !important; 
}

#accordion h3 { 
	background:url(/illmax_images/site/ongletTitre2.jpg) no-repeat;
	cursor: pointer; 
	list-style-type: none; 
	padding:0 !important;
	border:0 !important;
	margin: 10px 0 0 0 !important; 
	display: block;
	width:191px;
}
#accordion h3.first { 
	background:url(/illmax_images/site/ongletTitre.jpg) no-repeat;
	margin-top:0 !important;
}
#accordion h3.selected a { 
	text-decoration:underline;
}
#accordion h3 a { 
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#006cb3 !important;;
	display:block;
	padding:3px 0 0 15px;
	height:17px;
}
#accordion h3 a:hover {
	color:#535353 !important;;
}

#accordion h4{
	margin:0 !important;
	padding:0 !important;
	border:0 !important;;
}



#accordion ul {
	margin: 0 0 4px 9px;
	padding:0 0 0 0;
}
#accordion ul li { 
	background: url(/illmax_images/site/puceVerte.gif) no-repeat 0px 4px;
	margin:4px 0 0px 0;
	padding:0 0 0 8px;
}
#accordion ul li.top { 
	background: url(/illmax_images/site/puceVerteTop.gif) no-repeat 0px 4px;
}


#accordion h4 a { 
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#757575 !important;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	height:15px;
}
#accordion h4 a:hover , #accordion h4.selected a { 
	color:#006cb3 !important;
}

#accordion h5 a { 
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#757575;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	height:15px;
}
#accordion h5 a:hover , #accordion h5.selected a { 
	color:#006cb3 !important;
}



/*/---------------------------------------------------------/*/

.bandeVerte {
	clear:both;
	background:url(/illmax_images/site/barreVerte.gif) no-repeat;
	width:980px;
	height:25px;
}
.blocSearch{	
	border:0px;
	background:url(/illmax_images/site/barreSearch.gif) no-repeat;
	width:129px;
	height:16px;
	float:left;
	display:inline;
	margin: 5px 7px 0 22px ;
	padding:0 0 0 5px;
	font-size:10px;
	color:#606060;
}
.SearchOk {
	border:0px;
	background:url(/illmax_images/site/searchOk.gif) no-repeat;
	width:24px;
	height:17px;
	margin:5px 0 0 0;
	float:left;
	display:inline;
	cursor:pointer;
}
.video {
	float:right;
	display:inline;
	margin:2px 35px 0 0;
}


/*///////////////////////////////////////////////////////////////////////////////////////
CONTENU
///////////////////////////////////////////////////////////////////////////////////////*/

#contenu {
	background:#fff;
	padding:10px 0 0 0;
}


/*----------
COLONNE GAUCHE
--------------------------------------------------------/*/
.colGauche {
	width:191px;
	padding:0 0 15px 0;
}

.navigation {
	width:191px;
	background:url(/illmax_images/site/bgNavGauche.gif) repeat-y;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	display:block;
	float:left;
}


/*/----------------------------------------------------------------------/*/

.marques, .lastArticles {
	background:url(/illmax_images/site/ongletTitre.jpg) no-repeat;
	margin:10px 0 0 0;
}
.lastArticles .border { 
	background:url(/illmax_images/site/bgNavGauche.gif) repeat-y;
	padding:5px 10px 10px 0
}
.lastArticles .rubriqueArticle {
	font-weight: bold;
}
.marques span, .lastArticles span {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#cf4b4b;
	display:block;
	padding:3px 0 0 15px;
	height:17px;
}
.lastArticles span { color:#8b47ba;}
.selectMarque {
	background:url(/illmax_images/site/bgNavGauche.gif) repeat-y;
	text-align:left;
	padding: 10px 0 0 12px;
}
.selectMarque select {
	font:10px Arial, Helvetica, sans-serif;
	color:#404aaf;
	text-align:left;
	padding:0 0px 0 3px;
	width:130px;
}
.lastArticles li {
	background:url(/illmax_images/site/puce_art.gif) no-repeat 7px 6px;
	padding: 0 0 0 15px;
	margin:3px 0 0 0
}
.lastArticles li a {
	color:#757575;
	text-decoration:none;
}
.lastArticles li a:hover, .lastArticles li a.Selected  {
	 color:#8b47ba;
	 text-decoration:underline
}
.liensSuiteArt {
	margin:20px 0 15px 0;
}
.lienSuiteArt a {
	float:left;
	font-size:10px;
	color:#8b47ba;
	text-decoration:underline;
}
.lienSuiteArt {
	float:left;
}

.paiment {
	margin:10px 0 0 0;	
}
.servicesIllmax {
	margin:10px 0 0 0;
	background:url(/illmax_images/site/bgNavGauche.gif) repeat-y;	
}
.services h1 {
	font:bold 13px Arial, Helvetica, sans-serif;
	margin:0px 0 5px 0;
	padding:0px 0 0 0;
}
.services {
	padding:0 0 0 10px;
}
.services li {
	background: url(/illmax_images/site/puceRect.jpg) no-repeat 3px 6px;
	padding:0 0 0 12px;
}
.services li a {
	font-size:10px;
	color:#757575;
	text-decoration:none;
}
.services li a:hover {
	text-decoration:underline
}

/*----------
COLONNE CONTENU
--------------------------------------------------------/*/
.colContenu {
	width:568px;
	padding:0 0 20px 0;
}
.colEcommerce {
	padding:0 20px 20px 0;
}
.pub1 {
	float:left;
	display:inline;
	margin:6px 0 7px 0;
	width:275px;
	height:124px;
}
.pub2 {
	float:right;
	display:inline;
	margin:6px 0 7px 0;
	width:275px;
	height:124px;
}
.pub3 {
	clear:both;
	width:568px;
	/*height:121px;*/
	margin:0 0 7px 0;
}
.promotion {
	width:276px;
	background:url(/illmax_images/site/promo.jpg) no-repeat top left;
	padding:0px 0 25px 0;
}
.promotion h1, .selection h1, .venteFlash h1, .prdNouveaute h1  {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:3px 0 7px 30px;
	padding:0px;
	height:21px
}
.promotion h1 a, .selection h1 a, .venteFlash h1 a, .prdNouveaute h1 a {
	color:#fff;
}
.selection {
	width:276px;
	background:url(/illmax_images/site/Select.jpg) no-repeat top left;
}
.venteFlash {
	width:567px;
	background:url(/illmax_images/site/venteflashpeche.gif) no-repeat top left;
}
.prdNouveaute {
	width:276px;
	background:url(/illmax_images/site/nouveaute.jpg) no-repeat top left;
}
.produitHome a {
	border:1px solid #dedede;
	text-align:left;
	display:block;
	width:60px;
	height:60px;
}	
.produitHome a:hover {
	border:1px solid #9a9a9a;
}
.titreGamHome {
	font:italic 11px Arial, Helvetica, sans-serif;
	color:#006cb3;
}
.titreGamHome:hover  {
	text-decoration:underline;
}
.titreHome:hover {
	color:#535353;
}
.titreHome {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#757575;
}
.prixbarreHome {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration:line-through;
	color:#757575;
	margin-right:7px
}
.prixHome {
	font: bold 17px Arial, Helvetica, sans-serif;
	color:#006cb3;
}
.prixHomeLie {
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#006cb3;
}

/*.voirTout {
	display:block;
	margin:10px 0 0 0;
	text-align:right;
	text-decoration:underline;
}*/

.separateurHome {
	margin:8px 0 8px 0
}
.referencement {
	clear:both;
	text-align:center;
	margin:30px 5px 5px 5px;
}
.referencement p, .referencement a {
	font-size:10px;
	color:#b1b0b0;
}
.referencement a:hover {
	text-decoration:underline;
}
.articleHome { margin: 15px 0 0 0}
.articleHome h1 {
	background:url(/illmax_images/site/onglet_art.jpg) no-repeat top left;
	color:#fff !important;
	font-size:13px;
	height:21px
}
.articleHome h1 a { 
	color:#fff; 
	padding:2px 0 0 15px;
	display:block
}
.imgArt {
	width:235px;
	text-align:left;
	vertical-align:top;
}
.imgArt img {
	border:1px solid #888888
}
.texteArt { vertical-align:top}
.texteArt h2 {
	color:#8b47ba;
	font-size:14px;
	font-weight:bold;
	text-transform:none;
	text-decoration:none;
	margin:0px;
	padding:0px;
	border:0
}
.texteArt h2 a {
	color:#8b47ba;
}
.texteArt .dateArt {
	font-size:10px;
	font-style:italic;
	margin:2px 0 10px 0
}
.texteArt .chapoArt p { 
	color:#424242;
	font-size:12px;
	margin:0 0 10px 0	
}
.lireSuiteArt {
	 float:right;
	 color:#8b47ba;
	 font-size:10px;
	 text-decoration:underline;
}
.suiteArt {
	clear:both;
	margin:15px 0 7px 0;
}
.suiteArt h4 {	
	color:#8b47ba;
	font-size:13px;
	font-weight:bold;
	text-transform:none;
	text-decoration:none;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	border-bottom:1px solid #dedede;
}
.suiteArt li {
	background:url(/illmax_images/site/puce_art.gif) no-repeat 7px 6px;
	padding: 0 0 0 15px;
	margin:3px 0 0 0
}
.suiteArt li a {
	color:#757575;
	text-decoration:none;
}
.suiteArt li a:hover {
	 color:#8b47ba;
	 text-decoration:underline
}
.spArt { 
	border-top:1px solid #dedede;
	margin:10px 0
}
.pagerListe {
	/*float:right;
	display:inline;
	margin:5px 10px 0 0;*/
	padding:0 0 5px 0;
	border-bottom:1px solid #dedede;
}
.pagerListe p {
	text-align:right;
	color:#8b47ba;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.pagerListe a {
	display:inline-block;
	width:15px;
	height:15px;
	text-align:center;
	color:#dedede;
	border:1px solid #dedede;
	text-decoration:none;
}
.pagerListe a:hover, .pagerListe a.selected {
	color:#8b47ba;
	border:1px solid #8b47ba;
}
.pagerListe a.selected { color:#8b47ba;}


.detailArt h1 {
	color:#8b47ba;
	font-size:16px;
	font-weight:bold;
	text-transform:none;
	text-decoration:none;
	margin:0px;
	padding:0px;
	border:0
}
.detailArt p.date {
	color:#b8b8b8;
	font-size:10px;
	font-style:italic;
	font-weight:normal
	
}
.detailArt p.Legende {
	text-align: center;
	color: #8B47BA;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
}
.detailArt h2 { 
	font: bold 12px Arial, Helvetica, sans-serif;
	padding :0px 0px 4px 0px;
	margin :0px 0px 8px 0px;	
	color:#6b6b6b;
	border-bottom:1px solid #6b6b6b;
	text-transform:uppercase;	
}
.detailArt h3{ 
	font: bold 11px Arial, Helvetica, sans-serif;
	padding :0px 0px 5px 0px;
	margin :0px 0px 0 0px;	
	color:#6b6b6b;
	border-bottom:none;
	text-transform:uppercase;	
}
.detailArt h4{ 
	font: bold 11px Arial, Helvetica, sans-serif;
	padding :0px 0px 5px 0px;
	margin :0px 0px 0 0px;	
	color:#6b6b6b;
	border-bottom:none;
}

.tabArt {
	margin-top: 8px;
}
.tabArt td {
	vertical-align: top;
}
.tabArt td.Right {
	padding-top: 4px;
}
.tabArt td.Right img {
	text-align: right;
	border: 1px solid #CCCCCC;
}

.docs {
	border:1px #d9d9d9 solid;
	background:#f2f2f2;
	padding:5px 10px;
	margin:10px 0 0 0
}
.docs a {
	color:#424242;
	text-decoration:underline;
}
.docs p {
	color:#8b47ba;
	font-size:12px;
	font-weight:bold;
}

/*----------
LISTE PRODUIT
--------------------------------------------------------/*/

.navTop {
	font-size:10px;
	color:#757575;
	margin:0 0 7px 0;
}
.navTop a {
	font-size:10px;
	color:#757575;
}
.liste {
	margin:13px 0 0 0;
}
.liste h1 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#96bf0d;
	text-transform:uppercase;
	margin:0 0 5px 0;
	padding:0 0 0 0;
}
.pagerTop {
	background:url(/illmax_images/site/bgPager.gif) no-repeat;
	width:554px;
	height:25px;
	color:#fff;
	font-size:11px;
	padding:5px 7px 0 7px;
}
.pagerTop p{
	color:#fff;
	font-size:11px;
}
.pagerTop a {
	color:#fff;
	font-size:11px;
	display:inline-block;
	margin:0 1px
}
.pagerTop a:hover, .pagerTop a.selected {
	color:#425408;
}
.pagerBottom {
	background:url(/illmax_images/site/bgPager.gif) no-repeat;
	width:554px;
	height:25px;
	color:#fff;
	font-size:11px;
	padding:9px 7px 0 7px;
	margin:20px 0 0 0;
}
.pagerBottom p{
	color:#fff;
	font-size:11px;
}
.pagerBottom a {
	color:#fff;
	font-size:11px;
	display:inline-block;
	margin:0 1px
}
.pagerBottom a:hover, .pagerBottom a.selected {
	color:#425408;
}
.tri select {
	font:10px Arial, Helvetica, sans-serif;
	color:#404aaf;
	text-align:left;
	padding:0 0px 0 3px;
	width:130px;
	
}

/*/---- LISTE PRODUIT --------/*/

.produitListe{
}
.mark {
	text-transform:uppercase;
	color:#006cb3;
	font-size:10px;
	font-weight:bold;
	display:block;
	text-align:center;
}
.titreProduitListe {
	text-transform:uppercase;
	color:#757575;
	font-size:10px;
	font-weight:bold;
	display:block;
	text-align:center;
}
.bgPrd {
	width:128px;
	height:124px;
	background:url(/illmax_images/site/bgPrd.jpg) no-repeat top left;
	text-align:center;
	padding:4px 0 0 0;
	position:relative;
	margin:0 0 4px 0;
}
.bgPrd .bgPrdImg {
	margin-left:auto;
	margin-right:auto;
	
}
.bgPrd .bgPrdImg td{
	border:1px solid #e2e2e2;
	width:111px;
	height:106px;
	margin:2px 0 0 0;
}
.bgPrd .bgPrdImg td:hover {
	border:1px solid #9a9a9a;
}
.icons {
	position:absolute;
	top:103px;
	left:10px
}
.icons a {
	border:0px;
	display:block;
	width:17px;
	height:18px;
}
.icons a:hover {
	border:0px;
}
.flashListe p {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#f8b221;
}
.prixListe {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#006cb3;	
	padding: 0 0 0 10px;
}
.prixbarreListe {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#757575;
	text-decoration:line-through;
}


/*/---- DETAIL PRODUIT --------/*/

.detailProduit {
	background:url(/illmax_images/site/bgDetail.jpg) no-repeat top left;
	padding:15px 5px 0 11px
}
.detailProduit .titre h2 {
	float: left;
	font-size: 11px;
	margin:0;
	padding: 8px 1px 0 3px;
	color: #006cb3;
}

.detailTxt {
	width:267px;
	float:left;
	display:inline;
	padding:10px 0 0 0;
}
.detailTxt h2 {
	margin:0 0 5px 0px;
	padding:0px;
	color:#006cb3;
	font:normal 13px Arial, Helvetica, sans-serif
}
.detailImg {
	width:262px;
	float:right;
	display:inline;
}
.PrdThumb {
	display:block;
	float:left;
	border:1px solid #dadada;
	margin:5px 5px 5px 0;
	width:45px;
	height:45px;
}
.PrdThumb a { 
	display:block;
	width:45px;
	height:45px;
}
.PrdThumb.Selected {
	border:1px #8f7d75 solid;
}


.detailOrg {
	border:1px solid #dadada;
}
.detailTxt a {
	 color:#5a5a5a;
	 text-decoration:underline;
	 font-weight:bold;
	 display:block;
	 margin:10px 0 0 0;
}
.flashDetail {
	padding:0 0 5px 0;
	font-size:13px;
	color:red;
	height:15px;
	text-align:center;
}
.titreCaracteristique {
	background:url(/illmax_images/site/titreCaracterstique.gif) no-repeat;
	width:541px;
	height:29px;
}
.titreCaracteristique h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#006cb3;
	padding:6px 0 0 13px
}
.caracteristique {
	border:1px solid #d9d9d9;
	border-top:none;
	width:526px;
	background:#f2f2f2;
	padding:0 0 0 13px;
	margin:0 0 10px 0;
	position:relative;
}

/*------
STEPCAROUSEL - PRODUIT COULEURS SELECT
/*-------------------*/
	.stepcarousel{
		position: relative; /*leave this value alone*/
		margin:7px 0 0 15px;
		overflow: scroll; /*leave this value alone*/
		width:270px; /*Width of Carousel Viewer itself*/
		height: 49px; /*Height should enough to fit largest content's height*/
	
	}
	.stepcarousel .belt{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
	}
	.stepcarousel .panel{
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin: 0 0px 0 0px; /*margin around each panel*/
		padding: 0px 5px 0 0px; /*margin around each panel*/
		width: 49px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}


/*---------------------------------------------------*/

.tailleDetail {
	margin:25px 0 0 0;
}
.tailleDetail select {
	font:10px Arial, Helvetica, sans-serif;
	color:#777974;
	text-align:left;
	padding:0 0px 0 3px;
	width:160px;
	margin:0 0 5px 0;
}
.delai {
	margin:20px 0 0 0;
}
.delai p {
	margin:2px 0 0 0;
}
.nbDelai {
	font-size:12px;
	color:#006cb3;
	font-weight:bold;
}
.dispo {
	font:bold 14px Arial, Helvetica, sans-serif;
}
.nbDispo {
	font-size:14px;
	color:#006cb3;
	font-weight:bold;
}
.ref {
	font:bold 11px Arial, Helvetica, sans-serif;
}
.nbRef {
	font-size:11px;
	color:#006cb3;
	font-weight:bold;
}

.tdDetail {
	background:url(/illmax_images/site/bgFidelite.jpg) no-repeat bottom right;
	padding-bottom:70px;
}
.prixHT {
	margin-top:10px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#a09e9e;
}
.prixTTC {
	font:bold 25px Arial, Helvetica, sans-serif;
	color:#7432a3;
}
.prixBarreTTC {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#7432a3;
	text-decoration: line-through ;
}

.qte {
	margin:13px 0 9px 0;
}
.qte select {
	font:10px Arial, Helvetica, sans-serif;
	color:#777974;
	text-align:left;
	padding:0 0px 0 3px;
	width:50px;
	margin:0 0 5px 0;
}
.fidelite {
	position:absolute;
	bottom:0px;
	right:0px;
	margin:18px 0 0 0;
	padding:5px 5px 5px 15px
}
.ptsfidel {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#7432a3;
}
.fidelite a {
	color:#5a5a5a;
	text-decoration:underline;
	font-size:11px;
}

#prorduitLies {
	margin:4px 0 10px 0;
	position:relative;
}
#prorduitLies h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#006cb3;
	padding:6px 0 10px 0px
}


/*------
SLIDE PRODUIT LIES
/*-------------------*/

.listeProduitLies {
	width:517px;
	overflow:hidden;
	margin:0px 0 0 5px;
}
.titrePrdLies {
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#757575;
	text-transform:uppercase;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider {
	width:178px
}
#slider li{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/ 
	float:left;
	display:inline;
	width:158px;
	height:68px;
	padding:0 7px 0 7px;
	border-right:1px solid #d9d9d9; 
}
span#prevBtn{
	position:absolute;
	top:34px;
	left:0px;
	width:11px;
	height:68px;
}
span#nextBtn{
	position:absolute;
	top:34px;
	right:5px;
	width:11px;
	height:68px;
}

/*-------------------------------------------------*/






/*-------------------------------------------------*/

.navProduit {
	background:url(/illmax_images/site/navProduit.jpg) no-repeat;
	width:568px;
	height:63px;
	margin:20px 0 0 0;
}
.navProduit table {
	margin:40px 0 0 17px;
	color:#5e5e5e;
}
.navProduit a {
	color:#5e5e5e;
}
.navProduit a:hover {
	text-decoration:underline;
}



/*----------
COLONNE DROITE
--------------------------------------------------------/*/
#panier {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	text-align:center;
	padding:0 0 10px 0;
	float:left;
}
.monpanier {
	padding:0 10px;
}
.monpanier h1 {
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#757575;
	margin:0px 0 6px 0;
	padding:0px 0 0 0;
}
.articles {
	font: 11px Arial, Helvetica, sans-serif;
	color:#757575;
} 
.nbArticles, .prixPanier {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#535353;
}
.validerPanier {
	color:#006cb3;
	text-decoration:underline;
	display:block;
	margin:3px 0 0 0;
}
.validerPanier:hover {
 	text-decoration:none;
}
.newsletter {
	text-align:left;
	margin:10px 13px 0 10px;
	padding:10px 0 0 0;
	background:url(/illmax_images/site/sep_pointilles.gif) repeat-x;
}
.newsletter h1 {
	text-align:left;
	font:bold 13px Arial, Helvetica, sans-serif;
	margin:0 0 7px 0
}
.newsletter p {
	font:10px Arial, Helvetica, sans-serif;
}
.blocNews {
	background:url(/illmax_images/site/barre_mail.gif) no-repeat;
	width:134px;
	height:18px;
	float:left;
	display:inline;
	border:none;
	font:10px Arial, Helvetica, sans-serif;
	padding:2px 0 0 6px;
	margin:5px 0 0 0;
}
.newsOk {
	background:url(/illmax_images/site/ok_mail.gif) no-repeat;
	width:24px;
	height:18px;
	float:left;
	display:inline;
	border:none;
	cursor:pointer;
	margin:5px 0 0 0;
}
.pubRight {
	margin:10px 0 0 0;
}



/*///////////////////////////////////////////////////////////////////////////////////////
FOOTER
///////////////////////////////////////////////////////////////////////////////////////*/

#footer {
	color:#fff;
	font-size:10px;
	text-align:center;
	padding:5px 0 15px 0;
}
#footer a {
	color:#fff;
	font-size:10px
}
#footer p {
	color:#b1b0b0;
}




/*///////////////////////////////////////////////////////////////////////////////////
CONTACT
//////////////////////////////////////////////////////////////////////////////////*/

#contenuContact {
	padding:20px 0 0 0px;
}
#contenuContact p {
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#contenuContact h1 {
	padding:0px;
	margin:0 0 10px 0px;
}
.Contact {
	padding:20px 0 10px 5px;
}
.introContact {
	text-align:left;
}
.formulaire {}
#form {
	margin-left:0px;
}
#formTable {
	width:470px;
	padding:15px;
}
#formTable td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#6f6f6f;
	margin-bottom:10px
}
.FormIntro p, .FormReponse p{
	color:#6f6f6f;
	line-height:15px;
}
.FormSubmit {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	border:0px;
	margin:5px 0 0 0;
	cursor:pointer;
	padding:3px;
	background:#bfc6cc;
}
#form .LargeInput{width:263px; border: 1px #cecfce solid; background:#fff;}
#form .SmallInput{width:60px; border: 1px #cecfce solid; background:#fff;}
#form .MediumInput{width:198px; border: 1px #cecfce solid; background:#fff;}
#form .chkBoxes{border-width:0; background:#fff;}
#form .XSmallInput{width:20px; border: 1px #cecfce solid; background:#fff;}
#form .HalfInput{width:129px; border: 1px #cecfce solid; background:#fff;}
#form .MsgInput {width:263px; overflow:auto; border: 1px #cecfce solid; background:#fff;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
ECOMMERCE
////////////////////////////////////////////////////////////////////////////////////////////////////*/

.TexteEcommerce{
	font-family:  Verdana, Verdana, Arial,serif;
	font-size: 11px;
	padding:0px 0 10px 0;
}

#BarreNavEcommerce{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px 0 10px 0;
	color:#58585a;
	text-align:center;
}
#BarreNavEcommerce A,#BarreNavEcommerce A:visited,#BarreNavEcommerce A:hover{
	font-family: Arial, Times, serif;
	font-size:11px;
	text-decoration : underline;
	color:#58585a;
}
#BarreNavEcommerce .current{
	text-decoration:underline;
}

#ECommerce button ,button{
	font: bold 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color:#7c074e;
	background-color: #e7e7e8;
	border:	1px #7c074e solid;
	padding:1px 5px;
	margin-top:10px;
	margin-bottom:15px;
	cursor:pointer;
}
#ECommerce .Submit {
	font: bold 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color:#7c074e;
	background-color: #e7e7e8;
	border:	1px #7c074e solid;
	margin-top:10px;
	margin-bottom:15px;
	padding:1px 5px;
}
#ECommerce .ChoixPaiement{
	padding:3px 0 ;
	font: normal bold  11px Verdana, Verdana, Arial, Helvetica, sans-serif;
}
#ECommerce {
	text-align: left;
	background-color: #fff;
	border: 1px #cccccc solid;
	padding : 8px ; 
	margin-bottom : 10px ; 
	font-family:  Verdana, Verdana, Arial,serif;
	font-size: 11px;
	font-weight: normal;
}

#ECommerce .EnteteTableau{
	padding : 5px 15px 5px 15px;
	margin-bottom : 10px;
	text-align: center;
	color: #6b6b6b;
	border-bottom:1px dashed #cccccc;
	font-size: 15px;
	font-weight: bold;
}
#ECommerce .TitreTableau{
	padding : 10px;
	font-size: 15px;
	font-weight: bold;
}
#ECommerce .TexteInformations{
	font: normal normal 11px Verdana;
}
#ECommerce .TexteInformations{
	padding : 0 0 10px 0;
}
#ECommerce h2 {
	font: normal bold 16px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #6b6b6b;
	margin: 0;
	padding: 5px 0 5px 0;
	margin:0 0 5px 0;
}
#ECommerce h3 {
	font: italic bold 14px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #6b6b6b;
	margin: 0;
	padding: 7px 0 5px 0;
	margin: 0 0 8px 0
}
#ECommerce h4 {
	font: italic bold 13px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #6b6b6b;
	margin: 0;
	padding: 5px 0 5px 0;
}
#ECommerce a{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #757575;
}
#ECommerce td{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding:3px 0;
}
#ECommerce .EcommercePanier thead{
	font: normal bold 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #7c074e;
	margin: 5px 5px;
	letter-spacing : 0px;
	
}
#ECommerce .EcommercePanier th{
	padding: 2px 5px;
	border-bottom:1px dashed #cccccc;
	border-top:1px dashed #cccccc;
}
#ECommerce .EcommercePanier tfoot{
	font: normal bold 12px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #7c074e;
	border-bottom:1px dashed #cccccc;
	border-top:1px dashed #cccccc;
	padding:5px 5px !important;
}
#ECommerce .EcommercePanier td{
	font-size: 11px;
	font-weight: normal;
	padding:0px 5px 10px 5px;
}
#ECommerce .EcommercePanier{
	border:0px red solid;
	margin-bottom:10px;
}
#ECommerce .EcommerceModeLivraison td{
	font-size: 11px;
	font-weight: normal;
	padding:5px 5px;
}
#ECommerce input {
	font-size: 11px;
}
#ECommerce textarea {
	font-size: 11px;
}
#ECommerce select {
	font-size: 11px;
}
#ECommerce .noborder {
	border : 0px;
}
#ECommerce #ECommerErreur {
	color: red;
	font-size: 12px;
	padding:0 0 5px 0;
}
#ECommerce #ECommerErreur .Titre {
	font-weight: bold;
	font-size: 14px;
	padding:5px 0;
}
#ECommerce .InputSmall { width : 60px; }
#ECommerce .InputMedium { width :150px; }
#ECommerce .InputLarge { width :270px; }
#ECommerce .TextAdresse { width :200px; }	


#ECommerce #EspaceClient td{
	padding:3px;
}

#ECommerce .RelaisSep {
	height:1px;
	background-color:#DCD7C6;
}
#ECommerce .EcommerceRelais td{
	font-size: 11px;
	font-weight: normal;
	padding:10px 1px;
}
#ECommerce .EcommerceRelais td a{
	font-size: 11px;
	font-weight: normal;
	color: #910033;	
}
#ECommerce .EcommerceRelaisHoraire {
	margin-top:10px;
	background-color: #DCD7C6;
	border:	1px #910033 solid;
	display:none;
}
#ECommerce .EcommerceRelaisHoraire td{
	padding:2px 1px;
}
 





.Clikeo{
	text-align:center;
	font:9px Arial, Helvetica, sans-serif;
	color:#c9c9c9;
}
.Clikeo a{
	text-align:center;
	font:9px Arial, Helvetica, sans-serif;
	color:#c9c9c9;
	text-decoration:none;
}




/*---------------------
NAV DEROULANTE
-------------------------------------------*/
#nav {
	clear:both;
	width:100%;
	padding:8px 0 0 0;
}
#nav ul {
	margin:0;
	padding:0px 0 0 0px;
	list-style:none;
}
#nav ul li {
	background:url(/illmax_images/site/onglet_right.jpg) no-repeat top right;
	margin:0 2px 0 0px;
	height:25px;
	padding:0;
	float:left;
	position:relative;
}
#nav ul li a {
	background:url(/illmax_images/site/onglet_left.jpg) no-repeat top left;
	display:inline-block;
	padding:6px 9px 0 9px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#006cb3;
	height:19px;
}

#nav li.nouveaute {
	background:url(/illmax_images/site/onglet_nouveaute.jpg) no-repeat top left ;
	width:103px ;
	padding:0px;
}
#nav li.nouveaute a, #nav li.flash a {
	background:none ;
	color:#fff ;
	padding:6px 0 0 23px;
}
#nav li.flash {
	background:url(/illmax_images/site/onglet_flash.gif) no-repeat top left;
	width:103px;
}
#nav li.promo {
	background:url(/illmax_images/site/onglet_promo.jpg) no-repeat top left ;
	width:100px;
}
#nav li.promo a {
	background:none ;
	color:#fff ;
	padding:6px 0 0 27px;
}
