/**********************************************************
 *   chapellerie Beyssac         
 *
 *   (c) KurTZdev 2009
 **********************************************************
 *                       
**/


/**********************************************************
 *                                                  Général
**/
html {
	color : #ca923e;
	background : #602d00;
	text-align: center;
	}
	
div.page {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}	


/**********************************************************
 *                                              Fonds Pages
**/   
div#page_berets {
	background-image: url(images/bg/bg_02_beret.jpg);
	}
div#page_kangol {
	background-image: url(images/bg/bg_03_kangol.jpg);
	}
div#page_kangol2 {
	background-image: url(images/bg/bg_03_kangol3.jpg);
	}
div#page_stetsonProd,
div#page_stetsonProdA,
div#page_stetsonProdB,
div#page_stetsonProdC,
div#page_stetsonProdD,
div#page_stetson {
	background-image: url(images/bg/bg_04_stetson.jpg);
	}
div#page_conditions {
	background-image: url(images/bg/bg_11_conditions.jpg);
	}
div#page_panier {
	background-image: url(images/bg/bg_06_panier.jpg);
	}
div#page_livraison {
	background-image: url(images/bg/bg_12_livraison.jpg);
	}
div#page_contact {
	background-image: url(images/bg/bg_09_contact.jpg);
	}
div#page_taille {
	background-image: url(images/bg/bg_10_taille.jpg);
	}
div#page_infosPaiement {
	background-image: url(images/bg/bg_13_infos.jpg);
	}
div#page_formulaire {
	background-image: url(images/bg/bg_07_formulaire.jpg);
	}


div#page_recap {
	background-image: url(images/bg/bg_08_recap.jpg);
	}


div#page_flechetProd {
	background-image: url(images/bg/bg_03_flechet.jpg);
	}





/**********************************************************
 *                                                   Header
**/   
div#header {
	width: 1024px;
	height: 291px;
	}
div#logo p {
	display: none;
	}
div#logo {
	position: absolute;
	top:15px;
	left: 30px;
	width: 160px;
	height: 80px;	
	cursor: pointer;
	}
div#header h1 {
	display: none;
	}

ul.navig_header {
	position: absolute;
	top:0;
	left: 395px;
	background-image: url(images/navig/menu_haut2.png);
 	height: 41px;
	}
ul.navig_header li a { display: none; }
ul.navig_header li {
	float: left;
	background-image: url(images/navig/menu_haut2.png);
 	height: 41px;
	display: block;
	cursor: pointer;
  	} 
 	
li#navigH1 {
  	width: 70px;
  	}
li#navigH2 {
 	background-position: -70px 0;
 	width: 145px;
   	}
li#navigH3 {
 	background-position: -215px 0;
 	width: 135px;
   	}
li#navigH4 {
 	background-position: -350px 0;
 	width: 160px;
     	} 	
li#navigH5 {
 	background-position: -510px 0;
 	width: 100px;
    	} 	
    	
    	
li#navigH1:hover { 	
	background-position: 0 -41px;
  	width: 70px;
  	}
li#navigH2:hover {
 	background-position: -70px -41px;
 	width: 145px;
   	}
li#navigH3:hover {
 	background-position: -215px -41px;
 	width: 135px;
   	}
li#navigH4:hover {
 	background-position: -350px -41px;
 	width: 160px;
    	}
li#navigH5:hover {
 	background-position: -510px -41px;
 	width: 100px;
    	}
 	
 	
 	
p#texteIntro {
	text-align: justify;
	position: absolute;
	top:215px;
	left: 217px;
	width: 763px;
 	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	}	
div#page_kangol p#texteIntro {
	text-align: justify;
	position: absolute;
	top:215px;
	left: 217px;
	width: 570px;
 	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	}	



div.stetsonP_A h2 span,
div.stetsonP_B h2 span,
div.stetsonP_C h2 span,
div.stetsonP_D h2 span {
	display: none;
	}
div.stetsonP_A h2 {
	position: absolute;
	right: 40px;
	top:148px;
	background-image: url(images/bg/chapeauxTissus.png);
	width: 426px;
	height: 56px;
	}	
div.stetsonP_B h2 {
	position: absolute;
	right: 40px;
	top:148px;
	background-image:url(images/bg/chapeauxFeutre.png);
	width: 426px;
	height: 56px;
	}	
div.stetsonP_C h2 {
	position: absolute;
	right: 40px;
	top:148px;
	background-color: transparent;
	background-image: url(images/bg/casquettes.png);
	width: 426px;
	height: 56px;
	}	
div.stetsonP_D h2 {
	position: absolute;
	right: 40px;
	top:148px;
	background-image: url(images/bg/chapeauxEte.png);
	width: 426px;
	height: 56px;
	}	
	
	
	
/**********************************************************
 *                                            bandeau Titre
**/
div#bandeauTitre {
	background-image: url(images/navig/bg_header2.png);
	width: 763px;
	height: 29px;
	position: absolute;
	left: 217px;
	top:290px;
	}
div#bandeauTitre.beret {
	width: 763px;
	background-position: 0 0px;
	}
div#bandeauTitre.stetson {
	width: 763px;
	background-position: 0 -29px;
	}
