body {
    text-align:center;
    margin:0px ;
    padding:0px;
    background: #fff;
    background-image:url(../images/body.png);
    background-repeat:repeat-x;
    font-family:Arial;
}

div#header { width: 1000px; margin:auto; height: 100px; background:url('../images/header.png');}
div#flashAnim { width: 1000px; margin:auto; height: 100px;  background:url('../images/entete.png');} 
div#top { width: 1000px; margin:auto; height: 25px; background:url('../images/top.png'); }
div#bottom { width: 1000px; margin:auto; height: 50px; background:url('../images/bottom.png'); }
div#tao { width: 1000px; margin:auto; background:url('../images/fond.png'); overflow:hidden;}
div#gauche { width:190px; margin-left:5px; float:left; background:#fff; }
div#droite { width:200px; margin-right:5px; float:right; background:#fff; }
    
div#contenu { width: 590px; margin-left:200px; overflow:hidden; background:#fff}

div#menu {width: 1000px; height:25px; margin:auto; background:url('../images/top.png'); }
div#menu a { text-align: center;width:120px;background: #fff; float: left;color:#000; white-space:nowrap; font-size:12px;margin-top:7px;display:block;margin-left:10px; text-decoration:none; line-height:15px; height:15px; font-weight:bold;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
div#menu a:hover { background:#C5DF89; color:#000;}

div#recherche {
	width: 1000px; height:30px; margin:auto; background:url('../images/menu.png'); color:#333;
}

a#menu-index {
	margin-left:300px!important;
}
div.diag {
    background:url(../images/cadre-photo.jpg) no-repeat;
    width:185px;
    margin:5px;
    text-align:left;
    float:left;
    font-size:11px;
}

div.produit {
    background:url(../images/produit.png) no-repeat;
    background-position:100% 100%;
    width:185px;
    margin:5px;
    text-align:left;
    float:left;
    font-size:11px;
    border-top:0px;
}

div.grosLien {
    font-weight:bold;
    color:#666;
    text-decoration:none;
    display:block;
    font-size:16px;
    margin-bottom:5px;
    text-align:center;
}
div.grosLien span { color:#abbf35; }
a.petitLien {
    color:#333;
    display:block;
    text-align:right;
    padding-right:5px;
    padding-bottom:5px;
}
div.accPrix {
    font-size:24px; color:#FFA50D; text-align:right; font-weight:bold;
    padding-right:5px;
}
div.accPrix span {
    color:#ff0000; font-size:12px; text-decoration:line-through;
}
h1.bleu {
    color:#fff;
    background:url(../images/h1-bleu.png);
    background-repeat:no-repeat;
    font-size:18px;
    text-align:left;
    text-indent:40px;
    height:35px;
    line-height:35px;
    margin:0px;
}
h1.orange {
    color:#333;
    background:url(../images/h1-orange.png);
    background-repeat:no-repeat;
    font-size:18px;
    text-align:left;
    text-indent:40px;
    height:35px;
    line-height:35px;
    margin:0px;
}

h1.vert {
    color:#333;
    background:url(../images/h1-vert.png);
    background-repeat:no-repeat;
    font-size:18px;
    text-align:left;
    text-indent:40px;
    height:35px;
    line-height:35px;
    margin:0px;
}


div#tems {
    border-bottom:2px dashed #cecece;
    font-size:12px;
}

div#tems div.titre {
    font-weight:bold;
    color:#333;
    text-transform:uppercase;
    height:25px; 
    line-height:12px;
    text-align:left;
    text-indent:30px;
    background:url(../images/chevrons.png) no-repeat;
}
div#tems div.titre a { padding-left:30px; color:#333; font-size:10px; text-transform:lowercase; }
div.tem {
    border-bottom:1px solid #cecece;
    margin-bottom:5px;
}
div.tem div.temTitre {
    margin-top:10px;
    margin-bottom:5px;
    text-align:left;
    font-weight:bold;
    color:#000;
    background:none;
    text-indent:0px;
}
div.tem div.temTexte { text-align:left; padding-left:10px; }
div.tem div.temSignature { text-align:right; font-weight:bold; margin-bottom:15px; }

