/* 
------[ COLOR SCHEME ]------- 
Texte : #756c61;
Texte pâle: b1aba3;
GRIS-BEIGE background : #b2aba1;
Gris lignes pointillees: #d1cdc7;
Rouge logo: #d31c32;
alternance des couleurs dans tableaux : 
	gris pale: #f0eeeb
	gris fonce: #e2ded9
*/


/*  ------[ GENERAL FORMATTING ]------- */
body,html {	
	background:#ffffff; 
	color:#736C5E; 
	font-family:Verdana, sans-serif; 
	font-size:11px;  

	}
body { 
	min-width:760px; 
	margin:0; 
	padding:0; 
	}
input.bordure { 
	padding:2px;
	margin:0 2px 10px 0; 
	border:1px solid #c3c2c0; 
	}

li {
	list-style-position:inside;
	margin-left:0px; padding-left:0px;
}
ul  {
	margin-left:0px; padding-left:0px;
}

/*  ------[ TITRES + TEXTES ]------- */
h1 { color:#ed1840; text-transform:uppercase; margin-top:8px; font-size:14px; font-weight:bold; text-align:left; margin-bottom:10px; }
h2 { color:#ed1840; font-size:13px; font-weight:bold; text-align:left; margin-bottom:5px; margin-top:20px; padding-top:5px; border-top:1px dashed #d1cdc7;}
h3 { color:inherit; margin-top:18px; margin-bottom:0px; font-size:12px; font-weight:bold; text-align:left; }
h4 { /* used in boutique, section de gauche. */ color:#ed1840;  margin-top:8px; font-size:12px; font-weight:bold; text-transform:uppercase; clear:none;}

.enRouge { color:#ed1840; }
.prix { color:#736C5E; font-weight:normal; text-transform:none;}
.maj { text-transform:uppercase;}
	
/*  ---[ LINKS ]---- */


a:link { color:#d31c32; }
a:hover { }
a:visited { color:#ed1840; }
a:active { }


#headerHome a:link, #headerHome a:visited { color:#ffffff; background-color:#b2aba1; text-decoration:none; font-size: 90%; text-transform:uppercase;  }
#header a:link, #header a:visited { color:#ffffff; background-color:#b2aba1; text-decoration:none; font-size: 90%; text-transform:uppercase;  }

#headerMenu a:link, #headerMenu a:visited{ color:#858079; background-color:transparent; text-decoration:none; font-size: 95%; text-transform:uppercase; }
#headerMenu a:hover {text-decoration:underline;}
#headerMenu .selected { font-weight:bold;}
#headerMenu .notSelected { padding-left:12px; }

#menu li { list-style-type:none; padding : 5px 0;}
#menu a { color:#b1aba3; text-decoration:none; padding-right:14px; padding-left:6px; margin-right:5px;}
#menu a:hover { color:#b1aba3; text-decoration:none; padding-right:14px; background-image: url("../images/bullets/iBulletRouge.gif"); background-position:right; background-repeat:no-repeat; margin-right:5px;}

#content a:link { color:#000000; }
#content a:hover { }
#content a:visited { color:#ed1840; }
#content a:active { }

#menuBottom a { padding: 0 5px; }
#menuBottom a:link { color:#b1aba3; text-decoration:none; }
#menuBottom a:hover { color:#b1aba3; text-decoration:underline; }
#menuBottom a:visited { color:#736C5E; text-decoration:none; }
#menuBottom a:active { color:#b1aba3; text-decoration:underline; } 

h4 a:link { text-decoration:none; color:#ed1840;}
h4 a:visited { text-decoration:none; color:#ed1840;}



/*  ------[ SPACING ]------- */
.pad18Top { padding:18px 0 20px 0;}
.pointilleBelow { border-bottom:1px dashed #dcd9d3; }
.pointilleAbove { border-top:1px dashed #dcd9d3; }
.pointilleRight { border-right:1px dashed #dcd9d3; }
.pointilleLeft { border-left:1px dashed #dcd9d3; }

/*  ------[ LAYOUT & CONTAINERS]------- */
/* [ HOME ] */
#wrapHome { /*  */
	width:805px;
	text-align:left;
	}
#headerHome {
	background-image: url("../images/bg/bgHeaderHome.gif"); background-color: #b2aba1; background-repeat:no-repeat;
	height:42px;
	margin-bottom:12px;
	}

#homePhotos img{ /* placement des 4 photos de la page d'accueil */
	padding:10px 0;
	}
#eventsHome { /* bloc evenements */
	width: 175px;
	border:1px solid #d1cdc7;
	padding:7px;
	margin:50px 10px 30px 0;
	float:left;
	}
#eventsHome	li {list-style-type:none; margin-left:10px; margin-bottom:10px;}
#menu {
	width:179px;
	text-align:right;
	font-size:12px;
	float: left;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0;
	}
#menu2 {
	width:179px;
	text-align:right;
	float:left;
	font-size:12px;
}

#nav { /* onglets 1-2-3-panier */
}	
.boutonNextStep {
	text-align:right;
	margin-top:20px;
	padding:5px;
}

/* [ INSIDE ] */
#wrap { /*  */ 
	width:760px; 
	text-align:left; 
	margin:0 auto; 
	background:inherit; 
	}
#header { /* section avec le menu et le logo, pages interieures */
	margin-bottom: 4px;
	background: url("../images/bg/bgTopEmpty.jpg") no-repeat;
	}
#headerMenu { margin-left:20px; margin-top:5px;}
#mainBox  { /* contenant avec les onglets */
	width:759px; 
	background-image: url("../images/bg/bgContentBox.gif"); 
	background-repeat:repeat-y; 
	}
#content  { /*partie avec le texte principal (col gauche, col droite) */
	padding: 5px 17px;
	}
#colGauche { /* col gauche de la boite de texte principale */
	width:223px; 
	float:left;
	padding-right:5px;
	}
#colDroite { /* col droite de la boite de texte principale */
	margin-left:228px; 
	border:2px dashed #dcd9d3; 
	background-color:#ffffff;
	padding: 12px 12px 18px 18px; 
	width: 458px;
	text-align:left; 


	}
