/*
Nom du thème: Assembleur PC 
Version: 6.0
Auteur: Brice Deveze
*/



/* mise en forme */

#IE7{
display: none;}

Body{
margin:0px !important;
font-family: "Calibri", Arial Narrow, Times new roman;
color:grey;
}
#fond-header {
background: url(../images/fond-header.png) no-repeat top left;
position: absolute;
right: 10px;
top: 1px;
width: 320px;
height: 150px;
}

#fond-header {

width: 100%;
}

#contenu {
position: static;
margin-top: 115px;
margin-left: auto;margin-right: auto;
width: 1010px;

}

 li{
background: url(../images/puce1.png) no-repeat top left;
padding-left: 30px;
list-style:none;
margin-top: 4px;
   }
   

#corps {
margin-left: 8px;
width: 750px;
float: left;
margin-top: 20px;
}

#footer {
clear: both;
width: 1020px;
margin: auto;
margin-top: 35px;
}

.titre{
clear: both;
z-index: 1;
margin-top: 10px;
height: 25px;
padding-top: 20px;
padding-left: 40px;
padding-bottom:2px;
background: url(../images/min-logo.png) no-repeat 0 18px ;

}

.block{
margin-right: 25px;}

 a img{
border: none;
}

.titr{
clear: both;
background: url(../images/fond-titre.gif) no-repeat bottom left ;

}

a{
text-decoration: underline;
color: grey;
}

a:hover{
text-decoration:none;
color: grey;
}

.button {
	cursor: pointer;
	overflow: visible;
	width: 1;
	display: -moz-inline-box; 
	display: inline-block;
	margin: 0 0 0 0.5em;
	padding: 0;
	white-space: nowrap; 
	text-align: center; 
	vertical-align: middle;
	border: 0; 
	background: none;
}
.button span {
	background: url(../images/btn-l.gif) no-repeat top left;
	position: relative;
	float: left;
	vertical-align: middle;
	margin-left: 12px;
    
}
.button span span {
	background: url(../images/btn-r.gif) no-repeat top right;
	padding: 0;
	height: 35px;
	line-height: 35px;
	color: #e1e1e1;
	font-size: 14px;
	font-weight: bold;
	padding-right: 12px;
	
}
#ariane
{height: 22px;}
#ariane  a{
background: url(../images/ariane-left.gif) no-repeat top left;

	float: left;
	text-decoration: none;
	height: 22px;
padding-top: none;
padding-bottom: none;
	padding-left: 12px;}
	
	#ariane a span {
	text-decoration: none;
	background: url(../images/ariane-right.gif) no-repeat top right;
	padding: 0;
	height: 22px;
	padding-bottom: 5px;margin-top: 2px;
	line-height: 20x;
	color: white;
	font-size: 14px;
	padding-right: 12px;
	
}

#ariane  a:hover, #ariane .current{
background: url(../images/arianeh-left.gif) no-repeat top left;
}
	
	#ariane a:hover span, #ariane .current span {

	background: url(../images/arianeh-right.gif) no-repeat top right;	
}

h4 {
font-size: 17px;
font-weight: bold;
text-decoration: underline;
margin-bottom: 3px;
}

h3{
font-size: 20px;
font-weight: bold;
}


/* slider */

#featured{float: left; width:380px;padding-right:250px;position:relative;height:240px; margin-top: 0px;font-family: "Calibri", Arial Narrow, Times new roman;margin-top: 20px; }
#featured ul.ui-tabs-nav{position:absolute;top:0;left:380px;list-style:none;padding:0;margin:0;width:350px;}
#featured ul.ui-tabs-nav li{margin-top: 1px;background: none;padding:1px 0 2px 13px;font-size:12px;color:#666;  }
#featured ul.ui-tabs-nav li img{float:left;margin:5px;background:black;padding:2px;border:2px solid #fea302;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#featured ul.ui-tabs-nav li span{font-size:15px;font-family:Calibri; font-weight: bold;line-height:18px; text-align: center; vertical-align
:middle;display: block;padding-top: 22px;}
#featured li.ui-tabs-nav-item a{-moz-border-radius: 5px; -webkit-border-radius: 5px;display:block;height:58px;color:#333;background:#e1e1e1;line-height:20px;text-decoration:none;}
#featured li.ui-tabs-nav-item a:hover{background:url('../images/transparent-bg.png');color:white;}
#featured li.ui-tabs-selected{background:url('../images/selected-item.gif')  -2px 0 no-repeat;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:url('../images/transparent-bg.png');color:white;text-decoration:none;}
#featured .ui-tabs-panel{width:380px;height:235px;position:relative;}
#featured .ui-tabs-panel .info{position:absolute;top:170px;left:0;height:70px;width:380px;background:url('../images/transparent-bg.png');}
#featured .info h2{font-size:18px;color:#fff;padding:5px;margin:0;overflow:hidden;}
#featured .info p{margin:0 5px;font-size:11px;line-height:15px;color:#f0f0f0;}
#featured .info a{text-decoration:none;color:#fff;}
#featured .ui-tabs-hide{display:none;}


/* logo et texte du header */

#logo {
position: absolute;
top: 34px;
left: 5px;
z-index: 2;
}

#logo  h1{
background: url(../images/logo.png) no-repeat top left;
height: 110px;
width: 510px;
}

#fond-header {
background: url(../images/fond-header.png) no-repeat top left;
float: right;
margin-right: 10px;
margin-top: 1px;
width: 320px;
height: 150px;
}

#fond-header h2 p{
float: right;clear:both;
color: #bbbab8;
font-family: "Calibri", Arial Narrow, Times new roman;
margin-top: 5px;
margin-bottom: 5px;
font-weight:bold;
font-size: 24px;
}

#fond-header h2 #a{
margin-right: 100px;
}