div#bandeauTitre.stetsonP {
	width: 763px;
	background-position: 0 -58px;
	}
div#bandeauTitre.kangol {
	width: 573px;
	background-position: 0 -174px;
	}
div#bandeauTitre.kangol2 {
	width: 763px;
	background-position: 0 -174px;
	}
div#bandeauTitre.panier {
	width: 763px;
	background-position: 0 -116px;
	}	
div#bandeauTitre.formulaire {
	width: 763px;
	background-position: 0 -145px;
	}	
	
div#bandeauTitre.recap {
	width: 763px;
	background-position: 0 -116px;
	}	
div#bandeauTitre.flechet {
	width: 763px;
	height: 29px; 
	background-position: 0 -203px;
	}	
	

div#bandeauTitre.contact, 
div#bandeauTitre.livraison,
div#bandeauTitre.conditions,
div#bandeauTitre.taille,
div#bandeauTitre.infosPaiement {
	width: 763px;
	background-position: 0 -145px;
	}	
	
div#bandeauTitre h2 span {
	display: none;
	} 	
div#bandeauTitre h2 { 
 	width: 250px;
	height: 25px;
	cursor: pointer;
 	background-color:transparent;
	position: absolute;
	left: 9px
	}

button#btPanierTitre {
	float: right;
	background-color: transparent;
	border: none;
 	width: 70px;
	height: 27px;
	cursor: pointer;
	}	

 	
/**********************************************************
 *                             bandeau titre - nav produits
**/
button#bt_precedentv2 span {
	display: none;
	}
button#bt_suivantv2 span {
	display: none;
	}
button#bt_precedentv2 {
	background-color: transparent;
	border: none;
 	position: absolute;
 	top:1px;
	left: 320px;
	width: 160px;
	height: 29px;
	background-image: url(images/navig/bt_pageSuivantePrecedente.png);
 	cursor: pointer;
	display: none;
	}
 

button#bt_suivantv2 {
	background-color: transparent;
 	position: absolute;
 	top:1px;
	left: 480px;
	width: 143px;
	height: 29px;
	border: none;
	background-image: url(images/navig/bt_pageSuivantePrecedente.png);
	background-position: -160px 0;
	display: none;
	cursor: pointer;
	}
.flechet #bt_precedentv2,
.kangol2 #bt_precedentv2,
.stetsonP #bt_precedentv2 { 
 	top:2px; 
	}

.flechet #bt_suivantv2,
.kangol2 #bt_suivantv2,
.stetsonP #bt_suivantv2 { 
 	top:2px; 
	}














	
/**********************************************************
 *                                           Colonne gauche
**/
div#colonneGauche {
 	height: 29px;
	position: absolute;
	left: 32px;
	top:290px;
	}

button#btPanier span {
	display: none;
	}
button#btPanier {
	background-image: url(images/navig/bt_panier.jpg);
	width: 140px;
	height: 26px;
	border: none;
	cursor: pointer;
	}

button#btPanier:hover {
	background-image: url(images/navig/bt_panier.jpg);
	background-position: -140px 0;
	width: 140px;
	height: 26px;
	border: none;
	}

div#colonneGauche h2 span {
	display: none;
	}
div#colonneGauche h2 {
	width: 140px;
	height: 25px;
	background-image: url(images/navig/bg_meilleuresVentes.jpg);
	margin-top: 20px;
	}

ul.meilleuresVentes {
	height: 176px;
	}
ul.meilleuresVentes li span {
	display: block;
	margin-left: 60px;
 	}
ul.meilleuresVentes li span.vignette {
	display: block;
	position: absolute;
	top:9px;
	left: -54px;
 	}
ul.meilleuresVentes li span.titre {
	padding-top: 8px;
	font-family: Arial;
	font-size: 11px;
	line-height: 10px;
	font-weight: bold;
	color: #FFFFFF;
 	}
ul.meilleuresVentes li span.prix {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #e68c00;
	line-height: 10px;
  	}
ul.meilleuresVentes li span.voir {
	font-family: Arial;
	font-size: 10px;
	font-style: italic;
 	}
 	
ul.meilleuresVentes li {
	background-image: url(images/navig/bg_meilleuresVentes.jpg);
	width: 140px;
	cursor: pointer;
	position: relative;
	}
ul.meilleuresVentes li#vente1 {
	background-position: 0 -25px;
	height: 50px;
	}
ul.meilleuresVentes li#vente2 {
	background-position: 0 -75px;
	height: 50px;
	}
ul.meilleuresVentes li#vente3 {
	background-position: 0 -125px;
	height: 51px;
	}

ul.meilleuresVentes li#vente1:hover {
	background-position: -280px -25px;
	height: 50px;
	}
ul.meilleuresVentes li#vente2:hover {
	background-position: -280px -75px;
	height: 50px;
	}
ul.meilleuresVentes li#vente3:hover {
	background-position: -280px -125px;
	height: 51px;
	}

