body,html{ 

margin:0px 0px 0px 0px;
font-family:Arial Black; 
font-style:Arial, Helvetica, sans-serif; 
font-size:12px;	
}

a {
	color: #ffffff;
	text-decoration: none;
}
 
.header { 
background:url('images/header_m.png') repeat-x;
width: 100%;
height:192px;
}

.bando {	
background:url('images/bg_bouton.png') repeat-x center bottom;
position:relative;
width:100%;
height:192px; 
}

.header_left {
background:url('images/header_g.png') no-repeat;
width:584px;
height:192px;
float: left;
margin-right: 0px;
}

.header_right {
background:url('images/header_d.png') no-repeat;
width:554px;
height:192px;
float: right;
margin-left: 0px;
} 

.bouton_header {
cursor:pointer;
font-size:12px;
margin-left:20px;
margin-top:15px;
width:100%;
text-align:center;
color:#e40f82;
font-weight:bold;
} 

.menu_gauche {
background:url('images/bouton.png') no-repeat left top;
cursor:pointer;
margin-left:5px;
width:100%;
height:32px; 
font-size:14px;
color:#e4047d;
font-style:italic;
}

.menu_gauche_s {
margin-top:5px;
margin-left:10px;
height:20px;
position:absolute;
} 

.titre_bouton_droit2 {
cursor:pointer;
color:#e4047d;
font-style:italic;
font-size:12px;	
width:155px;
margin-left:25px;
position:absolute;
}

.titre_bouton_droit {
cursor:pointer;
color:#e4047d;
font-style:italic;
font-size:12px;	
width:155px;
margin-left:25px;
margin-top:30px;
position:absolute;
}

.textcolmenu {
width:136px;
margin-left:4px;
font-family:Arial; 
font-style:Arial, Helvetica, sans-serif; 
font-size:13px;
color:#000000;
margin-top:0px;
margin-bottom:0px;
}

.textcolmenu2 {
width:136px;
margin-right:4px;
font-family:Arial Black; 
font-style:Arial, Helvetica, sans-serif; 
font-size:12px;
color:#ffffff;
text-align:center;
}

.textfiche {
width:100%;
font-family:Arial Black; 
font-style:Arial, Helvetica, sans-serif; 
font-size:14px;
color:#ffffff;
text-align:center;
}

.texttitre {
font-family:Arial Black; 
font-style:Arial, Helvetica, sans-serif; 
font-size:12px;
color:#432e06;
}

.textcontant {
font-family:Arial; 
font-style:Arial, Helvetica, sans-serif; 
font-size:12px;
color:#432e06;
}

.footer {
background:url('images/bg_bouton.png') repeat-x;
width:100%;
height:47px;
font-family:Arial; 
font-style:Arial, Helvetica, sans-serif; 
font-size:11px;
color:#ffffff;
text-align:center; 
} 

p{margin:0;}
h1{margin:0;}
h2{margin:0; font-size:12px; font-weight:normal; display:inline; font-family:arial,freesans,"dejavu sans";}
h3{margin:0; font-size:12px; font-weight:normal; display:inline; font-family:arial,freesans,"dejavu sans";}
h4{margin:0; font-size:12px; font-weight:normal; display:inline; font-family:arial,freesans,"dejavu sans";}
h5{margin:0; font-size:12px; font-weight:normal; display:inline; font-family:arial,freesans,"dejavu sans";}
h6{margin:0; font-size:12px; font-weight:normal; display:inline; font-family:arial,freesans,"dejavu sans";}

textarea{width:98%;}

a img{border:0px;}

.contenu-g{width:159px; vertical-align:top;}
.contenu{background-color:white; vertical-align:top;}
.contenu2{padding:0px 16px 0px 16px;}
.contenu-d{width:159px;}

.cat{background:url("images/cat.png") no-repeat; width:159px; height:34px; vertical-align:top; padding-top:13px; font-size:14px; font-weight:bold; text-align:left;}
.cat a{color:black; text-decoration:none; padding-left:20px;}
.cat-liste{font-size:14px;}
.cat-liste a{color:white; text-decoration:none;}
.cat-liste img{color:white; text-decoration:none; padding-left:10px;}
.cat-contenu{color:white; font-size:14px; padding-left:10px;}
.cat-contenu a{color:white; text-decoration:none;}
.fb{padding:20px 0px 0px 20px;}

.cat-d{background:url("images/cat-d.png") no-repeat; width:159px; height:34px; vertical-align:top; padding-top:13px; font-size:14px; font-weight:bold; text-align:right;}
.cat-d a{color:black; text-decoration:none; padding-left:8px; padding-right:20px;}
.cat-contenu-d{color:white; font-size:14px; padding-right:30px;}
.cat-contenu-d a{color:white; text-decoration:none;}
.pad-8{width:8px; font-size:4px;}

