/* RESET ****************************************************************/ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font:normal 11px Verdana, Arial, sans-serif;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} html, body { height: 100%; } p { color:#666; line-height:20px; } a:link, a:visited { color:#000; text-decoration:none; } *:focus,*:active {-moz-outline:0px none red;outline:0px none red;} .clearer { clear:both; height:1px; overflow:hidden; font-size:1px; line-height:1px; } /* LAYOUT ****************************************************************/ * { margin:0; padding:0; } body { text-align:center; background:url(i/body.gif) repeat-x center top; } body.home { background:url(i/body-home.gif) repeat-x center top; } body.about { background:url(i/body-about.png) repeat-x center top; } body.admin { background:url(i/body-home.gif) repeat-x center top; } body.translate { background:none; padding:0 20px; } #wrap { margin: 0 auto; text-align:left; width: 915px; } body.admin .top_lnks { float:right; } body.admin #top { height:auto; } body.translate #wrap { width:auto; } #content { clear:both;} /* top */ #top { height:95px; } body.about #top { height:156px; } #top .top_lnks { background:#949596; padding:2px 8px 3px; color:#a7b6c0; float:right; } #top .top_lnks a:link, #top .top_lnks a:visited { color:#eee; } #top .top_lnks a:hover { color:#fff; } #top .top_lnks a.sel { font-weight:bold; color:#fff; } #top .top_lnks img { position:relative; top:2px; padding-right:3px; } #top .top_h { padding-top:9px; } #top .top_h a { width:170px; height:60px; display:block; background:url(i/logo.gif) no-repeat 5px 10px; } body.about #top .top_h a { width:300px; background:url(i/logo-about.png) no-repeat 5px 60px; height:130px; } #top .top_h a span { display:none; } #top .top_srch { float:right; background:url(i/top-rec.png) no-repeat; } #top .top_srch input { background:transparent; border:none; padding:1px 2px 1px 20px; width:117px; height:16px; } #top dl dd { display:block; float:left; } #top dl dd a {display:block; padding:3px 8px 2px; text-transform:uppercase; color:#000; } #top dl dd a:hover { color:#444; } #top dl dd.sel a { background:#edeff1; border:1px solid #a0a1a3; border-bottom:5px solid #edeff1; } #top dl dd.jswithdown { background:url(i/top-down.gif) no-repeat center right; padding-right:4px; margin-right:8px; } #top dl dd.jswithdown.sel { background:none; margin-right:0; padding-right:0; } #top dl dd.jsdownsel { margin-right:2px; background:none; } #top dl dd.jsdownsel a { background:#edeff1;padding-right:12px; border:1px solid #a0a1a3; border-bottom:5px solid #edeff1; } #top .top_fc { clear:both; margin-bottom:5px; } #top dl dd .families li a { border:none; text-transform:none; border-left:3px solid #ddd; } .jsdown { position:absolute; background:#edeff1; width:184px; border:1px solid #c0c2c4; padding: 4px; border-top:none; z-index:1000;} /* footer */ #footer { border-top:1px dotted #bfbfbf; clear:both; margin-top:15px; padding:10px 0 15px; } #footer .footer_copyr { float:right; color:#aaa; height: } #footer .footer_h a { display:block; background:url(i/footer-logo.png) no-repeat; height:30px; } #footer .footer_h a span { display:none; } #footer .footer_row1 { text-transform:uppercase; color:#ddd; padding:4px 0; } #footer .footer_row2 { color:#ddd; } #footer a:link, #footer a:visited { color:#666; } #footer a:hover { color:#000; text-decoration:none; } /* bodyfooter */ #bodyfooter { background:#b7b7b7 url(i/bodyfooter.png) repeat-x center top; height:40px; position: relative; } #wrap.withbodyfoot { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; } #bodyfooterspacer { height: 40px; } /* LIGHTBOX *************************************************************/ html,body{margin:0;padding:0;height:100%}#lightbox,#lightbox-overlay{position:absolute;top:0px;left:0px;bottom:auto;right:auto;z-index:100;width:100%;height:auto;text-align:center;color:#333;margin:0px;padding:0px;border:none;outline:none;line-height:0;text-decoration:none;background:none;word-spacing:normal;letter-spacing:normal;float:none;clear:none;display:block}#lightbox a,#lightbox a:link,#lightbox a:visited,#lightbox a:hover{text-decoration:underline;color:#999}#lightbox-overlay{z-index:90;background-color:#000;height:100%;position:fixed}#lightbox-overlay-text{text-align:right;margin-right:20px;margin-top:20px;color:white;font-size:12px;cursor:default;line-height:normal}#lightbox-overlay-text a,#lightbox-overlay-text a:hover,#lightbox-overlay-text a:visited,#lightbox-overlay-text a:link{color:white}#lightbox-overlay-text span{padding-left:5px;padding-right:5px}#lightbox img,#lightbox a img,#lightbox a{border:none;outline:none}#lightbox-imageBox{position:relative;border:1px solid black;;background-color:white;width:400px;height:400px;margin:0 auto}#lightbox-imageContainer{padding:1px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{display:block;width:49%;height:100%;background:transparent url("../images/blank.gif") no-repeat;zoom:1;padding:0px;margin:0px}#lightbox-nav-btnPrev{left:0;right:auto;float:left}#lightbox-nav-btnNext{left:auto;right:0;float:right}#lightbox-infoBox{font:10px Verdana,Helvetica,sans-serif;background-color:#FFF;margin:0 auto;padding:0px}#lightbox-infoContainer{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;color:#666;line-height:normal}#lightbox-infoHeader{width:100%;text-align:center}#lightbox-caption{text-align:justify}#lightbox-caption-title{font-weight:bold}#lightbox-caption-description{font-weight:normal}#lightbox-infoFooter{margin-top:3px;color:#999}#lightbox-currentNumber{display:block;width:49%;float:left;text-align:left}#lightbox-close{display:block;width:45%;float:right;text-align:right}#lightbox-close-button{padding-left:30%}#lightbox-close-button:hover{color:#666}#lightbox-infoContainer-clear{clear:both;visibility:hidden} #lightbox-overlay-text-about, #lightbox-overlay-text-close, #lightbox-infoBox { display:none !important; } /* BLOCS GENERIQUES * ***************************************************/ /* bte */ .bte { text-align:left; } .bte h5 { font-weight:bold; color:#000; margin-top:10px; font-size:12px;line-height:20px; } .bte h6 { font-weight:bold; color:#000; margin-top:5px; line-height:20px; } .bte ul li { color:#666; list-style: square inside; margin-left:20px; line-height:20px; } .bte strong { font-weight:bold; color:#333; } .bte em { font-style:italic; color:#333; } .bte hr { visibility:hidden; margin-top:2px; } .bte .closehint { text-align:center; color:#963; background:#fed; padding:5px; margin-bottom:10px; } .jsbasictexteditor_lnkpreview { background: url(i/ic-show.gif) no-repeat; padding:0px 18px 4px; cursor:pointer; } /* pagetitle */ .pagetitle { height:79px; margin-bottom:15px; } .pagetitle .sidelink { float:right; margin-top:50px; font-weight:bold; padding:3px 0 4px 20px !important; display:block; } .pagetitle .parents { font:italic 12px "Trebuchet MS", serif; padding-top:10px; color:#70777b; } .pagetitle .maintitle { font:italic 44px "Trebuchet MS", serif; padding-top:20px; letter-spacing:-1px; overflow:hidden; height:55px;  } .pagetitle .maintitle.overlength { font-size:34px; } .pagetitle.withparents .maintitle { padding-top:0px; line-height:42px; } /*ie6*/ * html .pagetitle { margin-bottom:0; } /*ie6*/ * html #content .maintitle { padding-top:0px; height:84px; width:700px; position:absolute; } /*ie6*/ * html .pagetitle .parents { line-height:0px; margin-bottom:5px; } .chapo { font:italic 14px/22px "Trebuchet MS", serif; margin:0 20% 15px 0; } /* empty */ .empty { font-size:18px; font-weight:bold; color:#ccc; text-align:center; padding:120px 0 180px; } .empty.small { font-size:12px; font-weight:normal; padding:60px 40px 90px; } .highlight { background:#ff0; border-bottom:1px solid #aa0; border-right:1px solid #aa0; } .loading { background:url(i/loading.gif) no-repeat center center; padding:100px 0; } /* saved */ .jssaved { position:absolute; top: 20%; right:40%; width:174px; height:174px; background:url(i/saved.png) no-repeat; } * html .jssaved { background-image: url(i/saved.gif); } .jssavederror { position:absolute; top: 20%; right:40%; width:174px; height:174px; background:url(i/savederror.png) no-repeat; } * html .jssavederror { background-image: url(i/savederror.gif); } .warning { background:#fec; border:1px solid #eda; padding:5px; border-top:none; margin-bottom:15px; } .warning strong { font-weight:bold; color:#653; } /* sidelinks */ .sidelinks li { padding-left:80px;overflow:auto; margin-bottom:10px; } /*ie6*/ * html .sidelinks li { height:70px; overflow:visible; } .sidelinks a { display:block; line-height:16px; color:#555; } .sidelinks a img { border:1px solid #c3c3c3; float:left; margin-left:-80px; margin-top:2px; } .sidelinks a:hover {color:#000; } .sidelinks a:hover img { border:1px solid #999; } .sidelinks a strong { font-weight:bold; display:block; color:#000; } /* jsonly */ .jsonly { display:none; } /* jquery-flash */ .flash-replaced .alt { display:none; } /* sidetitle */ .sidetitle { font:bold italic 15px "Trebuchet MS", serif; display:block; } /* undertitle */ .undertitle { font:bold italic 17px "Trebuchet MS", serif; display:block; margin:15px 0 5px; } .undertitle em { font-style:normal; } /* formlines */ .formlines dl dd { border-top:1px solid #eee; padding:5px 0; clear:both; } .formlines dl dd label { width:150px; float:left; display:block; padding-top:3px; } .formlines dl dd label .mandatory { font-weight:bold; background:url(i/formlines-mandatory.gif) no-repeat; } .formlines dl dd label em { color:#876; } .formlines dl dd label .mandatory span { visibility: hidden; } .formlines dl dd .autocheck_error { font-weight:bold; background:url(i/formlines-error.gif) no-repeat; } .formlines dl dd .autocheck_error span { visibility: hidden; } .formlines dl dd.error { color:#900; font-weight:bold; } .formlines dl dd.info { background:#fec; border:none; padding:5px 10px; margin-bottom:10px; } .formlines dl dd.title { padding:20px 0 5px 150px; text-transform:uppercase; letter-spacing:1px; font-size:90%; font-weight:bold; } .formlines dl dd.nolabel { padding-left:150px; } .formlines dl dd.nolabel label { display:inline; float:none; width:auto; padding:0; } .formlines dl dd.nospace { padding-left:0; } .formlines dl dd.witherror input { border-color:#900; } .formlines dl dd.witherror label { color:#ff720b; } .formlines dl dd .comment { color:#ccc; display:block; margin-left:150px; margin-top:5px; } .formlines dl dd .comment.active { color:#876; } .formlines dl dd .legend { color:#888; line-height:20px; display:block; } .formlines p { margin-bottom:15px; } .formlines .docsexplorer { display:block; padding:3px 3px 3px 18px; background:url(i/ic-file-s.gif) no-repeat 0 3px; margin-left:150px; } .formlines .textlink { display:block; margin-left:150px; } .formlines input.field, .formlines textarea.field { border:1px solid #aaa; padding:3px 5px; width:170px; } .withdouble .formlines input.field, .withdouble .formlines textarea.field { width:340px; } .withtriple .formlines input.field, .withtriple .formlines textarea.field { width:400px; } .formlines input.field.mini { width:50px !important; } .formlines input.field.medium { width:140px !important; } .formlines input.field:focus, .formlines textarea.field:focus { border:1px solid #558; } .formlines dl dd ul { margin-left:150px; } .formlines dl dd.nomargin ul { margin-left:0; } .formlines dl dd ul li { padding:3px 0; border-bottom:1px dotted #ddd; } .formlines dl dd strong { font-weight:bold; color:#335; } .formlines dl dd.noborder { border:none; } .formlines dl dd.withvalid { margin-top:15px; background:#eee; border-color:#dadada; } .formlines dl dd.withvalid2 { background:#eee; padding-bottom:15px;} /* productbig */ .productbig { border:1px solid #cfcfcf; height:205px; width:460px; padding:5px 0; margin-bottom:10px; text-align:center; position:relative; } .productbig img { height:200px; } .productbig a { position:absolute; top:0; right:0; left:0; bottom:0; width:460px; height:215px; background:url(i/productbig.png);} .productbig a span { position:absolute; right:10px; bottom:10px; } /*ie6*/ * html .productbig a { background: none; } /* docnav */ .docnav .docnav_col { float:left; width:170px; padding-right:10px; margin-right:10px; border-right:1px dotted #ccc; } .docnav .docnav_col a, .docnav .docnav_col a:link, .docnav .docnav_col a:visited { display:block; padding:5px 6px; color:#000; } .docnav .docnav_col a:hover { color:#38afc4; } .docnav a em { color:#999; } /*ie6*/ * html .docnav .docnav_col a, /*ie6*/ * html .docnav .docnav_col a:link, /*ie6*/ * html .docnav .docnav_col a:visited { height: 1%; } .docnav .docnav_col li.withsep { margin-top:5px; border-top:1px dotted #ccc; padding-top:5px; } .docnav .docnav_col li.title { padding:15px 6px 5px; color:#000; font-weight:bold; } .docnav .docnav_col li.sel a, .docnav .docnav_col li.sel a:link, .docnav .docnav_col li.sel a:visited { background:#38afc4; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; } .docnav .docnav_col li.sel.sous a { background: #88cfdc; } .docnav li.sel a em { color:#9bd7e1; } .docnav .docnav_col3 { margin-right:2px; } .docnav .docnav_view { border-left:1px dotted #ccc; float:left; padding-left:10px; width:325px; } .docnav .docnav_view.withdouble { width:530px; } .docnav .docnav_view.withtriple { width:720px; } .docnav .coltitle { font:bold italic 13px "Trebuchet MS", serif; padding:0 0 10px; } .docnav .coltitle em { color:#777; } .docnav .footer { padding:20px 0 0; font-size:10px; } .docnav .docnav_f { clear:both; } .docnav .docnav_col.withonelevel ul { display:none; background:#f90; } /* menutab */ .menutab { background: #727375 url(i/menutab-over.png) repeat-x top; padding:4px 5px 0; height:23px; overflow: hidden; } /*ie6*/ * html .menutab { background: #727375; } .menutab ul { } .menutab ul li { float:left; padding:0 0 0 13px; } .menutab ul li.exit { float:right; font-weight:bold; } .menutab ul li.sep { color:#fff; padding:1px 8px 0; } .menutab a, .menutab a:link, .menutab a:visited { color:#fff; display:block; } .menutab a:hover { color:#fff; text-decoration:underline; } .menutab a { padding:2px 13px 2px 0px; float:left; height:14px; overflow: hidden; } .menutab ul li.sel { background:url(i/menutab.png) no-repeat top left;} .menutab ul li.sel a { background:url(i/menutab.png) no-repeat bottom right; } .menutab ul li.sel a:link, .menutab ul li.sel a:visited { color:#000; } .menutab ul li.sel a:hover { text-decoration:none; } * html .menutab ul li.sel, * html .menutab ul li.sel a { background-image: url(i/menutab.gif); } .menutab.withsous { margin-bottom:0 !important; } .menutab.sous { background:#aaaaaf; } .colA .menutab { background-color:#44a9ff; } .colB .menutab { background-color:#36ce41; } .colC .menutab { background-color:#ea3087; } .colD .menutab { background-color:#8c1d51; } .colE .menutab { background-color:#8c8c8c; } .colF .menutab { background-color:#67278c; } .colG .menutab { background-color:#4eb299; } .colH .menutab { background-color:#e38a17; } .colI .menutab { background-color:#94a32d; } .colJ .menutab { background-color:#96389e; } .colK .menutab { background-color:#bd640d; } .colL .menutab { background-color:#ffee00; } .colL .menutab a, .colL .menutab a:link, .colL .menutab a:visited { color:#000; } .colM .menutab { background-color:#0853ba; } .colN .menutab { background-color:#3fba73; } .colO .menutab { background-color:#724a0d; } .colP .menutab { background-color:#be73b8; } .colQ .menutab { background-color:#be5c6e; } .colR .menutab { background-color:#8aa7be; } /* smalltab */ .smalltab { padding:4px 4px 0; height:20px; overflow: hidden; border-bottom:2px solid #38afc4; margin-bottom:8px; } /*ie6*/ * html .menutab { background: #727375; } .smalltab ul { padding:0; margin:0; } .smalltab ul li { float:left; padding:0; } .smalltab ul li.last { border:none; } .smalltab a em { color:#888; } .smalltab a:hover em { color:#38afc4; } .smalltab a, .smalltab a:link, .smalltab a:visited { color:#000; display:block; } .smalltab a:hover { color:#38afc4; } .smalltab a { padding:3px 8px; float:left; height:15px; overflow: hidden; } .smalltab ul li.sel { background:#38afc4;} .smalltab ul li.sel a, .smalltab ul li.sel a:link, .smalltab ul li.sel a:visited { color:#fff; } /* comparison */ table.comparison { width:700px; margin: 15px 0;} /*ie6*/ * html table.comparison { width:690px; } table.comparison tr th { font-weight:bold; } table.comparison tr th, table.comparison tr td { padding:7px 7px; border-bottom:1px dotted #bfbfbf; vertical-align:top; line-height:18px; } table.comparison tr .tdspec { width:86px; } table.comparison.with5cols tr .tdspec { width:66px; } table.comparison tr .odd { background:#eee; } table.comparison tr.last td { border-bottom:none; height:10px; overflow:hidden; padding:0; } table.comparison a.td_c { display:block; } table.comparison a.td_c img { float:left; border:1px solid #cfcfcf; margin-right:5px; } table.comparison a.td_c:hover img { border-color:#999; } table.comparison a.td_c .td_c_h { display:block; font-weight:bold; } table.comparison a.td_c .td_c_ref { color:#808080; } table.comparison a.td_c:hover .td_c_ref { color:#444; } table.comparison .td_l { font-size:10px; color:#aaa; } table.comparison tr .odd { background:#edeff1; } table.comparison tr td.largecol { width:280px; text-align:center; } table.comparison tr td strong { font-weight:bold; display:block; } table.comparison tr td ul.multirefs li { border-bottom:1px dotted #bfbfbf; padding: 5px 0; position:relative; } table.comparison tr td ul.multirefs li em { color:#808080; display:block; width:100px; position:absolute; left:0px; float:left; font-style:normal; } * html table.comparison tr td ul.multirefs li em { left:-100px; } table.comparison tr td ul.multirefs li { padding-left:100px; } table.comparison tr td ul.multirefs li.last { border-bottom:none; padding-bottom:0; } .comparison_actions { font-size:10px; padding-left: 85px; } .vignette { border:1px solid #d0d0d0; width:70px; height:70px; } /* gamme-info */ table.gammeinfo { width:700px; margin: 15px 0;} /*ie6*/ * html table.gammeinfo { width:690px; } table.gammeinfo tr th { font-weight:bold; } table.gammeinfo tr th, table.gammeinfo tr td { padding:7px 7px; vertical-align:top; line-height:18px; text-align:center; } .colA table.gammeinfo tr th, .colA table.gammeinfo tr td { border-left:1px dotted #44a9ff; } .colB table.gammeinfo tr th, .colB table.gammeinfo tr td { border-left:1px dotted #36ce41; } .colC table.gammeinfo tr th, .colC table.gammeinfo tr td { border-left:1px dotted #ea3087; } .colD table.gammeinfo tr th, .colD table.gammeinfo tr td { border-left:1px dotted #8c1d51; } .colE table.gammeinfo tr th, .colE table.gammeinfo tr td { border-left:1px dotted #8c8c8c; } .colF table.gammeinfo tr th, .colF table.gammeinfo tr td { border-left:1px dotted #67278c; } .colG table.gammeinfo tr th, .colG table.gammeinfo tr td { border-left:1px dotted #4eb299; } .colH table.gammeinfo tr th, .colH table.gammeinfo tr td { border-left:1px dotted #e38a17; } .colI table.gammeinfo tr th, .colI table.gammeinfo tr td { border-left:1px dotted #94a32d; } .colJ table.gammeinfo tr th, .colJ table.gammeinfo tr td { border-left:1px dotted #96389e; } .colK table.gammeinfo tr th, .colK table.gammeinfo tr td { border-left:1px dotted #bd640d; } .colL table.gammeinfo tr th, .colL table.gammeinfo tr td { border-left:1px dotted #ffee00; } .colM table.gammeinfo tr th, .colM table.gammeinfo tr td { border-left:1px dotted #0853ba; } .colN table.gammeinfo tr th, .colN table.gammeinfo tr td { border-left:1px dotted #3fba73; } .colO table.gammeinfo tr th, .colO table.gammeinfo tr td { border-left:1px dotted #724a0d; } .colP table.gammeinfo tr th, .colP table.gammeinfo tr td { border-left:1px dotted #be73b8; } .colQ table.gammeinfo tr th, .colQ table.gammeinfo tr td { border-left:1px dotted #be5c6e; } .colR table.gammeinfo tr th, .colR table.gammeinfo tr td { border-left:1px dotted #8aa7be; } table.gammeinfo tr th.noborder, table.gammeinfo tr td.noborder { border-left:none; } .colA table.gammeinfo tr.odd { background:#daeeff; } .colB table.gammeinfo tr.odd { background:#d7f5d9; } .colC table.gammeinfo tr.odd { background:#fbd6e7; } .colD table.gammeinfo tr.odd { background:#e8d2dc; } .colE table.gammeinfo tr.odd { background:#e8e8e8; } .colF table.gammeinfo tr.odd { background:#e1d4e8; } .colG table.gammeinfo tr.odd { background:#dcf0eb; } .colH table.gammeinfo tr.odd { background:#f9e8d1; } .colI table.gammeinfo tr.odd { background:#eaedd5; } .colJ table.gammeinfo tr.odd { background:#ead7ec; } .colK table.gammeinfo tr.odd { background:#f2e0cf; } .colL table.gammeinfo tr.odd { background:#ffee00; } .colM table.gammeinfo tr.odd { background:#0853ba; } .colN table.gammeinfo tr.odd { background:#3fba73; } .colO table.gammeinfo tr.odd { background:#724a0d; } .colP table.gammeinfo tr.odd { background:#be73b8; } .colQ table.gammeinfo tr.odd { background:#be5c6e; } .colR table.gammeinfo tr.odd { background:#8aa7be; } /* colAuto */ .colA a.colAuto { color:#44a9ff; } .colB a.colAuto { color:#36ce41; } .colC a.colAuto { color:#ea3087; } .colD a.colAuto { color:#8c1d51; } .colE a.colAuto { color:#8c8c8c; } .colF a.colAuto { color:#67278c; } .colG a.colAuto { color:#4eb299; } .colH a.colAuto { color:#e38a17; } .colI a.colAuto { color:#94a32d; } .colJ a.colAuto { color:#96389e; } .colK a.colAuto { color:#bd640d; } .colL a.colAuto { color:#ffee00; } .colM a.colAuto { color:#0853ba; } .colN a.colAuto { color:#3fba73; } .colO a.colAuto { color:#724a0d; } .colP a.colAuto { color:#be73b8; } .colQ a.colAuto { color:#be5c6e; } .colR a.colAuto { color:#8aa7be; } a.colAuto:hover { color:#000; } /* specstable */ dl.specstable { padding:10px 10px; } dl.specstable dd { margin-bottom:10px; } dl.specstable dd .dd_h { font-weight:bold; color:#555; float:left; width:210px; } dl.specstable dd .dd_c { line-height:16px; margin-left:220px; } dl.specstable a:hover { color:#640; } dl.specstable a.sel { font-weight:bold;} dl.specstable.filters { background:#eee; padding:10px 10px 5px; border:1px dotted #aaa; border-right:none; border-left:none; } dl.specstable.filters dd .dd_h { color:#000; } dl.specstable.filters dd .dd_c { color:#999; } .colA .specstable.filters { background:#daeeff;} .colB .specstable.filters { background:#d7f5d9;} .colC .specstable.filters { background:#fbd6e7;} .colD .specstable.filters { background:#e8d2dc;} .colE .specstable.filters { background:#e8e8e8;} .colF .specstable.filters { background:#e1d4e8;} .colG .specstable.filters { background:#dcf0eb;} .colH .specstable.filters { background:#f9e8d1;} .colI .specstable.filters { background:#eaedd5;} .colJ .specstable.filters { background:#ead7ec;} .colK .specstable.filters { background:#f2e0cf;} .colL .specstable.filters { background:#fffef5;} .colM .specstable.filters { background:#ceddf1;} .colN .specstable.filters { background:#d9f1e3;} .colO .specstable.filters { background:#e3dbcf;} .colP .specstable.filters { background:#f2e3f1;} .colQ .specstable.filters { background:#f2dee2;} .colR .specstable.filters { background:#e8edf2;} .colA .specstable a.sel { color:#44a9ff; } .colB .specstable a.sel { color:#36ce41; } .colC .specstable a.sel { color:#ea3087; } .colD .specstable a.sel { color:#8c1d51; } .colE .specstable a.sel { color:#8c8c8c; } .colF .specstable a.sel { color:#67278c; } .colG .specstable a.sel { color:#4eb299; } .colH .specstable a.sel { color:#e38a17; } .colI .specstable a.sel { color:#94a32d; } .colJ .specstable a.sel { color:#96389e; } .colK .specstable a.sel { color:#bd640d; } .colL .specstable a.sel { color:#ffee00; } .colM .specstable a.sel { color:#0853ba; } .colN .specstable a.sel { color:#3fba73; } .colO .specstable a.sel { color:#724a0d; } .colP .specstable a.sel { color:#be73b8; } .colQ .specstable a.sel { color:#be5c6e; } .colR .specstable a.sel { color:#8aa7be; } /* prodspecs */ table.prodspecs { width: 462px; border-bottom:2px solid #e6e6e6; } table.prodspecs td, table.prodspecs th { padding:8px 8px; } table.prodspecs th { font-weight:bold; color:#787878; } table.prodspecs .odd { background:#e6e6e6 } /* families */ .families a { -webkit-transition: border 0.5s ease-out; } /*ie6*/ * html .families a { line-height:12px; } .families a:hover { text-decoration:none; background:inherit; -webkit-transition: border 0.05s ease-in; } .families ul.onlyone li a:link, .families ul.onlyone li a:visited { color:#787878; } .families ul li.act em { display:none; } .families ul li.act a:link, .families ul li.act a:visited { color:#000; } .families ul li.act>a { font-weight:bold; } .families ul li.tonotactive { display:none; } .families ul.onlyactive li { display:none; } .families ul.onlyactive li.act, .families ul.onlyactive li.act li, .families ul.onlyactive li.tonotactive { display:block; } .families ul.onlyactive li.tonotactive a, .families ul.onlyactive li.tonotactive a:link, .families ul.onlyactive li.tonotactive a:visited { display:block; color:#787878; background:url(i/parent.gif) no-repeat 9px 6px; padding-left:24px; } .families ul.onlyactive li.tonotactive a:hover { color:#000; } .families ul li a, .families ul li a:link, .families ul li a:visited { display:block; padding:5px 8px; border-left:3px solid #e5e5e5; } /*ie6*/ * html .families ul li a, /*ie6*/ * html .families ul li a:link, /*ie6*/ * html .families ul li a:visited { height: 1%;} .families ul li ul li a, .families ul li ul li a:link, .families ul li ul li a:visited { font-size:10px; padding-left:28px; } .families ul li ul li.gam a { font-size:10px; font-weight:bold; padding-left:8px; } .families ul li ul li.gam ul li a { font-weight:normal; padding-left:28px; } .families a.sel { background:inherit; font-weight:bold; } .families li.act.colA a { border-color:#44a9ff; } .families .colA a em { color:#44a9ff; } .families .colA a.sel { color:#44a9ff !important; background:#daeeff; } .families .colA a:hover { color:#44a9ff !important; border-color:#44a9ff !important; } .families li.act.colB a { border-color:#36ce41; } .families .colB a em { color:#36ce41; } .families .colB a.sel { color:#36ce41 !important; background:#d7f5d9; } .families .colB a:hover { color:#36ce41 !important; border-color:#36ce41 !important; } .families li.act.colC a { border-color:#ea3087; } .families .colC a em { color:#ea3087; } .families .colC a.sel { color:#ea3087 !important; background:#fbd6e7; } .families .colC a:hover { color:#ea3087 !important; border-color:#ea3087 !important; } .families li.act.colD a { border-color:#8c1d51; } .families .colD a em { color:#8c1d51; } .families .colD a.sel { color:#8c1d51 !important; background:#e8d2dc; } .families .colD a:hover { color:#8c1d51 !important; border-color:#8c1d51 !important; } .families li.act.colE a { border-color:#8c8c8c; } .families .colE a em { color:#8c8c8c; } .families .colE a.sel { color:#8c8c8c !important; background:#e8e8e8; } .families .colE a:hover { color:#8c8c8c !important; border-color:#8c8c8c !important; } .families li.act.colF a:link, .families li.act.colF a:visited { border-color:#67278c; } .families .colF a em { color:#67278c; } .families .colF a.sel { color:#67278c !important; background:#e1d4e8; } .families .colF a:hover { color:#67278c !important; border-color:#67278c !important; } .families li.act.colG a { border-color:#4eb299; } .families .colG a em { color:#4eb299; } .families .colG a.sel { color:#4eb299 !important; background:#dcf0eb; } .families .colG a:hover { color:#4eb299 !important; border-color:#4eb299 !important; } .families li.act.colH a { border-color:#e38a17; } .families .colH a em { color:#e38a17; } .families .colH a.sel { color:#e38a17 !important; background:#f9e8d1; } .families .colH a:hover { color:#e38a17 !important; border-color:#e38a17 !important; } .families li.act.colI a { border-color:#94a32d; } .families .colI a em { color:#94a32d; } .families .colI a.sel { color:#94a32d !important; background:#eaedd5; } .families .colI a:hover { color:#94a32d !important; border-color:#94a32d !important; } .families li.act.colJ a { border-color:#96389e; } .families .colJ a em { color:#96389e; } .families .colJ a.sel { color:#96389e !important; background:#ead7ec; } .families .colJ a:hover { color:#96389e !important; border-color:#96389e !important; } .families li.act.colK a { border-color:#bd640d; } .families .colK a em { color:#bd640d; } .families .colK a.sel { color:#bd640d !important; background:#f2e0cf; } .families .colK a:hover { color:#bd640d !important; border-color:#bd640d !important; } .families li.act.colL a { border-color:#ffee00; } .families .colL a em { color:#ffee00; } .families .colL a.sel { color:#000 !important; background:#ffee00; } .families .colL a:hover { color:#000 !important; border-color:#ffee00 !important; } .families li.act.colM a { border-color:#0853ba; } .families .colM a em { color:#0853ba; } .families .colM a.sel { color:#0853ba !important; background:#ceddf1; } .families .colM a:hover { color:#0853ba !important; border-color:#0853ba !important; } .families li.act.colN a { border-color:#3fba73; } .families .colN a em { color:#3fba73; } .families .colN a.sel { color:#3fba73 !important; background:#d9f1e3; } .families .colN a:hover { color:#3fba73 !important; border-color:#3fba73 !important; } .families li.act.colO a { border-color:#724a0d; } .families .colO a em { color:#724a0d; } .families .colO a.sel { color:#724a0d !important; background:#e3dbcf; } .families .colO a:hover { color:#724a0d !important; border-color:#724a0d !important; } .families li.act.colP a { border-color:#be73b8; } .families .colP a em { color:#be73b8; } .families .colP a.sel { color:#be73b8 !important; background:#f2e3f1; } .families .colP a:hover { color:#be73b8 !important; border-color:#be73b8 !important; } .families li.act.colQ a { border-color:#8aa7be; } .families .colQ a em { color:#8aa7be; } .families .colQ a.sel { color:#8aa7be !important; background:#f2dee2; } .families .colQ a:hover { color:#8aa7be !important; border-color:#8aa7be !important; } .families li.act.colR a { border-color:#8aa7be; } .families .colR a em { color:#8aa7be; } .families .colR a.sel { color:#8aa7be !important; background:#e8edf2; } .families .colR a:hover { color:#8aa7be !important; border-color:#8aa7be !important; }} .families li a em { font-size:18px; line-height:10px; position:relative; top:2px; } a.add, a.add:link, a.add:visited, .docnav .docnav_col a.add, .docnav .docnav_col a.add:link, .docnav .docnav_col a.add:visited { background:url(i/ic-add.gif) no-repeat 0 50%; padding-left:16px; color:#82a328; } a.add:hover, .docnav .docnav_col a.add:hover { color:#000; } a.icdelete, a.icdelete:link, a.icdelete:visited { background:url(i/ic-del.gif) no-repeat 0 50%;} a.icdelete span { visibility: hidden; } .handle { background:url(i/ic-sort.gif) no-repeat 0 50%; cursor: move;} a.back, a.back:link, a.back:visited { background:url(i/parent.gif) no-repeat 0 60%; padding-left:13px; color:#333; } a.back:hover { background:url(i/parent.gif) no-repeat 0 30%; padding-left:13px; color:#000; } a.doclink, a.doclink:link, a.doclink:visited { background:url(i/ic-file.gif) no-repeat 0 2px; padding:2px 0 2px 20px; color:#333; display:block; } a.doclink:hover { color:#000; background-image:url(i/ic-file-dl.gif); } p.nodocs { line-height:14px; margin:5px 0 0 20px; font-size:10px; } a.arrowlink, a.arrowlink:link, a.arrowlink:visited { background:url(i/ic-link.gif) no-repeat 0 3px; padding:2px 0 2px 20px; color:#333; display:block; } a.arrowlink:hover { background:url(i/ic-link-on.gif) no-repeat 0 3px; } a.textlink, a.textlink:link, a.textlink:visited { background:url(i/ic-text.gif) no-repeat 0 1px; padding:2px 0 2px 20px; color:#333; display:block; } a.textlink:hover { color:#000; } .tablelist_actions { padding:7px; text-align:right; } .tablelist_save { padding:10px 15px; background:#eee; } .tablelist { text-align:left; width:100%; border-left:1px solid #dadadf; border-right:1px solid #dadadf; } .tablelist td, .tablelist th { padding:7px; border-bottom:1px solid #ddd; vertical-align:top; } .tablelist th { color:#667; background:#dadadf; } .tablelist .sep { border-left:1px solid #eee; } .tablelist th.sep { border-left-color:#eee; } .tablelist .grey { background:#eee; } .tablelist .main { font-weight:bold; } .tablelist .secondary { color:#777; } .tablelist tr.hover { cursor:pointer; } .tablelist tr.hover a { color:#38afc4; } .tablelist strong { font-weight:bold; display:block; margin-bottom:5px; } .tablelist input { border:1px solid #aaa; padding:3px 5px; width:80%; margin:3px 0 8px; } .tablelist tr.new td { background:#EFE; } .tablelist tr.new td.grey { background:#DED; } .plusprod_h { font:bold italic 17px "Trebuchet MS", serif; margin-top:15px; } .plusprod { overflow:auto; padding-top:10px; padding-left:130px; } /*ie6*/ * html .plusprod { height:120px; overflow:visible;} .plusprod img { float:left; margin-right:10px; display:inline; margin-left:-130px; } .plusprod strong { font-weight:bold; color:#333; } .plusprod.noImage { padding-left:0; } .productstile { overflow:auto; } .productstile li { width:100px; height:120px; float:left; text-align:center; margin-right:5px; } .productstile li a { display:block; float:none; text-align:center; } .productstile li a .vignette { display:block; margin:0 auto 5px; } .productstile li a:hover .vignette { border-color:#888; } .productstile li.empty { width:auto; height:auto; float:none; margin:none; } .productstile li.coltitle { width:auto; height:auto; float:none; text-align:left; clear:left; } .productfiche .vignette { float:left; } .productfiche .sidetitle { margin-left:100px; height:80px; } .productfiche p { margin-left:100px; } /* PAGES ****************************************************************/ /* homepage */ #hp { padding-top:18px; } #hp .families { width:200px; float:left; padding: 0 5px; } .hp_car { padding-right:5px; margin-right:5px; border-right:1px dotted #bfbfbf; width:430px; height:400px; float:left; background:url(i/loading.gif) no-repeat center center; } #hp .hp_f { clear:both; } #hp .hp_news { float:left; width:260px; } #hp .hp_news dl dd { margin-bottom:20px; overflow:auto; } #hp .hp_news dl dd span { display:block; line-height:16px; color:#666; margin-left:80px; } #hp .hp_news dl dd a:hover span { color:#000 } #hp .hp_news dl dd .news_i { float:left; display:block; margin-left:0px; } #hp .hp_news dl dd .news_i img { border:1px solid #c3c3c1; } #hp .hp_news dl dd a:hover .news_i img { border-color: #999; } #hp .hp_news dl dd .news_h { margin-bottom:4px; color:#000 } #hp .hp_news dl dd .news_l { font-weight:bold; } /* catalogue */ #ctlg .families { float:left; width:185px; background:url(i/ctlg_families.png) no-repeat; padding:8px 5px; margin:10px 20px 0 0; } #ctlg .ctlg_c { margin-left:215px; } #ctlg .menutab { margin-bottom:15px; } #ctlg .ctlg_f { clear:both; } #ctlg .ctlg_cols { background:url(i/verticaldots.gif) repeat-y 479px 0; } /*ie6*/ * html #ctlg .ctlg_cols { background-position:479px 0; } #ctlg .ctlg_colright { width:210px; padding-left:10px; float:right; margin-left:10px; } /*ie6*/ * html #ctlg .ctlg_colright { width:210px; } #ctlg .ctlg_colright .sidetitle { margin-bottom:5px; } #ctlg .ctlg_colright dd { margin-bottom:20px; } #ctlg .ctlg_colleft { margin-right:230px; } #ctlg .ctlg_colleft .menutab { width:452px; } #ctlg .ctlg_colsf { clear:both; } .familyimg { float:right; margin-left:20px; } /* about : menutab */ /*ie6*/ * html body.about .menutab { margin-top:-1px; } /* about : contact */ #contact .contact_frm { border:1px solid #ddd; margin:40px; padding:20px; } /*body.about #bodyfooterspacer { border-top:5px solid #727375; }*/ /* login */ #login { border:1px solid #ccc; background:#fff url(i/login-bg.png) no-repeat top right; padding:10px; margin:50px 100px 90px; padding-right:250px; } /* guide */ #guide .menutab { margin-bottom:15px; background:#999 } /* videos */ #videos .videos_l { float:right; width:160px; } #videos .videos_l li a, #videos .videos_l li a:link, #videos .videos_l li a:visited { display:block; padding:5px 6px; color:#666; } #videos .videos_l li a:hover { color:#000; } #videos .videos_l li.sel a, #videos .videos_l li.sel a:link, #videos .videos_l li.sel a:visited { background:#38afc4; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; } #videos .videos_l li a strong { font-weight:bold; } #videos .videos_c { border:1px solid #bebfc1; background:#edeff1; padding:5px; width: 720px; height:400px; text-align:center; } #videos .videos_h { text-align:center; width: 720px; padding:10px 0; font:italic 14px "Trebuchet MS", serif; color:#848484; } #videos .videos_h a, #videos .videos_h a:link, #videos .videos_h a:visited { color:#848484; } #videos .videos_h strong, #videos .videos_h strong a, #videos .videos_h strong a:link, #videos .videos_h strong a:visited { color:#000; font-size:18px; } /* news */ .onenews { width:700px; float:right; padding-bottom:20px; } .onenews .undertitle { margin:0 0 15px; font-size:24px; } .onenews .bte h6 { font-size:14px; } .onenews .bte, .onenews .bte p, .onenews .bte li, .onenews .bte h6 { font-size:12px; line-height:20px; } .onenews_image { float:right; margin-left:20px; } .onenews_image img { width:350px; } .onenews_file { margin-top:10px; } /* admin */ #admin .menutab { margin:0 0 20px; } a.delete:link, a.delete:visited { color:#900; } a.delete:hover { background:#900; color:#fff; } .menuadmin a { display:block; line-height:16px; clear:left; height:40px; margin-bottom:5px; } .menuadmin li.sep { border-top:1px dotted #ddd; margin-top:10px; padding-top:10px; } .menuadmin img { float:left; margin-right:10px; } .menuadmin strong { display:block; font-weight:bold; padding-top:3px;} .menuadmin a:hover { color:#38afc4;} /* search */ .results_list .undertitle { margin-bottom:35px; } .results_list { width:600px; margin-left:300px; } .results_list .sidelinks li em { color:#38afc4; } .lang_col1 { float:left; margin:20px 20px 20px 0; padding:50px 50px 20px 0px; border-right:1px dotted #bfbfbf; } .lang_col2 { float:left; padding:30px 30px 20px 20px; width:250px; } .lang_col2 p { font-weight:bold; } .lang_col2 p a, .lang_col2 p a:link, .lang_col2 p a:visited { color:#585858; display:block; padding:4px 0; } .lang_col2 p a:hover { color:#000; } .lang_col2 p.sous a { padding-left:40px; font-weight:normal; } .lang_colf { clear:both; } /* recipes */ .recipes_colg { width:250px; border-right:1px dotted #ccc; padding-right:10px; margin-right:20px; float:left; } .recipes_sel { margin-left:280px; } /*ie6*/ * html .recipes_colg { margin-right:10px; } .recipeslist dd { margin:10px 30px 10px 0; width:230px; position:relative; line-height:16px; min-height:50px; height: auto !important; height:50px; } .recipeslist dd .vignette { position:absolute; top:10px; left:5px; width:30px; height:30px; } .recipeslist dd .vignette img { width:30px; height:30px; } .recipeslist dd .dd_h { margin-left:50px; margin-top:0; padding-top:5px; font-weight:bold; display:block; } .recipeslist dd .dd_t { margin-left:50px; display:block; color:#666; padding-bottom:5px; } .recipeslist dd a:hover .vignette { border-color:#888; } .recipeslist dd a:hover { color:#000; } .recipeslist dd.sel { background:#38afc4; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; } .recipeslist dd.sel .dd_h { color:#fff; } .recipeslist dd.sel .dd_t { color:#9bd7e1; } .onerecipe { margin-left:280px; padding-bottom:20px; } .onerecipe .undertitle { margin:0 0 15px 90px; font-size:24px; } .onerecipe .chapo { margin:0 0 15px 90px; } .onerecipe .content { margin-left:90px; } .onerecipe .link { margin:20px 0 0 90px; } /* about */ #about { margin:50px 0 0; } .about_i { background:#fff; width:430px; float:right; height:400px; } .about_c { width:400px; } .about_map { float:right; margin-left:20px; } .about_c .bte p { font-size: 12px; line-height:24px; margin-bottom:12px; } .about_c .bte h5 { font-size: 16px; line-height:24px; margin-top:30px; margin-left:70px; padding:5px 0 0 30px; border-top:4px solid #ccc; text-align:right; } .about_clr { clear:both; } /* contact */ .mask_tab { padding:12px 0; text-align:center; color:#ddd; } .mask_tab a:link, .mask_tab a:visited { color:#727375; } .mask_tab a:hover { color:#38AFC4; } .mask_tab a.sel:link, .mask_tab a.sel:visited { font-weight:bold; color:#000; } .mask { height:400px; overflow:hidden; } .mask_in { height:400px; overflow:auto; } .contacts_l { float:right; width:400px; margin-left:20px; } .contacts_l .formlines dl dd.title { padding-left:0; } .contacts_l .formlines dl dd label { width:120px; } .contacts_l .formlines dl dd .field { width:220px; } .contacts_l .formlines dl dd .small { width:100px; } .contacts_l .formlines dl dd .full { width:340px; } .contacts_l .formlines dl dd.withvalid { padding:10px; text-align:right; } .contacts_l h5 { font: italic 24px "Trebuchet MS",serif; } .contacts_r { width:480px; border-right:1px dotted #ddd; padding-right:10px; } .contacts_world { padding:25px 0 0; } .contacts_r h5 { color:#38AFC4; } .contacts_clr { clear:both; } .countrylinkslist a.arrowlink, .countrylinkslist a.arrowlink:link, .countrylinkslist a.arrowlink:visited { display:block; padding:5px 20px; } #jsWorldmapselector { background:url(i/worldmap.png) no-repeat; height:330px; width:540px; position:relative; } #jsWorldmapselector a { position:absolute; display:block; } #jsWorldmapselector a:hover { background:url(i/worldmap.png) no-repeat; } #jsWorldmapselector a span { display:none; }