#fond-header h2 #b{
margin-right: 55px;
}

#fond-header h2 #c{
margin-right: 10px;
}

/* menu catégorie */

#menucat {
overflow:visible;
clear:both;
position: relative;
background: url(../images/menucat.jpg) repeat-x top left;
height: 45px;
text-align: center;
top: 115px;
border-bottom: 4px solid #ff9900;
box-shadow: 2px 4px 10px #ff9900; 
}
#menucat  ul{
z-index:3;
height: 45px;
position: relative;
margin:auto;
width: 1010px;
text-align: center;
}

#menucat  ul li{
list-style-type: none;
display: inline;
float: left;
padding-left: 5px;
padding-right: 5px;
margin-top: 4px;
background: url(../images/sep.gif) no-repeat top right;
}

#menucat  ul li#lib{
background: none;
}



#menucat  ul li a{
font-family: "Calibri", Arial Narrow, Times new roman;
z-index:3;
display: block;
height: 45px;
text-decoration: none;
color: black;
}

#menucat  ul li a span{
display: block;
height: 35px;
padding-right: 10px;
padding-top: 10px;
margin-left: 10px;

}

#menucat  ul li a:hover, #menucat  ul li .current{
	background: url(../images/menu-g.gif) no-repeat top left;
}

#menucat  ul li a:hover span, #menucat  ul li .current span{
	background: url(../images/menu-d.gif) no-repeat top right;
}



/* menu compte  */

#info-compte {
    position: absolute;
	width: 250px;
	background: url(../images/cart.gif) no-repeat top right;
	height: 50px;
	font-family: "Calibri", Arial Narrow, Times new roman;
    z-index: 6;
	margin-bottom: 10px;
	margin-top: -25px;
	padding-top: 3px;
}

#info-compte #ul {
	overflow: hidden;
}

#info-compte #ul li {
display: inline;
list-style-type: none;
float: left;
line-height: 34px;
padding: 0 0.2em;	
color: grey;
font-weight: bold;
background: none;
}

#info-compte #ul #moncompte {

	
}

#info-compte #ul li a {
color: grey;
text-decoration: none;}
	
#info-compte #ul em  {
   font-weight: bold;
color: white;
}

#info-compte #ul a#hausse {
float: left;
font-size: 13px;
text-decoration: underline;
font-weight: normal;
margin-top: -10px! important;
margin-left: 10px; 
color: white;
}

#info-compte a#hausse:hover{
text-decoration: none;
}

#info-compte #ul .cart1 {
	background: url(../images/cart_1.gif) no-repeat 0 0.5em;
	padding-left: 3em;
}


#info-compte #ul .cart2 {
	background: url(../images/cart_2.gif) no-repeat 0 0.5em;
	padding-left: 3em;
}


#info-compte #ul .cart3 {
	background: url(../images/cart_3.gif) no-repeat 0 0.5em;
	padding-left: 3em;
}

#info-panier  {
	display: none
}

#info-compte:hover #info-panier  {
z-index: 5;
	display: block;
    background: url(../images/info-panier.gif) no-repeat bottom left;
	width: 250px;
    padding-top: 20px;
	margin-top: -10px;
	text-align: center;
	padding-left:2px;	padding-right:2px;
	color: white;
	font-size:13px;
	font-weight:bold;
}

#info-compte:hover .infomax  {
	height: 270px;
}

#info-compte:hover .infomin  {
	height: 120px;
}


#info-compte:hover #info-panier a {
color: white;
}
#info-compte:hover #info-panier  .image{
height:5px;
width:50px;
display: inline;
padding:4px;
padding-top: 46px;
margin-left: 3px;
margin-top: 8px;
background:white;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}


#info-compte:hover #info-panier  .image-panier a {
text-decoration: none;
}

#info-compte:hover #infoprix-panier li {
color: white;
background: none;
list-style-type: none;
text-align: right;
margin-right: 25px;
margin-top: 0px;
}

#info-compte:hover #infoprix-panier {

margin-top: 15px;
}


#info-compte:hover #infoprod-panier  {

margin-top: 15px;
}

#info-compte:hover #infoprix-panier  .greybutton{
background: #bbbab8;
color: white;
font-weight: bold;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
border: 2px solid #ff9900;
text-decoration: none;
padding: 5px;
font-size: 13px;
}

#info-compte:hover #infoprix-panier  .greybutton:hover{
color: white;
border: 3px solid white;
cursor:pointer;
}





/* barre de droite */


#barre-droite {
clear:both;
float: right;
margin-right: 0em;
margin-top: 0em;
}

#barre-droite #tous-menu {
height: 32px;
width: 250px;
background: url(../images/debut-menusec.png) no-repeat top left;
text-align: center;
position: absolute;
font-family: "Calibri", Arial Narrow, Times new roman;
font-weight: bold; 
color: grey;
font-size: 16px;
z-index: 4;
}

#barre-droite #paiement {
margin-bottom: 8px;
}

#barre-droite #tous-menu #menu{
display:none;
}

#barre-droite #tous-menu:hover #menu{
display:block;
height: 250px;
    background: url(../images/menusec.gif) no-repeat bottom left;
	margin-top: -220px;
	z-index: 2;
	padding-top: 25px;
}

#barre-droite #tous-menu:hover #menu li{
list-style-type: none;
margin-top: 5px;
background: none;
padding-left: 0px;
}

#barre-droite #tous-menu:hover #menu li a{
color: white;
font-family: "Calibri", Arial Narrow, Times new roman;
font-weight: bold;
font-size: 15px;

text-decoration: none;
}

#barre-droite #tous-menu:hover #menu li a:hover{
text-decoration: underline;
}

#barre-droite #tous-menu:hover #menu #cop{
margin-top: 50px;
font-size:14px;
font-weight: normal;
}

