/*** HTML tag styles ***/
html, body { border:0; margin:0; padding:0}

html { overflow-y:scroll }

body {
	font: 11px/1.166 Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff url(../images/bg.jpg) repeat-x
}

/*** hyperlink and anchor tag styles ***/
a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration:none
}

/*** header tag styles ***/
h1 {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 28px;
	margin: 0;
	padding: 0 0 5px 0;
	color:#757575;
}

h2.produits{
	font-size: 32px;
	margin:0 0 0 5px;
	font-weight:normal
}

p {
	line-height:1.3em;
	margin:8px 0;
}

ul {
	padding:0;
	margin:0;
	line-height:16px
}

li {
	padding:0;
	margin:0;
	list-style-type:none;
}

/*** img ****/
img.image_float_right {
	float: right;
	margin: 10px 0 10px 10px;
}

img.image_float_left {
	float: left;
	margin: 10px 10px 10px 0;
}

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

/***** form / img *******/
form, img {
	padding:0;
	margin:0;
	border:0
}

/* Container */
#wrapper {
	position:relative;
	width: 816px;
	margin:0 auto;
	padding:0 0 10px 0;
}

/**************** header ********************/
#header {
	position:absolute;
	top:0;
	left:0;
	width: 816px;
}

#top{
	height:20px;
	width:808px;
	padding:15px 0 0 8px;
}

#top a {
	color:#fff;
	font-weight:bold;
}
a#disclaimer{float:left;}

#top a:hover {
	color:#e1e1e0;
	text-decoration:none
}

#lang{
	margin:0 15px 0 0;
	padding:0;
	color:#fff;
	text-transform:uppercase;
	float:right
}

#lang a{
	color:#fff;
	text-transform:uppercase
}

a#pro{
	width:166px;
	height:15px;
	padding-top:5px;
	margin-top:10px;
	display:block;
	color:#000;
	text-align:center;
	font-weight:bold;
	background: url(../images/pro.gif) no-repeat;
}

a#pro:hover{
	text-decoration:none;
	color:#555;
}

a#close{
	display:block;
	margin: 0 0 0 150px;
	padding-top:10px;
	width:15px;
	height:10px;
}

/*cadre */

a.grey{
	display:block;
	padding:10px;
	width:275px;
	height:90px;
	font-size:15px;
	margin-bottom:5px;
	font-weight:bold;
	background: url(../images/cadre_gris.gif) no-repeat;
	}
a.grey:hover{
	text-decoration:none;
	background: url(../images/cadre_grisHover.gif) no-repeat;
	}

a.grey span{font-weight:normal}


/* presse */
#presse{
	width:563px;
	margin:20px 15px 0 0;
	float:right;
	padding:0;
	background:#e5e5e6
}

img.image_zoom { float: left; margin-right:16px }

h4#title_presse{
	font-size:26px;
	font-weight:bold;
	color:#fff;
	margin:80px 0 0 0;
	padding:0;
	text-transform:capitalize;
}

#detail_presse {
	color:#fff;
	font-size:16px;
	margin-left:16px;
	padding:5px 5px 16px 0;
	color:#000
}

.introPress {
	color:#fff;
	font-size:20px
}

#detail_presse .txt{
	color:#999;
	font-size:12px;
	color:#000
}

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

/* popup slide intro */

a#ferme{
	width:118px;
	height:80px;
	display:block;
	margin-left:300px;
}

a#link{
	margin-top:230px;
	width:418px;
	height:120px;
	display:block;
}


#content,#content_news{
	float:right;
	margin:260px 8px 0 0;
	min-height:500px;
	display:inline;
	padding:0 0 40px 20px;
	width:781px;
	background:#fff url(../images/top_layout.gif) no-repeat top;
}



#pagelayout,#pagelayout_cat,#pagelayout_det,#pagelayout_protocol,#pagelayout_press{
	float:right;
	margin:1px 0 0 0;
	display:inline;
	min-height:510px;
	padding:20px 0 0 0;
	width:580px;
	background:#fff url(../images/visage.jpg) no-repeat 279px 0px ;
}

#pagelayout_cat{
	padding:36px 0 0 0;
	background: none
}