.bm-g{background:url("images/bm.png") repeat-x; width:196px; height:38px;}
.bm-m{background:url("images/bm.png") repeat-x; height:38px; text-align:right;}
.bm-m img{vertical-align:middle;}
.bm-d{background:url("images/bm.png") repeat-x; width:53px; height:38px;}
.bm-e{background-color:#071A22; border-right:1px solid #194659; text-align:center; font-size:12px;}
.bm-e a{color:#e4047d;}

.b-hg{background:url("images/b-hg.png") no-repeat; width:12px; height:12px; font-size:4px;}
.b-h{background-color:white; height:12px; font-size:4px;}
.b-hd{background:url("images/b-hd.png") no-repeat; width:12px; height:12px; font-size:4px;}

.c-hg{width:12px; height:12px; font-size:4px;}
.c-hd{width:12px; height:12px; font-size:4px;}
.c-bg{width:12px; height:12px; font-size:4px;}
.c-bd{width:12px; height:12px; font-size:4px;}
.c-h{height:12px; font-size:4px;}
.c-b{height:12px; font-size:4px;}
.c-g{width:12px; font-size:4px;}
.c-d{width:12px; font-size:4px;}
.c-m{background-color:#e4047d; font-size:14px; padding:0px 12px 0px 12px;}

.cc-hg{background:url("images/cc-hg.png") no-repeat; width:12px; height:33px; font-size:4px;}
.cc-hd{background:url("images/cc-hd.png") no-repeat; width:33px; height:33px; font-size:4px;}
.cc-bg{background:url("images/cc-bg.png") no-repeat; width:12px; height:50px; font-size:4px;}
.cc-bd{background:url("images/cc-bd.png") no-repeat; width:33px; height:50px; font-size:4px;}
.cc-h{background:url("images/cc-h.png") repeat-x; height:33px; font-size:4px;}
.cc-b{background:url("images/cc-b.png") repeat-x; height:50px; color:white; font-size:11px; line-height:11px;}
.cc-g{background:url("images/cc-g.png") repeat-y; width:12px; font-size:4px;}
.cc-d{background:url("images/cc-d.png") repeat-y; width:33px; font-size:4px;}
.cc-m{font-size:14px; padding:0px 12px 0px 12px; vertical-align:top;}

.barre-menu{font-size:17px; padding-bottom:8px;}

.barre-g{background:url("images/bg_bouton.png") no-repeat; width:12px; height:34px; font-size:4px;}
.barre-m{background:url("images/bg_bouton.png") repeat-x; height:34px; font-size:14px; color:white;}
.barre-m a{color:black;}
.barre-d{background:url("images/bg_bouton.png") no-repeat; width:12px; height:34px; font-size:4px;}

.barre-panier{background-color:#e4047d; color:white; height:26px;}

.tab-resume{width:138px; border:1px solid #3F201D;}
.tab-fiche{width:100%; border:1px solid #3F201D;}

.td-res-img{height:201px; vertical-align:top;}
.td-res-img p{text-align:center; padding-top:1px;}
.td-res-desc{height:76px; vertical-align:top;}
.res-prix{float:right; font-size:12px;}
.td-res-prix a{color:#33696C; text-decoration:none;}

.txt-res-titre{color:#3F201D; font-weight:bold; font-size:14px;}
.txt-res-titre a{color:#3F201D; text-decoration:none;}

.txt-res-desc{color:#835450; font-size:12px;}
.txt-res-desc a{color:#835450; text-decoration:none;}

.td-img{width:240px;}
.td-imgs img{padding-right:2px;}
.td-desc{color:#3F201D; font-size:14px;}
.td-prix{background-color:#e4047d; color:#432e06; font-size:14px; height:40px; padding-left:10px; padding-right:10px; text-align:right;}
.td-panier{padding:8px 0px 8px 0px;}
.b-prix{background:url("images/b-prix.png") repeat-x; height:24px;}

.txt-commande-produit{color:black;}
.txt-commande-produit a{color:black; text-decoration:none;}
.txt-commande-prix{color:black;}

.txt-acc{color:#454545; font-size:14px;}

.footer-g{background:url("images/footer.png") repeat; width:16px;}
.footer-m{background:url("images/footer.png") repeat; height:50px; font-size:10px;}
.footer-m a{color:black; text-decoration:none;}
.footer-d{background:url("images/footer.png") repeat; height:50px; font-size:10px;}
.h a{color:#3D3E3E; font-size:4px;}

.s-panier{background:url("images/bouton_panier.png"); width:158px; height:40px; border:0px; cursor:pointer;}
.s-rechercher{background:url("images/loupe.png"); width:28px; height:29px; border:0px; cursor:pointer;}
.s-quantite{background:url("images/calculator_edit.png"); width:16px; height:16px; border:0px; cursor:pointer;}
.s-suppr{background:url("images/suppr.png"); width:16px; height:16px; border:0px; cursor:pointer;}

.Itext-w{border:1px solid #A7AFB6; width:95%;}
.Itext-w:focus{border:1px solid #DCE7F0;}
.Itext{border:1px solid #A7AFB6;}
.Itext:focus{border:1px solid #DCE7F0;}
.Itextarea{border:1px solid #A7AFB6; width:95%;}
.Itextarea:focus{border:1px solid #DCE7F0;}

.col-gauche{width:210px; padding:0px 5px 0px 5px; float:left;}
.col-droite{width:210px; padding:0px 5px 0px 5px; float:right;}

.st_pages{color:#e4047d;}
.st_pages a{color:black;}

.padl4{padding-left:4px;}
.padl8{padding-left:8px;}
.inline{display:inline;}
.vtop{vertical-align:top;}
.center{text-align:center;}
.middle{text-align:center;}
.right{text-align:right;}
.bold{font-weight:bold;}
.red{color:red;}

.form-erreur{color:red;}
.erreur{color:red;}

a.info {
   position: relative;
   text-decoration: none;
}
a.info span {
   display: none;
}
a.info:hover {
   background: none;
   z-index: 500;
   cursor: help;
}
a.info:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   top: 20px; 
   left: 20px;
   background: white; 
   color: #e4047d;
   padding: 3px;
   border: 1px solid #e4047d;
   border-left: 4px solid #e4047d; 
}

#container {
	width:280px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:300px;
	height:450px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:439px;
	height:441px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:270px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:270px;
	height:370px;
	display:block;
	text-align:center;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:285px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