#barre-droite .block-droite{
clear: both;
height: 130px;
width: 250px;
 background: url(../images/block-droite.png) no-repeat top left;
 padding-top: 6px;
z-index: 2;
}
#barre-droite #comment{
font-size: 19px;
color:#bbbab8;
text-align:center;
font-family: "Calibri", Arial Narrow, Times new roman;
font-weight:bold;
margin-top: 35px;
}

#barre-droite #livraison{
font-size: 19px;
color:#bbbab8;
text-align:center;
font-family: "Calibri", Arial Narrow, Times new roman;
font-weight:bold;

}
#barre-droite #paiement{
font-size: 19px;
color:#bbbab8;
text-align:center;
font-family: "Calibri", Arial Narrow, Times new roman;
font-weight:bold;

}

#barre-droite #comment a, #barre-droite #livraison a, #barre-droite #paiement a{
font-size: 20px;
color:#bbbab8;
text-align:center;
font-family: "Calibri", Arial Narrow, Times new roman;
font-weight:bold;
text-decoration: none;z-index: 1;
}

#barre-droite #livraison a span{
font-size: 14px;
}
#barre-droite #paiement a  span{
font-size: 14px;
text-align: left;
margin-left: 11px;
}

#barre-droite #paiement p a{
font-size: 14px;

}

#barre-droite #comment img{
margin-top: 5px;
border:none;
}

#barre-droite #contact{
font-size: 19px;
color:#bbbab8;
text-align:left;

font-family: "Calibri", Arial Narrow, Times new roman;
font-weight:bold;
}

#barre-droite #contact a{
font-size: 20px;
color:#bbbab8;
text-align:center;
font-family: "Calibri", Arial Narrow, Times new roman;
font-weight:bold;
text-decoration: none;
}


#barre-droite #contact img{

}
#barre-droite #contact em{
font-size: 13px;
}
#barre-droite #contact div{
margin-left: 15px;
}

/* liste produits */

.listprod h2{
}

.listprod .blockprod div, .blockACCUEIL div{
float: left;
margin-right: 15px;
width: 170px;
	height: 250px;
 background: url(../images/fond-prod.gif) no-repeat top left;
}
.listprod .blockprod div img, .blockACCUEIL div img{
margin-top: 14px;
margin-left: 32px;}

.listprod .blockprod div .nouveau, .listprod .blockprod div .etatPrix, .blockACCUEIL div .nouveau, .blockACCUEIL div .etatprix{
float: left;
margin-left: 5px;
margin-top: 4px;
font-weight: bold;
color:grey;
font-family: "Calibri", Arial Narrow, Times new roman;text-transform:lowercase;
}
 .etatPrix{
text-transform:lowercase;
}
.listprod .blockprod div .prix, .blockACCUEIL div .prix{
float: right;
height: 33px;
margin-right: 5px;
margin-top: 2px;
color:white;

font-family: "Calibri", Arial Narrow, Times new roman;}

.listprod .blockprod div .prix del, .blockACCUEIL div .prix del{
font-size: 12px;}

.listprod .blockprod div h3 a , .blockACCUEIL div h3 a {
text-decoration: none;
font-size: 18px;
color:white;
font-family: "Calibri", Arial Narrow, Times new roman;
text-align: center;


}

.listprod .blockprod div h3  , .blockACCUEIL div h3 {
font-weight: normal;
margin-top: 15px;
text-align: center;
position: relative;
z-index: 4;
}

.listprod .blockprod div .prod-dev, .blockACCUEIL div .prod-dev{
display: none;
}

.listprod .blockprod div:hover .prod-dev, .blockACCUEIL div:hover .prod-dev{
display: block;
 background: url(../images/prod-dev.gif) no-repeat top left;
 position: relative;
 margin-top: -40px;
 color: white;
 font-size: 14px;
 z-index: 4;
}

.listprod .blockprod div:hover .prod-dev p, .blockACCUEIL div:hover .prod-dev p{
margin:0px;
}

.listprod .blockprod div:hover .prod-dev h3, .blockACCUEIL div:hover .prod-dev h3{
margin:0px;
}
.listprod .blockprod div:hover .prod-dev img , .blockACCUEIL div:hover .prod-dev img{
margin-left: 5px;
margin-top: 0px;
}
		
/* liste crossselling */


.panier-rapide{
background: url(../images/cart_4.png) no-repeat top left;

width: 44px;
height: 44px;
border: none;

margin-top: -5px;
margin-left: 15px;
cursor:pointer;}

#CrossSeling .blockprod div img{
margin-top: 4px;
margin-left: 32px;}
	
	#.blockprod div img{
z-index: 2;}

/* Carrousel */
.carrousel {
	list-style: none;
}
.carrousel li {
	float: left;
}
.carrousel li a {
	display: block;
}
#stop, #resume {
	text-decoration: none;
	color: black;
	font-size: 1.2em;
	clear: both;
}
#stop span, #resume span {
	cursor: pointer;
}
#stop {
	background: url(../images/carrousel-pause.gif) no-repeat 0 3px;
	padding-left: 10px;
}
#resume {
	background: url(../images/carrousel-lecture.gif) no-repeat 0 3px;
	padding-left: 10px;
}
	
	
/* recherche */

#recherche {

	left:250px;
	top: 0px;
	background: url(../images/cartb-r.gif) no-repeat top right;
	opacity: 0.4;
	position: relative;
	width: 450px;
	height: 35px;
}


#recherche:hover {

	opacity: 1;
}

#recherche div{
display:inline;
}

#recherche  #cherche {
height: 34px;
float: left;
background: url(../images/cartb-l.gif) no-repeat top left;
padding-left: 15px;
padding-top: 2px;
}

#recherche  #NewsletterForm{
	float:right;
	padding-right: 15px;
	padding-left: 10px;
	padding-top: 2px;
}

