/********** GENERALITE ************************/

html,body,div,table,tr,td,ul,li,p,form,input, h1, h3{
	padding:0px;
	margin: 0px;
}

h1{
	font-size:12px;
}

h3{
	font-size:12px;
}


img{
	border:none;
}

.clear {
	clear: both;
}

a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.retrait-txt{
	text-indent:10px;
}

.backlink{
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	font-size:9px;
	color:#000000;
	text-align:center;
}
.backlink a{
	color:#000000;
}
.backlink a:hover{
	color:#000000;
}
.backlink strong{
	font-weight:normal;
}


/********** FIN GENERALITE ************************/



/********** DEBUT BODY & CONTENEUR  & CONTENU ************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	text-align:center;
	background-image:url(images/templates/back-head.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
}

#conteneur {
	margin:12px auto 0px auto;
	padding-top:0px;
	text-align:left;
	width:980px;
}


#contenu{
	margin: 10px 0px 0px 0px;
	width:978px;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #6E667E;
	border-right-color: #6E667E;
	border-left-color: #6E667E;*/
}

/**********  FIN BODY & CONTENEUR & CONTENU ***********************/




/************************* DEBUT HEAD *******************/
#head {
	height:155px;
}

#logo{
	width:170px;
	height:155px;
	float:left;
}

#flash-head{
	width:810px;
	height:155px;
	float:right;
	text-align:right;
}
/************************* FIN HEAD *********************/


/************************ DEBUT GAUCHE ******************/
#gauche {
	width: 170px;
	float: left;
}

.rubrique{
	margin-bottom: 10px;
	
}

ul{
	list-style-type:none;
	padding:5px 0px 20px 15px;
}

li {
	padding-left:10px;
	background-image: url(images/templates/puce2.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	background-position: left;
	padding-bottom: 5px;
}

#T0{
	background-color:#EDEDED;
}

#T1{
	background-color:#CFE39C;
}

#T2{
	background-color:#E0D3E7;
}

#T3{
	background-color:#FEEAD2;
}

#T7882{
	background-color:#EAD3DD;
}



#newsletter{
	background-color:#EDEDED;
	padding:10px 10px 10px 15px;
}

#gauche form{
	height:85px;
	margin-top: 20px;
}

.inscript{
	height:20px;
}

.inscript input{
	display:inline;
	margin-right:5px;
}

.rubrique img{
	display:block;	
}

.inscript input {
	display: inline;
	width: 15px;
	height: 15px;
}

#newsletter form p {
	margin-top:10px;
}

.email {
	margin-top: 5px;
}

.divers-plusg img {
	margin-left: 5px;
}

.divers-plusd img {
	margin-left: 5px;
}
/************************ FIN GAUCHE ******************/




/************************ DEBUT MILIEU ***********************/
#milieu{
	width:676px;
	float:left;
}

#milieuhaut{
	width: 677px;
}

#menu-milieu{
	height: 26px;
	background-color: #000;
	line-height: 26px;
	color: #FFF;
	margin: 0px 5px 0px 5px;
	text-align: center;
}

#menu-milieu a{
	color:#FFF;
}

.menumilieu{
	height:26px;
	line-height:26px;
	float:left;
	background-color:#6B0D0D;
	text-align:center;
	margin-left:4px;
	margin-right: 0px;
	width:106px;
}

#navigateur{
	line-height:18px;
	background-color:#DBDBD9;
	padding-left: 13px;
	text-align: left;
	width: 639px;
	margin-left: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color:#655B76;
}

#navigateur a{
	color:#655B76;
	text-decoration:underline;
}

#navigateur a:hover{
	text-decoration:none;
}

.articles {
	margin-top: 10px;
	margin-bottom:10px;
	padding-left: 2px;
	width: 674px;
}

.pagecontenu {
	margin-top: 10px;
	margin-bottom:10px;
	padding-left: 12px;
	padding-right: 12px;
	width: 654px;
}


.vignette {
	float: left;
	width: 204px;
	padding-right: 10px;
	text-align: center;
	padding-left: 10px;
	margin-top:10px;
}

