/***************************************
* reset.
***************************************/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	font-family: Tahoma, Lucida Handwriting, Arial;
	background-image: url(images/ca-fond-page.jpg);
	background-position:top center;
	background-color:#F6D6A5;
	margin: 0;  
	padding: 0; 
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
/**/
input[type=hidden] {
	display: none !important;
}

/***************************************
* layout
***************************************/
#global{
	margin: 0 auto;
	width: 900px;
}

	#pageContainer{
		width: 100%;	
	}

	#pageContainerTop{
		position:relative;
		height:170px;
	}	

		#pageContainerTop .logo{
			position:absolute;
			top:70px;
			left:490px;
		}

		#pageContainerTop .accueil{
			position:absolute;
			top:170px;
			left:10px;
			font-size:10px;
			font-style:italic;
		}

		#pageContainerTop .picto{
			position:absolute;
			top:50px;
			left:126px;
			z-index:9999;
		}

		#pageContainerTop .trombone{
			position:absolute;
			top:200px;
			left:-15px;
			z-index:999;
		}

		#agrafe{
			position:absolute;
			top:6px;
			left:170px;
			z-index:999;
		}

		#pageContainerTop .coutureright{
			position:absolute;
			top:200px;
			right:6px;
			z-index:999;
			background:url(images/ca-couture-right.png) no-repeat;
			width:40px;
			height:600px;
			display:block;
				
		}

		#pageContainerTop a{
			color:#666;
			text-decoration:none;
		}

		#pageContainerTop h1{
			display:block;
			width:360px;
			position:absolute;
			top:120px;
			left:450px;
			color:#999;
			font-size:14px;
			margin:0px;
			font-family: Times, serif;
		}

	#pageContainerContent{
		margin-top:26px;
		position:relative;
		min-height:auto;
	}
	
		#catalogue{
		position:relative;
			width:352px;
			min-height:200px;
			display:block;
			float:left;
			background:url(images/ca-menu-catalogue.gif) no-repeat;
		}

		#catalogue .content{
		position:relative;
			display:block;
			height:auto;
			padding-top:30px;
			padding-left:40px;
			padding-right:60px;
		}

		#catalogue p{
			font-size:10px;
			margin:0px;
			color:#333;
		}
		
		#catalogue h1{
			color:#D639A1;
			text-decoration:none;
			font-size:20px;
			margin-left:0px;
			margin-bottom:10px;
			padding-left:0px;
		}
		
		#catalogue h2{
			color:#D639A1;
			text-decoration:none;
			font-size:20px;
			margin-left:0px;
			margin-top:30px;
			margin-bottom:10px;
			padding-left:0px;
		}
		
		#catalogue a {
			color:#333;
			text-decoration:none;
			font-size:16px;
		}
		
		#catalogue a:hover {
			color:#FD44A9;
			text-decoration:none;
		}
		
		#catalogue a.p{
			color:#000;
			text-decoration:underline;
			font-size:12px;
		}
		
		#catalogue a:hover.p {
			color:#333;
			text-decoration:none;
		}

		#catalogue form{
			display:block;
			height:auto;
			padding-top:20px;
		}

		#catalogue input{
			padding:2px;
			border-top:0px solid #000;
			border-left:0px solid #000;
			border-right:0px solid #000;
			border-bottom:3px solid #AC9F85;
			background-color:transparent;
			font-style:italic;
			font-size:14px;
		}
		

		#catalogue input.submit {
			color:#D639A1;
			font-size:12px;
			font-weight:normal;
			background-color:transparent;
			border-bottom:0px solid #000;
			font-style:normal;
			font-weight:bold;
			cursor:pointer;
		}

		#catalogue input.submit:hover{
			color:#FD44A9;
			cursor:pointer;
		}

	
#footer{	
	clear: left;
	position:relative;
	width: 100%;
	background:url(images/bas.jpg) no-repeat 0px 12px;
	height:172px;
	margin-left:-5px;
	padding-top:40px;
}


a {
	color:#C184B2;
	text-decoration:none;
}
a:hover {
	color:#FF00BF;
	text-decoration:none;
}
p { 
	margin-bottom : 1ex; 
}

.low {
text-transform:lowercase;
}

.low:first-letter {
text-transform:uppercase;
font-size:16px;
}

#panier { 
	background:url(images/ca-panier.gif) no-repeat;
	position:absolute;
	top:153px;
	left:663px;
	width:118px;
	height:65px;
	color:#333;
	z-index:900;
	font-size:12px;
	padding-left:80px;
	padding-top:16px;
}

#panier a { 
	color:#D639A1;
	margin:0px;
}

#panier a:hover { 
	color:#FD44A9;
	margin:0px;
}


