/*********************************************************
               GENERAL
  **********************************************************/

* { margin:0; padding:0; list-style-type:none; border:0px none; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3A0F14;}

/*--------------------  HACK HAUTEUR IE -------------------- */

* html #main-padding {
	height: 400px;
}

* html #side-left {
	height: 589px;
}

/* -------------- LIENS -------------------- */

a, a:visited, a:active { text-decoration:none; color:#7E7D4B; font-weight:bold; }
a:hover { text-decoration:underline;  }

  /*********************************************************
               STRUCTURE
  **********************************************************/

		html {  }

		body { background:url(images/bg-body.jpg) top center no-repeat #FEF9F4; }

		#box { width:950px; margin:0 auto; }

		#cadre_main {}

		#header { }

		#breadcrumb { }

/* ------------ MENU LEFT ------------------ */
		
		#side-left {float:left; width:329px !important; width:319px; background:url(images/bg-side-left.jpg) top center no-repeat; min-height:589px; }
		#menu-left { margin-top:27px; margin-left:116px;}

/* ------------ MAIN 750 ( 750 px site 2 colonnes ) -------------------- */ 

		#main-padding { display:block; float:left; width:621px; }
		#main-padding #main { margin-bottom:20px; } /* main=740px */
		
		#main-padding #main ul { margin:8px 0;  }
		#main-padding #main li {  padding:0 0 5px 0px; margin:0 0 0 25px;}
		#main-padding #main p { line-height:1.5em; margin:10px 0; text-align:left;}		

  /*********************************************************
                HOME
  **********************************************************/
		
/* ------------ BLOC HOME 1 ( 720 px site 2 colonnes ) ------------------ */

		.bloc-home-1 {width:610px; margin-bottom:40px; /*margin-top:10px;*/}
		.bloc-home-1 .pic {float:right; width:204px; text-align:right; margin-left:10px;}
		.bloc-home-1 .pic img { border:2px solid #C1A888; }
		.bloc-home-1 .descriptif  {float:left;}
  		#main-padding #main .bloc-home-1 p { margin:0px 0px; text-align:justify; } 
		.bloc-home-1 .detail { width:112px; line-height:19px; margin-top:10px; padding-left:5px; background-color:#521314; }
		.bloc-home-1 .detail a, .bloc-home-1 .detail a:hover, .bloc-home-1 .detail a:visited { color:#E1D6C8; }

  /*********************************************************
                PRODUIT 1er AFFICHAGE 
  **********************************************************/

/* ------------ BLOC PRODUIT 1 ( 720 px site 2 colonnes ) ------------------ */

		.bloc-produit-1 { width:600px; margin:0px auto; padding:15px 0 0 0;}
		.bloc-produit-1 .pic {float:right; text-align:right; margin-left:10px; width:210px;}
		.bloc-produit-1 .pic img { border:2px solid #C1A888; }
		.bloc-produit-1 .descriptif  {}
  		#main-padding #main .bloc-produit-1 p { margin:0px 0px; text-align:justify; } 
		.bloc-produit-1 .detail { float:left; line-height:19px; margin-top:10px; margin-bottom:10px; padding:0 20px; background:#521314 url('images/picto-details.png') no-repeat left center; ; }
		.bloc-produit-1 .detail a, .bloc-produit-1 .detail a:hover, .bloc-produit-1 .detail a:visited { color:#E1D6C8; font-weight:normal; }
		.bloc-produit-1 .prix { }	 

/* ------------ BLOC DETAIL ------------------ */

	.bloc-detail { width:610px; margin:0px auto 20px 0px; padding:10px 0;}
	.bloc-detail .descriptif {padding:5px 0;    margin:0px; width:610px; text-align:left;  }	
	#main-padding #main .bloc-detail p { text-align:justify; }	
	.bloc-detail .descriptif .ajouter-panier .prix { float:none; text-align:right; font-size:1.4em; padding:0;}
	
/* ------------ DIAPORAMA ------------------ */

	#diaporama {}
	#diaporama .thumb { width:300px; margin:0 auto;  }
	#diaporama .thumb img { margin: 0 0 5px 0; border:1px solid #5D0602;  }
	#diaporama .big { margin:10px auto; text-align:center; }
	#diaporama .big img { border:1px solid #5D0602; }

/* ------------ PARTENAIRES ------------- */

	.partners a, .partners a:hover, .partners a:visited{color:#FFFFFF;}
	.partenaire{ width:610px; margin:10px auto 20px 0px; }
	.liens { margin:0 0 0 10px; }
	.thumbpic_liens { float:right; margin:0 50px 5px 10px; border:1px solid #fff; } /* décalage vignette logo*/
	
/* ------------ PLAN --------------------- */

	.plan, .horaires {width:606px; margin:0 auto; border:1px solid #3A0F14;  padding:3px 5px 3px 5px;}
	.plan legend, .horaires legend {color:#3A0F14; font-size:1.3em; padding:5px 10px;}
	.plan dl dt, .horaires dl dt{font-weight:bold; color:#3A0F14;}
	.plan dl dd, .horaires dl dd{width:200px; padding-left:5px; }
	.horaires ul li{width:200px; padding-left:5px; }
	.plan a, .horaires a {}
	.plan a:hover, .horaires a:hover, .plan a:visited, .horaires a:visited { text-decoration:underline;}
	
/* ------------ DL DT DD ------------------ */
		
	dl { margin: 5px 0; display:block; width:520px; float:left; }
	dl h3{  text-transform:uppercase;  }
	dt, dd { padding:5px 10px;  }
	dt { width: 170px; float: left; font-weight: bold;  text-transform:uppercase; }
	/* hack de commentaire avec un antislash pour ie5 mac \*/
	dt { clear:both; }
	/* end hack */
	dd { float: left; width:240px; line-height:1.4em;  }

/* ------------ NAV PAGINATION ------------------ */
	
	.nav { float:right; width:600px; margin-right:10px; text-align:right;  padding:5px 0;}
	.nav a:link, .nav a:visited { padding:3px 7px; background:#59121A; color:#EDE5DB; border:1px solid #EDE5DB; }
	.nav a:hover { background:#59121A; color:#FB8F9B; border:1px solid #FB8F9B;  text-decoration:none; }
	.nav .actuel{ font-weight:bold; padding:3px 7px; border:1px solid #FB8F9B; color:#FB8F9B; background:#59121A;}	

/* ------------ COMMUNS (dans la charte du site) --------------------- */

	.disponibilite { display:block; float:right; font-style:italic; font-size:1.2em; background: url('images/picto-actualiser.png') no-repeat left center; padding:0 0 0 20px; }

	.prix {display:block; float:left;  font-weight:bold; font-size:1.2em; color:#440A12; margin:0px 0; padding:5px 0;}
	.prix-barre { font-size:1em; text-decoration:line-through;color:#666; }
	h2 { font-weight:bold; font-size:1.2em; }
	h3 { text-transform:uppercase; color:#76353C; font-size:1.3em; font-weight:bold; text-align:center; vertical-align:middle; padding:5px 0; margin:5px 0px; }
	h4 {  font-weight:bold; font-size:1.1em; text-align:left; margin:0; }
	strong { font-weight:bold; }
	.annotation {font-style:italic; font-size:0.9em; color:#666;}
	#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

	
/* ------------ ICONS --------------------- */

	.icon-pdf { background: url('images/icons/pdf.png') no-repeat left center; padding:0 0 0 22px; }
	.icon-link { background: url('images/icons/link.png') no-repeat left center; padding:0 0 0 22px; }

/* ------------ ICONS --------------------- */
	
	.hidden, .menu-ref, .produit-ref { visibility:hidden; overflow: auto; display:none;}
	.retour { float:right; margin:5px; }	
	.top { float:left; margin:5px; text-align:right; }	
					
	div.hr { height: 10px; clear:both; background:url('images/separation.gif') bottom left repeat-y; margin:0 0 0 9px; }
	div.hr hr {   display: none; }	
	
	.vide { width:300px; font-weight:bold; margin:0 auto; padding-top:30px;}
	.alerte { background:#440A12; text-align: center ; padding: 5px 0px; font-weight:bold; color:#E1D6C8; }

  /*********************************************************
               IDENTIFICATION COMPTE
  **********************************************************/

/* ------------FORMULAIRE-identification login ------------------ */

.identification {width:600px; margin:10px auto; display:block;}
.identification h2 { background:#440A12; color:#FFFFFF; padding:5px 10px 5px 10px;   }

.identification .login_box { display: block;  width: 260px; float: left; border: 1px solid #cecece; }

.identification input { border: 1px solid #cecece; margin:0px 10px 10px 0; }


  /*********************************************************
               TABLEAU
  **********************************************************/
	table { width:600px; border-collapse:collapse; }
	th, td { padding:4px 0 15px 10px; text-align: left;  }
	th { color:#000000;   width:100px;  font-weight:bold;}
	td { }
	tr:hover { cursor:default;  }



  /*********************************************************
               FORMULAIRE  general
  **********************************************************/
  	form {display: block;  }
	form label {display: block; float: left; text-align: left; width: 150px; margin: 5px 10px; color:#373737; -font-size:0.9em; clear:left; }
	form .text-right { text-align:right;  }
  
  	form radio, form input, form textarea, form select { display: block; float: left; margin-bottom:10px; vertical-align:middle;  }
	form input, form textarea, form select { margin-right:10px;  }
	form .input-radio { background:transparent; border:0px solid #fff; width:auto; margin:0px 5px 5px 0px; vertical-align:middle; }
	
	
	form select {margin:3px; border:1px solid #cecece;  background:#fff;  color:#000;   }
	form input, form textarea { width:150px;  border:1px solid #d7d7d7; color:#000000; padding:3px;} /* charter bg couleur */ 



/* ------------FORMULAIRE- COMPTE ------------------ */

.compte {width:600px; margin:30px auto; display:block;}
.compte form {width:730px; margin:15px auto; }

.compte h2 { background:#440A12; color:#FFFFFF; padding:5px 10px 5px 10px;  }
.compte p {  padding-left:10px;  }

.adresse { width:250px; float:left; margin: 5px 5px 10px 30px; }
.adresse-titre { font-size:1em; font-weight:bold; }
.adresse a { display:block; float:left; margin:5px 10px 0 0; padding-left:15px; }
.adresse .mettre-jour { background: url('images/picto-actualiser.png') no-repeat left center; }
.adresse .supprimer-item { background: url('images/picto-supprimer.png') no-repeat left center; }


#main-padding #main .compte li { display:inline; list-style:none; margin-left:10px;  }
#main-padding #main .compte li a {  background: url('images/picto-lien.png') no-repeat left center; padding:0 0 0 10px;  font-size:1em; font-weight:normal; }

.login_box { width:340px; height: 200px; margin:20px 0 40px 10px; padding: 10px; }
.login_box  label { float: left; width: 120px; }
.login_box form {  padding-left:0px; display:block; }


.recap-commande a {  background: url('images/info.png') no-repeat left center; padding:0 0 0 20px;   }

  /*********************************************************
               PANIER
  **********************************************************/

/* ------------FORMULAIRE-PANIER ------------------ */

.ajouter-panier { float:right; margin-top:0px;  }



.ajouter-panier form label { float:left; padding:5px 7px 5px 0px; margin:0; width:65px;}
.bloc-produit-2 .ajouter-panier { width:200px;}

.ajouter-panier form input, .ajouter-panier form select {display:block; float:left; margin-right:10px;  }
.ajouter-panier form input.hidden { display:none;  }


.ajouter-panier form .quantite { width:20px; margin:2px 3px 3px 3px; padding:2px; border:1px solid #d7d7d7;  }

.commande {width:600px; margin:10px auto; -height:500px;}
.commande h2 {background:#440A12; color:#FFFFFF; padding:5px 10px 5px 10px;   }
.commande a { display:block;  float:left; text-transform:uppercase;  }
.commande a.continuer {background:#E0D3C4 url('images/picto-caddie.png') no-repeat left center;  color: #4D1A1A; border:1px solid #CECECE; margin:5px 20px 0 0;  padding:0 15px 0 17px; line-height:20px;  }
.commande input.suivant { margin:5px 20px 0 0;  padding:0 15px 0 17px; }
.commande .suivant { background:#521314  url('images/picto-details.png') no-repeat left center;  color: #E0D3C4; border:1px solid #CECECE; margin:5px 20px 0 0;  padding:0 15px 0 17px; line-height:20px;  }

.commande a.ajouter-produit  {  background:url('images/picto-ajouter.png') no-repeat left center;  width:15px;  }
.commande a.supprimer-produit  {  background:url('images/picto-moins.png') no-repeat left center;  width:15px; }
.commande a.supprimer-tout  { background:url('images/picto-delete.png') no-repeat left center;  width:15px; float: left; margin-top:6px;  }

#main-padding #main .commande .mode-paiement  { margin:5px 15px; padding:0;  }

.mode-paiement li {
	text-align: center;
	float: left;
	margin-left: 100px !important;
}
.mode-paiement li a {
	text-transform:none;
}

.ajouter-panier .bt-panier { background:#E0D3C4 url('images/picto-caddie.png') no-repeat left center;  color: #4D1A1A; border:1px solid #CECECE; margin:3px 0px 0 0;  padding:0 15px 0 17px; line-height:20px;  }

	
.detail-ajouter-panier { width:600px; margin-left:65px; margin-top:5px;    }
 
.bouton {width: 135px; color: #EDE5DB; background:#59121A; border: 1px solid #d5d5d5; font-family:Arial; padding: 2px;  border:0; font-family:Arial;line-height: 20px; text-align: center; text-decoration: none; }
.bouton2 { background-color:#E0D3C4; border:1px outset #41090F; color:#4D1A1A; cursor:pointer;line-height:20px;padding:2px;text-align:center;text-decoration:none;  }
 
#main-padding #main .commande .livraison { }
#main-padding #main .commande .livraison li { list-style:none; font-weight:bold; width:380px; display:block; float:left; height:64px; margin-left:10px; }
#main-padding #main .commande .livraison li span { display:block; float:left; margin:0 10px 0 0; }

#main-padding #main .commande .livraison input { margin-bottom:0;  }

/* ------------ETAPES-PANIER ------------------ */




#main-padding #main .etapes li {float:left; list-style-type:none; list-style:none; padding:0; margin:0; }
#main-padding #main .etapes li span { display:none;}
#main-padding #main .etapes  { width:600px; clear:both;  background:url('images/bg-etapes.jpg') repeat-x left center; margin:0; padding:0; height:75px;   }

#main-padding #main ul .etape-1  {  width:150px ; height:75px; background:url('images/etape-1.jpg') no-repeat center center;    } /* changer la width suivant la largeur du main */ 
#main-padding #main ul .etape-2  {  width:150px ; height:75px; background:url('images/etape-2.jpg') no-repeat center center;    }
#main-padding #main ul .etape-3  {  width:150px ; height:75px; background:url('images/etape-3.jpg') no-repeat center center;    }
#main-padding #main ul .etape-4  {  width:150px ; height:75px; background:url('images/etape-4.jpg') no-repeat center center;    }

#main-padding #main ul .selected-1 {  background:url('images/etape-1-active.jpg') no-repeat center center;    }
#main-padding #main ul .selected-2 {  background:url('images/etape-2-active.jpg') no-repeat center center;    }
#main-padding #main ul .selected-3 {  background:url('images/etape-3-active.jpg') no-repeat center center;    }
#main-padding #main ul .selected-4 {  background:url('images/etape-4-active.jpg') no-repeat center center;    }


.adresse_box {float:left; width:290px; margin:5px 0;  }
.adresse_box ul { padding-left:20px;  }

.adresse_box .commentaire { padding:20px; color:#999999;  }


/* ------------FIN PANIER------------------ */




  /*********************************************************
               FIELDSET
  **********************************************************/

	

	fieldset { margin:10px 0; width:600px; border:1px solid #cecece;  padding:3px 0px 3px 0px;}
	legend {color:#440A12; font-size:1.6em; margin:10px 15px; padding:10px 5px;}


/* ------------ COMBO ------------------ */	
			
	#combo { margin:5px 0 10px 0; }
	#combo select { border:1px solid #c0c4d5; padding:1px; }
	#combo label { padding-left:20px; background:url('images/search-folder-blue.gif') no-repeat left center; }

/* ------------ DEBUT SITEMAP ------------------ */
	
	#sitemap  {width:900px; margin:0 auto;}	
	#sitemap h2 a {text-decoration:none;font-size:1.2em;  height:20px; text-transform:uppercase;}
	#sitemap p {list-style-type:none; background: url('images/icons/link.png') no-repeat left center; list-style-position:inside; }
	#sitemap p a { text-decoration:none; margin-left:18px; }
	
/* ------------ FIN SITEMAP ------------------ */

  /*********************************************************
               PIED DE PAGE
  **********************************************************/	

/* ------------ FOOTER ------------------ */

	#footer .left{float:left; margin-left:30px; width:299px;}
	#footer .left ul li{font-size:0.9em;}
	#footer .right{float:right; width:621px;} 
	#copyright { text-align:center; font-size:0.9em; margin:5px auto; color:#440A12; width:950px;  }
	#copyright a { color:#440A12; }
	
	.left{float:left; width:200px; margin-left:55px !important;  margin-left:30px; padding:10px !important; padding:3px; background-color:#8F3E49; border:1px solid #AF626E; margin-bottom:10px;}
	.partenairestitre {color:#FFF; font-size:18px; font-weight:bold;}
	.left ul li{font-size:0.9em; color:#FFF;}
		
/* ------------ FOOTER - CATEGORIES ------------------ */
	
	#categories-r  {width:950px; text-align:center; margin:0 auto }
	#categories-r, #categories-r a , #categories-r a:hover{ text-align:center; text-decoration:none; font-size:0.8em; font-weight:100; color:#440A12; }
	#categories-r p { margin:5px;}

	/* hack clear float */ 		
	.clr { clear: both; }
	
	#infos { font-size: 12px; text-align: center; border: 1px solid #cecece; line-height: 2em; width: 500px; margin: auto; background:#6a242c;}
	#infos p { text-align: center !important; color: #cecece; }