@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif; }

body {
	background: #FFF; }
	
h1 { padding-left: 10px; }

h2 { font-size: 16px; }

p { font-size: 11px; }

a { text-decoration: none; color: #FFF; }
a:hover { text-decoration: underline; }
a:link, a:visited { color: #000;}
a img { border: 0; }

/*SITE------------------------------------------------------------------------*/
#site{
	margin: 0 auto;
	width: 1000px;
}

#header{
	height: 142px;
}

#content{
	margin: 0 32px;
	padding: 14px 0;
	clear: both;
	min-height: 230px;
}

#footer{
	height: auto;
	padding: 20px 32px 0 32px;
	clear: both;
}

#footer h2{
	text-transform: uppercase;
}

.footer_group{
	width: 172px;
	float: left;
	margin-right: 19px;
}

.last_footer_group{
	margin-right: 0;
}

#footer h3{
	font-size: 14px;
	text-transform: uppercase;
}

#footer ul{
	list-style: none;
}

#footer ul li{
	font-size: 11px;
}

#menu{
	width: 550px;
	height: 25px;
	float: left;
	margin-top: 55px;
	margin-left: 128px;
}

#menu ul{
	list-style: none;
}

#menu ul li.first{
	background-image: none;
}

#menu ul li{
	display: inline;
	float: left;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
	background: #fff url('../img/structure/menu_separate.jpg') no-repeat;
	background-position: left -1px;
	padding: 0 10px 7px;
	z-index: 9999;
	vertical-align: middle;
    line-height: 20px;
}

#menu ul li .tgo a{
	text-decoration: none;
}

#menu ul ul{
    position: absolute;
    width: 115px;
    z-index: 99999;
	background-color: #FFF;
	border: 1px solid #999999;
	border-top: none;
	left: 0px;
	top: 27px;
	padding: 8px;
	display: none;
	clear: both;
}

#menu ul ul li{
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	background: none;
	padding: 0;
	float: none;
	display: block;
	line-height: normal;
}

#menu ul ul hr{
	background-image: url('../img/structure/hr_home.jpg');
	border: 0px;
	height: 1px;
	margin: 5px 0;
}

#show_bag{
	padding-bottom: 8px;
	padding-left: 4px;
	padding-top: 5px;
	background-color: #FFF;
	z-index: 99999;
	position: relative;
	border: 1px solid #FFF;
}

#bag_small{
	position: absolute;
	width: 100px;
	line-height: 18px;
	text-align: right;
	display: block;
	float: right;
	margin-top: 5px;
}

#bag_small:hover #show_bag{
	 border: 1px solid #999;
	 border-bottom: none;
}

#shopping_bag{
	text-align: left;
	width: 237px;
	position: relative;
	background-color: #FFF;
	border: 1px solid #999999;
	z-index: 9999;
	right: 139px;
	margin-top: 5px;
	display: none;
}

#shopping_bag hr{
	background-image: url('../img/structure/hr_home.jpg');
	border: 1px;
	height: 1px;
	margin: 5px 0;
}

#shopping_bag_footer{
	height: 45px;
	background-color: #ecebe7;
	border-top: 1px dotted #5c5c5b;
	text-align: center;
	clear: both;
}

.mav_home{
	width: 300px;
	float: left;
	margin-right: 18px;
	line-height: 14px;
}

.mav_home img{
	margin-bottom: 10px;
}

.mav_home_last{
	margin-right: 0;
}

.mav_home p{
	font-weight: bold;
}

.mav_home a{
	text-decoration: none;
}

.mav_home .underline{
	font-size: 11px;
	text-decoration: underline;
}


/* ROLL HOVER IMAGE *************/
div.fadehover {
	position: relative;
	height: 205px;
	margin-bottom: 10px;
	}
 
img.roll_a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.roll_b {
	position: absolute;
	left: 0;
	top: 0;
	}