ul.meilleuresVentes li a:link span.titre { color:#FFFFFF;	}
ul.meilleuresVentes li a:visited span.titre { color:#FFFFFF;	}
ul.meilleuresVentes li a:hover span.titre { color:#FF0000;	}
ul.meilleuresVentes li a:active span.titre { color:#FF0000;	}

ul.meilleuresVentes li a:link span.voir { color:#FFFFFF;	}
ul.meilleuresVentes li a:visited span.voir { color:#FFFFFF;	}
ul.meilleuresVentes li a:hover span.voir { color:#FF0000;	}
ul.meilleuresVentes li a:active span.voir { color:#FF0000;	}

ul.meilleuresVentes li a:link span.Prix { color:#ca923e;	}
ul.meilleuresVentes li a:visited span.Prix { color:#ca923e;	}
ul.meilleuresVentes li a:hover span.Prix { color:#FF0000;	}
ul.meilleuresVentes li a:active span.Prix { color:#FF0000;	}


ul.navigationGauche li a {
	display: none;
	}
ul.navigationGauche li {
	background-image: url(images/navig/bg_menuGauche.jpg);
	width: 140px;
	cursor: pointer;
	}

li#navigG1 {
	background-position: 0 -0;
	height: 25px;	
	}
li#navigG2 {
	background-position: 0 -25px;
	height: 25px;
	}
li#navigG3 {
	background-position: 0 -50px;
	height: 25px;
	}
li#navigG4 {
	background-position: 0 -75px;
	height: 25px;
	}
li#navigG5 {
	background-position: 0 -100px;
	height: 26px;
	}

li#navigG1:hover {
	background-position: -140px -0;
	height: 25px;	
	}
li#navigG2:hover {
	background-position: -140px -25px;
	height: 25px;
	}
li#navigG3:hover {
	background-position: -140px -50px;
	height: 25px;
	}
li#navigG4:hover {
	background-position: -140px -75px;
	height: 25px;
	}
li#navigG5:hover {
	background-position: -140px -100px;
	height: 26px;
	}



/**********************************************************
 *                                           page CONDITION
**/
div#contenu.conditions {
	background-image: url(images/bg/bg_fiche.jpg);
 	width: 763px;
	}
div#contenu {
	margin-left: 217px;
	margin-top:29px;
	padding-top: 12px;
	position: relative;
 	} 
div#conditions {
	padding-bottom: 12px;
	margin-bottom: 24px;
	}
div#conditions h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	width: 700px;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 3px;
	} 	
div#conditions p {
	font-family: Arial;
	font-size: 12px;
	color: #dc8c00;
	text-align: justify;
	width: 700px;
	margin-left: 25px;
	} 	
	

/**********************************************************
 *                                           page LIVRAISON
**/
div#contenu.livraison {
	background-image: url(images/bg/bg_fiche.jpg);
 	width: 763px;
	} 	
div#livraison {
	padding-bottom: 12px;
	margin-bottom: 24px;
	}
div#livraison h1 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	width: 700px;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 3px;
	} 	
div#livraison h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 700px;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 3px;
	} 	
div#livraison p {
	font-family: Arial;
	font-size: 12px;
	color: #dc8c00;
	text-align: justify;
	width: 700px;
	margin-left: 25px;
	} 	

/**********************************************************
 *                                       page INFOSPAIEMENT
**/		
div#contenu.infosPaiement {
	background-image: url(images/bg/bg_fiche.jpg);
 	width: 763px;
	} 
div#infosPaiement {
	padding-bottom: 12px;
	margin-bottom: 24px;
	}
div#infosPaiement h1 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	width: 700px;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 3px;
	} 	
div#infosPaiement h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 700px;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 3px;
	} 	
div#infosPaiement p {
	font-family: Arial;
	font-size: 12px;
	color: #dc8c00;
	text-align: justify;
	width: 700px;
	margin-left: 25px;
	} 	
	
	

/**********************************************************
 *                                             page CONTACT
**/
div#contenu.contact {
	background-image: url(images/bg/bg_plan01.jpg);
 	width: 763px;
 	height: 652px;
	} 
div#contact {
	padding-bottom: 12px;
	margin-bottom: 24px;
	}
div#contact h1 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	width: 700px;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 3px;
	} 	
div#contact h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #dc8c00;
	width: 700px;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 3px;
	} 	
div#contact p {
	font-family: Arial;
	font-size: 12px;
	color: #dc8c00;
	text-align: justify;
	width: 700px;
	margin-left: 25px;
	} 	
div#contact a:link {color: #FFFFFF;}	
div#contact a:visited {color: #FFFFFF;}	
div#contact a:hover {color: #FFFFFF;}	
div#contact a:active {color: #FFFFFF;}	
div#plan1 { 
 	width: 763px;
	height: 450px;
	cursor: pointer;
	}	 


/**********************************************************
 *                                              page TAILLE
**/		
div#contenu.taille {
	background-image: url(images/bg/bg_ficheTaille.jpg);
 	width: 763px;
 	height: 700px;
	} 
div#taille {
	padding-bottom: 12px;
	margin-bottom: 24px;
	}
div#taille div#col1 {
	position: absolute;
	top:200px;
	left: 0;
	width: 210px;
	float: left;	
	}	
div#taille div#col2 {
	position: absolute;
	top:200px;
	left: 255px;
	width: 230px;
	float: left;	
	}	