#pagelayout_det{
	width:540px;
	margin: 0 20px 0 20px;
	background:none}

#pagelayout_protocol{
	padding:36px 0 0 0;
	background: none;
	width:560px;
}
#pagelayout_press{
	padding:36px 0 0 0;
	width:585px;
	background: none;
}




#marginLeft,#marginLeftPress {
	float:left;
	position:relative;
	width: 200px;
	margin-top:20px;
}
#marginLeftPress {width: 165px;}

a#backFR,a#backEN,a#back_prodFR,a#back_prodEN,a#backProFR,a#backProEN,a#backProDE,a#backDE,a#back_prodDE{
	position:absolute;
	display:block;
	top:40px;
	right:-15px;
	width:44px;
	height:506px;
	background:url(../images/back.gif) no-repeat
}

a#backEN,a#back_prodEN{background:url(../images/backUk.gif) no-repeat}

a#backProEN{background:url(../images/backUk_pro.gif) no-repeat}

a#back_prodFR,a#back_proFR{background:url(../images/back_prod.gif) no-repeat}

a#backDE,a#back_prodDE{background:url(../images/backDE.gif) no-repeat}

a#backProDE{background:url(../images/backDE2.gif) no-repeat}


#left{
	float:left;
	width:310px;
}

#right{
	float:right;
	width:185px;
	padding-left:65px;
	padding-top:55px;
	height:300px;
	margin-top:16px;
	margin-right:10px;
	color:#000;
	background: url(../images/contact.gif) no-repeat}

#right a{color:#000}

#col_orange,
#col_grey,
#col_green,
.foot{
	float:left;
	width:189px;
	background:url(../images/bg_col.gif) repeat-y;}

.bottom,.bottom_foot,.top_foot{
	width:189px;
	height:18px;
	background:url(../images/foot_col.gif) no-repeat}

.top_foot{
	background:#fff
}
.bottom_foot{background:#fff}

h1#head1,h1#head2,h1#head3{
	color:#fff;
	font-size:22px;
	font-weight:normal;
	padding: 13px 0 15px 20px;
	width:169px;
	height:33px;
	background:url(../images/orange.gif) no-repeat;
}

h1#head2{
	background:url(../images/grey.gif) no-repeat;
}

h1#head3{
	background:url(../images/green.gif) no-repeat;
}


a.green_arrow{
	font-size:15px;
	display:block;
	padding: 0 0 0 15px;
	margin-bottom:15px;
	font-weight:bold;
	background:url(../images/green_arrow.gif) no-repeat 0 5px}

a.green_arrow span{font-weight:normal}

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

/* product */

h2.title_default{
	padding:0;
	margin: 10px 0 0 0;
	font-size:16px;
	font-weight:normal;}

.prod,.prod_noline{
	margin:0 25px 10px 20px;
	padding-bottom:5px;
	border-bottom: 2px dotted #767676;

}

.prod br {
	font-size:3px;
	height:3px
}

.prod_noline{
	margin:0 25px 0 20px;
	padding-bottom:5px;
	border-bottom:none;
	cursor:pointer
}

h3.title,h2.title {
	margin:0;
	padding:0;
}

h3.title,h2.title{
	font-size:15px;
	margin:0;
	padding:0;
	color:#000
}

h3.title a:hover,h2.title a:hover{ text-decoration:none }

#col_orange h1.product,
#col_grey h1.product,
#col_green h1.product{
	margin:0 0 5px 0;
	padding:0;
	font-size:15px;
	color:#edaa22
}

#col_grey h1.product{
	color:#919191
}

#col_green h1.product{
	color:#cbe128
}


/*shadow*/

#border_top_shadow,
#top_shadow,
#shadow,
#foot_shadow {
	width:298px;
	padding: 0 10px;
	min-height:10px;
	margin:0;
	background:url(../images/shadow/top.png) no-repeat;
}

#border_top_shadow { margin:12px 0 0 0}

#top_shadow{
	color:#fff;
	font-size:13px;
	padding: 10px 20px 10px 20px;
	width:278px;
	height:47px;
	background:url(../images/topgreen.gif) no-repeat;
}

#shadow{
	padding-top:10px;
	padding-bottom:4px;
	min-height:20px;
	background:url(../images/shadow/bg.png) repeat-y;
}

