@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
body {
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:none;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/******************************************************************** Génériques  *********************************************************************/

body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #1F1110;
	font-size: 12px;
	background-image: url(../images/bg-bandeau.jpg);
	background-repeat: repeat-x;
}

h1{
	background-image: url(../images/bg-h1.jpg);
	background-repeat: repeat-y;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #e3007c;
	height: 24px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}

h2{
	background-image: url(../images/bg-h2.jpg);
	background-repeat: repeat-y;
	font-size: 15px;
	font-weight: lighter;
	height: 20px;
	padding-top: 4px;
	padding-left: 5px;
	color: #00712c;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#fiche h2 {
	width:375px; 
}

#fiche p.p_tarif {
	width:80px;
}

#fiche p {
	width:375px; 
}



div.img_fich {
	width:110px;
	margin:5px;
}

div.descr_fiche {
	margin-top: 5px;
}

div.tarif_panier {
	width:100%;
}

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


a{
	cursor: pointer;
}

a:hover{

}

img{

}

table{
}
tr{
}
th{
}
td{
}

ul{
}
ul li{
	list-style: none;
}
ol{
}
ol li{
}

.clear { clear:both; }
.f-left { float:left; }

.width_600 { width:600px; }
.width_150 { width:150px; }

.margin_bot_10 { margin-bottom:10px; }

li.article { width:340px; padding-left: 10px; height: 40px; line-height: 40px; font-weight: bold; }
li.quantite, li.pu, li.pttc, li.sup { width:90px; height: 40px; line-height: 40px; }
li.img { width:75px; padding-left: 10px; }
li.legend { background-color:#ffcce8; height: 20px; font-weight: bold; line-height: 20px; color:#f81493;  }
li.quantite, li.pu, li.pttc, li.sup, li.article, li.img {border-right: solid 1px white;}
li.sup {width:86px; border:none;} 
li.pttc { border:none; }
li.separation { width:710px; height:5px; background: url("/images/bg_separation_panier.jpg")no-repeat 0 0; }
li.separation_mini { width:370px; height:5px; background: url("/images/bg_separation_panier.jpg")no-repeat 0 0; }
li.separation_no_img { width:620px; height:5px; }
li.reduc { width:630px; background-color: white; margin-left: 30px; padding: 10px; text-align: left;  margin-bottom: 2px;}
.margin_tab_b { width:385px; }

#moin, #plus { cursor:pointer; }

#close {background:url("/images/picto_close.gif") no-repeat 0 3px; padding-left:10px; cursor:pointer; margin-bottom: 5px;}
#open {background:url("/images/picto_close.gif") no-repeat 0 3px; padding-left:10px; cursor:pointer; margin-bottom: 5px;}

#commande ul { width:710px; }
#btn_commander  a { display:block; width:126px; height:21px; padding-left:40px; padding-top:1px; color:white;
font-weight:bold;  background: url("/images/bg-commander.jpg") no-repeat 0 0px;  }
#btn_commander a:hover { background: url("/images/bg-commander.jpg")no-repeat 0 -28px ; }
#commande_tab {background:#dd4399 url("/images/bg_tab_panier.jpg") repeat-x scroll 0 0; text-align: center;
margin-bottom: 20px; margin-top: 20px;}
#commande_tab strong { color:#f81493; }

#btn_connecter  a { display:block; width:126px; height:21px; padding-left:40px; padding-top:1px; color:white;
font-weight:bold;  background: url("/images/bg-se-connecter.jpg") no-repeat 0 0px;  }
#btn_connecter a:hover { background: url("/images/bg-se-connecter.jpg")no-repeat 0 -28px ; }

#btn_suprimer_panier a { display:block; width:180px; height:40px; padding-left:50px; line-height:41px;
color:white; font-weight:bold;  background: url("/images/btn_supprimer.jpg") no-repeat 5px 5px;
text-decoration: none;}
#btn_suprimer_panier a:hover { background: url("/images/btn_supprimer.jpg")no-repeat 5px -35px ; color:#e61a15; }