div#taille div#col3 {
	position: absolute;
	top:200px;
	left: 505px;
	width: 220px;
	float: left;	
	}	
	
div#taille h1 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	width: 700px;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 3px;
	} 	
div#taille h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 700px;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 3px;
	} 	
div#taille p {
	font-family: Arial;
	font-size: 12px;
	color: #dc8c00;
	text-align: left;
 	margin-left: 25px;
	} 	
	
	
		
/**********************************************************
 *                                          Contenu Produit
**/
div.listeProduits {
	background-image: url(images/bg/bg_fichesProduits.png);
	background-repeat: no-repeat;
	width: 763px;
	height: 700px;
	position: relative;
	overflow: hidden;
 	}
 	/* Kangol : plus court  */
div.listeProduitsK {
	background-image: url(images/bg/bg_fichesProduits.png);
	background-repeat: no-repeat;
	width: 572px;
	height: 700px;
	position: relative;
	overflow: hidden;
	}
	
div.produit {
	position: absolute;
	z-index: 100;
	width: 152px;
	float: left;
	padding: 24px 19px; 
	margin-top: -12px;
	height: 470px;;
 	}
div#wrapIE div.listeProduitsK,
div#wrapIE div.listeProduits {
	top: 30px;;
 	}

	
div#produit1 {
	left: 0;
	}	
div#produit2 {
	left: 190px;
	}	
div#produit3 {
	left: 380px;
	}	
div#produit4 {
	left: 570px;
	}	
		
div#page_stetson div.listeProduits {	
	cursor: pointer;
	}	 
	
div#produit_over {
	background-image: url(images/bg/bg_ficheOver.jpg);
	background-repeat: no-repeat;
 	width: 190px;
 	height: 481px;
 	top:0;
 	left: -190px;
 	position: absolute;
 	z-index: 10;
  	}	
div.zoneImages {
	clear: both;
	}	
div.produit img.imageProd_1{
	width: 150px;
	height: 113px;
	border: #b27100 solid 1px;
	cursor: pointer;
 	}
div.produit img.imageProd_2 {
	width: 48px;
	height: 36px;
	border: #b27100 solid 1px;
	float: left;
	margin-right: 1px;
	cursor: pointer;
 	}
div.produit img.imageProd_3 {
	width: 48px;
	height: 36px;
	border: #b27100 solid 1px;
	float: left;
	margin-right: 1px;
	cursor: pointer;
 	}
div.produit img.imageProd_4 {
	width: 48px;
	height: 36px;
	border: #b27100 solid 1px;
	float: left;
	cursor: pointer;
 	}

div.produit img.imageProd_1:hover {
	border: #ce2216 solid 1px;
	}	
div.produit img.imageProd_2:hover {
	border: #ce2216 solid 1px;
	}	
div.produit img.imageProd_3:hover {
	border: #ce2216 solid 1px;
	}	
div.produit img.imageProd_4:hover {
	border: #ce2216 solid 1px;
	}		

div.produit h2 {
	clear: both;
	font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
	padding-top: 12px;
	padding-bottom: 9px;
	}	
div.produit h2 a{
	clear: both;
	font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
	padding-top: 12px;
	padding-bottom: 9px;
	}	
	
button.plusImage {
	display: none;
	}	
	
div.produit p.texte {
	font-size: 12px;
	height: 100px;
	color: #dc8c00;
	}	
div.texte p {
	font-size: 12px;
	color: #dc8c00;
	}	
	
div.produit p.prix {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 150px;
	text-align: right;
	margin-top: 9px;
	}	
	
div.selecteurColori, 
div.selecteurTaille {
	font-size: 11px;
	height: 21px;
	}	
	
div.selecteurColori {
	margin-top: 6px;
	}	
	
button.ajouterPanier {
	border: none;
	background-color:transparent;
	background-image: url(images/navig/bt_ajouterPanierProduit.png);
	width: 108px;
	height: 19px;
	cursor: pointer;
	float: right;
	}	
	
	

/**********************************************************
 *                                                Diaporama
**/ 	
div#diaporama {
	width: 490px;
	height: 420px;
	position: absolute;
	top:0;
	left: 136px;
	background-image:url(images/bg/bg_diaporama.jpg);
	background-repeat: no-repeat;
	z-index: 1000000;	
	display: none;
	}	
div#navigDiaporama {
	position: absolute;
	top:385px;
	}
p#precedent {
	position: absolute;
	width: 140px;
	height: 20px;
	top:0;
	left:110px;
	cursor: pointer;
 	}
p#suivant {
	position: absolute;
	width: 130px;
	height: 20px;
	top:0;
	left:252px;
	cursor: pointer;
 	}
p#precedent span,
p#suivant span,
p#fermer span {
	display: none;
	}
p#fermer {
	position: absolute;
	width: 70px;
	height: 20px;
	top:0;
	right: 0;
	cursor: pointer;
 	}
p#zoneImage {
	position: absolute;
	width:465px;
	height:349px;
	top:25px;
	left:12px;
 	}	
 	
div.packImage {
	display: none;
	} 	
 	
 	
 	
 	
 	
 	
 	