.titre-img {
	background-color: #D6D6D6;
	height: 38px;
	padding-top:6px;
}
.titre-img-art {
	background-color: #D6D6D6;
	height: 52px;
	padding-top:6px;
}
.titre-img_1 {
	background-color: #CFE39C;
	height: 29px;
	line-height: 29px;
}
.titre-img_2 {
	background-color: #E0D3E7;
	height: 29px;
	line-height: 29px;
}
.titre-img_3 {
	background-color: #FEEAD2;
	height: 29px;
	line-height: 29px;
}
.titre-img_4 {
	background-color: #D6D6D6;
	height: 29px;
	line-height: 29px;
}

.titre-img a{
	color: #000;
	font-weight:bold;
}

.img {
	height: 137px;
	width: 204px;
	text-align: center;
	background-color: #EDEDED;
}


.savoir-plus {
	background-image: url(images/templates/back-savoir+.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	padding:4px 2px 0px 0px;
	text-align: right;
	background-color: #D6D6D6;
}

.savoir-plus a{
	color:#6E6E70;
	font-weight:lighter;
}

.savoir-plus img{
	vertical-align:middle;
	margin-right:5px;
	margin-left:5px;
}	


#flash-milieuhaut{
	padding-left:13px;
}

#milieubas {
	margin-top: 20px;
	padding-left: 0px;
	width: 676px;
}

.art-divers{
	float: left;
	width: 317px;
	padding-left: 13px;
	padding-right: 4px;
}


#flash-milieubas {
	clear: both;
	padding-top: 10px;
	padding-left: 13px;
}

.titre-diversg, .titre-diversd  {
	height: 39px;
	line-height: 39px;
	background-color: #000;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size:12px;
}

.titre-diversd {
	background-color: #231F20;
}

.img-divers {
	text-align: center;
	width: 317px;
	height: 85px;
}

.divers-plusg, .divers-plusd  {
	background-image: url(images/templates/back-pub-milieu2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	padding:4px 2px 0px 0px;
	text-align: right;
}

.divers-plusd  {
	background-image: url(images/templates/back-pub-milieu2.jpg);
}

.divers-plusg a, .divers-plusd  a {
	font-weight:lighter;
}

#milieubas a{
	color:#FFF;
}

#milieubas img{
	vertical-align:middle;
}	

/************************ FIN MILIEU ************************/

/*********************** DEBUT DROITE ***********************/
#droite {
	float: right;
	width: 131px;
}

#panier {
	background-image: url(images/templates/back-panier.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	color: #FFF;
	text-align: center;
	padding-top: 7px;
	font-size: 12px;
	font-weight: bold;
}
#panier a {
	color: #FFF;
}

#panier-info {
	background-color: #FCE8E9;
	padding:5px 0px 20px 8px;
}

#panier-info li{
	background-color: #FCE8E9;
	padding-left:6px;
}

#panier-info input{
	background-color: #FCE8E9;
	border:none;
	width:30px;
	height:15px;
	font-size:9px;
}

#client {
	background-image: url(images/templates/client.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	margin-bottom: 10px;
	color: #FFF;
	text-align: left;
	padding-top: 5px;
	padding-left:15px;
	font-size: 12px;
	font-weight: bold;
}
#client a {
	color: #FFF;
}

.rech , .mail{
	height: 14px;
	width: 80px;
	border: 1px solid #8E8E90;
	display: block;
	float: left;
	margin-top: 2px;
	padding-left: 3px;
}

.cli-form {
	background-color: #DCDCDC;
	padding: 10px 0px 10px 15px;
}

.ok{
	display:block;
	width: 16px;
	height: 16px;
	float: left;
	margin-left: 5px;
}

#rech-avancee {
	height: 22px;
	padding-left: 15px;
	background-color: #DBDBDB;
	margin-top: 5px;
	line-height: 22px;
}

#rech-avancee a{
	color:#655B76;
}
#rech-avancee2 {
	height: 22px;
	padding-left: 15px;
	background-color: #EDEDED;
	margin-top: 5px;
	line-height: 22px;
}

