body { margin: 0pt auto;
    padding: 0pt;
    background-color:rgb(244, 244, 244);
    font-family: Verdana,Tahoma,Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 76%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(48, 48, 48);
    }

	
	.menu ul {
    padding: 0pt;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
		margin:0px;
		font-size: 1.0em;
	 }

	.menu li {
	  margin:0px;
		padding-top:3px;
		padding-bottom:3px;
	}

	.menu li a {
	  text-align:right;
	  padding-right:8px;
		padding-top:2px;
		padding-bottom:2px;
	  border-left: 4px solid rgb(244, 244, 244);
	  border-right: 2px solid rgb(244, 244, 244);
    	border-bottom:2px solid rgb(244, 244, 244);
	  background: rgb(248, 248, 248) none repeat scroll 0% 50%;
	  color: rgb(80, 80, 80);
	}

	.menu li a:first-child {
	  border-left: 4px solid rgb(204, 204, 204);
	  border-right:none;
	  border-bottom:none;
    background: rgb(244, 244, 244) none repeat scroll 0% 50%;
    font-weight: bold;
    text-decoration:none;
    color: rgb(80, 80, 80);
		padding-top:6px;
		padding-bottom:6px;
		padding-left:6px;
		padding-right:12px;
		text-align:left;

	}

	.menu li a:hover {
	      font-weight: bold;
	      text-decoration:none;
	      color: rgb(40, 110, 160);
	      background: rgb(234, 234, 234) none repeat scroll 0% 50%;
	}

  .menu li a:first-child:hover {
	  border-left: 4px solid rgb(40, 110, 160);
    background: rgb(234, 234, 234) none repeat scroll 0% 50%;
    color: rgb(40, 110, 160);
		text-decoration:none;
    }

	.fiche-article  {
		padding:0px;
		margin:0px;
	}
	
	.fiche-article  span {
		display:block;
		padding-bottom:15px;
		margin:0px;
	}
	
	.fiche-article  span:first-child {
		padding:0px;
		margin:0px;
	}
	
	
	.fiche-article  span img {
		margin-right:20px;
	}

	#menu-haut {
	  margin-top:10px;
	  }

  #menu-haut ul {
		display:inline;
    }

	#menu-haut span:first-child { /* date */
	  float:left;
	  width:166px;
		text-align:center;
		font-size:0.71em;
	}

  #menu-haut li {
     display: inline;
		 padding-right:3px;
      padding-left:3px;
    }

  #menu-gauche {
    padding: 0pt;
    clear: left;
    float: left;
    width: 150px;
		margin-top:16px;
		margin-left:2px;
    }

  #menu-gauche li a{
    display: block;
    }


/*********************/
/* Paiement sécurisé */
/*********************/
#paiement-securise p {
	margin-top:30px;
	text-align:center;
    font-size:0.9em;
    margin-bottom:0px;
}

#paiement-securise img {
	display:block;
	padding-top:4px;
	margin:auto;
}


/*********/
/* CEZAM */
/*********/
#cezam p {
	margin-top:60px;
	text-align:center;
    font-size:0.9em;
    margin-bottom:0px;
}

#cezam img {
	display:block;
	padding-top:4px;
	margin:auto;
}


/**************/
/* Nouveautes */
/**************/
#nouveautes {
    float: right;
	margin: 0px 0px 10px 10px; /* top right bottom left */
    width: 130px;
    color: rgb(80, 80, 80);
    background-color: rgb(244, 244, 244);
    text-align:center;
    padding:10px;
}

#nouveautes p {
	margin-top:20px;
}

#nouveautes img {
	margin-bottom:20px;
}





/***********/
/* Tableau */
/***********/
  .tableau {
	  border : rgb(204, 204, 204) 1px solid;
		margin:0px;
		padding:0px;
		float:left;
	}

  .tableau p {
 	  float:left;
		padding-left:5px;
		padding-right:5px;
		border-left : rgb(204, 204, 204) 1px solid;
		border-right : rgb(204, 204, 204) 1px solid;
		border-bottom : rgb(204, 204, 204) 1px solid;
		margin:0px;
	}

	.tableau p:first-child {
		background-color: rgb(244, 244, 244);
		font-weight: bold;
		border-top: rgb(204, 204, 204) 1px solid;
		text-align:center;
	}

	.tableau p span {
	  float:left;
	}


