/********* Template stylesheet *********/
html {
	border:0;
	overflow-y:scroll
}

body{
	font: 12px Century gothic,arial,verdana;
	margin:0;
	padding:10px 0 10px;
	border: 0;
	color: #4b4b4d;
}

/*** link ***/


a:link, a:visited {
	color:#b4a78d;
	text-decoration:none;
	z-index:1;
}

a:hover { text-decoration: none; }

ul,li{
	margin:0 0 0 8px;
	padding:0;}

/* titles */
h1 {
	font:normal 24px Century gothic,verdana,arial;
	color:#424141;
	margin:0 0 5px 0;
	padding:0
}

h2,h2 span {
	font:normal 36px Century gothic,verdana,arial;
	color:#424141;
	margin:0 0  25px 0;
	padding:0;
}



h2 span {color:#f1963d}


h3.green{
	font-size:16px;
	font-weight:normal;
	color:#acc517;
	margin:10px 0 0 0;
	padding:0
}

p {
	padding:0;
	margin:0;
}

table{
	font-size:10px;
	background:#efeff0
}


table.grey td{
	border-bottom:1px solid #fff
}

/*** image ***/
img { border:0 }

img.image_float_right{
	float: right;
	margin:10px 0 5px 16px;
	padding:0;
}

img.image_float_left,img.image_zoom {
	float: left;
	clear:left;
	margin: 0 5px 15px 0px;
}


img.image_zoom{
	margin:0
}


img.image_block_center {
	text-align: center;
	display: block; /* no !important */
	margin:8px auto 0 auto;
}

img.image_float {
	float: left;
	padding:0;
	margin:0;
}


/**************** ID *******************/

#wrapper{
	position:relative;
	margin:0 auto;
	padding:0;
	width:1000px;
}

#header{
	position:absolute;
	width:1000px;
	height:118px;
	top:0;
	left:0;
	border-bottom: 1px solid #b0b1b3
}

a#logo{
	display:block;
	width:276px;
	height:60px;
	margin: 15px 0 0 0;
	background:url(../images/logo.gif) no-repeat
}

select#lang{
	margin:30px 0 0 0;
	float:right;}

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

#pagelayout,#pagelayout_product,#pagelayout_product_home,#pagelayout_presse{
	position:relative;
	float:left;
	width:1000px;
	padding-top:55px;
	min-height:540px;
	_height:540px;
	margin-top:118px;
	_margin-top:121px;
}

#pagelayout_product{ padding-top:0; }

#pagelayout_product_home{
	min-height:550px;
	padding-top:10px;
}

#pagelayout_presse{
	margin-top:118px;
	min-height:350px;
	padding-top:10px;
}

#center,#center_product_home{
	float:left;
	width:580px;
	padding-top:30px;
}

#centerLarge{
	width:760px;
	min-height:200px;
}

#left,#right{
	width:480px;
	float:left;
	margin-bottom:25px;
	}

#right{
	margin-left:40px;
	_margin-left:10px;
	}

#margin_right{
	width:180px;
	float:right;
	padding-top:270px;
}

#footer{
	width:1000px;
	height:222px;
	padding-top:20px;
	text-align:center;
	color:#fff;
	background:url(../images/foot.jpg) repeat-x
}

#footer a {color:#fff}

/************sections******************/


#topLeftHome,#topRightHome{
	width:280px;
	margin-top:15px;
	float:left;}

#topLeftHome{
	border-right: 2px dotted #dbd9d9;
	margin-right:20px;
	padding-right:20px;
}


#centerHome{
	width:800px;
	margin:35px 0;
}

#bottomLeftHome{
	width:395px;
	float:left;
	border-right: 2px dotted #dbd9d9;
	margin:45px 20px 0 0;
	padding-right:20px;

}

#bottomRightHome{
	width:340px;
	float:left;
	margin-top:45px;
}


#margin_left,#margin_left_peel{
	width:240px;
	float:left;
}

#margin_left_peel{
	width:190px;
}