#rech-avancee2 a{
	color:#655B76;
}


.pub {
	margin-bottom: 10px;
}

.livraison, .partenaires, .livre {
	height: 28px;
	line-height: 28px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #000;
}

.livraison a, .partenaires a, .livre a {
	color:#FFF;
}

.partenaires{
	background-color: #000;
}

#flash-zone, #img-zone, #img-livre {
	text-align: center;
	width: 131px;
}

.zone-plus, .partenaire-plus, .livre-plus{
	background-color: #000;
	height: 22px;
	padding:6px 2px 0px 0px;
	text-align: right;
}

.partenaire-plus {
	background-color: #000;
}

.zone-plus a, .partenaire-plus a, .livre-plus a{
	color:#FFF;
	display:inline;
	font-weight:lighter;
}

.zone-plus img, .partenaire-plus img, .livre-plus img{
	vertical-align:middle;
	display:inline;
	margin-left:5px;
	margin-right:5px;
}


/********************** FIN DROITE **************************/


/*************************** DEBUT FOOT ************************************/
#foot {
	background-image: url(images/templates/back-foot2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	padding-bottom: 20px;
}


#foot1 {
	height: 57px;
	line-height: 35px;
	color: #FFF;
	background-image: url(images/templates/back-foot.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#foot1 a{
	font-weight:lighter;
	color: #FFF;
}

#foot2 {
	padding-top: 5px;
	padding-bottom: 10px;
}

#foot3{
	padding-top: 10px;
}

#foot3 a{
	font-weight:lighter;
	text-decoration:underline;
}

#foot3 a:hover{
	text-decoration:none;
}
#foot4 {margin-top:10px;font-style:italic;color:#907c4b;}

/************************** FIN FOOT ************************************/






/*************************** DEBUT PAGE CATEGORIE **************************************/
.categorie, .categorie2{
	padding-bottom:6px;
	background-color: #000;
	padding-top: 6px;
	color: #FFF;
	margin: 0px 0px 0px 10px;
	text-align: left;
	width: 639px;
	padding-left: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.categorie2{
	margin: 0px 0px 0px 12px;
}



.description-art {
	background-color: #F2F2F2;
	height: 100px;
	width: 652px;
	margin-left: 12px;
	margin-top: 10px;
	text-align: left;
}
.description-art2 {
	float: left;
	height: 85px;
	width: 100px;
	background-color: #D6D6D6;
	padding-top: 15px;
	text-align: center;
}
.description-art3 {
	float: right;
	width: 520px;
	padding: 10px 10px 0px 10px;
	font-weight: bold;
}

#pagination{
	text-align:right;
	height: 25px;
	padding-left: 450px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.page {
	background-color: #E2E2E0;
	height: 13px;
	width: 13px;
	text-align: center;
	color: #474843;
	margin-right: 8px;
	padding:4px;
	margin-bottom:4px;
	font-weight: bold;
	vertical-align: middle;
	display: block;
	float: left;
}

.page a{
	color: #FFF;
}
/*************************** FIN PAGE CATEGORIE **************************************/

/*************************** DEBUT PAGE ARTICLE **************************************/
#detail-artd {
	float: right;
	width: 300px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 20px;
}
.leftart {
	float: left;
	width: 249px;
	margin-top: 10px;	
}
.zoom-img {
	float: left;
	width: 249px;
	background-color: #000;
	padding-top: 17px;
	padding-left: 22px;
}
.marque-art {
	float: left;
	width: 249px;
	text-align:center;
	line-height:20px;
	margin-top:10px;
	font-size:12px;
}

.image {
	height: 230px;
	width: 225px;
}

.miniatures {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 60px;
}

.miniatures a{
	padding-right: 23px;
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 0px;
}

.description-content {
	margin-bottom: 20px;
	padding-left: 12px;
}

.qte{
	width:60px;
	float:left;
	margin:0px;
}

.prix_txt , .qte{
	font-weight: bold;
}