/********************/
/* Grille de saisie */
/********************/
  .grille-saisie {
		float : left;
		margin:0px 7px;
		padding:0px;
		border : rgb(204, 204, 204) 1px solid;
	}

	.grille-saisie p:first-child { /* Titre de la grille */
	  margin:0px;
		padding:5px;
	  text-align:center;
		font-weight:bold;
		background-color: rgb(244, 244, 244);
	}

	.grille-saisie p span:first-child { /* 1ère colonne */
	   width:100px;
		 float:left;
		 margin-left:6px;
		 text-align:left;
		 clear:left;
	}

	.grille-saisie p {
	  text-align:left;
	  margin:15px;
	}

	.grille-saisie p[name='message-erreur'] {
	   color:red;
		 font-weight: bold;
		 text-align:center;
	}

    .grille-saisie p[name='boutons-grille'] {
		 text-align:center;
	}


/**********/
/* PANIER */
/**********/
  #panier {
	  border:none;
	  width:640px;
	}

  #panier p:first-child{
	  padding:2px 5px 2px 5px;
  }

  #panier p {
	  padding:5px 5px 5px 5px; /* Top Right Bottom Left */
		margin:0px;
	}

	#panier p span {
	  float:left;
	}

	#panier p span[name="col-sup"] {
		text-align:left;
		width:38px;
	}

	#panier p span[name="col-art"] {
    text-align:left;
	  width:372px;
	}

	#panier p span[name="col-taille"] {
		text-align:right;
		width : 90px;
	}

	#panier p span[name="col-prix"] {
		text-align:right;
	  width : 80px;
	}

	#panier p:first-child span[name="col-art"] {
    text-align:center;
	}

  #panier p span[name="col-tot-titre"] {
		width:270px; /*490*/
		text-align:right;
	}

  #panier p span[name="col-tot-val"] {
		width:70px;
		text-align:right;
		margin-left:10px;
		margin-right:0px;
	}

  #panier p span[id="panier-prix-total"] {
		font-weight: bold;
		border-top : rgb(204, 204, 204) 2px solid;
		margin-right:0px;
	}

	#panier p[name="panier-tot"] {
	    border:none;
		padding:3px 0px 3px 0px; /* Top Right Bottom Left */
		margin-right:54px;
		float:right;
	}

	#panier input[name="Commander"] {
        clear:both;
	  float:right;
	  padding : 2px 4px;
		margin-top:10px;
		margin-right:54px;
		font-weight: bold;
		font-size: 1.0em;
	}

	#panier-code-red {
		margin-top:-90px;
		margin-left:110px;
		font-size:0.9em;
		width:150px;
}

	#panier-code-red p {
	    padding:5px;
	    margin:0px;
		text-align:center;
	}

	#panier-code-red input {
		font-size:0.9em;
		margin:5px;
	}

	#panier-code-red p:first-child {
	    padding:0px;
	}

	#panier-code-red form {
		padding:0px;
		margin:0px;
	}

	#panier-code-red p[name='message-erreur'] {
		padding:0px;
		margin:0px;
		}


/************************************/
/* COMMANDE (bandeau de navigation) */
/************************************/
	#commande-navigation {
		clear:both;
		position:absolute;
		top:645px;
        width:610px;
		padding:0px;
		margin:0px;
	}

	#commande-navigation p {
		text-align:center;
		padding:0px;
		margin:0px;
	}
	
	#commande-navigation p input {
		width:150px;
		font-weight:bold;
		margin:0px 40px;
	}

 #commande-navigation p input:first-child {
		font-weight:normal;
	}


/*************************************/
/* COMMANDE (bandeau de progression) */
/*************************************/
	#commande-progression {
		 clear:left;
		 position:absolute;
		 top:685px;
		 text-align:center;
		 margin:auto;
	}

	#commande-progression hr {
      clear:both;
		 height:1px;
		 border:none;
		 background-color: lightgray;
		 color:lightgray;
		 width:610px; /* required for IE */
	}

  #commande-progression ul {
		display:inline;
    margin:0px;
    padding:0px;
    }

  #commande-progression li {
        display:inline;
        padding:16px;
    }

  #commande-progression li.etape-future {
     color:silver;
    }

  #commande-progression img[id='bullet'] {
	   border:none;
		 background:none;
		 top:-13px;
		 position:relative;
		 margin:0px;
		 padding:0px;
	}

  #commande-progression img[name='1'] {
		 left:60px;
	}

  #commande-progression img[name='2'] {
		 left:170px;
	}

  #commande-progression img[name='3'] {
		 left:280px;
	}

  #commande-progression img[name='4'] {
		 left:404px;
	}

  #commande-progression img[name='5'] {
		 left:510px;
	}

    #commande-progression img[name='6'] {
        left:584px;
	}