/**********************************************************
 *                                             Menu Tailles
**/	
div.menuTaille {
	width: 105px;
	float: right;
	height: 14px;
	position: relative;
	overflow: hidden;
	}	
div.menuTaille ul {
	position: absolute;
	width: 103px;
 	border-top: solid 1px #edb251;
	border-left: solid 1px #edb251;
	border-right: solid 1px #edb251;
	background-image: url(images/navig/bt_doubleFleche.png);
	background-color: #7c4914;
	z-index: 8000;
	}	
div.menuTaille li {
	font-size: 10px;
	color: #FFFFFF;
	border-bottom: solid 1px #edb251;
	padding-left: 3px;
	cursor: pointer;
	}	
div.menuTaille li span {
	border-left: solid 1px #edb251;
	margin-left: 8px;
	padding-left: 3px;
	width: 88px;
	display: block;
	}
div.menuTaille li span:hover {
	background-color: #5f2d00;
	}	
	


div.selecteurTailleUnique p {
	font-size: 11px;
	padding-bottom: 6px;
	}
/**********************************************************
 *                                            Menu Couleurs
**/		
div.menuCouleur {
	width: 105px;
	float: right;
	height: 14px;
	position: relative;
	overflow:hidden;
	}	
div#wrapIE div.menuCouleur {
	margin-top: -15px;
	}

div#wrapIE div.menuTaille {
	margin-top: -15px;
	}
	

div#wrapIE div#page_panier div.menuCouleur {
	margin-top: 0;
	}

div#wrapIE div#page_panier  div.menuTaille {
	margin-top: 0;
	}
	
	
div.menuCouleur ul {
	background-image: url(images/navig/bt_doubleFleche.png);
	background-color: #7c4914;
	position: absolute;
	width: 103px;
	border-top: solid 1px #edb251;
	border-left: solid 1px #edb251;
	border-right: solid 1px #edb251;
	z-index: 9000;
	}	
div.menuCouleur li {
	font-size: 10px;
	color: #FFFFFF;
	border-bottom: solid 1px #edb251;
	padding-left: 3px;
	cursor: pointer;
	}	
div.menuCouleur li span {
	border-left: solid 1px #edb251;
	margin-left: 8px;
	padding-left: 3px;
	width: 88px;
	display: block;
	}
div.menuCouleur li span:hover {
	background-color: #5f2d00;
	}		
 

/**********************************************************
 *                                         Navigation Slide
**/		
div#slideProduit {
	position: absolute;
	left: 0;
	}
div#navigSlideG {
	position: absolute;
	top:345px;
	left:189px;
	width: 28px;
	height: 56px;
	background-image: url(images/navig/bt_slide_cligne.gif);
	background-position: 0 0;
	cursor: pointer;
	}	
div#navigSlideD {
	position: absolute;
	top:345px;
	left: 980px;
	width: 28px;
	height: 56px;
	background-image: url(images/navig/bt_slide_cligne.gif);
	background-position: -28px 0;
	cursor: pointer;
	}
	


/**********************************************************
 *                                                   Panier
**/	

div#panier {
	background-image: url(images/bg/bg_fiche.jpg);
	width: 764px;
	height: 681px;
	margin: 0; 
	margin-top: -14px;
	}
	
div#panier div.ligneProduit { 
	background-image: url(images/bg/bg_articlePanier.png);
	background-position: 20px 0;
	background-repeat: no-repeat;
	width: 763px;
	height: 60px;
	position: relative;
	}
div#panier div.vignette img {
	position: absolute;
	top:15px;
	left:15px;
	border: #b27100 solid 1px;
	padding: 0;
	}	
div#panier div.nomProduit {
	position: absolute;
	top:24px;
	left:81px;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	}	
div#panier div.zoneMenu {
	position: absolute;
	top:10px;
	left:236px;
	width: 250px;
 	}	
div#panier div.zoneMenuCouleur {
	position: absolute;
	top:0;
	left:0;
	}	
div#panier div.zoneMenuTaille {
	position: absolute;
	top:21px;
	left:0;
	}	
div#panier div.zoneQuantite {
	position: absolute;
	top:24px;
	left:421px;
	}
div#panier span.moins {
	cursor: pointer;
	}	
div#panier span.plus {
	cursor: pointer;
	}	
	
div#panier div.supprimer {
	position: absolute;
	width: 80px;
	height: 25px;
	top:15px;
	left: 487px;
	cursor: pointer;	
	}
div#panier div.supprimer span {
	display: none;
	}	
	
	
	
	
	
		
div#panier div.prixUnit {
	position: absolute;
	top:24px;
	left:585px;
	color: #FFFFFF;
	width: 60px;
 	text-align: right;
	}	
div#panier div.prixTotal {
	position: absolute;
	top:24px;
	left:680px;
	width: 60px;
	text-align: right;
	color: #FFFFFF;
 	}		
	
	
	
div#zonePort1 {
	width: 600px;
	margin: 15px auto;
	}

div#zonePort1 h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 9px;
	}	
	
	
	
	