.quantite {
	width: 50px;
	height: 13px;
	border: 1px solid #655B76;
	padding-left: 2px;
	font-size: 9px;
	background-color:#FFFFFF;
	color:#000000;
	display: block;
	float: left;
}

#description_article form {
	margin-top: 10px;
}

#description_article p{
	margin-top: 0px;
	margin-bottom: 10px;
}

.ajout {
	margin-top: 10px;
	margin-left:0px;
	padding:0px;
}

#conseils {
	
	clear:both;
}

#conseils a{
	display:block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin:0px;
	text-decoration:underline;
	font-weight:normal;
}

#conseils a:hover{
	text-decoration:none;
}

.tot-txt {
	color: #ED1B24;
	font-weight: bold;
}
.prix-art {
	font-weight: bold;
	color: #777777;
	font-size: 10px;
	line-height: 20px;
	background-color: #EDEDED;
}
.divprix {height:20px;background-color: #EDEDED;}

.prix {
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	vertical-align:middle;
	text-align:right;
}

.titre2 {line-height:20px;font-size:14px;font-weight:bold;}


.tot {
	width: 40px;
	height: 15px;
	border: none;
	background-color:#FFF;
	padding-left: 2px;
	color: #ED1B24;
	font-size: 9px;
	text-align: right;
}
/*************************** FIN PAGE ARTICLE **************************************/
.plusmoins {
	width:12px;
	margin-left:5px;
	float:left;
	margin-top:-4px;
}


.input_caract {font-size:11px;float:left;}
.input_text {font-size:11px;}
.input_select {font-size:11px;}


/*************************** Fin page article **************************************/

.boutons_commande {text-align:center;margin-top:25px;}
.td_head_cde {font-weight:bold;height:30px;color:#FFFFFF;background-color:#000000;text-align:center;}
.td_foot_cde {text-align:right;}
.cde1 {height:25px;}
.cde2 {height:25px;background-color:#DBDBD9;}
.cadre {float:left;width:280px;margin-left:50px;margin-top:50px;text-align:center;}
.opti {display:none;}
.etoile {color:#000000;}

.plan ul{
	margin:0px;
	padding:0px;	
}

.plan li{
	height:15px;
	padding-left:15px;
	
}
.plan a {
	text-decoration:none;
}

.erreur {
	font-weight:bold;
	text-align:center;
}

.imgz {
	margin-left:20px;
	margin-right:20px;
	float:left;
	width:264px;
	height:132px;
	text-align:center;
}

.pagenav {
	text-align:right;
	float:right;
	margin-right:5px;
}



/* slideshow */

#galleryContainer{
	margin-top:11px;
	position:relative;
	overflow:hidden;
	padding:0px;
	height:132px;
	width:810px;
	float:left;
	background-color:#000000;
	background-position:top left;
}

#arrow_left{
	position:relative;
	float:left;
	width:1px;
	height:132px;
	z-index:10;
}

#arrow_right{
	position:relative;
	float:right;
	width:1px;
	height:132px;
	z-index:10;
}

#theImages{
	position:absolute;
	height:1800px;
	left:1px;
	width:1000px;
}

#theImages #slideEnd{
	float:left;
}

.bienvenue{
	line-height:18px;
	padding-left: 13px;
	text-align: left;
	width: 639px;
	margin-left: 12px;
	margin-bottom: 10px;
	font-weight: bold;
}

.compteur{
	background-image: url(images/templates/compteur.jpg);
	height:67px;
	width:131px;
	margin:10px 0px;
	text-align:center;
		font-family:Verdana, Geneva, sans-serif;
}

.compteur_libelle{
	height:30px;
	font-size:10px;
	color:#000;
}
.compteur_libelle{
	height:32px;
	font-size:10px;
	font-weight:bold;
	padding-top:5px;
	color:#FFF;
}
#recherche2 .cli-form{
	margin : 0px;	
	height :auto;
	background-color:#EDEDED;
}

.compteur_valeur{
	font-size:12px;
	font-weight:bold;
	color:#F00;
}