#left_col{
	width:110px;
	float:left;
}

#presse{
	width:800px;
	float:right;
	margin-bottom:70px;
	min-height:500px;
	background:#e5e5e6
}

#detail_presse{
	float:right;
	width:310px;
	padding:30px 25px 25px 0;}


#attach_product{
	width:740px;
	float:right;
	margin-bottom:10px;
	border-top: 2px dotted #dbd9d9;
 }

h2.attach_title{
	font:normal 20px Century gothic,verdana,arial;
	color:#424141;
	width:180px;
	float:left;
	margin-bottom:25px;}

h2.attach_title span{font-size:20px}

h3.name_product{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:11px;
	color:#b0b1b3}


h2#title_peel,
h2#title_peelBlue,
h2#title_peelYellow,
h2#title_peelPink,
h2#title_peelOrange,
h2#title_peelBrown{
	float:right;
	width:800px;
	color:#fff;
	padding:20px 0 0 10px;
	margin:0 0 20px 0;
	background:#acc517}

h2#title_peelBlue{background:#1d99d6}
h2#title_peelYellow{background:#f5d40c}
h2#title_peelPink{background:#f05a89}
h2#title_peelOrange{background:#f5821f}
h2#title_peelBrown{background:#daa746}

#left_peel,#right_peel{
	width:415px;
	float:left;
	margin-bottom:40px;
	_display:inline;
}

#right_peel{
	width:360px;
	margin-left:35px;
	_margin-left:25px;
}

#top{
	width:550px}

#top,#topResult{
	width:610px}

#bottom{
	width:670px}


/* element */

.item_intro{
	font-size:16px;
	color:#f1963d;
	margin-bottom:10px;
}

img.image_logo {
	float: left;
	clear:left;
	margin: 5px 0 5px 0;
}

#right_prod{
	float:left;
	width:265px;
	margin-left:10px;
	margin-bottom:10px;}