div#zoneTotal {
	background-image: url(images/bg/bg_panierTotal.png);
	background-repeat: no-repeat;
	background-position: 0 -6px;
	width: 472px;
	height: 159px; 
	margin-left:268px;
	text-align: right;
	position: relative;
 	}		
div#zoneTotal span.titre { 
	width: 370px;
	text-align: right;
	display: block;
	font-size: 11px;
	height: 11px;
	position: absolute;
	top:0;
	left: 0;
 	}
div#zoneTotal p#totalHT span.titre { 
 	position: absolute;
	top:6px;
	left: 0;
 	}
div#zoneTotal p#port span.titre { 
 	position: absolute;
	top:30px;
	left: 0;
 	}
div#zoneTotal p#totalTTC span.titre { 
 	position: absolute;
	top:54px;
	left: 0;
 	}
 	
div#zoneTotal p#totalHT span.contenu { 
 	position: absolute;
	top:6px;
	right: 0;
 	}
div#zoneTotal p#port span.contenu { 
 	position: absolute;
	top:30px;
	right: 0;
 	}
div#zoneTotal p#totalTTC span.contenu { 
 	position: absolute;
	top:54px;
	right: 0;
 	}
div#zoneTotal span.contenu {	
	color: #FFFFFF;
	display: block;
	}
 	
div#zoneTotal p#bt_continuer {
 	width: 200px;
	right: 140px;
	top:122px;
	position: absolute;
	font-size: 11px;
	cursor: pointer;
	}	
div#zoneTotal p#bt_commander {
 	width: 100px;
	right: 0;
	top:122px;
	position: absolute;
	font-size: 11px;
	cursor: pointer;

	}	
	
	

/**********************************************************
 *                                               Formulaire
**/	
div#page_formulaire #contenu {
	background-image: url(images/bg/bg_fiche.jpg);
	padding-left: 20px;
	height: 800px;
	}	
	
div#page_formulaire p#remplir {
	color: #DC8C00;
	font-size: 16px;
	font-weight: bold;
	}	
div#page_formulaire p.infos {
	color: #FEC25A;
	}	
	
div#page_formulaire fieldset#coordonnees {
	background-image: url(images/bg/bg_formulaire.png) ;
	background-repeat: no-repeat;
	background-position: 0 -87px;
	position: relative;
	height: 300px;
	width: 550px;
	}
div#page_formulaire legend {
	display: none;
	}
	
fieldset#coordonnees p {
 	position: absolute;
	}	

		
div#page_formulaire input {
	background-color: transparent;
	border:transparent solid 1px;
	height: 22px;
	}	
	
div#page_formulaire span.label,
div#page_formulaire label {
	color: #FEC25A;
	font-size: 13px;
	margin-top: 3px;
	position: absolute;
	width: 96px;;
	}	
	
	
p#f_nom {
	top:49px;
	position: relative;
	}	 
p#f_nom input {
	position: absolute;
	left: 48px;
	width: 441px;
	top:0;
	}	
p#f_prenom {
	top:79px;
	position: relative;
	}	 
p#f_prenom input {
	position: absolute;
	left: 64px;
	width: 425px;
	top:0;
	}	
p#f_adresse {
	top:109px;
	position: relative;
	}	 
p#f_adresse input {
	position: absolute;
	left: 64px;
	width: 425px;
	top:0;
	}	
	
p#f_code_postal {
	top:139px;
	position: relative;
	}	 
p#f_code_postal input {
	position: absolute;
	left: 92px;
	width: 397px;
	top:0;
	}	
	
p#f_ville {
	top:169px;
	position: relative;
	}	 
p#f_ville input {
	position: absolute;
	left: 47px;
	width: 442px;
	top:0;
	}	
	
	
div#page_formulaire p#f_pays {
	top:199px;
	position: relative;
	}	 
div#page_formulaire p#f_pays input {
	position: absolute;
	left: 47px;
	width: 442px;
	top:0;
	}	
	
p#f_telephone {
	top:229px;
	position: relative;
	}	 
p#f_telephone input {
	position: absolute;
	left: 68px;
	width: 421px;
	top:0;
	}	
	
p#f_email {
	top:260px;
	position: relative;
	}	 
p#f_email input {
	position: absolute;
	left: 68px;
	width: 421px;
	top:0;
	}	
	
	
h2#titreAdresseLivraison {
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	}
h2#titreAdresseLivraison2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
	cursor: pointer;
	}	
	
fieldset#coordonneesLivraison {
	background-image: url(images/bg/bg_formulaire.png) ;
	background-repeat: no-repeat;
	background-position: 0 -465px;
	position: relative;
	height: 300px;
	width: 650px;
 	}
	
fieldset#coordonneesLivraison p {
 	position: absolute;
	}	
	
p#l_civilite {
	top: 18px;
	bottom: 9px;
	width: 600px;;
	}
p#l_civilite input {
	margin-left: 60px;
	margin-right: 6px; 
	width: auto;
	height: auto;
	}
p#l_civilite label {
	width: 60px;
	}
	
		
div#page_formulaire input {
	background-color: transparent;
 	height: 22px;
	}	
	
div#page_formulaire span.label,
div#page_formulaire label {
	color: #FEC25A;
	font-size: 13px;
	margin-top: 3px;
	position: absolute;
	width: 96px;;
	}	
	
	