#recherche .BtnSearch{
background: url(../images/cherche.png) no-repeat top left;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
width: 27px;
height: 25px;
border: none;
position: relative;
top: -2px;
cursor:pointer;
}
#recherche .BtnSearch:hover{
background: url(../images/cherche-hover.png) no-repeat top left;

}



#recherche input, #recherche textarea
{
   font-family: "Calibri", Arial Narrow, Times new roman;
	padding:3px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	font-weight: bold;
	   	border: none; 	
color:grey;	
}
 
#recherche input:focus, #recherche textarea:focus 
{
  
}
 
 
 
 
/* fiche produit */ 

   #Prod  {
   z-index:2;
   }

   
   #Prod  h2 a{
   text-decoration: none;
   color: #ff9900;
   margin-left: 10px;
   font-size: 15px;
   }


   #Prod  .desc p{
   text-align: right;
   margin-top: -15px;
   margin-right: 30px;
   Font-size: 15px;
   }

#prod-part1 {

     margin-right: 25px;
   }

   
#prod-part1 #prod-image{
float: left;
width: 250px;
   }

#prod-part1 #prod-image #miniature{
text-align: center;
   }
      
   
#prod-part1 #prod-carac{
float: right;
width: 470px;
border-left: 2px dotted grey;  margin-bottom: 10px;
min-height: 280px;
   }
   
      #prod-part1 #prod-carac ul{
margin-left: -35px;
   }
   
   #prod-part1 #prod-carac li{
background: url(../images/puce1.png) no-repeat top left;
padding-left: 30px;
list-style:none;
margin-top: 4px;
   }
   
   
#prod-part2{
clear: both;
border-top: 2px dotted grey;
  margin-right: 30px;
   }
   
#prod-part2 #prod-info{
float: left;
margin-top: 5px;
padding-right: 10px;
border-right: 2px dotted grey;
   }
   #prod-part2 #prod-info ul {

margin-left:-10px;
   }
   #prod-part2 #prod-panier{
float: right;

  margin-bottom: 10px;
min-height: 280px;
   }

   #prod-part2 #prod-panier  .var1{
   background: url(../images/fond-var.jpg) no-repeat top right;
margin-top:10px;
margin-right: 10px;
text-align: right; 
padding-top: 10px;
padding-right: 10px;
width: 358px;
height: 78px;
   }
   
      #prod-part2 #prod-panier  .var1 select{
  color: grey;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
  width: 300px;
   }
#prod-part2 #prod-panier  p{
text-align: right;
margin-top: 0px;
margin-right: 10px;
}


   
#prod-part2 #prod-panier  button#BtnAddCart{
background: url(../images/ajout-panier.jpg) no-repeat top right;
width: 210px;
height: 67px;
border: none;

top: 0px;
cursor:pointer;
}

#Prod #prod-part2 #prod-panier #infosprix {
	width: 120px;
	padding: 1em;
	font-style: italic;
	margin-bottom: 1em;
	
	z-index: 1;
	padding-top: 0px;
}
#Prod #prod-part2 #prod-panier #infosprix p {
margin: 1px; 0;
}
#Prod #prod-part2 #prod-panier #infosprix #PrixFiche strong {
	font-size: 1.6em;
	font-weight: bold;
	font-style: normal;
	color: #cf0908;
}
#Prod #prod-part2 #prod-panier #infosprix #Stockok {
	color: #83b00f;
	background: url(../images/stockok.gif) no-repeat 0 0.1em;
	padding-left: 1.6em;
	font-weight: bold;
}
#Prod #prod-part2 #prod-panier #infosprix #Stockko {
	color: #c28006;
	background: url(../images/stockko.gif) no-repeat 0 0;
	padding-left: 1.6em;
}

#Prod #prod-part2 #prod-panier .Options {
	margin-bottom: 1em;
}
#Prod #prod-part2 #prod-panier .Options h3 {
	font-size: 1.3em;
	color: #c98300;
}
.etatPrixFiche {

	text-align: center;
	background: grey;
 -moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
	color: white;
	  font-size: 14px;
	  font-weight: bold;
}


/* partage */    
   
 #partage{
 clear: both;}
 
 
 #partageEmail, #partageTwitter, #partageFacebook, #partageok{
 display: none;
 position: fixed;
 -moz-border-radius: 5px; -webkit-border-radius: 5px;
 top:210px;
 left: 150px;
 background: white;
 z-index: 10px;
 border: 4px solid grey;
 padding: 10px;
 width: 520px;
}
#partage input {
	width: 280px;
}
#partage label {
	width: 200px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#partage div {
	margin: 5px;
}
#partage button {
	margin-left: 205px;
}
#partage #partageNewsletter label {
	display: inline;
	float: none;
	vertical-align: middle;
	text-align: left;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#partage  label {

	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#partage #partageNewsletter input {
	width: auto;
	vertical-align: middle;-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#partage #infoEnvoyerAmi, #partage #partageTwit {
	margin-bottom: 20px;
}


#partage .tellFriendInfoPerso label {
	float: none;
	text-align: left;
	margin: 0;
	width: auto;
}
#partage .tellFriendInfoPerso textarea {
	width: 500px;
	height: 250px;
}
#partage .tellFriendInfoPerso button {
	float: left;
	margin: 0 10px 0 0;
}

/* variations */    


.block-variations
{
margin-right: 20px;
clear: both;
width: 725px;
min-height: 120px;
background: url(../images/var-bottom.jpg) no-repeat bottom left;
}
.block-variations .top
{
background: url(../images/var-top.jpg) no-repeat top left;
margin-top: 10px;
padding-bottom: 15px;
clear: both;
}