/******** PAGE SIGN IN ************/
#sign_in{
	width: 579px;
	height: 545px;
	background: url('../img/structure/bg_sign_in.jpg') no-repeat #ecebe7;
	padding-left: 357px;
}

#sign_in h2{
	text-transform: uppercase;
}

#sign_in p{
	line-height: 20px;
}

/******** SPECIAL MESSAGE ************/
#special_message{
	width: 383px;
	height: 351px;
	background: url('../img/structure/bg_message.jpg') no-repeat #ecebe7;
	padding-left: 305px;
}

#special_message h2{
	text-transform: uppercase;
}

#special_message p{
	line-height: 12px;
}

/******* PAGE CHANGE CURRENCY *********/
#change_currency{
	width: 420px;
	height: 180px;
	padding: 15px;
	background: #ecebe7;
}

#change_currency h2{
	text-transform: uppercase;
}

.pointill{
	background-image: url('../img/structure/hr_home.jpg');
	border: 1px;
	height: 1px;
	margin: 5px 0;
}

/******** PAGE DIY ***************/
#menu_diy{
	margin-top: 18px;
	width: 216px;
	float: left;
}

#menu_diy ul{
	list-style: none;
	font-size: 11px;
}

a.special_sale{
	color: #ff2bc5;
}

#detail_article{
	float: left;
	width: 218px;
}

#detail_article h2{
	font-size: 21px;
	text-transform: uppercase;
}

#detail_article p{
	font-size: 12px;
}

#detail_article .pointill{
	margin: 10px 0;
}

/******** PAGE ABOUT *************/
#menu_about{
	width: 216px;
	float: left;
}

#menu_about ul{
	list-style: none;
	font-size: 11px;
}

/******** PAGE ACCOUNT > MY ORDERS *************/

#past_orders{
	width: 100%;
}

#past_orders th{
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px dotted black;
	padding-bottom: 5px;
}

#past_orders td{
	font-size: 12px;
	padding-bottom: 10px;
	vertical-align: top;
}


/******** PAGE SHOPPING BAG *************/
#v2panier{
	width: 100%;
}

#v2panier .title_panier{
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px dotted #68696b;
}

/********** PAGE CONTACT **************/
#form_contact_v2 fieldset{width:328px; float:left; border: none; margin-right: 20px;}
#form_contact_v2 fieldset div{min-height:20px; padding-bottom:8px;}
#form_contact_v2 fieldset div label{
	font-size: 10px; display: block; width:150px; padding:5px 10px 0 0;
}
#form_contact_v2 fieldset div input{width:180px; float:left; margin:0; padding:2px;}
#form_contact_v2 fieldset div select{width:185px; float:left; }
#form_contact_v2 fieldset div textarea{
	width:180px; height:72px; float:left; margin:0; padding:2px; font-size: 12px;
}
#form_contact_v2 fieldset p{font-size: 10px; clear: both;}
#form_contact_v2 fieldset p span{font-size: 24px;}

#formulaire .submit{margin-top:30px;}
#mess_contact{clear:both; padding:20px 0 0 140px; font-size: 11px; line-height:1;}
#mess_contact strong{display: block;}


/************ SLIDER *******************************************/

.exlef {
    left: -2000px;
    position: absolute;
}

#slider_content{
	width: 936px;
	height: 462px;
	position: relative;
	overflow: hidden;
	margin: 0 32px;
}

/*CLASS------------------------------------------------------------------------*/
.clear { clear: both; }
.small { font-size: 10px; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.rouge { color: #FF0000; }
.vert { color: #009900; }
.bleu { color: #0033CC; }
.jaune { color: #FFCC00; }
.violet { color: #6600CC; }
.blanc { color: #FFFFFF; }
.noir { color: #000000; }

.bold { font-weight: bold; }
.italique { font-style: italic; }
.souligne { text-decoration: underline; }
.barre { text-decoration: line-through; }