#btn_valider_panier a { display:block; width:180px; height:40px; padding-left:50px; line-height:41px;
color:white; font-weight:bold;  background: url("/images/btn_valider.jpg") no-repeat 5px 5px;
text-decoration: none;}
#btn_valider_panier a:hover { background: url("/images/btn_valider.jpg")no-repeat 5px -35px ; color:#155105; }

#btn_conecter_panier a { display:block; width:180px; height:40px; padding-left:50px; line-height:41px;
color:white; font-weight:bold;  background: url("/images/btn_connecter.jpg") no-repeat 5px 5px;
text-decoration: none;}
#btn_conecter_panier a:hover { background: url("/images/btn_connecter.jpg")no-repeat 5px -35px ; color:#155105; }

strong { color:#f81493;}

input.submit_commande { display:block; width:250px; height:40px; padding-left:10px; line-height:31px;
color:white; font-weight:bold;  background: url("/images/btn_valider.jpg") no-repeat 5px 5px;
text-decoration: none; border: none;}
input.submit_commande:hover { background: url("/images/btn_valider.jpg")no-repeat 5px -35px ; color:#155105; }

#creation_compte { width:370px; }

#livraison_compte { width:370px; }

.margin_tab { width:470px; }
li.total_achat, li.port, li.total_ttc, li.tva { width:150px;  text-align: right;background: url("/images/bg_trans.png");}
li.total_achat_px, li.port_px, li.total_ttc_px, li.tva_px { width:60px; padding-left:20px; background: url("/images/bg_trans.png");}
#livraison, #facturation  { width:350px; margin-bottom: 10px; }
#facturation { margin-right: 10px; }

span.info { display:block; position:relative; top:-10px; color:red;}

.margin_right_10 { margin-right:10px; } 

/******************************************************************** Principaux *********************************************************************/
																			
.conteneur{
	margin: auto;
	width: 955px;
}

/*** En-Tete ***/

.bandeau {
	height: 344px;
	width: 955px;
	padding: 0px;
	margin: 0px;
	float: left;
}



/*** Contenu ***/


.main{
	float: left;
	width: 995px;
	background-image: url(../images/bg-contenu.jpg);
	background-repeat: repeat-y;
}

.gauche{
	float: left;
	width: 205px;
	padding-left: 15px;
}

.contenu{
	float: left;
	width: 546px;
	padding-right: 15px;
	padding-left: 19px;
	padding-bottom: 30px;
}

.contenu2 {
	float: left;
	width: 710px;
	padding-right: 15px;
	padding-left: 19px;
	padding-bottom: 30px;
}
.rub{
	float: left;
	width: 150px;
	height:28px;
	background-image: url(../images/bg-rub.jpg);
	background-repeat: no-repeat;
	font-size: 13px;
	padding-left: 54px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.rub a{
	color: #e3007c;
	text-decoration: none;
	height: 35px;
}

.rub a:hover{
	color: #000;
}


.rub:hover{
	background-image: url(../images/bg-rub-hover.jpg);
	background-repeat: no-repeat;
}

.ssrub{
	float: left;
	width: 150px;
	height:auto;
	font-size: 12px;
	padding-left: 30px;
	padding-top: 0px;
	margin-bottom: 3px;
}

.ssrub a{
	color:#353535;
}

div.sous_sous_rub {
	margin-top:2px;
	margin-left: 10px;
	margin-bottom:5px;
	font-size: 11px;
}

.ssrub a:hover{
	color:#00712c;
}

a.on_menu {
	color:#00712c;
}
.ssrub img{
	border:none;
}

.fiche{
	width:547px;
	height:156px;
	background-color: #dddfab;
	margin-bottom: 10px;
}

.ajouter{
	width:250px;
	height:20px;
	background-image: url(../images/bg-ajouter.jpg);
	background-repeat: repeat-y;
	color: #FFF;
	padding-left: 5px;
	background-position: left center;
}

input.ajoutPanier {
	position:relative;
	width:20px;
	background-color: #e29aa6;
}

a.ajoutPanier {
	color:#FFF;
	text-decoration: none;
	width: 210px;
	height:22px;
	line-height:20px;
	padding-left:40px;
	background: url("/images/picto-panier.jpg") no-repeat;
}

a.ajoutPanier:hover {
	background: url("/images/picto-panier.jpg") 0 -28px no-repeat;
	color:#ffff00;
}
.ajouter img { margin-right:5px; }
.ajouter a:hover{
	color:#FF0;
}

.tarif-loupe{
	width:115px;
	height:20px;
	background-image: url(../images/bg-prix-loupe.jpg);
	background-repeat: repeat-y;
	color: #E21B7D;
	padding-left: 5px;
	background-position: left center;
	font-size: 14px;
	font-weight: normal;
}

.droite{
	float: left;
	width: 182px;
}

.panier{
	float: left;
	width: 157px;
	height:28px;
	background-image: url(../images/bg-panier.jpg);
	background-repeat: no-repeat;
	color: #E31B79;
	font-size: 14px;
	padding-left: 25px;
	padding-top: 5px;
	margin: 0px;
}

.connect  {
background-image:url("../images/bg-rub-droite.jpg");
background-repeat:no-repeat;
color:#E31B79;
font-size:14px;
height:28px;
margin:0;
padding-left:25px;
padding-top:5px;
width:157px;
}
stylePublic.css (ligne 389)


.item{
	float: left;
	width: 173px;
	color: #272727;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.item a{
	color: #272727;
}

.item a:hover{
	color: #000;
}

.news{
	float: left;
	width: 175px;
	height:28px;
	background-image: url(../images/bg-rub-droite.jpg);
	background-repeat: no-repeat;
	color: #000;
	font-size: 14px;
	padding-left: 7px;
	padding-top: 5px;
	margin: 0px;
}

.news-contenu{
	float: left;
	width: 170px;
	color: #272727;
	font-size: 11px;
	padding-left: 7px;
	padding-top: 5px;
	margin: 0px;
}

.connection_droite{
	float: left;
	width: 170px;
	color: #272727;
	font-size: 11px;
	padding-top: 5px;
	margin: 0px;
	margin-bottom: 10px;
}


.rose{
	color:#e3007e;	
}


/*** Pied-de-page ***/

.footer{
	height: 120px;
	font-size: 12px;
	color: #353535;
	text-align:center;
	float: left;
	width: 995px;
	background-image: url(../images/bg-footer.jpg);
	background-repeat: no-repeat;
}

.footer a{
	color: #e3007c;
	text-decoration: none;
}

.footer a:hover{
	color: #353535;
}

/******************************************************************** Formulaire  *********************************************************************/

li.libele {
	width:100px;
	text-align:right;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

input {
	border:1px solid #dbd9d9;
	background-color:#d6e3e7;
}
input.focus {
	background-color:#9ebbc4;
}
span.info_ajax {
	 display:block; position:relative; color:red; margin-left:5px;
}

/**************Pagination****************/
DIV.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
DIV.badoo A {
	BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #48b9ef; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
DIV.badoo A:hover {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo A:active {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo SPAN.current {
	BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
DIV.badoo SPAN.disabled {
	DISPLAY: none
}

/******************************************************************** Formulaire de contact  *********************************************************************/

/*** ATTENTION : les formulaires ne servent pas qu'à la page contact de même que les table !!!! ***/

input{
}

textarea{
	color: #990000;
	width:200px;
}

select{
	color: #FFFFFF;
	background-color: #000000;
}


submit{
}

form {
	margin:0px;
	padding: 0px;
	height: auto;
	border: none;
}


form table{
}

form table p{	
}


form th{
	color: #990000;
	font-weight:normal;
}

.obligatoire {
	color: red;
	font-size: 9px;
	font-weight: bold;
}

.bouton {
	color: #990000;
	font-weight: normal;
}