/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;_font-size:97.59%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:12px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/*content program de fidélité*/
 #main #content #content_body #prog_fid{ width:100%; position:relative; text-align:center;}
 #main #content #content_body #prog_fid a{  margin: 50px 50px 50px 50px;}

/*img, #left_top, #left_bottom, #content, #main, div.noflower, #form_buttons{ behavior: url(css/iepngfix.htc) }*/
img, #left_top, #left_bottom, #content, #main, div.noflower, #form_buttons{ behavior: url(/css/iepngfix.htc) }


:focus{-moz-outline-style: none;}

img{ border:0; }
h1,h2,h3{ text-transform : uppercase; color:#31636f; font-weight:bold; }
h1 { font-size : 130%; }
h2 { font-size : 120%;*font-size:115%; }
h3 { font-size : 100%;*font-size:90%; }
h4 { font-size : 90%;*font-size:85%; color:#000; font-weight:bold;  }
a { font-size : 100%;*font-size:85%; outline: none;  }
p{ *font-size:88%;_font-size:88%; }
li { color : #737373; font-size:90%;*font-size:85%;  }
td { color : #737373; *font-size:85%; }
input{ border:1px solid #b5b5b1; height:18px; }
textarea{ border:1px solid #b5b5b1; width:375px; height:40px; *height:20px; }
.radio, .checkbox{ height:12px;border:0; }
.small{ font-size : 90%;*font-size:90%; }
.verysmall{ font-size : 75%;*font-size:70%; }

h1.black{ color:#000; line-height:1.5em; }
h4.grey{ color:#737373; }

.clear { clear:both; }
.bold { font-weight:bold; }
.floatL{ float:left; }
.floatR{ float:right; }
.invisible{ display:none; }
.marginT { margin-top:28px !important; }
.marginT5{ margin-top:5px; }
.marginT15{ margin-top:15px; }
.paddingL45{ padding-left:10px; }
.paddingR15{ padding-right:15px; }
.paddingT10{ padding-top:10px; }
.nomargin{ margin:0 !important; }
.centertext{ text-align:center !important; }

.grey{ color:#737373 !important; }
.turquoise{ color:#31636f !important; }




/* classe de surcharge popup  */
.popup{ margin:auto; text-align:center; }
.popup #header{ margin:auto !important; text-align:center !important; width:auto !important; }
.popup  #header img { margin:15px auto 0 auto; }
.popup #main{ width:auto; margin:0; }
.popup #main #content #content_header h1{ text-align:center; display:inline; }
.popup #main #content #content_body{ margin:25px auto 0 auto; text-align:center; }
.popup #fermer{ position:absolute; bottom:35px; left:46%; }
.popup #fermer a{ color:#707070; text-transform:uppercase; text-decoration:none; }
.popup p{ text-align:left !important; padding:10px 0 25px 0; }



/*  header */
#header{ z-index:15;position:relative !important; margin:0px 0 5px 15px !important; width:750px; min-height:130px;_height:130px;vertical-align:top; }
.miniheader{min-height:20px !important;_height:20px !important; margin-top:60px !important; }
#header img{ margin-bottom:10px; vertical-align:top; *margin-left:0px;}
#header .title{ margin:0 0 0 57px; }


#main{ margin:auto; width:962px;_width:1009px;}


/* styles specifique home  */
#global_home #main{position:relative;}
#global_home #main #header{ z-index:5;position:absolute !important; text-align:left;*margin-left:0;padding-left:0;width:100%; padding-top:10px; *padding-left:23px; left:0;}
#global_home #main #flashcontent{ position:relative; /*z-index:8;position:absolute !important; */height:652px; /*top:72px ;*/left:-15px; *left:15px; outline: none; }
#global_home #main #flashcontent a:active {background-color:#FFF;}
#global_home #main #container{ z-index:10; position:relative; width:567px;  margin:0 17px 40px 10px; left:175px;overflow:hidden;_zoom:1; min-height:650px; }
#global_home #main #container img.title { padding-left:70px; }
#global_home #main #container .square_content{clear:both;padding-top:10px;}
#global_home #main #container .square .checky{ float:left; padding:40px 0 0 10px;}
#global_home #main #container .square .desc{ width:70%;float:left;}
#global_home #main #container .tiret{ width:100%;height:1px;background:transparent url(../media/images/tiret.gif) left top repeat-x;margin:10px 0 10px 0;}
#global_home #main #container .btretour a{ color:#737373;text-transform:uppercase;text-decoration:none;}
#global_home #main #container .longtext{ width:99%;*width:96%; } 
#global_home #main #container td{ font-size:100%;line-height:25px; } 
#global_home #main #container td.special{ font-size:100%;line-height:15px;} 
#global_home #main #left{  position:absolute;z-index:20; *left:23px; top: 100px;height:640px !important; *height:690px !important;  }
#global_home #main #right{ z-index:15; position:absolute;right:0;_right:25px; top:145px; outline: none;}
#global_home #footer{ *width:100%; }


/* styles specifique home  IE 6*/
#global_home.demandeEchantillon #main #header{_margin-left:0 !important;}
#global_home.demandeEchantillon #main #container{_left:20px;}
#global_home.demandeEchantillon #main #left{_position:static;_margin-top:100px;}


/* footer  */
#footer{ text-align:center; color:#707070; padding-top:10px;*padding-top:5px; clear:both;background:transparent url("skin/bg_footer.jpg") left top repeat-x;}
#footer a{ color:#707070; text-transform:none; text-decoration:none; font-size:100%; }
.savoirplus img{ display:block; margin:-28px auto 55px auto;*margin:-28px auto 45px auto; _width:136px; _height:15px; }
#footer #breadcrumb{ display:block; text-transform:none; color:#bbb; }
#footer #breadcrumb a{ text-transform:none; color:#bbb; font-size:80%;_font-size:70%;*font-size:70%; }




/* content */
#content_g{width:567px; margin:0 17px 0 16px; float:left; }
#content{width:567px; background:transparent url("skin/content_bg.png") left bottom no-repeat; min-height:400px; _height:400px;}
/* content special pour home  */
#contenthome{ width:567px; margin:360px 17px 0 16px; float:left; background:none; min-height:491px;_height:491px; }
#contenthome #footer{ margin-top:50px !important; }

#question{margin:20px auto 0 auto;text-align:center;}

.noflower{ background:transparent url("skin/content_bg_noflower.png") left bottom no-repeat; min-height:371px;_height:0px; }
.nobg{ background:none !important; }

/* cas special toutes les gammes */
.contentFlash{ margin-top:-60px !important; outline: none; }

#content_header{ margin:0 22px 0 22px; border-bottom:1px dashed #fff; padding-bottom:10px; font-size:85%;_font-size:75%; width:537px; min-height:75px; _height:75px;}
#content_header #breadcrumb{ padding-bottom:10px; font-size:100%; color:#547484; }
#content_header #breadcrumb a{ font-size:100%; color:#547484; }
#content_header div.back{ text-align:right;  margin-top:-10px; }
#content_header div.back a{ text-transform:uppercase; color:#5a828b; text-decoration:none; }
#content_header div.nomargin { margin:0; }
#content_header p{ /*font-weight:bold;*/ font-size:110% !important; }


#content_body{ margin:0px 0px 0 22px; height:290px;_height:280px; padding-right:10px; width:500px; overflow:hidden;}
.noscroll{ overflow:hidden !important; min-height:410px !important;_height:410px !important;}
#content_body .article{ padding-top:12px; padding-bottom:15px;*padding-bottom:30px; border-bottom:1px dashed #d7d7d7; min-height:110px;*min-height:100px; height:auto; _padding-bottom:50px; }
#content_body .small{ min-height:50px; }
#content_body .article a{ color:#31636F; text-decoration:underline; font-size : 100%;*font-size:90%; }
#content_body p { color:#737373; }
#content_body .article p { color:#737373; width:75%; float:left; padding-top:3px;  }
#content_body .article p.fullwidth { width:100%; float:none;}
#content_body .article p img { margin:15px 0 0 320px; _width:66px; _height:15px; }
#content_body .article h3 { width:390px; height:30px; }
#content_body .article .thumb { margin-top:-25px; display:inline; /*float:right;*/ margin-left:15px; }
#content_body .article .thumbnomargin { margin-top:0px; display:inline; float:right;  }
#content_body .article div.links{ margin-right:110px; clear:both; padding:10px 0 10px 0;}
#content_body .article div.links img{ _width:66px; _height:15px; }
/*  page focus pack  */
#content_body .focustop  { padding-top:12px; padding-bottom:8px;_padding-bottom:30px; border-bottom:1px dashed #d7d7d7; min-height:270px; }
#content_body .focustop  div { display:block; width:150px; }
#content_body .focusbottom { padding:10px 0 20px 0; }
#content_body .focusbottom .absorption { padding-top:10px;_margin-top:10px;_padding:0; }
#content_body .focustop p { padding-top:9px; }
#content_body .focustop ul{ padding:0; margin-top:10px; }
#content_body .focustop li { line-height:0px; height:34px; _margin-left:0;   }
#content_body .focustop li:first-line { line-height:2.2em;  }
#content_body .focustop li img{ margin-left:-45px;_margin-left:0; float:left; margin-right:10px; padding-left:45px;_padding-left:0;}

/*
#content_body .selection{ float:left; width:49%; padding: 10px 5px 15px 0;}
#content_body .selection .check{ float:left; margin:20px 5px 0 0; }
#content_body .selection .produit img{ margin-right:4px; float:left; }
#content_body .selection .produit p{ color:#000 !important; font-size:80%; margin-left:92px;*margin-left:98px; }
*/

#container .selection{ float:left; width:49%; padding: 0px 5px 15px 0;}
#container .selection .check{ float:left; margin:15px 5px 0 0; }
#container .selection .produit img{ margin:0px; float:left; }
#container .selection .produit p{ color:#000 !important; font-size:80%; margin-left:92px;*margin-left:98px; }


/*
#content_body .focustop li  span{ display:block; top:50%; height:35px; border:1px solid #222;}
*/
#content_body .focustop .icn img{ margin:0 0 -12px 0;_margin-bottom:-5px; }
#content_body .focustop p.icn { padding:0 !important; margin-bottom:-17px;_margin:0;}
#content_body .focustop p.firsticn { padding-top:2px !important; }
#content_body .focustop .floatL img { display:block; padding-bottom:15px;_margin-bottom:15px;_padding:0; }
#content_body .focustop .floatL img, #content_body .focusbottom .floatL img { margin-right:15px; }  

#content_body .first{ border-right:1px dashed #d7d7d7; padding-right:10px; margin-right:10px; }

#content_body .two{ width:47%; min-height:120px; _height:120px; float:left; }
#content_body .two ul li{ font-weight:bold; width:100%; padding-top:8px; list-style-type:disc; margin-left:15px; }
#content_body .two ul li a{ margin-left:20px; }
#content_body .two h3 { width:auto; }
#content_body .two p { width:55%; font-size:10px; }
#content_body .two p img{ margin:15px 0 0 auto; display:block; _width:66px; _height:15px; }
#content_body .two .thumb { margin-top:-10px; display:inline; float:right;  }

/* scroller  */
.scrollbar-vert{  background: transparent url("skin/bg_scroller.png") no-repeat; height: 297px; width: 18px; float:right;margin-right:8px;_margin-right:3px; behavior: url(css/iepngfix.htc); }
.handle-vert{ height: 48px; width: 12px; background: transparent url("skin/handle_scroller.png") left top no-repeat; margin-left:6px; behavior: url(css/iepngfix.htc); }





/* right  */
#right{ float:left; margin-top:-100px; outline:none;}
#right a:active {background-color:#FFF;}


/* form */
form table{ margin-top:3px; }
.label{ width:125px; }
.right{ text-align:right; padding-right:5px; outline:none;}
.mention{ font-size : 90%;*font-size:85%;  }
.mandatory{ color:#737373; font-size : 80%;*font-size:75%;}
.mandatory a{ color:#737373; }
.longtext{ width:387px;*width:397px; } 
.mediumtext{ width:200px;*width:210px; } 
td{ padding: 2px 0 2px 0; _padding: 2px 0 1px 0; font-size : 90%;*font-size:85%; }
#form_buttons{ text-align:center; margin:5px auto 5px auto; }
#form_buttons img, #form_buttons input{ border:0; margin-right:20px; _width:66px; _height:15px; width:66px; height:15px; }
#form_buttons_sample{ text-align:center; margin:5px auto 5px auto; }
#form_buttons_sample img, #form_buttons_sample input{ border:0; margin-right:20px; _width:66px; _height:15px; width:66px; height:15px; }

/*font form question*/
#font_form{text-align:right; color:#666666; font-size:12px; font-weight:bold; padding-right:10px;}
#font_form_last{text-align:right; color:#666666; font-size:12px; font-weight:bold; vertical-align:text-top; padding-right:10px;}


.blockImageProd {float:left; width:139px; text-align:center; padding-top:10px;}
.blockTopBanner { padding-top:12px;}