div#cats {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}
div#cats a {
    display:block;
    height:25px;
    line-height:25px;
    padding-left:27px;
    background-image: url(../images/fond-cats-gauche-25.png);
    font-size:14px;
    text-align:left;
    color:#000;
    text-decoration:none;
     border-top:1px solid #666;
}

div.gsubCats {
    background:#ffffff;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
div.gsubCats a {
    height:20px!important;
    line-height:20px!important;
    display:block!important;
    padding-left:10px!important;    
    font-size:12px!important;
    border:0px!important;
	text-indent: 15px;
	background-image: url(../images/fond-subcat.png)!important;
}

div.gsubCats a:hover, div.gsubCats a.Active {
    background:#8D77B5!important; color:#fff!important;
}
div#rch {
    height:25px;
    text-align:left;
	float: left;
	margin-right:5px;
}
div#rchsimple {
	height:25px;
    text-align:left;
	font-size: 12px;
	color: #333;
	margin-left:5px;
}
div#rch input.rch {
    width:160px;
    height:25px;
    line-height:25px;
    background:url(../images/rch_fond.png);
    background-repeat:no-repeat;
    border:0px;
    margin:0px;
    float:left;
    padding-left:5px;
    font-size:11px;
}

div#rch input.rchBtn {
    float:right;
    width:25px;
    height:25px;
    border:0px;
}

a.promo {
    display:block;
    height:40px;
    background:url(../images/promotions.png);
    background-repeat:no-repeat;
    margin-bottom:10px;
    text-indent:-5000px;
}
a.cata {
    display:block;
    height:100px;
    background:url(../images/catalogue.png);
    background-repeat:no-repeat;
    margin-top:10px;
    margin-bottom:10px;
    text-indent:-5000px;
}

div.texte {
    text-align:left;
    font-size:12px;
    padding:5px;
}

div.texte p{
    margin:0px;
    padding:5px;
}

div#rappel {
    width:200px;
    height:200px;
    background:url(../images/rappel.jpg);
    text-align:left;
}

div#rappel input.btn {
    background:url(../images/rappel-btn.jpg);
    border:0px;
    width:100px;
    height:30px;
    line-height:30px;
    margin-top:12px;
    padding:0px;
}

div.fiche {
    text-align:left;
}
.fichePhoto {
    margin-left:25px;
    margin-top:25px;
}
div.ficheTexte {
    font-size:12px;
    padding-top:25px;
    margin-left:220px;
}
div.ficheRefCouleurs {
    font-size:12px;
    margin-left:25px;
    width:185px;
}

.tableStock {
    border:1px solid #000;
    background:#d3c8e1;
    margin:auto;
}

.tableStock td {
    padding:5px;
    border-bottom:1px solid #333;
}

.subCats legend { font-size:12px; padding:5px; margin-left:25px;}
.subCats fieldset {text-align:center;}
.subCat {
    color:#000;
    height:20px;
    line-height:20px;
    font-size:12px;
    text-align:left;
    margin:1px;
    text-indent:15px;
	 padding-left:5px;
	 padding-right:5px;
    /*background: url(../images/puce.png);*/
    background-repeat:no-repeat;
    background-position:0% 50%;
    border-bottom: 1px solid #fff;
white-space:nowrap;
overflow:hidden;
}
.subCat:hover {
    border-bottom-color:#000;
	background-color:#9576af;
color:#fff;
    text-decoration:none;
}

div.navigation {
    height:20px;
    border-bottom:1px solid #cecece;
    font-size:12px;
    text-align:right;
    margin-top:3px;
    padding:3px;
}