#variations h3
{

float: left;
margin-left: 10px;
width: 570px;
padding: 3px;
border: 1px solid grey;
font-size: 15px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#variations select, .comboBox
{
border: 1px solid grey;
margin-top: 0px;

margin-left: 10px;
float: left;
width: 570px !important;-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#variations select option
{
float: left;
width: 100%;
 font : 11px Verdana;

}

#variations img
{
float: left;
margin: 5px;
margin-right: 10px;

}
#variations a
{
float: right;

}

#variations span
{
text-align: left;
clear: both;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 15px;
font-size: 14px;
}

#variations  input.qtVariation
{
width: 20px;
clear: both;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}


#variations  label
{
clear: both;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}



.opt
{
clear: both;
}

.opt-marg
{
margin-left: 10px;
}
#variations  button#BtnAddCart{
background: url(../images/ajout-paniervar.jpg) no-repeat top right;
width: 210px;
height: 67px;
border: none;

top: 0px;
margin-right: 25px;
cursor:pointer;
}

#infoclient{
position: fixed;
bottom: 50px;
color: white;

padding: 5px;
background: url(../images/infvar.gif) no-repeat top left;
width: 725px;
height: 60px;}

#infoclient p{
float: left;
margin-left: 3px;
margin: 0em 0;
padding: 5px;
font-weight: bold}

#infoclient div{
margin: 0px;
padding: 0px;}

#infoclient div img{
margin-top: 0px;
padding: 0px;
margin-right: 3px;
margin-left: 3px;
}

/* liste categorie */  

.listcat {
float: left;
width: 148px;
height: 153px;
background: url(../images/fond-souscat.png) no-repeat top left;
margin-right: 20px;
text-align: center;
margin-top: 10px;
}

.listcat .img{
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
width: 50px;
height: 50px;overflow:hidden;
margin-left: 50px;
}

.listcat .img img{
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.listCat a{
text-decoration: none;
color: white;
width: 148px;
height: 153px;
font-size: 20px;
padding-top: 40px;
text-align: center;
padding-right: 5px;
padding-left: 5px;
font-weight: bold;
display: block;
}

.listcat a p{
text-decoration: none;
color: white;
font-size: 19px;
padding-top: 7px;
text-align: center;
padding-right: 8px;
padding-left: 5px;
font-weight: bold;
margin-top: 0px!important;
margin-bottom: 0px;
}

.listcat  p.detail{
text-decoration: none;
color: white;
font-size: 15px;
text-align: center;
padding-top: 5px;
padding: 10px;
margin-top: 0px;
font-weight: bold;
}
/* pied de page */  

#info-footer
{
position: absolute;
clear: both;
height: 60px;
margin-top: 100px;
font-size: 18px;
text-align: center;
font-weight: bold;
color: #cecece;}

/* Panier */

#panierblock {

	position: relative;
}

  #votre-panier li{
background: url(../images/puce1.png) no-repeat top left;
padding-left: 30px;
list-style:none;
padding-top: 4px;
   }
   
   
#votre-panier {

	border-collapse: collapse;
	width: 725px;
	margin-bottom: 2em;
}
#pan{
background: url(../images/panier.gif) no-repeat bottom left;
}
 #histo-com {
	border-collapse: collapse;
	width: 725px;
	margin-bottom: 2em;
}
#votre-panier caption {
	font-size: 1.1em;
	text-align: left;
}
#votre-panier a {
	color: #ff9900;
	font-size: 1.1em;
	font-weight: bold;
}
#votre-panier input {
	border: 1px solid grey;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#votre-panier input:hover, #votre-panier input:focus {
	border: 1px solid #c28006;
}
#votre-panier thead, #histo-com thead {
	font-size: 1.1em;
	height: 30px;
}
#votre-panier thead th, #histo-com thead th {
	color: #ff9900;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0 0.3em;
	border-bottom: 1px solid grey;
}
#votre-panier tfoot td {
	text-align: right;
	font-size: 1em;
	padding: 0.2em 0;
}

#votre-panier tfoot td span, #histo-com tfoot td span {
	font-weight: bold;
}
#votre-panier tbody td, #histo-com td  {
	vertical-align: top;
	padding: 0.6em 0;
	border-bottom: 1px solid grey;
}
#histo-com td {
	text-align: center;
	padding: 0.6em 0.3em;
}
#corps #votre-panier tbody td p, #histo-com tbody td p {
	margin: 0;
}
#votre-panier tbody .image-panier img {
	margin-right: 0.8em;
}
#votre-panier tbody .panier-quantite input {
	width: 2em;
	margin-top: 5px;
	text-align: center;
}
#votre-panier tbody .panier-quantite label {
	display: none;
}
#votre-panier tbody .panier-quantite, #votre-panier tbody .panier-supprimer {
	text-align: center;
	padding: 10px;
}
#histo-com tbody .panier-quantite, #votre-panier tbody .panier-quantite {
	font-size: 1.1em;
}
#votre-panier tbody .panier-prix {
	text-align: right;
}
#votre-panier tbody .panier-prix p {
	white-space: nowrap;
}
#votre-panier .ecopart {
	font-size: 1.1em;
}

#panier-validation {
	text-align: right;
}
#panier-validation #commander {
	margin-right: -.5em;
}

.panier-supprimer a {
	background: url(../images/delete.gif) no-repeat 0 0;
	height: 24px;
	width: 24px;
	display: block;
}
.panier-supprimer a span {
	position: absolute;
	left: -9000px;
}
.panier-supprimer a:hover {
	background: url(../images/delete.gif) no-repeat 0 100%;
}

/* Bon de réduction */
#bonreduc {
	text-align: right;
	margin-bottom: 2em;
	margin-right: 25px;
}
#bonreduc label, #bonreduc p {
	font-size: 0.9em;
}
#bonreduc input {
	padding: 0.4em 0.2em;
	vertical-align: middle;
	width: 8em;
}
#bonreduc p {
	margin-bottom: 0.5em;
}
#bonreduc label {
	vertical-align: middle;
}
#bondereduc td {
	color: #c28006;
}

