/* Mise en page de ID Boutique */

/* ---- Styles des balises generales ---- */

ul
{
	list-style: none;
	list-style-position: inside;
}

:focus
{
  -moz-outline-style:none;
}

/* ---- Fin des styles des balises generales ---- */

.both
{
	clear: both;
}

.number
{
	text-align: right;
	padding-right: 0.1em;
}

/* ---- Styles de mise en page generale de ID Boutique ---- */

#page
{
	width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#header
{
  min-height: 100px;
}

#categories
{
	float: left;
	width: 200px;
}

.sub_category
{
	padding-left: 1em;
}

#content
{
	float: left;
	width: 790px;
}

#cart
{
	float: left;
  width: 200px;
}

#footer
{
	clear: both;
	text-align: right;
  color: #444;
}

/* ---- Fin des styles de mise en page generale de ID Boutique ---- */

/* ---- Styles des pages imprimables ---- */

.printable
{
  display: none;
}

/* ---- Fin des styles des pages imprimables ---- */

/* ---- Styles des formulaires ---- */

p input, #cryptogram
{
	vertical-align: top;
}

#cryptogram
{
	margin: 0 0.5em;
}

/* ---- Styles des formulaires ---- */

/* ---- Styles du menu 1 ---- */

#menu_1 li, #menu_2 li
{
	display: inline;
	margin-right: 7px;
}

/* ---- Fin des styles du menu 1 ---- */

/* ---- Styles du menu des categories/sous-categories ---- */

#categories li
{
	margin: 1em 0;
}

#categories li.sub_category
{
  margin: 0;
}

/* ---- Fin des styles du menu des categories/sous-categories ---- */

/* ---- Styles d affichage des informations du client ---- */

ul#customer_menu li
{
  display: inline;
}

/* ---- Fin des styles d affichage des informations du client ---- */

/* ---- Styles d affichage des conditions generales de vente dans la validation de commande ---- */

textarea#cgv
{
	width: 550px;
	height: 300px;
}

/* ---- Fin des styles d affichage des conditions generales de vente dans la validation de commande ---- */

/* ---- Styles du listing des produits ---- */

.product
{
  float: left;
  width: 150px;
  margin-right: 1em;
  height:240px;
}

.product .picture
{
  width: 150px;
  height: 150px;
  text-align: center;
}

.product .picture img
{
  vertical-align: -75px;
}

.product .name
{
  
}

.product .price
{
  
}

/* ---- Fin des styles du listing des produits ---- */

/* ---- Styles d affichage d un produit unique ---- */

.one_product .pictures
{
  float: left;
	width: 200px;
	height :300px;
}

.one_product .details
{
	float: right;
	width: 350px;
}

.one_product .details table
{
  width: 90%;
  font-size: 1.2em;
}

.one_product .options table
{
	width: auto;
}

.one_product .options label
{
	margin-right: 0.5em;
}

.one_product li
{
	margin-bottom: 0.2em;
}

.one_product .pictures{
  position : relative;
}

.one_product .pictures .small
{
	/*float: left;*/
	
	margin: 0.1em 0.1em 0 0;
}

.one_product .pictures .picture{
  width : 200px;
  height : 200px;
  display: table-cell;
  vertical-align : middle;
  overflow : hidden;
  text-align : center;
}

.one_product .pictures .picture * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

.one_product .price
{
	font-weight: bold;
  color: #B00;
}

.one_product .quantity
{
  text-align: right;
}

.one_product .description
{
  width: 350px;
	margin-top: 0.5em;
  margin-bottom: 0.5em;
	padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/* ---- Fin des styles d affichage d un produit unique ---- */

/* ---- Styles d affichage des produits associes a un produit ---- */

.discover
{
	clear: both;
	padding-top: 1em;
}

.discover h2
{
  font-size: 1em;
}

.discover h3
{
  font-size: 1em;
	margin-bottom: 0.5em;
}

.discover div
{
  float: left;
	margin-right: 0.5em;
}

.discover .picture
{
  text-align: center;
}

/* ---- Fin des styles d affichage des produits associes a un produit ---- */

/* ---- Styles d affichage d un produit de l accueil ---- */

.selection
{
	margin-left: auto;
	margin-right: auto;
	width: 580px;
}

.selection h2
{
	text-align: center;
}

.selection .disabled a
{
	cursor: default;
}

#move_left, #move_right
{
  float: left;
	padding-top: 80px;
}

.selected_product
{
	width : 170px;
	float: left;
}

.selected_product .name
{
	float: left;
}

.selected_product .price
{
  float: right;
}

.selected_product .add_to_cart
{
	clear: both;
	float: left;
}

.selected_product .more
{
	float: right;
}

.hLeft, .hRight
{
	display: none;
}

/* ---- Fin des styles d affichage d un produit de l accueil ---- */

/* ---- Les styles des offres de l accueil (a droite) ---- */

.offer_picture
{
	float: left;
}

/* ---- Fin des styles des offres de l accueil (a droite) ---- */

/* ---- Styles du panier complet ---- */

table#full_cart
{
	width: 540px;
	margin-left: auto;
	margin-right: auto;
}

table#full_cart tr td
{
	font-size: 1em;
}

/* ---- Fin des styles du panier complet ---- */

/* ---- Styles du choix des adresses ---- */

#same_billing
{
  display: none;
}

/* ---- Fin des styles du choix des adresses ---- */

/* ---- Style pour le plan de site ---- */

ul.siteMapListe{
	margin-left:10px;
}
ul.siteMapListe li{
	font-weight:bold;
	margin:0 0 5px 0;	
}
ul.siteMapListe li ul{
	margin:5px 0 0 30px;
}
ul.siteMapListe li ul li{
	margin:0 0 5px;
	font-weight:normal;
}		

/* ---- Fin Style pour le plan de site ---- */

.prixBarre{
	text-decoration:line-through;	
}

/* ************************************************** */
/* Produits associés*/
/* ************************************************** */

#produitsAssocies{
}
#produitsAssocies div.element{
	margin:0 0 10px 0;
	clear:left;
	min-height:85px;
	height:auto!;
	height:80px;
}
#produitsAssocies div.element .prix{
	float:right;
	margin:0 0 0 10px;	
	width:80px;
	height:85px;
}
#produitsAssocies div.element .prix div{
  	text-align:right;
  	font-size:1.5em;
  	font-weight: bold;	
  	margin-top:25px;		
}

#produitsAssocies div.element .picture{
	float:left;
	width:80px;
	height:80px;
	margin:5px 10px 0 5px;
} 
#produitsAssocies div.element .content h3{
	margin-bottom:5px;
}

/* Connexion ou inscription */
#signin div{
  width : 45%;
  margin-left : 5px;
  float : left;
}

#signin div p{
  text-align : center;
}

/* Connexion ou inscription */
#signin div{
  width : 45%;
  margin-left : 15px;
  float : left;
}

#signin div h2{
  border-bottom : 1px solid black;
  margin-bottom : 20px;
}

#signin div p{
  text-align : center;
}

#signin div p a{
  font-weight : bold;
}