#foot_shadow{
	min-height:31px;
	background:url(../images/shadow/foot.png) no-repeat;
}

/* link */

h2.title_link{
	font-size:13px;
	color:#929292;
	margin:10px 0 0 0;
}

.item_content li, .prod li {
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
	font-size:12px;
	background:url(../images/li_green.gif) no-repeat left 2px;}

.prod li {background:url(../images/li_green.gif) no-repeat left 2px;}

.item_content{
	font-size:13px;
	padding: 0 10px 10px 0;
	text-align:justify
}



/* detail */

#left_col,#right_col{
	width:205px;
	padding-left:10px;
	float:left;
}

#right_col{
	font: 12px/1.4 Arial, Helvetica, sans-serif;
	margin: 0 15px;
	width:280px;
}

h1.title_detail,h2.title_detail,h4.high_detail{
	font-weight:normal;
	color:#000;
	margin:0 0 10px 0;
	padding:0;
	font-size:28px;
}
h4.high_detail { color:#757575 }

/* link */

a.link,a.link_left{
	text-align:center;
	color:#000;
	font-weight:bold;
	display:block;
	width:206px;
	height:19px;
	padding-top:5px;
	margin-bottom:7px;
	background: url(../images/bg_link.gif) no-repeat
}

a:hover.link,a:hover.link_left{
	text-decoration:none;
	color:#5d5d5d;
}

a.link_left,a.link{margin:15px 0 0 230px}

/* contact */

.itemform input,textarea{
	margin:0;
	padding:0;
	background:#ececec;
	border:none;
	width:180px}

input.btn{width:95px;}
input.bt{width:95px;}

.press{
	display:block;
	float:left;
	margin: 0 17px 0 0;
	width:60px;
	height:100px
}


/* produit_pro*/

.pro,
.progrey1,
.progrey2,
.progrey3,
.progrey4{
	width:568px;
	height:82px;
	background: url(../images/pro/bg1.gif) no-repeat
}

.progrey1{	background: url(../images/pro/bg2.gif) no-repeat}
.progrey2{	background: url(../images/pro/bg3.gif) no-repeat}
.progrey3{	background: url(../images/pro/bg4.gif) no-repeat}
.progrey4{	background: url(../images/pro/bg5.gif) no-repeat}


h3.title_pro{
	display:block;
	float:left;
	width:95px;
	padding-top:10px;
	font-size:12px;
	margin: 0  25px 0 10px;
	color:#fff}

.intro_pro{
	float:left;
	width:170px;
	padding: 10px 10px 0 10px;
}

.high_pro{
	float:left;
	padding:10px 10px 0 10px;
	width:220px;
	_width:210px;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color:#000;
	cursor: pointer;
	z-index:100;
}

#lbCenter, #lbBottomContainer {
	position:relative;
	z-index:1000;
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {background: #fff url(../images/slimbox/loading.gif) no-repeat center}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {left: 0}
#lbPrevLink:hover {background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%}
#lbNextLink {right: 0}
#lbNextLink:hover {background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/slimbox/fermerlabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {margin-right: 71px}
#lbCaption {font-weight: bold}

.titleinfo {
	font-size:13px;
	margin:0 0 20px 6px
}

/************* Globale class ***********/


.clear, .item_separator, .item_separator1, .item_separator5, .item_separator10, .item_separator15, .item_separator20, .item_separator30, .item_separator40, .item_separator50, .item_separator60, .item_separator70, .item_separator80, .item_separator90, .item_separator100 {
	clear:both;
	background-color:transparent;
	margin:0;
	padding:0
}

.clear, .item_separator1 { height:1px; font-size: 1px; line-height:1px }
.item_separator5 { height:5px; font-size: 5px; line-height:5px }
.item_separator10 { height:10px; font-size: 10px; line-height:10px }
.item_separator15 { height:15px; line-height:15px }
.item_separator20, .item_separator { height:20px }
.item_separator30 { height:30px }
.item_separator40 { height:40px }
.item_separator50 { height:50px }
.item_separator60 { height:60px }
.item_separator70 { height:70px }
.item_separator80 { height:80px }
.item_separator90 { height:90px }
.item_separator100 { height:100px }


/*** Sitemap ***/

#sitemap {
	margin:0 0 0 50px;
	padding:0
}

#sitemap li, #sitemap ul {
	list-style:none;
	padding:0;
	margin:0
}


#sitemap a:link, #sitemap a:visited{
	font-size:10px;
	margin:0 0 0 120px
}