p#l_nom {
	top:49px;
	position: relative;
	}	 
p#l_nom input {
	position: absolute;
	left: 48px;
	width: 440px;
	top:0;
	}	
p#l_prenom {
	top:79px;
	position: relative;
	}	 
p#l_prenom input {
	position: absolute;
	left: 64px;
	width: 424px;
	top:0;
	}	
p#l_adresse {
	top:109px;
	position: relative;
	}	 
p#l_adresse input {
	position: absolute;
	left: 64px;
	width: 424px;
	top:0;
	}	
	
p#l_code_postal {
	top:139px;
	position: relative;
	}	 
p#l_code_postal input {
	position: absolute;
	left: 92px;
	width: 396px;
	top:0;
	}	
	
p#l_ville {
	top:169px;
	position: relative;
	}	 
p#l_ville input {
	position: absolute;
	left: 47px;
	width: 441px;
	top:0;
	}	
	
	
div#page_formulaire p#l_pays {
	top:184px;
	position: relative;
	}	 
div#page_formulaire p#l_pays input {
	position: absolute;
	left: 47px;
	width: 441px;
	top:0;
	}	
	
p#l_telephone {
	top:229px;
	position: relative;
	}	 
p#l_telephone input {
	position: absolute;
	left: 68px;
	width: 420px;
	top:0;
	}	
	
p#l_email {
	top:260px;
	position: relative;
	}	 
p#l_email input {
	position: absolute;
	left: 68px;
	width: 420px;
	top:0;
	}	
	
	

p#f_civilite label {
 	cursor: pointer;	
 	margin-right: 6px; 
	width: auto;
	}
	
p#f_civilite {
	top: 18px;
	bottom: 9px;
	width: 600px;;
	}
	
	

p#l_civilite label,
p#l_civilite span.label {
 	cursor: pointer;	
 	margin-right: 6px; 
	width: auto;
 	}
	
p#l_civilite {
	top: 18px;
	bottom: 9px;
	width: 600px;;
	}
	
	
	
p#f_civilite input {
	margin-left: 75px;
	margin-right: 6px; 
	width: 12px;;
	height: auto;
	cursor: pointer;
	}
p#l_civilite input {
	margin-left: 75px;
	margin-right: 6px; 
	width: 12px;;
	height: auto;
	cursor: pointer;
	}


div#validation {
	position: absolute;
	top:288px;
	left: 570px;
	background-image: url(images/bg/bt_validerCoordonnees.png);
	width: 145px;
	height: 46px;
	cursor: pointer;
 	}
 	
div#validation #bt_validation {

	}
	
	
	
		
/**********************************************************
 *                                            Récapitulatif
**/	
div#page_recap #contenu {
	background-image: url(images/bg/bg_fiche.jpg);
	height: 620px;
  	}	


/**
 * recapitulatif produit
**/
div#recap {
	position: relative;
	}
div#recap h2 span {
	display: none;
	}
div#recap h2.commande {
	background-image: url(images/bg/bg_titre_commande.png);
	width: 118px;
	height: 21px;
	position:absolute;
	left: 18px;
	}
div#listeProduits {
	width: 620px;
	margin-left: 145px;
	}

div#listeProduits div {
	margin-bottom: 3px;
	position: relative;
	background-image: url(images/bg/bg_ligneSep_recap.png);
	background-position: 0 39px;
	height: 42px;
 	}	
 	
div#listeProduits div.vignette {
	float: left;
	margin-right: 10px;
	}	
div#listeProduits div.vignette img {
		border: solid 1px #b27100;
	}
	
div#listeProduits div.nomProduit {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
 	width: 150px;
	height: 30px;
	padding-top: 9px;
 	border-right: solid 1px #FFFFFF;
	float: left;
	}

div#listeProduits div.zoneMenu {
  	width: 120px;
	height: 40px;
	float: left;
 	border-right: solid 1px #FFFFFF;
	}
div#listeProduits div.zoneMenuCouleur {
 	height: 12px;
	font-size: 11px;
	color: #fec25a;
	padding-left: 9px;
	padding-top: 3px;
	}
div#listeProduits div.zoneMenuTaille {
 	height: 15px;
	font-size: 11px;
	color: #fec25a;
	padding-left: 9px;
	padding-top: 3px;
 	}
div#listeProduits div.zoneMenuCouleur span,
div#listeProduits div.zoneMenuTaille span {
	color: #FFFFFF;
	}

div#listeProduits div.zoneQuantite {
  	width: 45px;
	height: 30px;
	padding-top: 9px;
	float: left;
	text-align: right;
	padding-right: 35px;
 	border-right: solid 1px #FFFFFF;
	}

div#listeProduits div.prixUnit {
  	width: 85px;
	height: 30px;
	padding-top: 9px;
	float: left;
	text-align: right;
	padding-right: 15px;
 	border-right: solid 1px #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	}

div#listeProduits div.prixTotal {
  	width:81px;
	height: 30px;
	padding-top: 9px;
	float: left;
	text-align: right;
	padding-right: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
	