#footer { /* dekesse? */
	clear:both; 	
	}
#menuBottom { /* menu alternatif au bas de la page */
	text-align:center; 
	margin: 60px 10px; 
	text-transform:uppercase; 
	font-size:90%; 
	clear:both;
	}
#aboutPierrePoisson {
	text-align:justify;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
	float: right;
	width: 540px;
	margin-top: 20px;
}
	

/*  ------[   ]------- */
#alignleft {
	float: left;
}
#menutext {
	margin: 0px;
	padding: 20px;
}


#freeShipping {
	padding:12px 0 12px 0;
}



/*  ------[ DESCRIPTION ELEMENTS REUTILISABLES  ]------- */

.consigne { /* texte explicatif, tab1, above modelBox */
		padding-bottom: 10px;
		}

	/*  [ BOITES DE CHOIX DE PATRON  ] */
	.modelBox { /* boite contenant les modeles proposes */  
		border:1px solid #dcd9d3; 
		width:195px; 
		margin: 8px 0; 
		background-color:#ffffff; 
		}
		
	.modelBox h4 {
		padding: 0 0 8px 6px; margin-bottom:0px;
		border-bottom:2px dashed #dcd9d3; 
		text-decoration: none;  text-transform:none; color:#ed1840; font-size:14px;
	}
	
	.modelBox p {	/* Dans la boite, photo du patron */ 
		padding:5px;
		text-align:left;
		}

	.selectedModelFleche { /* La flèche qui indique quel item est sélectionné  */
		padding-top: 5px; padding-right:5px; 
		float:right;
		}
	

	/*  [ DESCRIPTION DU PATRON ET PHOTO ] */
	.photoModel { /* photo du patron sur mannequin */
		margin-right:20px; 
		float:left;
		}
	.txtDescriptionModel { /* texte decriptif du patron */
		padding-left:20px; 
		}
		
		
/*  [ CHOIX DE TISSU  ] */
	#choixTissu td{ /* s'applique aux thumbnails du tissu (menu gauche) et flèche de sélection  */
	 	vertical-align: middle;  }
	
	#choixTissu img { padding:5px 5px 5px 0;}
		
	
	.txtDescriptionPhoto { /* texte descriptif des photos */
	 	float:left; font-size:95%; font-style:italic; text-align:center; 
	}
	
	 
	.listingTissus li{ /* liste des thumbnails des echantillons de tissus */
		float: left; padding:10px; min-width:90px; list-style-type:none;
	}
	

/*  [ CHOIX DE TAILLE  ] */
	#tailles th, #tailles td, #manche th, #manche td, #col th, #col td { width:80px; padding:5px 5px; text-align:center; border-bottom:1px solid #969186;}
	td.grisPale, th.grisPale, td.grisPale { background-color: #f0eeeb; }
	td.grisFonce, th.grisFonce { background-color: #e2ded9; }
	#tailles, #manche, #col {margin-bottom:20px;}
#menu2 a {
	color:#b1aba3;
	text-decoration:none;
	padding-right:14px;
	padding-left:6px;
	margin-right:5px;
}
#menu2 a:hover {
	color:#b1aba3;
	text-decoration:none;
	padding-right:14px;
	background-image: url("../images/bullets/iBulletRouge.gif");
	background-position:right;
	background-repeat:no-repeat;
	margin-right:5px;
}