#sitemap .level1 a:link, #sitemap .level1 a:visited{
	text-align:left;
	display:block;
	list-style:none;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#253e98;
	padding:15px 0 0 0;
	margin:0
}

#sitemap .level2 a:link, #sitemap .level2 a:visited{
	text-align:left;
	display:block;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	color:#000;
	padding:5px 0;
	margin:0 0 0 50px
}

#sitemap .level3 a:link, #sitemap .level3 a:visited {
	text-align:left;
	display:block;
	margin:0 0 0 80px;
	font-size:12px;
	padding:3px 0;
	text-decoration:none;
	color:#666666;
}

a.screenshot,a.screenshotPro,a.screenshot1{ display:block; cursor:pointer }
a:hover.screenshot,a:hover.screenshotPro,a:hover.screenshot_news{text-decoration:none}
/* css pour la tooltip lien avec preview */
#screenshot,#screenshot1,#screenshotPro{
        position:absolute;
        border:1px solid #ccc;
        background: url(../images/frame.png) no-repeat;
		height:198px;
		width:120px;
        padding:5px;
		font-size:13px;
		text-align:center;
		border:none;
        display:none;
        color:#000;
		font-weight:bold
}

#screenshot1{background:none}

#screenshot_news{background:none}

#screenshotPro{
	width:156px;
	height:150px;
	padding: 10px 4px 0 0;
	background: url(../images/large_frame.png) no-repeat
}

#screenshot img,#screenshot_news img{margin: 5px 0 5px 0}


a:hover.screenshot_news;
{text-decoration:none}


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

#screenshot span,#screenshot1 span,#screenshotPro span{
	font-size:9px;
	letter-spacing:-1px}

.margin{
	margin-left:15px;
	margin-bottom:13px;
	width:170px}

/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}


a.link_web{
	display:block;
	width:28px;
	height:14px;
	background: url(../images/web.gif) no-repeat;
}

#box {
	height: 325px;
	width: 418px;
	z-index:99;
	position: absolute;
	top:-500px;
	left:220px;
	color:#fff;
	background:none
}

h2.title_grey{
	margin:0;
	padding:0 0 20px 0;
	font-weight:normal;
	color:#333;
	font-size:16px
}


a.download{
	display:block;
	padding:0 0 10px 45px;
	margin-bottom:10px;
	margin-top:14px;
	width:240px;

	min-height:15px;
	border-bottom:1px solid #858585;
	background: url(../images/pdf.gif) no-repeat center left
}

a:hover.download{
	text-decoration:none;}

h3.frame,
h3.framegreen,
h3.framepurple,
h3.frameblue{
	display:inline;
	font-size:11px;
	color:#fff;
	margin-right:10px;
	background:#ff9900
}

h3.framegreen{background:#cbe128}
h3.framepurple{background:#ff66ff}
h3.frameblue {background:#66ccff}

.intro_news{
	font-weight:bold;
	margin: 4px 0;
	color:#666;
	font-size:13px;}

#left_news{
	float:left;
	width: 250px;
}

a#back_bt{
	float:right;
	display:block;
	width:48px;
	height:17px;
	margin: 0 128px 50px ;
	padding: 6px 0 0 23px;
	color:#fff;
	text-transform:uppercase;
	background: url(../images/back_bt.gif) no-repeat
}

.grey_frame{
	float:right;
	width:257px;
	margin-right:10px;
	height:295px;
	padding: 0;
	background: url(../images/grey_frame.gif) no-repeat
}

.grey_frame p{
	padding: 15px 10px 0 70px;
}

h2.title_download{
	font-size:13px;
	color:#333;
	margin:10px 0 0 0;
	padding:0;
}

/** retailers **/

.retailers { margin-bottom: 26px }

table#find{ padding:0 0 0 20px; background:#e5e5e6;}
table#find tr{ padding:0 0 0 15px;}
table#find td{ padding: 5px 0}