div#page_recap div#zoneTotal {
	background-image: url(images/bg/bg_panierTotal.png);
	background-repeat: no-repeat;
	background-position: 0 -6px;
	width: 472px;
	height: 80px; 
	margin-left:268px;
	text-align: right;
	position: relative;
 	}
 	
 	
div#zone_modifier {
	width: 725px;
	height: 24px;
	margin-top: 12px;
	margin-left: 15px;
	padding-top: 5px;
	background-image: url(images/bg/bg_filet_h_gauche.png);
	text-align: right;
	font-size: 11px;
	cursor: pointer;
	} 	
 	
 	
 	

/**
 * coordonées
**/

div#page_recap div#coordonees {
	position: relative;
 	}

div#recap h2.adresse {
	background-image: url(images/bg/bg_titresRecap.png);
	width: 118px;
	height: 30px;
	margin-left: 15px;
	}
div#recap h2.adresseFac {
	background-image: url(images/bg/bg_titresRecap.png);
	background-position: 0 -100px;
	width: 258px;
	height: 30px;
	margin-left: 15px;
	}
	
div#recap h2.adresseLiv {
	background-image: url(images/bg/bg_titresRecap.png);
	background-position: 0 -180px;
	width: 408px;
	height: 50px;
	margin-left: 15px;
	}


div#zoneGauche {
	height: 130px;
 	}

div#zoneDroite {
	height: 130px;

 	}
	
p.pGauche {
	font-size: 13px;
	color: #fec25a;
	margin-left: 145px;
	margin-top:-66px;	
	}


p.pGaucheFac {
	font-size: 13px;
	color: #fec25a;
	margin-left: 275px;
	margin-top:-66px;	
	}
	
p.pGaucheLiv {
	font-size: 13px;
	color: #fec25a;
	margin-left: 275px;
	margin-top:-66px;	
	
	}


p.pGaucheFac {
	font-size: 13px;
	color: #fec25a;
	margin-left: 275px;
	margin-top:-66px;	
	}

div#zoneconditions {
	background-image: url(images/bg/bg_titresRecap.png);
	background-position: 0 -280px;
	width: 740px;
	margin-top: 9px;
	padding-top: 15px;
	margin-bottom: 15px;
	text-align: right;
	}

div#zonePayer {
	width: 740px;	
	}
div#zonePayer button {
	float: right;
	border: none;
	background-color: transparent;
	background-image: url(images/navig/bt_valider.png);
	width: 145px;
	height: 46px;
	cursor: pointer;
	}		

div#choixPaiement {
	height: 99px;
	display: none;

	}


p#f_condition {
	color: #fec25a;
	}
p#f_condition a:link {
	color: #fec25a;
	text-decoration: none;
	}
p#f_condition a:visited {
	color: #fec25a;
	text-decoration: none;
	}
p#f_condition a:hover {
	color: #FF0000;
	text-decoration: none;
	}
p#f_condition a:active {
	color: #FF0000;
	text-decoration: none;
	} 	
	
/**********************************************************
 *                                            Menu Couleurs
**/		
div#panier div.menuCouleur {
	width: 105px;
 	height: 14px;
	position: absolute;
	top:4px;
	left: 40px;
	overflow:hidden;
 	}	
div#panier div.menuCouleur ul {
	background-image: url(images/navig/bt_doubleFleche.png);
	background-color: #7c4914;
	position: absolute;
	width: 103px;
	border-top: solid 1px #edb251;
	border-left: solid 1px #edb251;
	border-right: solid 1px #edb251;
	z-index: 9000;
	}	
div#panier div.menuCouleur li {
	font-size: 10px;
	color: #FFFFFF;
	border-bottom: solid 1px #edb251;
	padding-left: 3px;
	cursor: pointer;
	}	
div#panier div.menuCouleur li span {
	border-left: solid 1px #edb251;
	margin-left: 8px;
	padding-left: 3px;
	}
div#panier div.menuCouleur li:hover {
	background-color: #5f2d00;
	}		
 
div.selecteurColori { 
	}		
/**********************************************************
 *                                             Menu Tailles
**/	
div#panier div.menuTaille {
	width: 105px;
 	height: 14px;
	position: absolute;
	top:4px;
	left: 40px;
	overflow:hidden;
	}	
div#panier div.menuTaille ul {
	position: absolute;
	width: 103px;
 	border-top: solid 1px #edb251;
	border-left: solid 1px #edb251;
	border-right: solid 1px #edb251;
	background-image: url(images/navig/bt_doubleFleche.png);
	background-color: #7c4914;
	z-index: 8000;
	}	
div#panier div.menuTaille li {
	font-size: 10px;
	color: #FFFFFF;
	border-bottom: solid 1px #edb251;
	padding-left: 3px;
	}	
	
div#panier div.menuTaille li span {
	border-left: solid 1px #edb251;
	margin-left: 8px;
	padding-left: 3px;
	cursor: pointer;
	}
	
div#panier div.menuTaille li:hover {
	background-color: #5f2d00;
	}	
	
div.selecteurTailleUnique p {
	font-size: 11px;
	padding-bottom: 6px;
	}
	
	
div.selecteurTaille {
 	margin-top:6px;
	}