#pageContent .container{ 
	margin-right:15px;
}
h1, h2, h3, h4, h5, h6 { font-weight:300;}
h1 {
	font-size:140%; /*170%*/
	color:#FFFFFF;
	padding-left:12px;
}
h1 a,
h1 a:hover {
	color:#fff;
	cursor:text;
	text-decoration:none;
}
h2 {
	/*border-bottom:1px solid #999;*/
	font-size:1.2em;
	padding-bottom:6px;
	/*margin:1.5em 0 6px;*/
}
h3 { 
	bottom:0;
 	font-size:170%; /*180%*/
	font-weight:300;
	left:0;
	margin-left:10px;
	position:absolute;
}
h6 { 
	margin:0;
}

	img.png {
	behavior: url(png.htc);
	border:0;
	}

a.site {
	position:relative;
	background: #fff url(images/ca-entrer.gif) no-repeat;
	display:block;
	width:152px;
	min-height:52px;
	font-size:24px;
	text-align:center;
	padding-top:10px;
	color:#616161;
	margin-left:500px;
	}

/*Footer*/
#footer ul { 
	padding-bottom:15px;
}
#footer li { 
	float:left; 
	padding-left:20px;
	width:160px;
	_margin-bottom:-5px;
}
#footer h3{ 
	font-size:12px;
}
#footer li li { 
	float:none; 
	padding-left:0;
	width:100%;
}
#footer .rub {
	margin-bottom:3px;
	display:block;
}
#footer a { 
	color:#999999;
	text-decoration:none;
}
#footer a:hover { 
	color:#78BF34;
	text-decoration:none;
}
#footer li li a { 
	margin:0;
	font-size:10px;
}


/* page */

#arbo {
	position:absolute;
	display:block;
	top:79px;
	right:20px;
	background:#fff;
}

#arbo a{
	font-size:10px;
	color:#ccc;
	margin-bottom:10px;
}

#arbo a:hover{
	color:#999;
}
#page{
	position:relative;
	margin-top:60px;
	width:508px;
	float:left;
	height:auto;
}

#page H1{
	font-size:22px;
	color:#FF00BF;
	padding-left:0px;
	margin-bottom:20px;
	text-align:center;
}

#page H2{
	font-size:14px;
	color:#FF00BF;
	margin-bottom:0px;
	text-align:right;
}

#page a {
	color:#D639A1;
	text-decoration:none;
}
#page a:hover {
	color:#FF00BF;
	text-decoration:none;
}

#page h3, #page p, #page ul{
	padding-left:0px;
}

#page ul li{
	padding-left:10px;
}

#page p{
	text-indent:0px;
}
#page img{
	width:200px;
	float:left;
}

#page-text {
display:block; 
text-align:left; 
width:240px;
height:auto;
float:right;
font-size:14px;
font-weight:normal;
}

#page-text span {
	display:block;
	font-size:10px;
	text-align:right;
	font-weight:normal;
}

#page-text ul {
font-size:12px;
padding-left:0;
margin-left:0;
line-height:14px;
}

#page-photo {
display:block;
font-size:12px;
color:#666;
height:auto;
float:left;
}

#page-photo img.epingle{
	position:absolute;
	top:0px;
	left:0px;
	width:34px;
	height:44px;
}

#page-photo img {
width:250px; 
height:auto;
padding-bottom:10px;
}

#page th{
font-size:10px;
color:#000;
border-bottom:1px dotted #666;
padding-bottom:6px;
text-align:center;
}

#page tr{
font-size:10px;
color:#000;
border-bottom:1px dotted #666;
padding-bottom:6px;
}

#page td{
font-size:12px;
color:#666;
}

#page td.livraison{
padding-top:20px;
font-size:12px;
color:#333;
}

#page input.supp{
padding-bottom:0px;
background-color:#fff;
}


#page td.right{
font-size:12px;
color:#333;
text-align:right;
padding-right:10px;
}

#page td.prix{
font-size:12px;
color:#333;
text-align:right;
padding-right:10px;
padding:4px;
}

#page td.prod{
font-size:12px;
color:#333;
text-align:left;
padding-right:10px;
padding:4px;
}

	#page input.adresse{
	font-size:12px;
	color:#333;
	text-align:left;
	padding:1px;
	background-color:#fff;
	border:1px solid #ac9f85;
	margin:1px;
	}

	#page select{
	font-size:12px;
	color:#333;
	text-align:left;
	padding:1px;
	background-color:#fff;
	border:1px solid #ac9f85;
	margin:1px;
	}

	#page td.annexe{
	padding-top:10px;
	padding-bottom:10px;
	font-size:10px;
	color:#333;
	}

#achat {
	display:block;
	margin-top:20px;
	position:relative;
	width:203px;
	height:105px;
	float:left;
	text-align:right;
	background:url(images/ca-prod-prix.png) no-repeat;
	font-size:12px;
	float:right;
	padding:20px 20px 20px 20px;
	margin-left:10px;
}

	#achat span.qt {display:block; padding-right:45px; margin-bottom:12px;}
	#achat span.prix {display:block; padding-right:0px;}


#page input {font-size:14px; background-color:#ccc; border:1px solid #F8F3DD;  text-align:right; font-weight:bold;}