div#marques {
    width:200px;
    margin-top:5px;
}
div#marques div.haut { height: 55px; background:url('../images/besoin_haut.png'); }
div#marques div.bas, div.panier div.bas { height: 15px; background:url('../images/marques_bas.png'); }
div#marques div#marquesCorps, div.panier div#marquesCorps { overflow:hidden;background:url('../images/marques_fond.png');text-align:center; }

div.panier{
    width:200px;
    margin-top:5px;
	 font-size:12px;
}
div.panier div.haut { height: 25px; background:url('../images/votre_selection_haut.png'); }

div#Panier {
	 border:1px solid #cecece;
	 background:#fff;
	 margin:auto;
	 width:190px;
	 font-size:12px;
	 text-align:right;
	 line-height:25px;
	 font-weight:bold;
}
div#Panier span { color:#555; font-weight:normal;}
.marquesDv { overflow:hidden; margin:auto; float:left; height:100px; vertical-align:middle;}

.panier  a { color:#000 }


.formulaire th { text-align:right; }

/* Json Suggest */
div.jsonSuggestResults {
	position:absolute;
	border:1px solid #CCC;
	padding:0px;
	margin:1px 2px;
	z-index:10000;
	color:#000;
}

div.jsonSuggestResults div.resultItem {
	margin:0px;
	padding:5px;
	position:relative;
	height:auto;
	cursor:pointer;
}

div.jsonSuggestResults div.resultItem.odd {
	background-color:#FFFFFF;
}
div.jsonSuggestResults div.resultItem.even {
	background-color:#FFFFFF;
}

div.jsonSuggestResults div.resultItem.hover {
	background-color:#3399FF;
}

div.jsonSuggestResults div.resultItem img {
	float:left;
	margin-right:10px;
}

div.jsonSuggestResults div.resultItem p {
	margin:0px;
	padding:0px;
	font-size:12px;
}

div.jsonSuggestResults div.resultItem p strong {
	font-weight:bold;
	text-decoration:underline;
}

div.jsonSuggestResults div.resultItem p.extra {
	font-size: x-small !important;
	position:absolute;
	bottom:3px;
	right: 3px;
}

div#voile {
	top:0px; left:0px; display:none;
	width:100%; height:100%; background:#000; opacity:.5; position:absolute; z-index:9998;
	filter : alpha(opacity=50);

}

.message {
	 background-color:#CFDC82;
	 text-align:center;
	 font-size:14px;
	 padding:7px;
	 color:#003300;
	 border: 2px solid #003300;
	 
}

.FilDAriane {
	text-align:left;
	font-size:12px;
	color:#000;
}

.FilDAriane a { color:#000;}

.rchBtnBig {
	 width:150px;
	 height:25px;
	 background:url(../images/btn-rch.png);
	 border:0px;
}

.valider {
	 display:block;
	 margin:auto;
	 margin-top:5px;
	 margin-bottom:5px;
	 width:180px;
	 height:25px;
	 background:url(../images/btn-valider.png);
	 border:0px;
}

.finaliser {
	 display:block;
	 margin:auto;
	 margin-top:5px;
	 margin-bottom:5px;
	 width:180px;
	 height:25px;
	 background:url(../images/btn-finaliser.png);
	 border:0px;
}

.continuer {
	 display:block;
	 margin:auto;
	 margin-top:5px;
	 margin-bottom:5px;
	 width:180px;
	 height:25px;
	 background:url(../images/btn-continuer.png);
	 border:0px;
}

#Alerte {
    background:#f7f7f7;
    border: 2px solid #333333;
	width:400px;
	display:none;
	padding-top:35px;
	padding-bottom:35px;
}

#AlerteMsg {
    color:#000000;
    padding:5px;
	font-weight:bold;
}
.alerte { }
.alerte th {
    font-size:14px;
    color: #000000;
    text-align: left;
    padding-left: 5px;
}
.alerteContenu { padding:5px; font-size:12px;}