/* identification */ 
#compte1, #minscrire, #cardsoff {
	margin-bottom: 3em;
}
#compte1 #compte11 div, #minscrire  #minscrire1 div, #Contact div, #cardsoff div {
	margin-bottom: 0.5em;
}
#compte1 #compte11 input, #minscrire #minscrire1 input, #Contact input, #cardsoff input {
	width: 15em;
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid grey;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding: 0.35em;
	color: grey;
}
#compte1 #compte11 label, #minscrire #minscrire1 label, #Contact label, #cardsoff label {
	text-align: right;
	padding-right: 1%;
	width: 45%;
	float: left;
	line-height: 1.7em;
}
#compte1 #compte11 img, #minscrire #minscrire1 img, #Contact img, #cardsoff img {
	vertical-align: middle;
}
#compte1 #compte11 .valider3, #minscrire  #minscrire1 .valider3, #Contact #Valider, #cardsoff .valider3 {
	margin-left: 46%;
}
#compte1 #compte11 #perdu {
	margin-left: 46%;
}
#compte1 #compte11 #perdu  a {
	text-decoration: underline;
	color: grey
}

#compte1 #compte11 #perdu  a:hover {
	text-decoration: underline;
}


#compte1 #compte11 .erreur, #minscrire #minscrire1 .erreur, #cardsoff .erreur {
	text-align: center;
	margin-bottom: 1em;
}
#compte1 #compte11 .erreur p, #minscrire #minscrire1 .erreur p, #cardsoff .erreur p {
	margin-bottom: 0.5em;
}

#passconnect, #passconnect2 {
	text-align: center;
}
#passconnect img, #passconnect2 img {
	vertical-align: middle;
}
#passconnect2 {
	margin: 1em 0 2em 0;
}

#cardsoff #identCardsoff {
	margin-left: 45%;
}

/* Creation de compte */
.Erreur {
	background: grey;
	color: #fff;
	padding: 0.5em 0 0.5em 25%;
	margin-bottom: 2em;
	margin-right: 25px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;

}

#Enregistrement fieldset {
	border: none;
	padding: 1em 0;
}
#Enregistrement #etoile {
	padding: 0 0 0 26%;
	font-style: italic;
	margin: 5px 0;
}


#Enregistrement fieldset legend {
	font-size: 1.3em;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	padding-right: 30px;padding-left: 30px;
	background: #bbbab8;
	text-transform: uppercase;
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#Enregistrement fieldset h3 {
	font-size: 1em;
	text-align: right;
	padding-right: 1%;
	width: 25%;
	float: left;
	margin: 2px 0;
	
}
#Enregistrement fieldset h3 label {
	font-size: 1em;
}
#Enregistrement fieldset input, #Enregistrement fieldset textarea, #Enregistrement fieldset select {
	width: 280px;
}
#Enregistrement fieldset div {
	margin-bottom: 0.5em;
	clear: both;
}
#Enregistrement .civilite input, #Enregistrement #check-livraison input {
	width: auto;
	border: none;
	background: none;
	vertical-align: middle;
}
#Enregistrement #check-livraison {
	margin-left: 26%;
margin-top: 5px;
margin-bottom: 5px;
}
#Enregistrement #check-livraison label {
	vertical-align: middle;
}
#Enregistrement .valider {
	margin-bottom: 2em;
}
#Enregistrement .valider button {
	margin-left: 190px;
}
#Enregistrement .valider #btneannul {
	margin-left: 20px;
}
#Enregistrement #Cnil {
	color: #9F9F9F;
	font-size: 13px;
}

#Enregistrement #Cnil a{
	color: #9F9F9F;
	font-size: 13px;
	text-decoration: none;
}
#Enregistrement #dateAnniversaire #annivJour {
	width: 60px;
}
#Enregistrement #dateAnniversaire #annivMois {
	width: 160px;
}
#Enregistrement #dateAnniversaire #annivAnnee {
	width: 80px;
}

#Enregistrement #inscription {
	border-top: 3px solid #000;
	margin-left: 0px;
	
}
#Enregistrement #inscription p {
	width: 580px;
	margin: 5px 0;
	float: left;
}
#Enregistrement #inscription div {
clear: none;
}

#Enregistrement #inscription div .droite{
	float: right;

	margin-top: 5px;
}

#Enregistrement #inscription input {
	vertical-align: middle;
	width: auto;
	background: transparent;
	border: none;

}
#Enregistrement #inscription label {
	vertical-align: middle;
	margin-right: 10px;

}

/* Mon compte */
#compte #histo-link {
	margin-bottom: 2em;
}

#compte #histo-link {
	margin-bottom: 2em;
}
#compte #histo-link li {
	display: inline;
	margin-right: 0.5em;
}
#compte #histo-link li a {
	text-decoration: none;
	color: #ff9900;
	font-weight: bold;
}
#compte #histo-link .current a, #compte #histo-link li a:hover {
	border-bottom: 0.4em solid grey;
	
}
#compte #info-perso, #compte #infocom {
	margin-bottom: 2em;
}

/* Commande */
#ChoixLivraison {
	margin-bottom: 2em;
	overflow: hidden;
	clear: both;
}

#ChoixLivraison .livtop, .avistop {
padding-top: 15px;
  background: url(../images/var-top.jpg) no-repeat top left;
}
#ChoixLivraison .modeliv , .avisbot{
 padding-left: 10px;
padding-top: -10px;
	margin-bottom: 15px;
  background: url(../images/var-bottom.jpg) no-repeat bottom left;
}
.avisbot img{
margin-right: 15px;
margin-top: 15px;
}
.avisbot {
padding: 10px;
}