#page input.prix { font-size:14px; background-color:#F8F3DD; border:0px solid #ccc; text-align:right; font-weight:bold;}

#page input.qt:hover { color:#fff; font-size:14px; background-color:#FF00BF; border:1px solid #F8F3DD; text-align:right; font-weight:bold;}


#page input.submit {
	background:url(images/ca-ajouter-panier-big.png) no-repeat;
	width:154px;
	height:46px;
	border:0px solid #FF00BF;
}

#page input.submit:hover {
	background:url(images/ca-ajouter-panier-big.png) no-repeat;
	background-position: 0px -46px;
}

#page input.submitbis {
	font-size:10px;
	width:154px;
	height:auto;
	background-color:transparent; 
	border:0px solid #ccc;
	color: #999;
	font-weight:normal;
}

#page input.submitbis:hover {
	color: #777;
	background-color:transparent; 
	border:0px solid #ccc;
}


#page input.cheque {
	background:url(images/ca-payer-cheque.jpg) no-repeat;
	width:198px;
	height:54px;
	border:0px solid #FF00BF;
	cursor:pointer;
}

#page input.cheque:hover {
	background:url(images/ca-payer-cheque.jpg) no-repeat;
	background-position: 0px -53px;
	cursor:pointer;
}


#page input.paiement {
	background:#fff;
	width:160px;
	height:40px;
	border:3px solid #FF00BF;
	cursor:pointer;
	color:#FF00BF;
	text-align:center;
}

#page input.paiement:hover {
	background:#FF00BF;
	color:#fff;
	text-align:center;
}

#page input.cb {
	background:url(images/ca-payer-cb.jpg) no-repeat;
	width:198px;
	height:54px;
	border:0px solid #FF00BF;
	cursor:pointer;
}

#page input.cb:hover {
	background:url(images/ca-payer-cb.jpg) no-repeat;
	background-position: 0px -53px;
	cursor:pointer;
}

#liste {
	display:block;
	width:167px;
	height:auto;
	float:left;
	margin:0px;
	margin-right:2px;
	margin-bottom:6px;
	text-align:center;
}

#liste  img{
	display:block;
	width:200px;
	height:200px;
	padding-top:10px;
}

#liste h3{
	position:relative; 
	display:block;
	height:30px;
	font-size:14px;
}

#liste span.prix{
	display:block;
	font-size:14px;
	text-align:right;
	color:#666;
}

#liste a.panier{
	background:url(images/ca-ajouter-panier.gif) no-repeat;
	background-position: 0px 0px;
	display:block;
	width:24px;
	height:21px;
	float:right;
	margin-left:10px;
}

#liste a.panier:hover{
	background-position: 0px -21px;
}


#liste img{
	width:135px;
	height:135px;
	float:left;
	margin:0 10px 10px 15px;
}


a.panieracc{
	background:url(images/ca-ajouter-panier-acc.gif) no-repeat;
	background-position: 0px 0px;
	display:block;
	width:100px;
	height:21px;
	float:right;
	margin-left:10px;
}

a.panieracc:hover{
	background-position: 0px -21px;
}

/* NooSlide */ 

.buttons {
	font-size:14px; 
	font-weight:normal;
	color: #FF00BF; 
	text-decoration: none;
	cursor:pointer;
	/*border-bottom:1px solid #efefef;*/
	padding:4px;
	text-align:right;
}
.buttons :hover{
	text-decoration: none;
	cursor:pointer;
}

a.buttons:hover{
	color:#78BF34;
	text-decoration: none;
}



.indexbuttons {
	font-size:10px; 
	font-weight:normal;
	color: #FF00BF; 
	text-decoration: none;
	cursor:pointer;
	/*border-bottom:1px solid #efefef;*/
	padding:4px;
	text-align:right;
}
.indexbuttons :hover{
	text-decoration: none;
	cursor:pointer;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:500px;
	height:190px; 
	float:left;
	background:#fff;
}

#box4 h3, #box4 p, #box4 ul{
	padding-left:0px;
}

#box4 li{
	padding-left:200px;
}

#box4 p{
	text-indent:0px;
	font-size:9pt;
	color:#333;
}
#box4 img{
	height:190px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* ********************************** */



/* Sample 4*/
#box4bis{
	position:absolute;
}
#box4bis div{
	width:660px;
	height:190px; 
	float:left;
	background:#fff;
}

#box4bis h2, #box4bis p, #box4bis ul{
	padding-left:0px;
}

#box4bis li{
	padding-left:200px;
}

#box4bis h2{
	font-size:18pt;
	color:#78BF35;
	text-align:left;
}

#box4bis p{
	text-indent:0px;
	font-size:9pt;
	color:#333;
}
#box4bis img{
	height:190px;
}
#info4bis{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask3{
	position:relative; 
	height:190px; 
	width:500px;
	overflow:hidden;
}


.mask3bis{
	position:relative; 
	height:190px; 
	width:820px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}