/********************************************/
/* COMMANDE (saisie des infos de livraison) */
/********************************************/
	#commande-livraison {
    position:relative;
    left:60px;
    top:30px;
	}


/*****************************************/
/* COMMANDE (sélection mode de paiement) */
/*****************************************/
  #commande-type-paiement {
    position:relative;
	  left:60px;
    top:30px;
	  width:460px;
	}

	#commande-type-paiement p span:first-child {
	   width:180px;
		 text-align:left;
	}

	#commande-type-paiement p span {
		 margin-bottom:10px;
		 padding-bottom:10px;
		 float:left;
	}

	#commande-type-paiement p span img {
		 border:none;
		 background: rgb(255, 255, 255);
		 display:inline;
		 margin-left:26px;
		 margin-top:-20px;
	}


/***************************/
/* COMMANDE (confirmation) */
/***************************/
    #cmde-conf-num-cmde {
        margin-top:10px;
        margin-bottom:20px;
		left:44px;
		position:relative;
	}

	#cmde-conf-num-cmde p {
	    width:150px;
		border:none;
		clear:left;
		text-align:center;
	}

	#cmde-conf-date {
	  float:right;
		margin-top:10px;
		position:relative;
		right:52px;
	}

	#cmde-conf-date p {
	  width:300px;
		border:none;
		clear:left;
		text-align:center;
	}


  #cmde-conf-panier {
	  border:none;
		left:44px;
		position:relative;
		width:640px;
	}

	#cmde-conf-panier p span[name="col-ref"] {
		text-align:left;
		width:70px;
	}

	#cmde-conf-panier p span[name="col-des"] {
	  text-align:left;
	  width:280px;
	}

	#cmde-conf-panier p span[name="col-taille"] {
	  width:90px;
		text-align:center;
	}

	#cmde-conf-panier p span[name="col-prix"] {
	  width:80px;
		text-align:right;
	}

  #cmde-conf-panier p span[name="col-tot-titre"] {
		width:430px;
		text-align:right;
	}

  #cmde-conf-panier p span[name="col-tot-val"] {
		width:90px;
		text-align:right;
	}

  #cmde-conf-panier p span[id="panier-prix-total"] {
		font-weight: bold;
		border-top : rgb(204, 204, 204) 2px solid;
		background-color: rgb(244, 244, 244);
	}

	#cmde-conf-panier p[name="panier-tot"] {
	  border:none;
		padding:3px 0px 3px 6px; /* Top Right Bottom Left */
	}
	
	#cmde-conf-livraison {
	  margin-top:20px;
		left:44px;
		position:relative;
	}

	#cmde-conf-livraison p {
	  width:250px;
		border:none;
		clear:left;
	}

	#cmde-conf-mode-paiement {
	  float:right;
		margin-top:20px;
		position:relative;
		right:52px;
	}

	#cmde-conf-mode-paiement p {
	  width:200px;
		border:none;
		clear:left;
	}

	#cmde-conf-mode-paiement p span {
		text-align:center;
		width:100%;
	}

	#cmde-conf-cgv{
		position:absolute;
		top:580px;
        width:630px;
		text-align:center;
		margin:auto;
		border:none;
	}

  /***********************/
  /* COMMANDE (paiement) */
  /***********************/
  #cmde-paiement input {
	 float:right;
     margin-top:50px;
     margin-right:50px;
	}

	/******************/
	/* Identification */
	/******************/
	#identification {
        height:240px;
	}

	#nouveau-client {
	    height:240px;
		margin-right:0px;
		padding-right:0px;
	}

    #nouveau-client p {
        text-align:center;
		margin-right:0px;
		margin-left:0px;
	}

	#nouveau-client input {
		margin-top:20px;
	}


  /***************/
  /* Inscription */
  /***************/
	#inscription {
        position:relative;
        left:70px;
	}

  /**********************/
  /* Mot de passe perdu */
  /**********************/
	#mot-de-passe-perdu p {
        text-align:center;
	}

    #mot-de-passe-perdu p[name='message-erreur'] {
        color:red;
        font-weight: bold;
	}

    #mot-de-passe-perdu p[name='message-succes'] {
        font-weight: bold;
	}

	#mot-de-passe-perdu p span {
		margin-left:10px;
	}



  /*********************************/
  /* Conditions générales de vente */
  /*********************************/
	#cgv {
        overflow: auto;
        height:580px;
        padding-right:10px;
	}


  /*************************************/
  /* Demande de création personnalisée */
  /*************************************/
	#demande-creation {
        position:relative;
        left:70px;
	}
	
	
	/*********************/
	/* Liste des commandes */
	/********************/	
	#liste-cmdes span[name="col-num"] {
		width:50px;
		text-align:center;
	}
	
	#liste-cmdes a {
		color:black;
	}
	
	#liste-cmdes a:hover  span{
		background-color: rgb(244, 244, 244);
	}
	
	#liste-cmdes span[name="col-date"] {
		width:120px;
		text-align:center;
	}
	
	#liste-cmdes span[name="col-client"] {
		width:200px;
		text-align:left;
	}
	
	#liste-cmdes span[name="col-etat"] {
		width:150px;
		text-align:center;
	}
	
	#liste-cmdes p:first-child span {
		text-align:center;
	}

  /*****************************/
	/* A partir d'ici : à revoir */
  /*****************************/
  #formulaire form
	{
		 float:left;
	}


	#formulaire p
	{
  	float:left;
  	clear:both;
  	margin:5px;
	}

	#formulaire label
	{
	  width:135px;
	  float:left;
	}


  #wrap { margin: 0px auto 0pt;
    background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    color: rgb(48, 48, 48);
    width: 800px;
    }

  #frontphoto { border: 0pt none ;
    margin: 0pt 0pt 0px;
    }

  #content {
    margin: 20px 0px 0px 164px; /* Problème : agrandir la marge gauche sinon pb sur IE */
    padding: 0px 4px;
    line-height: 1.6em;
    text-align: justify;
    border-right-style: none;
	/*height:720px;*/
    }

  #content h2 { margin: 0pt 0pt 0.5em;
    font-size: 1.5em;
    }

	#content span.entete {
		float: left;
		text-align:center;
		margin-left: 0px;
		margin-bottom: 10px;
		margin-top: 0px;
		padding-top: 0px;
		font-size: 0.9em;
	  }

	#content select.entete {
	  font-size: 0.9em;
		}

  #content div.vignette {
	  float: left;
    width: 138px;
    text-align: center;
    font-size: 0.8em;
    top: 0pt;
    left: 0pt;
    right: 0pt;
    bottom: 0pt;
    line-height: 1.2em;
    margin-top: 0pt;
		margin-bottom:0pt;
		padding-top:10px;
    padding-bottom:10px;
    padding-left:9px;
    padding-right:9px;
		margin-left:0px;
		margin-right:0px;
    }

  #content img { border: 4px solid rgb(240, 240, 240);
    padding: 1px;
    background: rgb(204, 204, 204) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: rgb(48, 48, 48);
    float: left;
    }

  h3 { margin: 0pt 0pt ;
	  margin-bottom:10px;
    line-height: 1.3em;
    font-size: 1.1em;
    }

	h4 {
	    margin-top:20px;
			margin-bottom:5px;
	  }

  a { text-decoration: none;
    color: rgb(40, 110, 160);
    }
	
  a:hover { text-decoration: underline;
    color: rgb(40, 110, 160);
    }

  a img { border: 0pt none ;
    }

  #footer {
	border-top: 4px solid rgb(240, 240, 240);
    margin: 30px auto;
    padding: 10px 0pt 20px;
    clear: both;
    width: 760px;
    text-align: center;
    color: rgb(128, 128, 128);
    font-size: 0.9em;
    }

  #footer a { color: rgb(128, 128, 128);
    text-decoration: none;
    }

  #footer a:hover { text-decoration: underline;
    }

  .left { margin: 10px 10px 5px 0pt;
    float: left;
    }

  .right { margin: 10px 0pt 5px 10px;
    float: right;
    }

  .textright { text-align: right;
    }