#ChoixLivraison label, #ChoixLivraison input, #PapierKdo label, #PapierKdo input {
	vertical-align: middle;
        font-weight: bold;
        color:#e18000;
}

#ChoixLivraison p {
	padding-left: 1.5em;
	padding-right: 2.5em;
       padding-bottom: 10px;
margin: 0 0;
}

#ChoixLivraison .end {
	margin-bottom: 0;
}
#ChoixLivraison div input, #PapierKdo input {
	width: auto;
	border: none;
	background: none;
}
#ChoixLivraison div .LivrDesc {
	font-style: italic;
}
#PapierKdo {
	margin-bottom: 2em;
}
#PapierKdo #pricekdo {
	font-style: italic;
}
#MsgColis textarea {
	width: 35em;
	height: 10em;
	margin-bottom: 2em;
}
.valider button {
	margin-left: 0;
}

/* Validation */
#Reglements {
	clear: both;
	margin-bottom: 3em;
}
#Reglements fieldset {
	border: 0;
	margin-bottom: 2em;
}
#Reglements form div {
	margin-bottom: 1em;
}
#Reglements form div label {
	vertical-align: middle;
}
#Reglements form div img {
	vertical-align: middle;
	margin-right: 1em;
}
#Reglements form div input {
	width: auto;
	vertical-align: middle;
	margin-right: 1em;
	border: none;
	background: none;
}
#Reglements form div button {
	margin-left: 0;
}

#recapitulatif #AddFact {
	float: left;
	margin: 0 2em 0 0;

	padding: 5px;
}
#recapitulatif #AddLivr {
	float: left;

	padding: 5px;
}


/* Validation */
#Reglements {
	clear: both;
	margin-bottom: 3em;
}
#Reglements fieldset {
	border: 0;
	margin-bottom: 1em;
	padding-left: 0px;
}
#Reglements form div {
	margin-bottom: 0.1em;
}
#Reglements form div label {
	vertical-align: middle;
}
#Reglements form div img {
	vertical-align: middle;
	margin-right: 1em;
	margin-bottom: 10px;
}
#Reglements form div input {
	width: auto;
	vertical-align: middle;
	margin-right: 1em;
	border: none;
	background: none;
}
#Reglements form div button {
	margin-left: 0;
}

#recapitulatif  #RecapPanier.panier-quantite {
	padding-top: 25px;
}

#Reglements .paitop {
	padding-top: 15px;
  background: url(../images/var-top.jpg) no-repeat top left;
}

#Reglements .paibot {
 padding-left: 10px;
padding-top: -10px;
	margin-bottom: 5px;
  background: url(../images/var-bottom.jpg) no-repeat bottom left;
}


 #AddFact {
	float: left;
	margin: 0 2em 0 0;
 
	padding: 5px;
}
 #AddLivr {
	float: left;
	padding: 5px;
}

#info-perso{
	width: 725px;
	padding: 5px;
}
 #AddFact h3,  #AddLivr h3, #info-perso h3 {
	font-size: 1.1em;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	padding-right: 10px;padding-left: 10px;
	background: #bbbab8;
	text-transform: uppercase;
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#AddFact p,  #AddLivr p , #info-perso p {
padding-left: 10px;
}
	
	 #AddFact a,  #AddLivr a {
	text-decoration: underline;
	color: grey;
	font-weight: bold;
}
	
	
	 #AddFact a:hover,  #AddLivr a:hover {
	text-decoration: none;
}

/* Conditions générales de vente */
#cgv {
	
	margin-top: 12px;
	margin-bottom: 8px;
	
	padding: 5px;
}
#cgv div {
	display: none;
}
#cgv input {
	background: transparent;
	width: auto;
	border: none;
	margin-top: 8px;
}
#cgv label {
	vertical-align: middle;
	cursor: pointer;
}
#cgv a{
	text-decoration: underline;
	color: grey;
	cursor: pointer;
}

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

.PostBlog {
	margin-bottom: 2em;
	   margin-right: 25px;
z-index: 2;
}

.PostBlog .block{
	padding-left: 1em;
	 
}

.PostBlog .titreblog {
	margin-bottom: 1em;
	margin-top: 0.5em;
	overflow: hidden;
			padding:5px;
}

.PostBlog h2 {
	margin-bottom: 0px;
}

.PostBlog a {
	text-decoration: underline;
	color: #d79900;
}


.PostBlog a:hover {
	text-decoration: none;
	color: #d79900;
}



.PostBlog .titreblog .infosbillet h2 {
	margin-bottom: 0.2em;
	font-size: 1.5em;
}
.PostBlog .titreblog .infosbillet h2 a {
	text-decoration: none;
	color: grey;
}
.PostBlog .titreblog .infosbillet p {
	text-align: right;
	margin-top: 3px;
	font-size: 16px;
}

.PostBlog .titreblog .infosbillet  p  a{
	color: grey;
	text-decoration: underline;
}

/* blog */
.PostBlog .nbCom {
	
		padding-left: 20px;
		padding-top: 10px;
		margin-top: 10px;
		height: 30px;
}

.PostBlog .nbCom a{
	background: url(../images/commentaires.gif) no-repeat bottom left;
	padding: 1em 0 0 2em;
	margin-bottom: 2em;
	padding-left: 30px;
}