p.grey_frame,.grey_frame{
	padding:5px;
	margin:5px 0 0 0;
	background:#efeff0}

.img_bt:link, a.img_bt:visited{
	display:block;
	_display:inline;
	float:left;
	position:relative;
	width:223px;
	height:75px;
	margin-right:13px;
	color:#fff;
	font-size:15px;
	line-height:16px;
	padding:10px 0 0 20px;
}

a.img_bt:hover{text-decoration:none}

a.img_bt span{
	display:block;
	margin-left:40px
}

.high_bt{
	position:absolute;
	bottom:5px;
	right:5px;
	font-size:11px;
	padding-left:10px;
	background:url(../images/bullet.gif) no-repeat center left
}

.white_frame{
	color:#000;
	background:#fff;
	padding:5px;
	margin:5px;}

.attach{
	width:120px;
	min-height:110px;
	margin: 0 5px;
	text-align:center;
	float:left;}


.intro_peel,
.intro_peelyellow,
.intro_peelblue,
.intro_peelorange,
.intro_peelbrown,
.intro_peelpink,
.intro_peelgreen
{
	font-size:14px;
	color:#acc517;
	margin-bottom:15px;
}

.intro_peelyellow{color:#f5d40c}
.intro_peelblue{color:#1d99d6}
.intro_peelorange{color:#f5821f}
.intro_peelbrown{color:#daa746}
.intro_peelpink{color:#f05a89}
.intro_peelgreen{color:#acc416}


.green{color:#acc416}
.blue{color:#1d99d6}
.orange{color:#f5821f}
.pink{color:#f05a89}
.brown{color:#daa746}
.yellow{color:#f5d40c}



.intro_peel span,
.intro_peelyellow span,
.intro_peelblue span,
.intro_peelorange span,
.intro_peelpink span,
.intro_peelgreen span,
.intro_peelbrown span
{
	color:#424141;
	font-weight:bold
}

.item_content ol{

	padding-left:30px;

}

.item_content ol li{
	padding:0 0 0 0;
	position:relative;

}



p.un,p.unblue,p.unbrown,p.unorange,p.unpink,p.unyellow,
p.deux,p.deuxblue,p.deuxbrown,p.deuxorange,p.deuxpink,p.deuxyellow,
p.trois,p.troisblue,p.troisbrown,p.troisorange,p.troispink,p.troisyellow,
p.quatre,p.quatreblue,p.quatrebrown,p.quatreorange,p.quatrepink,p.quatreyellow,
p.cinq,p.cinqblue,p.cinqbrown,p.cinqorange,p.cinqpink,p.cinqyellow{
	margin:0 0 15px -35px;
	padding-left:35px;
	background: url(../images/1.gif) no-repeat top left }

p.unblue{background: url(../images/1blue.gif) no-repeat top left}
p.unbrown{background: url(../images/1brown.gif) no-repeat top left}
p.unorange{background: url(../images/1orange.gif) no-repeat top left}
p.unpink{background: url(../images/1pink.gif) no-repeat top left}
p.unyellow{background: url(../images/1yellow.gif) no-repeat top left}


p.deux{background: url(../images/2.gif) no-repeat top left}
p.deuxblue{background: url(../images/2blue.gif) no-repeat top left}
p.deuxbrown{background: url(../images/2brown.gif) no-repeat top left}
p.deuxorange{background: url(../images/2orange.gif) no-repeat top left}
p.deuxpink{background: url(../images/2pink.gif) no-repeat top left}
p.deuxyellow{background: url(../images/2yellow.gif) no-repeat top left}


p.trois{background: url(../images/3.gif) no-repeat top left}
p.troisblue{background: url(../images/3blue.gif) no-repeat top left}
p.troisbrown{background: url(../images/3brown.gif) no-repeat top left}
p.troisorange{background: url(../images/3orange.gif) no-repeat top left}
p.troispink{background: url(../images/3pink.gif) no-repeat top left}
p.troisyellow{background: url(../images/3yellow.gif) no-repeat top left}


p.quatre{background: url(../images/4.gif) no-repeat top left}
p.quatreblue{background: url(../images/4blue.gif) no-repeat top left}
p.quatrebrown{background: url(../images/4brown.gif) no-repeat top left}
p.quatreorange{background: url(../images/4orange.gif) no-repeat top left}
p.quatrepink{background: url(../images/4pink.gif) no-repeat top left}
p.quatreyellow{background: url(../images/4yellow.gif) no-repeat top left}


p.cinq{background: url(../images/5.gif) no-repeat top left}
p.cinqblue{background: url(../images/5blue.gif) no-repeat top left}
p.cinqbrown{background: url(../images/5brown.gif) no-repeat top left}
p.cinqorange{background: url(../images/5orange.gif) no-repeat top left}
p.cinqpink{background: url(../images/5pink.gif) no-repeat top left}
p.cinqyellow{background: url(../images/5yellow.gif) no-repeat top left}

.item_content ol li span{
	display:block;
	width:25px;
	height:25px;
	z-index:75;
	position:absolute;
	left:0;top:0;
	margin: 0 0 0 -25px;background: url(../images/green_round.gif) no-repeat -10px 0}

.img{
	float:left;
	margin: 10px 5px}

p.img_seul{
	padding:5px;
	background:#d0d0d3}

.image_introLeft{margin-right:15px}

#greyBorder{
	float:left;
	width:500px;
	padding:25px;
	margin-top:50px;
	margin-left:50px;
	border: 1px solid #0099ff}

/* question */
h5{
	color:#424141;
	font-size:22px;
	margin:0 0 15px 0;
	font-weight:normal}

h4.answer{
	margin:10px 0 0 0;
	color:#a3a4a6;
	font-size:14px;
	font-weight:normal;}

#bas{
	margin: 20px 0 0 0;
	width: 580px;
}


/* frame */

p#top_presse{
	font-size:30px;
	margin:0 0 15px 200px;
}


p#top_presse span{
	font-weight:bold;
	letter-spacing:-3px;}


h4.title_frame,
h4.title_frameblue,
h4.title_frameorange,
h4.title_framepink,
h4.title_framebrown,
h4.title_frameyellow,
.intro_frame{
	font-size:16px;
	font-weight:normal;
	color:#acc517;
	background:#424141;
	margin:0;
	padding:5px;}

h4.title_frameblue{color:#1d99d6}
h4.title_frameorange{color:#f5821f}
h4.title_framepink{color:#f05a89}
h4.title_framebrown{color:#daa746}
h4.title_frameyellow{color:#f5d40c}

.intro_frame{color:#fff}


.green{color:#acc416}

h4.title_presse{
	font-size:25px;
	color:#fff;
	margin:0;
	padding:0}


a#next{
	float:right;
	display:block;
	width:73px;
	height:58px;
	margin:20px 20px 0 0;
	background:url(../images/next.gif)
}

/* result */
h3#one,h3#two{
	color:#b0b1b3;
	font-weight:normal;
	font-size:24px;
	letter-spacing:-2px;
	height:48px;
	z-index:65;
	margin: 0 0 0 -72px;
	padding:12px 0 0 70px;
	position:relative;
	background:url(../images/one.gif) no-repeat 0 0}

h3#two{background:url(../images/two.gif) no-repeat 0 0}

.content_result{margin:20px 0}

.content_result img{margin:0 10px}

p.grey_frame_result{
	padding:15px;
	width:320px;
	margin-top:25px;
	background:#efeff0}



img.image_result{
	float: left;
	margin: 0 15px 15px 100px;}


/* reactif */

form.searchForm{
	margin-bottom:25px;}

span.txtsearch{padding-right:15px}

/**Reactif FullPage**/
.layer {
	display:none;
	margin:10px 0 15px 17px;
	padding:0 20px 0 0;
	_margin-top:45px;
	color:#b0b1b3
}

.item_linkReactif{
	margin-left:30px;
	padding-left:15px;
	font-weight:bold;
	color:#FF6600;
}


.leftLinks a:link, .leftLinks a:visited {
	_position:absolute;
	color:#424141;
	display:block;
	font-weight: normal;
	font-size:15px;
	text-decoration:none;
	padding: 0 20px 0 16px;

}

.leftLinks a:hover, .leftLinks_s a:link, .leftLinks_s a:visited {
	_position:absolute;
	margin:0;
	display:block;
	font-weight: normal;color:#acc517;
	font-size:15px;
	text-decoration:none;
	padding:0 0 0 16px;
}

table#temoi{background:#fff}

table.sellers{
	text-transform:lowercase;
	font-size:10px;}

table.sellers td {border:1px solid #e1e1e2;}

table#find{ padding:0 0 0 20px;}
table#find tr{ padding:0 0 0 15px;}
table#find td{ padding: 5px 0; line-height:11px}

#encartFR,#encartEN{
	width:145px;
	height:157px;
	margin-top:25px;
	background:url(../images/quest.jpg) no-repeat
	}

#encartEN{background:url(../images/questEn.jpg) no-repeat}

#encartFR input.pass,#encartEN input.passEN{
	margin: 125px 0 0 10px;
	width:85px;float:left;
	}
#encartFR input#clientbtn,#encartEN input#clientbtn{
		margin:120px 0 0 7px;
	}

/* common */

.clear {
	clear:both;
	display:block;
	background-color:transparent;
	padding:0;
	margin:0;
	border:0;
	height: 1px;
	font-size:1px;
	line-height: 1px;
}


input.text, textarea {
	font: 12px Century gothic,verdana,arial;
	border:1px solid #cfc8b7;
	height:16px

}

textarea { height:auto }


.display0,.display { display:none }
.display1 { display:block; cursor:pointer }


li.level1{
	margin: 0 0 10px 30px;
	font-weight:bold}

li.level2{margin-left:60px;}

#sitemap{	min-height:1px;
	_height:0;}