/* 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; } body.admin input[type=submit] { padding:5px 9px; } /* LAYOUT ****************************************************************/ * { margin:0; padding:0; } body { text-align:center; } body.home #top { height:308px; background: url('i/banner_home.jpg') no-repeat center; background-size: cover; } body.home #top .top_h { margin-bottom: 215px; } body.about { background:url(i/body-about.png) repeat-x center top; } body.admin { background:#fff repeat-x center top;; } body.translate { background:none; padding:0 20px; } #wrap { margin: 0 auto; text-align:left; } body.admin .top_lnks { float:right; } body.mediatheque #wrap { width:auto; margin:0 20px; } body.admin #top { height:auto; margin: 0; border-color:#fff } body.translate #wrap { width:auto; } #content { clear:both; margin: 0 auto; max-width: 940px;} /* top */ #top { height:108px; margin: 0 auto 50px; border-bottom: 45px solid #535353; background: url('i/banner.jpg') no-repeat center; background-size: cover; } body.about #top { height:156px; } #top .top_lnks { color:#fff; /*margin: 0 auto; width: 940px;*/ } .top_lnks_icon { background: url('i/logo-icon.png') no-repeat 0 0; width: 9px; height: 15px; display: block; float: right; margin: 10px; } .top_lnks_lng { padding:10px 8px 10px 46px; display:block; float:right; background:#292929 url('i/world.png') no-repeat 8px 11px; opacity: 0.8; margin-left: 10px; margin-right: 20px; } .top_lnks_lng a { font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; } .top_lnks_abt { padding:10px 8px 10px 10px; display:block; float:right; background:#292929; opacity: 0.8 } .top_lnks_abt a {margin: 6px; font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; } .lock_icon {background: url('i/private-16.png') no-repeat 0px 0px; padding-bottom: 4px;} #top .top_lnks a { 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: 30px 0 0 20px; margin: 0 auto 15px; width: 940px; } #top .top_h a { width: 280px; height: 63px; display: block; background: url('i/logo.png') no-repeat 0 5px; } 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; padding-top: 2px; } #top .top_srch input { border: none; padding: 0; width: 105px; color: #fff; background: url('i/search.png') no-repeat 0 0; height: 16px; display: inline-block; padding-left: 29px; } #top .top_srch input[type="text"] { color: #fff; } /* Réduction Recherche */ #top .top_srch { z-index: 100; border-left: 10px solid #535353; float:none; text-align: right; } #top .top_srch input { width:0px;transition: width 0.3s; -webkit-transition:width 0.3s; height: 41px; background-position: 5px 14px; background-color:#535353; } #top .top_srch input:focus { width:150px; box-shadow: -5px 0 5px -2px #000 } #top .top_nav form { width: auto; padding-top: 0; position: absolute; top:0; right:0; z-index: 100 } #top .top_nav { position: relative; } /*****/ .top_nav { background-color: #535353; width: 100%; height: 45px; margin: 0 auto; width: 940px; } .top_nav form { display: inline-block; float: right; padding-top: 14px; width: 140px; } .top_menu { position: relative; } .top_menu dd { display: inline-block; float:left; } .top_menu h2 { display: inline-block; float:left; } .top_menu .sep {color:#999; letter-spacing:-2px; padding:13px 4px 15px; float: left; } .top_menu a {display:block; padding: 16px 15px 15px; text-transform:uppercase; color:#fff; font-family: "Trebuchet MS"; font-weight: bold; font-size: 13px; position: relative; } .top_menu a:hover, .top_menu .sel a { border-bottom: 4px solid #cec8c8; padding-bottom: 10px; } .top_menu .jswithdown { /*background:url('i/top-down.gif') no-repeat center right; margin-right:8px;*/ position: relative; } .top_menu .jswithdown.sel { background:none; margin-right:0; padding-right:0; } .top_menu .jsdownsel { background:none; } .top_menu .jsdownsel a { } .body_asUSA .top_menu a { padding: 16px 11px 15px; font-size:12px; line-height: 10px; } #top .top_fc { clear:both; margin-bottom:5px; } #top dl dd .families li a { border:none; text-transform:none; border-left:3px solid #ddd; color: #000; font-family: "Verdana"; font-size: 11px; font-weight: normal; } .jsdown { position: absolute; background: #fff; width: 193px; border: 1px solid #c0c2c4; padding: 10px 4px 10px 4px; border-top: none; z-index: 1000; top: 45px; } #top { position:relative; } #top_call { position:absolute; top:50px; right:20px; background: url(i/top_call.png) no-repeat; width:143px; font-weight:bold; height:36px; color:#dbeff2; text-align: center; text-transform:uppercase; padding-top:4px;} #top_call span { display:block; padding:0px 5px 0 24px; } /* footer */ #footer { border-top: 1px dotted #bfbfbf; clear: both; width: 915px; margin: 15px auto 0; padding: 10px 0 15px; } #footer .footer_copyr { float: right; color: #aaa; } #footer .footer_h { width: 980px; margin: 0 auto; } #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; } /*#footer { clear:both; margin-top:15px; padding:10px 0 15px; margin: 0 auto; background: #e5e5e5; height: 130px; } #footer .footer_copyr { width: 980px; margin: 0 auto; color: #727272; text-transform: uppercase; font-family: "Trebuchet MS"; font-size: 12px; display: inline; padding-right: 10px; } #footer .footer_h { width: 980px; margin: 0 auto; } #footer .footer_h a { display:block; background:url('i/logo_footer.png') no-repeat; height:34px; width: 160px; margin: 0 auto; } #footer .footer_h a span { display:none; } #footer .footer_row1 { text-transform:uppercase; padding:4px 0; width: 980px; margin: 20px auto; color: #727272; text-transform: uppercase; font-family: "Trebuchet MS"; font-size: 12px; text-align: center; } #footer .footer_row2 { color:#ddd; width: 980px; margin: 0 auto; } #footer a:link, #footer a:visited { color:#727272; padding: 0 10px; } #footer a:hover { color:#000; text-decoration:none; }*/ /* bodyfooter */ #bodyfooter { 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 { 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:5px; padding:3px 0 4px 20px !important; display:block; clear:both; width:134px; font: bold 12px "Verdana", sans-serif; position: relative; } .pagetitle .sidelink span { background: url(i/hp_catalogue_v.png) no-repeat 0 0; width: 75px; height: 98px; display: block; position: absolute; top: -33px; left: -53px;} .pagetitle .parents { font: 12px "Trebuchet MS", serif; padding-top:10px; color:#70777b; display:block; letter-spacing: 0; } .pagetitle .maintitle { font-size: 36px ; letter-spacing:-1px; overflow:hidden; height:55px; } .pagetitle .maintitle.overlength { font-size:30px; line-height:25px; } .pagetitle.withparents .maintitle { padding-top:0px; line-height:42px; height:75px; } /*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; } .pagetitle_guide { } .pagetitle_guide .maintitle { font: 36px "Trebuchet MS", serif; letter-spacing:-1px; overflow:hidden; height:55px; } .chapo { font-size: 14px;line-height:22px ; margin:0 20% 15px 0; } .ctlg_description { font-size: 17px; line-height: 23px; margin-bottom: 20px; font-weight: bold; font-family: "Trebuchet MS";} /* 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 14px "Trebuchet MS", serif; display:block; } /* undertitle */ .undertitle { font:bold 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_noclear dl dd { clear:none; } .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:25px 0 10px 150px; text-transform:uppercase; letter-spacing:1px; font-size:100%; 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 .tagslist { display:block; margin-left:150px; padding-bottom: 5px; } .formlines dl dd .tagslist label {display: inline-block; width:auto; float:none; padding-right: 20px;} .formlines dl dd .tagslist label:hover { text-decoration: underline; } .formlines dl dd .tagslist em { color:#ddd; } .formlines dl dd .comment.active { color:#876; } .formlines dl dd .legend { color:#888; line-height:20px; display:block; float:none; } .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;} .formlines dl dd.withvalid3 { margin-top:15px; background:#eee; text-align:right; border-color:#dadada; padding:10px; } .formlines dl dd table { width:100%; } .formlines dl dd th { padding:5px; background:#eee; font-weight:bold; } .formlines dl dd td .docsexplorer { margin-left:0; } .formlines dl dd td { padding:5px; } .formlines input.radio_publish { margin-left:20px; } .formlines input.delete { background: url("i/delete-icon.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; cursor: hand; height: 24px; width: 24px; } .formlines input.add { background:url(i/add-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; cursor: hand; height: 24px; width: 24px;} .formlines dl dd label.label_for_choice { width:auto; display:inline-block; float: none; } .formlines dl dd .cke { clear:left; margin-top: 25px} .hidden_captcha {display: none;} /* 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 { margin-bottom: 70px; } /* docnav_col1 */ .docnav .docnav_col1 { float: left; width: 170px; margin-right: 40px; } .docnav .docnav_col1 a, .docnav .docnav_col1 a:link, .docnav .docnav_col1 a:visited { display:block; padding:10px 6px; color:#3b99fc; } .docnav .docnav_col1 a:hover { color:#fff; background-color: #3b99fc; } .docnav a em { color:#999; } /*ie6*/ * html .docnav .docnav_col1 a, /*ie6*/ * html .docnav .docnav_col1 a:link, /*ie6*/ * html .docnav .docnav_col1 a:visited { height: 1%; } .docnav .docnav_col1 li.withsep { margin-top:5px; border-top:1px dotted #ccc; padding-top:5px; } .docnav .docnav_col1 li.title { padding:15px 6px 5px; color:#000; font-weight:bold; } .docnav .docnav_col1 li.sel a, .docnav .docnav_col1 li.sel a:link, .docnav .docnav_col1 li.sel a:visited { background-color: #3b99fc; color:#fff; } .docnav .docnav_col1 li.sel.sous a { background: #88cfdc; } .docnav li.sel a em { color:#9bd7e1; } .docnav .docnav_col3 { margin-right:2px; } .docnav .docnav_view { border-left: 3px solid #e5e5e5; float: right; padding-left:10px; width:240px; } .docnav .docnav_view.withdouble { width:530px; } .docnav .docnav_view.withtriple { width:720px; } .docnav .coltitle { font:bold 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_col1.withonelevel ul { display:none; background:#f90; } /* docnav_icons */ .docnav_icons {float:left; width:720px; display:block; padding: 5px 8px; border-left: 3px solid #e5e5e5; position: absolute; margin-left: 15%;} .docnav_icons li { display:block; float:left; height:170px;} .docnav_icons li a { display: block; width: 154px; font-size: 11px; font-family: "Verdana"; font-weight: normal; text-align: center; padding: 0px 13px; } .docnav_icons li a:hover { text-decoration: none; } .docnav_icons li a img { padding-bottom: 10px; } .docnav .docnav_col1mediatheque { width:auto; float:none; margin-left:275px; margin-right:335px; } .docnav .docnav_viewmediatheque { float:right; width:325px } .docnav .empty { font-weight:normal } /* docnav_col2 */ .docnav .docnav_col2 { float: left; width: 180px; margin-right: 20px; } .docnav .docnav_col2 li { position: relative; } .docnav .docnav_col2 li a { display: block; padding: 5px 8px; border-left: 3px solid #e5e5e5; } .docnav .docnav_col2 li a:hover, .docnav .docnav_col2 li.sel a { background-color: #f2f2f2; border-left: 3px solid #aeaeae; } .docnav .docnav_col2 li.child a { padding-left: 30px; } .docnav .docnav_col2 li.colA a span { color: #44a9ff } .docnav .docnav_col2 li.colA a:hover, .docnav .docnav_col2 li.colA.sel a { background-color: rgba(68, 169, 255, 0.15); border-left: 3px solid #44a9ff } .docnav .docnav_col2 li.colB a span { color: #36ce41 } .docnav .docnav_col2 li.colB a:hover, .docnav .docnav_col2 li.colB.sel a { background-color: rgba(54, 206, 65, 0.15); border-left: 3px solid #36ce41 } .docnav .docnav_col2 li.colC a span { color: #ea3087 } .docnav .docnav_col2 li.colC a:hover, .docnav .docnav_col2 li.colC.sel a { background-color: rgba(234, 48, 135, 0.15); border-left: 3px solid #ea3087 } .docnav .docnav_col2 li.colD a span { color: #8c1d51 } .docnav .docnav_col2 li.colD a:hover, .docnav .docnav_col2 li.colD.sel a { background-color: rgba(140, 29, 81, 0.15); border-left: 3px solid #ea3087 } .docnav .docnav_col2 li.colE a span { color: #8c8c8c } .docnav .docnav_col2 li.colE a:hover, .docnav .docnav_col2 li.colE.sel a { background-color: rgba(140, 140, 140, 0.15); border-left: 3px solid #8c8c8c; } .docnav .docnav_col2 li.colF a span { color: #67278c } .docnav .docnav_col2 li.colF a:hover, .docnav .docnav_col2 li.colF.sel a, .docnav .docnav_col2 li.colF ul li.sel a { background-color: rgba(103, 39, 140, 0.15); border-left: 3px solid #67278c } .docnav .docnav_col2 li.colG a span { color: #4eb299 } .docnav .docnav_col2 li.colG a:hover, .docnav .docnav_col2 li.colG.sel a { background-color: rgba(78, 178, 153, 0.15); border-left: 3px solid #4eb299 } .docnav .docnav_col2 li.colH a span { color: #e38a17 } .docnav .docnav_col2 li.colH a:hover, .docnav .docnav_col2 li.colH.sel a { background-color: rgba(227, 138, 23, 0.15); border-left: 3px solid #e38a17 } .docnav .docnav_col2 li.colI a span { color: #94a32d } .docnav .docnav_col2 li.colI a:hover, .docnav .docnav_col2 li.colI.sel a { background-color: rgba(68, 169, 255, 0.15); border-left: 3px solid #94a32d } .docnav .docnav_col2 li.colJ a span { color: #96389e } .docnav .docnav_col2 li.colJ a:hover, .docnav .docnav_col2 li.colJ.sel a { background-color: rgba(150, 56, 158, 0.15); border-left: 3px solid #96389e } .docnav .docnav_col2 li.colK a span { color: #bd640d } .docnav .docnav_col2 li.colK a:hover, .docnav .docnav_col2 li.colK.sel a { background-color: rgba(189, 100, 13, 0.15); border-left: 3px solid #bd640d } .docnav .docnav_col2 li.colL a span { color: #ffee00 } .docnav .docnav_col2 li.colL a:hover, .docnav .docnav_col2 li.colL.sel a { background-color: rgba(255, 238, 0, 0.15); border-left: 3px solid #ffee00 } .docnav .docnav_col2 li.colM a span { color: #d00 } .docnav .docnav_col2 li.colM a:hover, .docnav .docnav_col2 li.colM.sel a { background-color: rgba(221, 0, 0, 0.15); border-left: 3px solid #d00 } /* docnav_col3 */ .docnav .docnav_col3 { float: left; width: 180px; margin-right: 15px; } .docnav .docnav_col3 li { position: relative; } .docnav .docnav_col3 li a { display: block; padding: 5px 8px; border-left: 3px solid #e5e5e5; } .docnav .docnav_col3 li a:hover, .docnav .docnav_col3 li.sel a { background-color: #f2f2f2; border-left: 3px solid #aeaeae; } .docnav .docnav_col3 li.title { font-weight: bold; padding:10px 0 5px; } .docnav .docnav_col2 li a.add, .docnav .docnav_col3 li a.add { border:none; padding-left: 16px; } .docnav .docnav_col2 li a.add:hover, .docnav .docnav_col3 li a.add:hover { background-color:#fff; } .docnav .docnav_col3 li.docnav_col_search { margin-bottom:15px } .docnav .docnav_col3 li.docnav_col_search input { padding:5px 5px 5px 25px; background:#555 url(i/search.png) no-repeat 5px 3px; border:none; color:#fff; } /* menutab */ .menutab { background: #727375 url(i/menutab-over.png) repeat-x top; padding:4px 5px 0; height:23px; overflow: hidden; width: 100%; } /*ie6*/ * html .menutab { background: #727375; } .menutab ul { } .menutab ul li { float:left; padding:0 0 0 10px; } .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 10px 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:#d00; } .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; min-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 #e5e5e5; width:65px; height:65px; margin-bottom: 13px; } .vignette_big { border:1px solid #e5e5e5; max-width:190px; margin-bottom: 13px; } /* 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 #d00; } .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:#d00; } .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:#CCAA33; } .colM a.colAuto { color:#d00; } .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:#d00; } .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 h3 a, .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:#d00; } .families .colM a em { color:#d00; } .families .colM a.sel { color:#d00 !important; background:#ceddf1; } .families .colM a:hover { color:#d00 !important; border-color:#d00 !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.families_moreEnglish { color:#def0f3; border:1px solid #61a8b5; display:block; margin-top:25px; padding:5px 5px 5px 25px; width:155px; background:#35a5b8 url(i/families_moreEnglish.png) no-repeat;} a.families_moreEnglish:hover { color:#fff; background:#35a5b8 url(i/families_moreEnglish.png) no-repeat; } a.add, a.add:link, a.add:visited, .docnav .docnav_col1 a.add, .docnav .docnav_col1 a.add:link, .docnav .docnav_col1 a.add:visited { background:url(i/ic-add.gif) no-repeat 0 50%; padding-left:16px; color:#82a328; } a.add:hover, .docnav .docnav_col1 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.import, a.import:link, a.import:visited { background:url(i/ic-import.gif) no-repeat 0 60%; padding-left:13px; color:#0e9ed1; } a.import:hover { background:url(i/ic-import.gif) no-repeat 0 30%; padding-left:13px; color:#000; } 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); }*/ a.doclink { color: #535353; display: block;} p.nodocs { line-height:14px; margin:5px 0 0 20px; font-size:10px; } a.savlink, a.savlink:link, a.savlink:visited { background:url(i/savlink.png) no-repeat 0 3px; padding:2px 0 2px 18px; color:#333; display:block; } 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 17px "Trebuchet MS", serif; margin-top:15px; } .plusprod { overflow:auto; padding-top:10px; padding-left:130px; line-height:20px; color:#666; } /*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 { display: block; } .productfiche .sidetitle { width: 100%; padding-bottom: 13px; } .productfiche p a span { background: url('i/ic-file.gif') no-repeat 0 0; width: 14px; height: 17px; display: inline-block; padding-right: 6px; } /* 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:right; width:700px; min-height: 100px; } #hp .hp_news dl dd { margin-bottom: 20px; margin-left: 16px; overflow: auto; width: 220px; display: inline-block; vertical-align: top; } #hp .hp_news dl dd:nth-child(3n-2) { margin-left: 0px; } #hp .hp_news dl dd span { display:block; line-height:16px; color:#666; } #hp .hp_news dl dd h4 { display: block; line-height: 16px; color: #666; text-align: center; } #hp .hp_news dl dd a:hover span { color:#000 } #hp .hp_news dl dd .news_i { width: 220px; height: 170px; margin-bottom: 17px; margin-left:0px; } #hp .hp_news dl dd .news_i img { width: 220px; height: 170px; } #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; } .hp_catalogue { margin-bottom:10px; position:relative; height: 86px!important; height:56px; float: right; width: 220px; margin-bottom: 30px; background: #e8e8e8; } a.hp_catalogue_c { color: #666; float: right; margin-top: 5px; padding: 14px 10px 4px 21px !important; display: block; clear: both; width: 134px; font: bold 12px "Verdana", sans-serif; position: relative; } a.hp_catalogue_c:hover { } .hp_catalogue_v { background: url(i/hp_catalogue_v.png) no-repeat 0 0; width: 75px; height: 98px; display: block; position: absolute; top: -24px; left: -55px; } /*ie6*/ * html .hp_catalogue {border-bottom:1px solid #eee; } .hp_title { font-family: "Trebuchet MS"; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; width: 177px; display: inline-block; float: left; padding-left: 5px; } /* catalogue */ #ctlg { margin-top: -20px; } #ctlg .families { float:left; width:185px; 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 488px 0; } /*ie6*/ * html #ctlg .ctlg_cols { background-position:479px 0; } #ctlg .ctlg_colright { width: 190px; float: right; margin-left: 0; padding-right: 28px; } /*ie6*/ * html #ctlg .ctlg_colright { width:210px; } #ctlg .ctlg_colright .sidetitle { margin-bottom:5px; } #ctlg .ctlg_colright dd { margin-bottom:20px; } #ctlg .ctlg_colleft { width: 470px; margin-right: 20px; } #ctlg .ctlg_colleft .menutab { width:452px; } #ctlg .ctlg_colsf { clear:both; } .familyimg { float:right; margin-left:20px; } /* Application Produits */ #productTabApps { } .productTabApps_c { border-top: 3px solid #dcdcdc; width: 375px; padding-top: 15px; } .productTabApps_c p { color: #000; font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; } .productTabApps_c span { color: #000; font-family: "Verdana"; font-size: 11px; margin-bottom: 6px; } .productTabApps_c img { width: 375px; height: 90px; margin-top: 6px; background: grey } /* 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 { margin-bottom: 60px; } #guide .menutab_guide { margin-bottom: 45px; } #guide .menutab_guide ul { } #guide .menutab_guide ul li { float:left; padding: 0 30px 6px 0; display: inline-block; } #guide .menutab_guide a:hover, #guide .menutab_guide a.sel { color:#000; border-bottom: 2px solid #000 } #guide .menutab_guide a { padding:2px 0px; float:left; height:14px; overflow: hidden; color: #4a4a4a; text-transform: uppercase; font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold; text-decoration: none; width: 100%; text-align: center; } .gdlist { width: 280px; margin-right: 16px; display: inline-block; vertical-align: top; min-height: 516px; } .gdlist_machine {} .gdlist_machine li { background: #e5e5e5; position: relative; } .gdlist_machine li div { padding: 5px 15px; display: block; } .gdlist_machine li div input { display: inline-block; margin-right: 5px; vertical-align: middle; } .gdlist_machine li div p { display: inline-block; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #000; vertical-align: middle; } .gdlist_machine li i { cursor: pointer; padding: 10px; position: absolute; right: 0; top: 0; } .gdlist_machine {} .gdlist_machine_theme { display: none; padding: 10px 0; background: #f7f7f7; } .gdlist_machine_theme:first-child { display: block; } .gdlist_machine_theme li { background: #f7f7f7; padding: 2px 0; } .gdlist_machine_theme li label { padding: 0 15px; } .gdlist_machine_theme li label input { display: inline-block; margin-right: 5px; margin-left: 20px; margin-top: 4px; } .gdlist_machine_theme li label p { display: inline-block; vertical-align: top; max-width: 200px; font-family: "Verdana"; font-size: 11px; font-style: inherit; font-weight: normal; color: #000; } .typematches_morePrd { font-family: "Trebuchet MS", sans-serif; vertical-align: top; font-size: 13px; padding: 10px; font-weight: bold; } .zoneMetier {width:200px;} .typematches_c_n td p.colA { padding:10px } .noImage {color: #7f7f7f !important; font-size: 11px; font-weight: normal; padding: 20px 20px 20px 0;} .produitWithoutLink h1 {color: #000; font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold !important; line-height: 35px;} /*.gdlist_machine li:hover label span { background: url('i/unfold.png') 0 0 no-repeat; }*/ /*.gdlist_machine li:hover .gdlist_machine_theme { display: block; }*/ .gdlist_ing {} .gdlist_ing li { background: #f7f7f7; } .gdlist_ing li div { padding: 5px 15px; display: block; background: #e5e5e5;} .gdlist_ing li div input { display: inline-block; margin-right: 5px; vertical-align: middle; } .gdlist_ing li div p { display: inline-block; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #000; vertical-align: middle; } .gdlist_ing_theme_withIng { max-height: 480px; overflow: auto; } .gdlist_ing_theme_withIng li { float: left;margin: 0 0 10px 13px; background:none;} .gdlist_ing_theme_withIng li p { text-transform: uppercase; font-size: 14px; font-family: "Trebuchet MS"; padding-left: 35px; padding-top: 10px; } .gdlist_ing_theme_withIng li div.gdlist_ing_theme_withIng_n { display: inline-block;background: white;padding: 0!important; } .gdlist_ing_theme_withIng li div.gdlist_ing_theme_withIng_n label { background: #fff center center no-repeat; background-size:cover; width: 100px; height: 100px; display: inline-block; position: relative; padding: 0 } .gdlist_ing_theme_withIng li div.gdlist_ing_theme_withIng_n label input { position: absolute; text-transform: none; top: 8px; left: 6px; margin:0; } .gdlist_ing_theme_withIng li div.gdlist_ing_theme_withIng_n label em.font-black { font-weight:bold; position: absolute; text-transform: none; bottom: 0px; background:rgba(255,255,255,0.8); padding:8px 3px 3px; left:0; right:0; text-align: center; text-shadow: 0 0 3px #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.02+0,1+40 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .gdlist_ing_theme_withIng li div.gdlist_ing_theme_withIng_n label em.font-white { font-weight:bold; position: absolute; text-transform: none; bottom: 0px; background:rgba(0,0,0,0.8); padding:8px 3px 3px; left:0; right:0; text-align: center; text-shadow: 0 0 3px #000000; color:white; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.02+0,1+40 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 40%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 40%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .gdlist_job {} .gdlist_job div { background: #e5e5e5; } .gdlist_job div a { padding: 10px 15px; display: block; } .gdlist_job div a span { display: inline-block; background: url('i/unfold.png') 0 0 no-repeat; width: 11px; height: 6px; margin-right: 10px; transform: rotate(-90deg); vertical-align: middle; } .gdlist_job div a p { display: inline-block; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #000; vertical-align: middle; } .gdlist_job_theme { display: block; padding: 10px 0; background: #f7f7f7; } .gdlist_job_theme p:first-child { text-transform: uppercase; font-size: 14px; font-family: "Trebuchet MS"; padding: 10px 0 10px 35px; } .gdlist_job_theme li { background: #f7f7f7; padding: 2px 0; } .gdlist_job_theme li label { padding: 0 15px; } .gdlist_job_theme li label input { display: inline-block; margin-right: 5px; margin-left: 20px; } .gdlist_job_theme li label p { font-family: "Verdana"; font-size: 11px; font-style: inherit; font-weight: normal; color: #000; display: inline-block; } .gdlist_job_theme_info { /*display: none;*/ padding-left: 30px; } /*.gdlist_job_theme li:hover .gdlist_job_theme_info { display: block;}*/ .typematches { width: 640px; display: inline-block; vertical-align: top; } .typematches_h { background: #e5e5e5; padding: 10px 15px; } .typematches_h p { font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #000; vertical-align: middle; } .typematches_c { border-bottom: 1px solid #ebebec; display: block; } .typematches_c table { width: 640px; } .typematches_c p { font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; color: #000; vertical-align: middle; text-align: center; margin: 90px auto; width: 340px; } .typematches_c img { margin: 0 auto 10px; display: block; max-width: 524px; } .typematches_c_n { padding: 20px 0; border-bottom: 1px solid #ebebec; } .typematches_c_n:last-child { border-bottom: none; } .typematches_c_n th { padding-right: 20px; } .typematches_c_n th.typematches_Prd { width: 100px; } .typematches_c_n th.typematches_morePrd { padding: 20px 5px 20px 20px; } .typematches_c_n th.typematches_morePrd strong { display: block; text-align: center; padding: 0 0 10px; } .typematches_c_n th.typematches_morePrd .desc_prd {min-height:36px;padding:3px;} .typematches_c_n th.typematches_morePrd .desc_prd strong { display: block; text-align: center; padding: 0 0 10px;font-weight: bold; font-size:13px; font-family: "Trebuchet MS",sans-serif;} .typematches_c_n th a img { margin: 20px 0; max-width: 100px; } .typematches_c_n th.typematches_morePrd a img { display: inline-block; vertical-align: top; } .typematches_c_n td { padding:15px 5px 10px; vertical-align: top } .typematches_c_n td span {} .typematches_c_n td a h1 { font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; color: #000; line-height: 35px; } .typematches_c_n td p { font-family: "Verdana"; font-size: 11px; font-weight: normal; color: #000; text-align: left; padding: 0; margin: 0; width: inherit; } .typematches_c_n td p span { font-weight: bold; color: #4a4a4a; } .typematches_c_n_video { position: relative; width: 162px; } .typematches_c_n_video a { position: absolute; border-radius: 5px; padding: 5px 0px 5px 12px; background: #7a7c7d; bottom: 20px; right: 10px; width: 110px; } .typematches_c_n_video a span { vertical-align: middle; background: url('i/play.png') 0 0 no-repeat; width: 15px; height: 12px; display: inline-block; } .typematches_c_n_video a p { vertical-align: middle; display: inline-block; color: #fff; width: 70px; padding: 0 0 0 5px; } .typematches_c_n_video_asNodispo {} .typematches_c_n_video_asNodispo p { position: absolute; bottom: 20px; right: 10px;color: #7f7f7f!important; width: 110px!important; text-align: center!important; } .typematches_job { display: block; margin-bottom: 10px; } .typematches_job table { width: 640px; } .typematches_job_n { padding: 20px 0; } .typematches_job_n:last-child { border-bottom: none; } .typematches_job_n th { padding-right: 20px; width: 212px; } .typematches_job_n td { border-bottom: 1px solid #ebebec; } .typematches_job_n td span { } .typematches_job_n td h1 { font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; color: #000; line-height: 35px; } .typematches_job_n td p { font-family: "Verdana"; font-size: 11px; font-weight: normal; color: #000; text-align: left; padding: 0 0 13px 0; margin: inherit; width: inherit; } .typematches_job_n td p span { font-weight: bold; color: #4a4a4a; } .typematches_job_n_aside { position: relative; } .typematches_job_n_aside p { position: absolute; top: 18px; left: 20px; font-family: "Trebuchet MS"; font-size: 20px; font-weight: normal; color: #fff; width: 150px; } .typematches_job_n_aside img { padding-top: 5px; } .typematches_job_asDesc { border-bottom: 1px solid #ebebec; } .typematches_job_asDesc table { width: 100%; } .typematches_job_asDesc tr { border-top: 1px solid #ebebec; border-bottom: 1px solid #ebebec; } .typematches_job_asDesc tr th { } .typematches_job_asDesc tr td { border-bottom: none; vertical-align: top; padding-top: 18px; } .typematches_job_asDesc tr th img { margin: 20px 0; } .joblink { border-radius: 5px; background: #e5e5e5; display: block; width: 110px; height: 26px; } .joblink:hover, .joblink.sel { background: #3b99fc; } .typematches_job_n .joblink p { padding-top: 3px; padding-left: 10px; } .typematches_job_n .joblink p:hover, .typematches_job_n .joblink.sel p { color: #fff; } .matches_desc { } .matches_desc img { display: inline-block; margin-right: 20px; } .matches_desc_i { display: inline-block; } .matches_desc_i img { display: inline-block; margin-right: 12px; } /* videos */ /*#videos { margin-bottom: 60px; }*/ /*.videos_h { border-bottom: 1px solid #e5e5e5; }*/ /*.videos_h label { margin-right: 15px; }*/ /*.videos_h label select { margin-bottom: 20px; background: linear-gradient(#fff, #e5e5e5); -webkit-linear-gradient(#fff, #e5e5e5); background: -o-linear-gradient(#fff, #e5e5e5); background: -moz-linear-gradient(#fff, #e5e5e5); height: 20px; }*/ /*.videos_c { margin-top: 21px; }*/ /*.videos_c_one iframe {height: 400px; width: 720px;}*/ /*.videos_c_n,*/ /*.videos_c_n:first-child { margin-top: 15px; width: 295px; display: inline-block; padding-right: 20px; vertical-align: top; }*/ /*.videos_c_n:nth-child(3n+0) { padding-right: 0; }*/ /*.videos_c_n iframe {height: 220px; width: 295px;}*/ /*.videos_c_n_info { margin-top: 7px; }*/ /*.videos_c_n_info h1 { font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; color: #000; line-height: 35px; }*/ /*.videos_c_n_info span {}*/ /*.videos_c_n_info p { font-family: "Verdana"; font-size: 11px; font-weight: normal; color: #000; text-align: left; padding: 7px 0 0 0; margin: inherit; width: inherit; }*/ /*#videos .video_title { line-height: 20px; padding: 7px 0; }*/ /*old video*/ /*#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;} table#itemList {text-align: center;vertical-align: middle;width:100%;margin-bottom:20px;} table#itemList th {color:#686461;background-color:#F4F3F1;font-size: 10px;font-weight: bold;text-align: center;height:15px;border-bottom:1px dotted #ccc;} table#itemList .itemName {border-right:1px dotted #ccc;} table#itemList .odd {background-color: #e1f7fa;} table#itemList .onDrag {background-color: #eaeaea;} div.maj {text-align: center;vertical-align: middle;background: #eee;height:27px;padding-top:10px} #translation_filter { border: 1px solid #ececec; background: url('i/search_admin.png') no-repeat 5px 5px; height: 28px; margin-bottom: 10px; display: inline-block; padding-left: 29px; width: 144px; color: #a0a0a0!important; } /* 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_top { padding-bottom: 75px } .recipes_mea { width: 458px; display: inline-block; vertical-align: top } .recipes_mea:first-child { margin-right: 20px } .recipes_mea_h { padding-bottom: 13px } .recipes_mea_h .undertitle { font-style: normal; margin-top: 0; line-height: 19px } .recipes_mea_c { padding-bottom: 15px } .recipes_mea_c img { display: block; border-bottom: 4px solid #000 } .recipes_mea_f:after { content: ''; display: block; clear: both; height: 0; visibility: hidden } .recipes_mea_f a { display: block } .recipes_mea_f a:hover, .recipes_mea_f a:focus, .recipes_mea_f a:active { text-decoration: underline } .recipes_mea_f_dl { float: left } .recipes_mea_f_dl:before { content: ''; display: inline-block; vertical-align: bottom; width: 14px; height: 17px; background: url(i/ic-file.gif) 0 0 no-repeat; margin-right: 6px } .recipes_mea_f_ds { float: right; padding-top: 4px; } .recipes_mea_f_ds:after { content: '>'; display: inline-block; margin-left: 2px } .recipes_mea_asSmall { width: 100%; padding: 15px 0 } .recipes_mea_asSmall:after { content: ''; display: block; clear: both; height: 0; visibility: hidden } .recipes_mea_asSmall .recipes_mea_c { float: left; width: 338px; margin-right: 16px } .recipes_mea_asSmall .recipes_mea_c { padding-bottom: 0 } .recipes_colg { width:280px; float:left; } .recipes_cold { width: 634px; float: right; margin-bottom: 50px; } .recipes_cold .recipes_mea { border-top: 1px dotted #929292 } .recipes_cold .recipes_mea:first-child { border-top: 0; padding-top: 0 } .recipes_sel { margin-left:280px; } /*ie6*/ * html .recipes_colg { margin-right:10px; } .recipesfind { background: #f7f7f7; padding: 20px; margin-bottom: 30px; height: 190px; position: relative; } .recipesfind p { color: #000; text-transform: uppercase; font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold; padding-bottom: 20px; } .recipesfind select { margin-bottom: 20px; background: linear-gradient(#fff, #e5e5e5); -webkit-linear-gradient(#fff, #e5e5e5); background: -o-linear-gradient(#fff, #e5e5e5); background: -moz-linear-gradient(#fff, #e5e5e5); height: 20px; } .recipesfind input[type="text"] { width: 236px; margin-bottom: 20px; height: 20px; padding-left: 5px; } .recipesfind_submit { } .recipesfind_submit input[type="submit"] { float: right; background: #000; border-radius: 5px; border: none; height: 25px; width: 150px; color: #FFFFFF; font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold; cursor: pointer; cursor: hand; } .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; left:5px; width:50px; height:50px; box-sizing: border-box } .recipeslist dd .vignette img { width:50px; height:50px; } .recipeslist dd .dd_h { margin-left:62px; margin-top:0; padding-top:10px; font-weight: normal; 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; } /*NEW RECIPE*/ .onerecipe { margin-bottom: 60px; } .onerecipe h1 { font-size: 30px; margin-bottom: 30px; } .onerecipe_c { width: 530px; display: inline-block; } .onerecipe_c img:first-child { margin-bottom: 25px; display: block; } .onerecipe_c img { display: block; } .onerecipe_c p { margin-bottom: 20px; font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; color: #000; } .onerecipe_c .recette_produit {border: 2px solid #bfbfbf;display: inline-block;float: left;margin-bottom: 15px;margin-right: 15px;padding: 8px;position: relative;width: 140px;} .onerecipe_c .recette_produit img {max-width:140px;max-height:140px;margin:auto;} .onerecipe_list { width: 370px; padding-left: 30px; vertical-align: top; display: inline-block; } .onerecipe_list_n { } .onerecipe_list_n h1 { font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; margin-bottom: 12px; color: #000; } .onerecipe_list_n ul { margin: 0 0 20px 0; } .onerecipe_list_n ul li { list-style: square; list-style-position: inside; } .onerecipe_list_n ul li span { width: 40px; display: inline-block; } .onerecipe_list_n ul li p { font-family: "Verdana"; font-size: 11px; font-weight: normal; margin-bottom: 0px; color: #000; display: inline-block; vertical-align: top; width: 355px; margin-top: -2px; } /*.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: 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; } .usasalesreps_l { width:540px; float:left; } .usasalesreps_r { margin-left:560px; } .usasalesreps_f { clear:left; } .salesreplist dd { margin:10px 0 15px; } .salesreplist_infos { color:#717171; font-size:11px; line-height:15px; margin-bottom:10px;} .salesreplist_name { font-weight:bold; color:#000; } .salesreplist_adresse { color:#000; } .salesreplist_ind { padding-left:25px;} .salesreplist_ind em {color:#000; } .salesreplist_small { font-size:11px; line-height:14px; } .usaservice_l { width:646px; float:left; } .usaservice_r { margin-left:666px; } .usaservice_f { clear:left; } #usaservicelist dd { margin:10px 0 15px; border:1px solid #cfcfcf; padding:5px 10px 5px 45px; background:url(i/gmap-puce.png) no-repeat 9px 9px; } .usaservicelist_infos { color:#717171; font-size:11px; line-height:15px; margin-bottom:10px;} .usaservicelist_name { font-weight:bold; color:#000; } .usaservicelist_adresse { color:#000; line-height:16px; margin-bottom:3px; } .usaservicelist_ind { padding-left:25px;} .usaservicelist_ind em {color:#000; } .salessheetslist li { width:200px; float:left; text-align:center; padding:10px; } .salessheetslist li img { width:80px;} .salessheetslist li span { display:block; padding:3px 0; } /* mediatheque */ .mediaHeader_h { font-size:18px; padding-top:5px; color:#000; margin-bottom:20px; } .mediaHeader_selectAll { float:right; padding-top:5px; } .mediaBody li { float:left; position:relative; width:100px; height:150px; position:relative; margin:5px; border:2px solid #eee; overflow:hidden; text-align:center;} .mediaBody li img { opacity:0.8; } .mediaBody li span { position:absolute; bottom:0; right:0; left:0; background:#fff; color:#999; font-size:10px; padding:3px; } .mediaBody li:hover span { color:#555 } .mediaBody li:hover img { opacity:1; } .mediaBody li.sel { border:2px solid #38AFC4; } .mediaBody li.sel span { color:#000 } .mediaBody li.sel img { opacity:1; } .mediaTagsEdit_h { font-size:18px; padding-top:5px; color:#000; margin-bottom:20px; } .mediaTagsEdit_h2 { background:#ddd; padding:3px; text-transform:uppercase; color:#333; margin:20px 0 10px; border-top:1px solid #eee; } .mediaTagsEdit_langs ul { overflow:auto; margin-bottom:10px; } .mediaTagsEdit_langs li { float:left; width:100px; } .tags li {height:20px;} .tags li label {margin-left:20px;} .tags li.checked {background-image: url(i/checkbox-checked.png); background-repeat: no-repeat;} .tags li.unchecked {background-image: url(i/checkbox-unchecked.png); background-repeat: no-repeat;} .tags li.pseudochecked {background-image: url(i/checkbox-pseudochecked.png); background-repeat: no-repeat;} .recherche .res {display:none;background:#ffffff;position:absolute; margin-top:0; border: 1px solid black;} .ac_results {display:none;} .recherche ul li a {color: black; padding:5px; display:block; font-size:12px; text-decoration: none;} .recherche ul li a:hover {color: white; background: black;} .docnav_view.mediatheque {width:520px; border-left: none;} .docnav_view.mediatheque div {float:left; margin: 10px; text-align: center; width:150px; height:180px; position:relative; overflow:hidden; border: 1px solid #ddd;} .docnav_view.mediatheque div span { position:absolute; bottom:0; right:0; left:0; background:#fff; padding:3px; display:none; } .docnav_view.mediatheque div a:hover span { text-decoration:underline; } .docnav .docnav_foldersmediatheque { width:250px;} .docnav_foldersmediatheque li { padding-left:20px; } .docnav_foldersmediatheque li.top_legend { margin-bottom: 10px;} .docnav_foldersmediatheque a { background:url(i/docnav_foldersmediatheque.png) no-repeat 2px 4px !important; color:#000 !important; padding-left:21px !important; } .docnav_foldersmediatheque li.sel>a { background-color:#38AFC4 !important; color:#fff !important; } .mediathequefilter_kind span { display:block; float:left; margin-right:9px;} .mediathequefilter_input { clear:left; padding-top:20px; background:url(i/mediathequefilter_input.png) no-repeat 0 20px } .mediathequefilter_input input { width:140px; padding:3px 5px 3px 21px; border:none; background:none } .mediathequefilter_tags { padding-top:15px} .mediathequefilter_tags li { padding:3px 0; } /* service */ .service_colg { width:435px; float:left; border-right:1px dotted #ccc; min-height:400px; padding-right:20px; position:relative;} .service_cold { margin-left:457px; border-left:1px dotted #ccc; padding-left:20px; min-height:400px; position:relative; } .service_colcenter {margin-left:200px; padding-left:20px; min-height:400px; position:relative;width:480px;} .service_colcenter .service_btn{left:110px;} .service_i { display:block; text-align:center; } .service_title { font-size:22px; color:#00afc4; margin-bottom:20px; } .service_title2 { color:#969698; font-weight:bold; font-size:16px; padding:15px 0 10px; clear:left; } .service_descr p { font-size:13px; color:#000; margin-bottom:10px; } .service_btn { padding:20px 0 10px; position:absolute; bottom:0; width:300px; left:50px; } .service_cold .service_btn { left:90px; } .service_colformd .service_btn { position:static; width:auto; padding:60px 50px 10px; } .service_btn a { display:block; border-radius:1px; padding:6px 3px; font-size:12px; font-weight:bold; color:#4f5054; border:1px solid #bdbdbd; text-align:center; background:url(i/service_btn.png) repeat-x; } .service_btn a:hover { background:#f0f0f0; } .service_colformg { width:435px; float:left; border-right:1px dotted #ccc; min-height:400px; padding-right:20px; position:relative;} .service_colformd { overflow: hidden;_overflow:visible; margin-left:457px; padding-left:20px; min-height:400px; position:relative; } .service_colformg label, .service_colformd label { font-size:12px; } .service_vosinfos li { padding:5px 0; position:relative;} .service_vosinfos .autocheck_error { position: absolute; background: #900; color: #fff; padding: 1px 3px; top: 0; right: 0; } .service_vosinfos label { display:block; float:left; width:160px;} .service_vosinfos .field { border:1px solid #aaa; padding:3px 5px; width:260px; } .service_vosinfos .field.datepicker { width:100px; } .service_vosinfos label .mandatory { font-weight:bold; background:url(i/formlines-mandatory.gif) no-repeat; color:#fff; } .service_colformd .add { display:block;margin-top:5px; } .service_question { clear:left; } .service_question_h { font-weight:bold; color:#000; font-size:12px; padding:15px 0 10px; } .service_question_h select, .service_question_h input { font-weight: normal; margin-left: 20px; } .service_question ul { float:left; margin-right:15px; } .service_question ul textarea { width:180px; border:1px solid #aaa; padding:3px 5px; height:60px } .service_question li{ padding:5px 0; } .service_question .field { border:1px solid #aaa; padding:3px 5px; width:260px; display:block; margin:5px; } .service_inscription { clear:left; padding-top:50px; } .service_inscription label { font-weight:bold; line-height:18px; } .service_inscription li { padding:5px 0; } .service_errormessage { font-weight:bold; font-size:12px; background:#900; color:#fff; padding:5px; } .docnav_view.mediatheque .nbRes {display: block; margin: 0 0 10px; text-align: left; font-weight:bold;} .docnav_view.mediatheque .jsLoadNextPage {display: block; text-align: center; clear: both;} .service_registered { text-align: center;font-weight: bold;font-size: 18px;padding:140px 240px 190px; } /* langchoose */ body.withLangchoose { background:#b5b5b5 url(i/langchoose_body.png?b) repeat; text-align:left; } .langchoose { padding:60px 0 30px; font:12px "Arial", sans-serif;} .langchoose_h { background:url(i/langchoose.png) 40px 0 no-repeat; height:60px } .langchoose_c { border-top:1px solid #7c7d7e; border-bottom:1px solid #7c7d7e; padding:1px 0; background:#fafafa url(i/langchoose.png?b) 0 -65px no-repeat; height:500px; overflow:hidden; } .langchoose .hp_car { border:none; float:right; width:420px; background:none; } .langchoose_c_continent {float:left; padding:30px 0 0 40px; } .langchoose_c_continent ul {width:180px; } .langchoose_c_continent li { display:inline;width:180px; } .langchoose_c_continent a { display:block; padding:5px 15px; margin-bottom:10px; text-transform:uppercase; font:14px "Arial", sans-serif; } .langchoose_c_continent li.sel a { color:#fff !important; background:url(i/langchoose_c_continent.png?b) no-repeat } .langchoose_c_countries { float:left; padding:30px 0 0 0; } .langchoose_c_countries ul { float:left; margin-right:20px;width:90px; } .langchoose_c_countries li { padding:4px 0; font:12px "Arial", sans-serif; } .langchoose_c_countries a { color:#454545; } .langchoose_c_countries a:hover { color:#000; } /* sponsorship */ .sponsorship { position: absolute; top: 91px; left: 0; width: 100%; } .sponsorship_h { width: 100%; background: #d00000;height: 84px; } .sponsorship_h_c { width: 915px; margin: 0 auto; padding-left: 10px; position: relative; } .sponsorship_h_c h1 { font: 42px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; padding: 13px 0; } .sponsorship_h_c_form { width: 350px; position: absolute; top: 15px; right: 0; z-index: 10; } .sponsorship_h_c_form_h { text-align: center; background: #fff; padding: 20px; } .sponsorship_h_c_form_h .pink { font: bold 15px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ec9999; display: block; margin-top: 30px; } .sponsorship_h_c_form_h .grey { font: bold 15px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; display: block; margin-top: 30px; } .sponsorship_h_c_form_h .mention { font: bold 11px/1px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1f1f1f; display: block; margin-top: 25px; } .sponsorship_h_c_form_h .mention sup { color: #d00000; } .sponsorship_h_c_form_c { background: #f2f2f2; padding: 20px; } .sponsorship_h_c_form_c form { } .sponsorship_h_c_form_c form p { font: bold 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1f1f1f; text-transform: uppercase; display: block; margin-bottom: 20px; } .sponsorship_h_c_form_c form label { font: 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1f1f1f; width: 135px; display: inline-block; } .sponsorship_h_c_form_c form label sup { color: #d00000; } .sponsorship_h_c_form_c form input { width: 149px; height: 19px; background: #fff; border: 1px solid #aaa; padding: 0 5px; display: inline-block; margin-bottom: 12px; } .sponsorship_h_c_form_c form input:focus, .sponsorship_h_c_form_c form input:active { border: 1px solid #d00000; width: 149px; height: 19px; background: #fff; border: 1px solid #aaa; padding: 0 5px; display: inline-block; margin-bottom: 12px; } .sponsorship_h_c_form_c form input.min { width: 89px; } .sponsorship_h_c_form_c form input.error { border: 1px solid #d00000; } .sponsorship_h_c_form_c form div.error { font-size: 10px; color: #d00000; width: 100%; text-align: right; } .sponsorship_h_c_form_c .add_sponsorship { } .add_sponsorship p { font: bold 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1f1f1f; text-transform: uppercase; display: block; margin-bottom: 20px; } .add_sponsorship label { font: 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1f1f1f; width: 135px; display: inline-block; } .add_sponsorship label sup { color: #d00000; } .add_sponsorship input { width: 149px; height: 19px; background: #fff; border: 1px solid #aaa; padding: 0 5px; display: inline-block; margin-bottom: 12px; } .add_sponsorship input:focus, .add_sponsorship input:active { border: 1px solid #d00000; } .add_sponsorship input.min { width: 89px; } .add_sponsorship button { width: 100%; padding: 10px 0; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; background: #757c81; border: 0; cursor: pointer; margin-top: 10px; } .add_sponsorship button:hover, .add_sponsorship button:focus, .add_sponsorship button:active { background: #8e969c; } .sponsorship_h_c_form_c .send { font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; width: 100%; padding: 12px 0; text-transform: uppercase; background: #d00000; border: 0; cursor: pointer; } .sponsorship_h_c_form_c .send:hover, .sponsorship_h_c_form_c .send:focus, .sponsorship_h_c_form_c .send:active { background: #e50000; } .sponsorship_h_c_form_c .no_border { padding-bottom: 0; border-bottom: 0; } .sponsorship_h_c_form_c hr { height: 1px; background: #dadadb; margin: 20px 0; border: 0; } .sponsorship_ct { width: 100%; height: 500px; background: url('i/sponsorship_ct.jpg') no-repeat center top; position: relative; } .sponsorship_ct_c { width: 915px; margin: 0 auto; padding-top: 50px; position: relative; } .sponsorship_ct_c_h { } .sponsorship_ct_c_h p { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #222222; margin-left: 90px; line-height: 1.15em; } .sponsorship_ct_c_h p span { color: #d00000; } .sponsorship_ct_c_content { margin-top: 65px; max-width: 570px; } .sponsorship_ct_c_content h2 { width: 415px; height: 70px; font: bold 21px/70px "Trebuchet MS", Arial, Helvetica, sans-serif; background: url('i/sponsorship_ct_c_content.jpg') no-repeat center center; text-align: center; color: #666666; margin: 0 auto; } .reward { width: 100%; margin-top: 50px; } .reward img { float: left; margin-right: 10px; } .reward_desc { float: left; width: 380px; } .reward_desc h3 { font: 17px bold "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1f1f1f; padding-top: 20px; } .reward_desc h3.last { padding-top: 50px; } .reward_desc h3 span { color: #d00000; display: block; } .reward_desc p { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; padding-top: 15px; } .reward_desc p span { display: block; font-size: 10px; padding-top: 15px; } /* popup */ .popup { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); position: absolute; top: 0; left: 0; z-index: 100; } .popup_ct { width: 340px; height: 140px; background: #fff; position: absolute; left: 50%; margin-left: -200px; top: 150px; padding: 40px; text-align: center; } .popup_ct h2 { font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 30px; color: #757c81; } .popup_ct button { font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; width: 100%; padding: 10px 0; background: #757c81; border: 0; cursor: pointer; } .popup_ct button:hover, .popup_ct button:focus, .popup_ct button:active { background: #8e969c; } .popup_ct button.red { margin-bottom: 10px; background: #d00000; } .popup_ct button.red:hover, .popup_ct button.red:focus, .popup_ct button.red:active { background: #eb0000; } .popup_close { position: absolute; top: 15px; right: 15px; color: #757c81 !important; font: bold 30px/10px "Trebuchet MS", Arial, Helvetica, sans-serif; } /* Link robot cook on homepage */ .hp_parrainage { margin-bottom:10px; position:relative; min-height:56px; height: 86px!important; height:56px; background: #cf0000; width: 460px; margin-bottom: 30px; background: url('i/bg_parrainage.jpg') 0 0 no-repeat; } a.hp_parrainage_c { font: bold 17px "Trebuchet MS", serif; display: block; color: #000; padding: 12px 0px 0px 0px; text-decoration: none; margin-left: 120px; } a.hp_parrainage_c span { color: #d00000; display: block; margin-bottom: 5px; } a.hp_parrainage_c p { color: #000; line-height: 20px; font-size: 16px; font-family: "Trebuchet MS"; font-weight: bold; } a.hp_parrainage_c:hover { } .hp_parrainage_v { display: block; position: absolute; left: 0px; top: -24px; height: 120px; width: 100px; padding: 0 10px; } /*ie6*/ * html .hp_parrainage {border-bottom:1px solid #eee; } .error_titre_form_color {color : #FF720B;} div#showVideo { background-color: black; height: 100%; left: 0; position: fixed; top: 0; width: 100%; display:none; background-color: rgba(0, 0, 0, 0.8); } div#showVideo div:first-child { margin-left: 25%; margin-top: 8%; border: 1px solid black; padding-top: 15px; position: absolute; background-color: black; } div#showVideo div:first-child div { text-align: center; } div#showVideo div:first-child i.fa-close { cursor: pointer; padding: 2px 5px; position: absolute; right: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.8); color: white; border: 1px solid white; } div#showVideo div:first-child div iframe {width: 900px !important; height: 600px !important;} /*.list-fixed { position:fixed;} .margin-fixed {margin-left:298px;}*/ .li-delete-filter {border-top:1px silver dotted;margin-top:5px;padding-top:5px !important;clear:both;width:95% !important;background: none !important;} .li-delete-filter label {background: none !important;} table#metier_accueil {} table#metier_accueil tr td {padding:15px;border-bottom:1px solid silver;} table#metier_accueil tr td:last-child {width:100px;} table#metier_accueil tr td h1 {font-size:16px;font-weight:bold;color:#4a4a4a;margin-bottom:10px;} table#metier_accueil tr td .button_tag {background:#aaaaaf;padding:4px 8px;} table#metier_accueil tr td .button_tag:hover {background:#f2f2f2;} div.couvertsListTag {margin-left:25px;margin-bottom:15px;display:none;} /*Modal*/ /* CSS */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .droite { float: right; } .oModal { position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .oModal:target { opacity: 1; pointer-events: auto; } .oModal:target > div { margin: 10% auto; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .oModal > div { max-width: 600px; position: relative; margin: 1% auto; padding: 8px 8px 8px 8px; border-radius: 5px; background: #eee; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .oModal > div header, .oModal > div footer { border-bottom: 1px solid #e7e7e7; border-radius: 5px 5px 0 0; } .oModal .footer { border: none; border-top: 1px solid #e7e7e7; border-radius: 0 0 5px 5px; } .oModal > div h2 { margin: 0; } .oModal > div .btn { float: right; } .oModal > div section, .oModal > div > header, .oModal > div > footer { padding: 15px; } div .t_center { text-align:center; } div .t_center img { max-height: 500px; max-width: 500px; margin-top:70px; } div #docFigurines { display:none; } .pad15 { padding-left:15px; }