.PostBlog .blogTag {
	clear: both;
	font-size: 0.9em;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	padding-right: 10px;padding-left: 10px;
	background: #bbbab8;
	
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.PostBlog #com {
	clear: both;
	padding: 1em 0 0 0;
}
.PostBlog #com h3 {
	color:black;
	font-size:1.7em;
	text-transform:uppercase;
	margin-bottom: 1em;
	padding-left: 10px;
}
.PostBlog #com ol {
	list-style: none;
}
.PostBlog #com ol li {
	margin-bottom: 2em;
}
.PostBlog #com li p {
	margin-bottom: 0.8em;
}
.PostBlog #com ol li .comContent {
	background: #F9EEC7 url(../images/infoprix-bg.gif) repeat-x bottom left;
	color: #424242;
	padding: 1em 1em 0.2em 1em;
}
.PostBlog #com ol .admin .comContent {

}
.PostBlog #com ol li .comInfos {
	padding-top: 0.5em;
}


.PostBlog #com ol li .comInfos p {
	font-size: 1em;
	padding-left: 10px;
}
.PostBlog #com ol li .comContent p {
	font-size: 1em;
}

.PostBlog #addCom {
	clear: both;
	padding: 15px;
	
}
.PostBlog #addCom #validComment, .PostBlog #addCom .Erreur {
	padding: 0.5em;
	margin-bottom: 1em;
}
.PostBlog #addCom h3 {
	font-size: 1.1em;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	padding-right: 10px;padding-left: 10px;
	background: #bbbab8;
	text-transform: uppercase;
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.PostBlog #addCom form {
	margin-bottom: 2em;
}
.PostBlog #addCom div {
	margin-bottom: 0.5em;
}
.PostBlog #addCom input {
	width: 24.5em;
}
.PostBlog #addCom label {
	display: block;
	line-height: 1.7em;
}
.PostBlog #addCom img {
	vertical-align: middle;
}
.PostBlog #addCom textarea {
	width: 500px;
	height: 10em;
}
.PostBlog #addCom .button {
	margin-left: 0;
}

.PostBlog #addCom #Cnil {
	font-size: 11px;
}

/* Mot de passe */
#InfoChangePwd form, #ChangePwd form {
	margin-bottom: 2em;
	padding-top: 1em;
}
#InfoChangePwd p, #ChangePwd p {
	margin-bottom: 1em;
	margin-right: 25px;
}
#InfoChangePwd .Erreur p {
	margin: 0;
}

#InfoChangePwd label, #ChangePwd label {
	font-weight: bold;
	color: #424242;
	vertical-align: middle;
}
#InfoChangePwd label img, #ChangePwd label img {
	vertical-align: middle;
}
#InfoChangePwd #PwdOk, #ChangePwd #PwdOk {
	color: #d79900; /* Couleur de la phrase de rappel */
	font-weight: bold;
}
#ChangePwd #PwdOk {
	margin-left: 40%;
}
#InfoChangePwd .Erreur img, #ChangePwd .Erreur img {
	vertical-align: middle;
}
#ChangePwd div {
	margin-bottom: 0.5em;
}
#ChangePwd label {
	text-align: right;
	padding-right: 1%;
	width: 39%;
	float: left;
	line-height: 1.7em;
	font-weight: bold;
	color: #424242;
}
#ChangePwd #Valider {
	margin-left: 40%;
}

/* page crédit */

.block2 a {
color: grey;
text-decoration :underline;
}
.block2 a:hover {
text-decoration :none;
}
/* page recherche  */

 .cherch h2 {
 	font-size: 1.1em;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	margin-right: 25px;
	padding-right: 10px;padding-left: 10px;
	background: #bbbab8;
	text-transform: uppercase;
			-moz-border-radius: 5px; -webkit-border-radius: 5px;}
 
 
 /* validation paiement */
#ValidationVirement table {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #aecf2c;
	margin-bottom: 2em;
}
#ValidationVirement table thead {
	color: #fff;
	font-size: 1.3em;
	height: 30px;
	background: #aecf2c;
	font-weight: normal;
}
#ValidationVirement table tbody {
	font-size: 1.4em;
}
#ValidationVirement table tbody td {
	text-align: center;
	padding: 0.5em 0;
}
#ValidationVirement #InfosTit p strong, #ValidationCheque #InfosTit p strong  {
	display: block;
}
#ValidationVirement #NumCom, #ValidationCheque #NumCom {
	border: 1px solid #aecf2c;
	padding: 1em;
	margin-bottom: 1em;
}
#ValidationVirement #NumCom p, #ValidationCheque #NumCom p {
	margin-bottom: 0;
}
#ValidationVirement #ThxCom, #ValidationCheque #ThxCom {
	margin-bottom: 1em;
	}
	/* pages libres */


#BlockAccueil
{ clear: both;}

#corps #BlockAccueil .block{
	margin-bottom: 0.5em;
    background: none;
margin-top: 8px;
}
#corps .block p  {
	margin-bottom: 0.8em;
	line-height: 1.4em; 
    margin-top: 0,8em;
}


#corps .block, .PostBlog .block  {
	clear: both;

}





#corps .block .Itxtimg img, .PostBlog .block .Itxtimg img {
	float: right;
	margin: 0 0 1em 1em;
}
#corps .block .Iimgtxt, .PostBlog .block .Iimgtxt {
	float: left;
}
#corps .block .Iimg {
	margin-bottom: 1em;
}
#corps .block .Iimgtxt img, .PostBlog .block .Iimgtxt {
	margin: 0 1em 1em 0;
}
#corps .block .Ileftimg  {
	text-align: left;
}
#corps .block .Irightimg  {
	text-align: right;
}
#corps .block .Icenterimg  {
	text-align: center;
}

#corps .block table, #SuiteInfos table {
	border-collapse: collapse;
	border: 1px solid #aecf2c;
	font-size: 1.3em;
	margin-bottom: 1em;
}
#corps .block caption, #SuiteInfos caption {
	color: #c98300;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}
#corps .block table th, #SuiteInfos table th {
	background: #aecf2c;
	color: #fff;
	font-weight: bold;
}
#corps .block table td, #SuiteInfos table td {
	padding: 0.2em 0.5em;
	border: 1px solid #aecf2c;
}