html, body, form {margin:0; padding:0; height:100%;} html {background:#929292 url(/medias/communs/bg_top.jpg) center top no-repeat;} body { font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666} /*html {overflow-y:scroll}*/ .htmlHeightAuto { height:auto; } ul {margin:0; padding:0; list-style-type:none} li {margin:0; padding:0;} a {border:none; outline:none; color:#c90209; text-decoration:none} a:hover {color:#c90209; text-decoration:underline} img {border:none;} #container { position:relative; /* needed for footer positioning*/ margin:0 auto; /* center, not in IE5 */ width:948px; background:none; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ } #header { padding:0 0; height:32px; background:#fff url(/medias/communs/fond-header.jpg) left top no-repeat; overflow:hidden; font-size:70%; color:#636363;} .fabricant {float:left; margin:0; padding:0; width:auto;} .fabricant h1 {font-weight:normal; font-size:1em;padding:0.7em 0 0 24px; margin:0; border:1px solid #fff} .content { padding:0em 0 2em; /* bottom padding for footer */ height:643px } html>body .content { height: auto; min-height: 643px; } .bg_interieur { background:url(/medias/communs/bg_interieur.jpg) no-repeat; min-height:754px; } .bg_interieur { background:url(/medias/communs/bg_interieur.jpg) no-repeat; min-height:754px; } .bg_interieur { background:url(/medias/communs/bg_interieur.jpg) no-repeat; min-height:754px; } .bg_interieur { background:url(/medias/communs/bg_interieur.jpg) no-repeat; min-height:754px; } .bg_interieur { background:url(/medias/communs/bg_interieur.jpg) no-repeat; min-height:754px; } .bg_interieur { background:url(/medias/communs/bg_interieur.jpg) no-repeat; min-height:754px; } .bg_404 {background:url(/medias/communs/bg_404.jpg) repeat-x;} .bg_404 .contenu {margin-left:300px} .logo404 {position:absolute; top:50px; left:30px; z-index:2;} /*.menuContainer {width:276px; float:left; position:relative; z-index:1; padding:6px 0 0 34px;} */ /*.menuContainer {width:248px; float:left; position:relative; z-index:1; padding:6px 0 0 34px !important; padding:6px 0 0 22px; border:1px solid yellow}*/ .menuContainer {width:260px; float:left; position:relative; z-index:1; padding:6px 0 0 34px; } /*.contenu {width:635px; float:left; font-size:0.8em; padding-bottom:10px;}*/ .contenu { width:612px; float:left; font-size:0.8em; padding:0 0 10px 30px; margin:6px 0 0 0; background:#fff } .contenu p { margin:1em 0 } .bg_fond_repeat { float:left; width:100%; background:url(/medias/communs/bg_contenu.gif) left top repeat-y; } .bg_bas_fond { float:left; width:100%; height:46px; background:url(/medias/communs/bg_contenu_bas.gif) left top no-repeat } /*#bgmenu {width:310px; height:643px; position:absolute; top:0; left:0; z-index:0; background:none }*/ .bodyfiche #bgmenu {/* background:url(/medias/communs/bg_menu_int.png) no-repeat; */} /*-------------------MAIN NAV----------------------*/ #nav { margin:0; padding:0 0 20px 0; background:url(/medias/communs/shadow-nav.png) left bottom no-repeat !important; } #nav, #nav ul { position:relative; float:left; padding:0; margin:0; list-style:none; line-height:1; width:242px;} #nav li { float:left; width:242px; height:53px; background:url(/medias/communs/bg_menu_li.gif) no-repeat left bottom; /* width needed or else Opera goes nuts */} #nav li ul { float:left; margin:-53px 0 0 242px; background:url(/medias/communs/clear.gif) repeat; width:300px; bottom:0; left:0; display:none} #nav li.entreprise ul { top:112px; position:absolute; } #nav li.boulangerie ul { top:163px; position:absolute; } #nav li.pizzeria ul { top:216px; } #nav li.rotisserie ul { top:269px; } #nav li.industriel ul { top:322px; } #nav li.autresequipements ul { top:375px; } #nav li li { float:left; width:300px; height:27px; background:url(/medias/communs/clear.gif) repeat;} #nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover { height:27px; } #nav li:hover ul li a:hover span, #nav li.sfhover ul li a:hover span { color:#000; } #nav li:hover ul, #nav li.sfhover ul { padding:0; margin:0; left:242px; display:block; float:left; position:absolute; } #nav li li .prodWindowCtr {left: -9999px; position:absolute; top:0; width:346px; height:453px;} #nav li li.showMenu .prodWindowCtr, #nav li li.sfhover .prodWindowCtr {left:300px; position:absolute; top:0 !important; width:346px; height:453px;} #nav li.entreprise li.showMenu .prodWindowCtr, #nav li.entreprise li.sfhover .prodWindowCtr { top:-72px !important; float:none; position:absolute; } #nav li.boulangerie li.showMenu .prodWindowCtr, #nav li.boulangerie li.sfhover .prodWindowCtr { top:-123px !important; float:none; position:absolute; } #nav li.pizzeria li.showMenu .prodWindowCtr, #nav li.pizzeria li.sfhover .prodWindowCtr { top:-176px !important; float:none; position:absolute; } #nav li.rotisserie li.showMenu .prodWindowCtr, #nav li.rotisserie li.sfhover .prodWindowCtr { top:-229px !important; float:none; position:absolute; } #nav li.industriel li.showMenu .prodWindowCtr, #nav li.industriel li.sfhover .prodWindowCtr { top:-282px !important; float:none; position:absolute; } #nav li.autresequipements li.showMenu .prodWindowCtr, #nav li.autresequipements li.sfhover .prodWindowCtr { top:-325px !important; border:solid 1px #000; float:none; position:absolute; } #nav li.accessoires li.showMenu .prodWindowCtr, #nav li.accessoires li.sfhover .prodWindowCtr { top:-90px !important; float:none; position:absolute; } #nav a {cursor:pointer; font-size:70%; color:#505050; text-decoration:none; font-weight:bold; display:block; height:54px;} #nav li a span {margin:16px 10px 0; float:left; width:auto; padding:0.5em 0 0.5em 0.8em; width:200px;} #nav li.entreprise { height:51px } #nav li a.actif span { background:url(/medias/communs/bg_actif.gif) no-repeat; color:#ffffff } #nav li:hover a.actif span, #nav li.sfhover a.actif span { background:url(/medias/communs/bg_actif.gif) no-repeat; color:#ffffff } #nav li:hover a span { background:url(/medias/communs/bg_actif.gif) no-repeat; color:#fff } #nav li:hover ul li a span { color:#505050; background:none } #nav li li span { background:none; padding:0; width:auto; } #nav li.boulangerie a span {margin:10px 0px 0 10px; padding-right:115px; width:auto;} .en #nav li.boulangerie a span {margin:16px 10px 0 10px; padding-right:115px; width:auto;} .en #nav li.boulangerie li a span {margin:6px 10px 0 10px;} #nav li.boulangerie li a span {padding-right:0;} #nav li.industriel a span {margin:10px 0px 0 10px; padding-right:115px; width:auto;} .en #nav li.industriel a span {margin:16px 10px 0 10px; padding-right:115px; width:auto;} .en #nav li.industriel li a span {margin:6px 10px 0 10px;} #nav li.industriel li a span {padding-right:0;} #nav li.boulangerie li a span, #nav li.industriel li a span, #nav li.entreprise li a span, #nav li.boulangerie li a span, #nav li li a span {margin:5px 0 0 20px; float:left;} #nav li a span em {font-weight:normal; font-style:normal; display:block; color:#53565e} #nav li li a span { padding:0.2em 0; display:block; white-space:nowrap } #nav li li a {font-size:11px; color:#727272; text-decoration:none; font-weight:normal; display:block; height:27px; width:300px;} #nav li#logo {height:112px; background:#fff;} #nav li#logo a {height:112px; background:url(/medias/communs/logo1.gif) no-repeat; display:block;} #nav li#logo a:hover {background:url(/medias/communs/logo2.gif) no-repeat;} #nav li#logo a span {visibility:hidden;} /*#nav li#entreprise li, #nav li#entreprise li a {height:27px}*/ #nav li:hover {background:url(/medias/communs/bg_menu_li_hover.gif) no-repeat left bottom;} #nav li.entreprise a {background:url(/medias/communs/menu_logo2.gif) no-repeat left top; } #nav li.entreprise:hover a, #nav li.entreprise a.actif, #nav li.entreprise.sfhover a {background:url(/medias/communs/menu_logo2_hover.gif) no-repeat left top;} #nav li.boulangerie a {background:url(/medias/communs/menu_boul2.gif) left top no-repeat;} #nav li.boulangerie:hover a, #nav li.boulangerie a.actif, #nav li.boulangerie.sfhover a {background:url(/medias/communs/menu_boul2_hover.gif) left top no-repeat;} #nav li.pizzeria a {background:url(/medias/communs/menu_pizza2.gif) left top no-repeat;} #nav li.pizzeria:hover a, #nav li.pizzeria a.actif, #nav li.pizzeria.sfhover a {background:url(/medias/communs/menu_pizza2_hover.gif) left top no-repeat;} #nav li.rotisserie a {background:url(/medias/communs/menu_rot2.gif) left top no-repeat;} #nav li.rotisserie:hover a, #nav li.rotisserie a.actif, #nav li.rotisserie.sfhover a {background:url(/medias/communs/menu_rot2_hover.gif) left top no-repeat;} #nav li.industriel a {background:url(/medias/communs/menu_indus2.gif) left top no-repeat;} #nav li.industriel:hover a, #nav li.industriel a.actif, #nav li.industriel.sfhover a {background:url(/medias/communs/menu_indus2_hover.gif) left top no-repeat;} #nav li.autresequipements a {background:url(/medias/communs/menu_autres.gif) left top no-repeat;} #nav li.autresequipements:hover a, #nav li.autresequipements a.actif, #nav li.autresequipements.sfhover a {background:url(/medias/communs/menu_autres_hover.gif) left top no-repeat;} #nav li.accessoires a {background:url(/medias/communs/menu_acces2.gif) left top no-repeat;} #nav li.accessoires:hover a, #nav li.accessoires a.actif, #nav li.accessoires.sfhover a {background:url(/medias/communs/menu_acces2_hover.gif) left top no-repeat;} .bodyfiche #container #nav li li.first {border-top:1px solid #ccc;} #nav li.entreprise:hover ul li a { background:url(/medias/communs/bg_soum_ent.gif) no-repeat left top #fff;} #nav li.entreprise:hover ul li a:hover { background:url(/medias/communs/bg_soum_ent_ov.gif) no-repeat left top #fff; height:27px; border-bottom:none; border-top:none;} #nav li.sfhover ul li a, #nav li:hover ul li a { background:url(/medias/communs/bg_soum.gif) no-repeat left top #fff; } #nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover { background:url(/medias/communs/bg_soum_ov.gif) no-repeat left top #e9edf0; height:27px; border-bottom:none; border-top:none; } #nav li:hover ul li a:hover span, #nav li.sfhover ul li a:hover span { color:#fff } .bodyfiche #nav li:hover ul li a { background:url(/medias/communs/bg_soum2.gif) no-repeat left top #fff; color:#666 } .bodyfiche #nav li:hover ul li a:hover, .bodyfiche #nav li.sfhover ul li a:hover { background:url(/medias/communs/bg_soum_ov2.gif) no-repeat left top #727272; color:#fff; height:27px; border-bottom:none; border-top:none; } /* #nav li.boulangerie li.showMenu .prodWindowCtr, #nav li.boulangerie li.sfhover .prodWindowCtr {top:-187px;} #nav li.boulangerie li.showMenu .prodWindowCtr, #nav li.boulangerie li.sfhover .prodWindowCtr { top:-174px; } #nav li.pizzeria li.showMenu .prodWindowCtr, #nav li.pizzeria li.sfhover .prodWindowCtr {top:-291px;} #nav li.rotisserie li.showMenu .prodWindowCtr, #nav li.rotisserie li.sfhover .prodWindowCtr {top:-345px;} #nav li.accessoires li.showMenu .prodWindowCtr, #nav li.accessoires li.sfhover .prodWindowCtr {top:-351px;} #nav li.industriel li.showMenu .prodWindowCtr, #nav li.industriel li.sfhover .prodWindowCtr {top:-379px;}*/ #nav li li .prodWindowCtr .TelPdt { margin:0; position:absolute; z-index:36; top:400px; right:0; border:none; height:auto; overflow:hidden; font-size:13px; font-weight:bold; color:#ffffff; background:#727272; padding:2px 5px; width:125px; height:15px } .prodWindowUnderlay { position:absolute; top:164px; right:0; z-index:30; width:346px; height:453px; background:url(/medias/communs/bg_prod_window.png);} .bodyfiche .prodWindowUnderlay { position:absolute; top:0; left:-1px; z-index:30; width:346px; height:453px; background:url(/medias/communs/bg_prod_window_fiche.jpg);} .prodWindowCtr .prodWindow {position:absolute; top:0; left:22px; z-index:30; width:290px; height:431px; font-size:0.8em;} #nav li.entreprise ul li .prodWindowCtr .prodWindow a, #nav li.boulangerie ul li .prodWindowCtr .prodWindow a, #nav li.pizzeria ul li .prodWindowCtr .prodWindow a, #nav li.rotisserie ul li .prodWindowCtr .prodWindow a, #nav li.accessoires ul li .prodWindowCtr .prodWindow a, #nav li.industriel ul li .prodWindowCtr .prodWindow a { background:url(/medias/communs/clear.gif) no-repeat left top #fff; padding:0; margin:0; height:auto; color:#e31c23; font-size:16px; font-weight:bold } #nav li:hover ul li .prodWindowCtr .prodWindow a:hover, #nav li.sfhover ul li .prodWindowCtr .prodWindow a:hover { background:url(/medias/communs/clear.gif) no-repeat left top #fff; height:auto; color:#e31c23; text-decoration:underline} .prodWindowCtr .prodWindow img {margin:15px 0 0px 27px; display:block;} .prodWindowCtr .prodWindow h1 {font-size:1.3em; margin:0.8em 0 0em; padding:0; text-align:left;} .prodWindowCtr .prodWindow h1 span {display:block} .prodWindowCtr .prodWindow p {position:relative; font-size:100%; color:#666; text-align:justify; padding:0; line-height:1.2em; margin-bottom:1em; margin-top:0.4em; font-size:0.85em} .prodWindowCtr .prodWindow strong {color:#505050; background:#ededed; text-align:center; display:block; padding:0.2em;position:absolute; z-index:36; bottom:15px; right:0px; font-size:1.1em} /*------minilinks----------*/ /*--UL--*/ #nav li.boulangerie ul li .prodWindowCtr .prodWindow .miniLinks, #nav li.pizzeria ul li .prodWindowCtr .prodWindow .miniLinks, #nav li.rotisserie ul li .prodWindowCtr .prodWindow .miniLinks, #nav li.accessoires ul li .prodWindowCtr .prodWindow .miniLinks, #nav li.industriel ul li .prodWindowCtr .prodWindow .miniLinks {width:130px; margin:0; padding:1em 0 0; position:absolute; z-index:36; top:325px; left:0px; border:none; height:auto; overflow:hidden} /*--LI--*/ #nav li.boulangerie ul li .prodWindowCtr .prodWindow .miniLinks li, #nav li.pizzeria ul li .prodWindowCtr .prodWindow .miniLinks li, #nav li.rotisserie ul li .prodWindowCtr .prodWindow .miniLinks li, #nav li.accessoires ul li .prodWindowCtr .prodWindow .miniLinks li, #nav li.industriel ul li .prodWindowCtr .prodWindow .miniLinks li {margin:1px 15px -2px 0; padding:0; display:block; width:130px; background:url(/medias/communs/minilink_separator.gif) repeat-x left bottom; height:auto;} /*--A--*/ #nav li.boulangerie ul li .prodWindowCtr .prodWindow .miniLinks a, #nav li.pizzeria ul li .prodWindowCtr .prodWindow .miniLinks a, #nav li.rotisserie ul li .prodWindowCtr .prodWindow .miniLinks a, #nav li.accessoires ul li .prodWindowCtr .prodWindow .miniLinks a, #nav li.industriel ul li .prodWindowCtr .prodWindow .miniLinks a { background:url(/medias/communs/bouton_ul_prodwindow.gif) right center no-repeat; cursor:pointer; font-size:0.85em; font-weight:normal; margin-bottom:0px; width:auto; padding:0.5em 2em 0.5em 0; color:#505050; display:block} #nav li.entreprise:hover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.boulangerie:hover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.pizzeria:hover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.rotisserie:hover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.accessoires:hover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.industriel:hover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.entreprise.sfhover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.boulangerie.sfhover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.pizzeria.sfhover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.rotisserie.sfhover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.accessoires.sfhover ul li .prodWindowCtr .prodWindow .miniLinks a:hover, #nav li.industriel.sfhover ul li .prodWindowCtr .prodWindow .miniLinks a:hover { background:url(/medias/communs/bouton_ul_prodwindow2.gif) right center no-repeat; color:#000} /*-------------------FIN MAIN NAV----------------------*/ /*.revendeur {position:absolute; top:453px; left:24px; z-index:20; font-size:0.7em; width:229px; height:200px; display:block; padding:30px 0 0 30px; color:#003e81}*/ .revendeur {position:relative; float:left; z-index:20; font-size:0.7em; width:229px; height:200px; display:block; padding:15px 0 0 30px; color:#ffffff} .revendeur h5 {font-size:1em; margin:0 0 0.5em} .revendeur input {font-size:1em} .user {height:15px; border:1px solid #ccc; padding:0 0 0 0; background:#f3f3f3; width:170px; padding-left:5px; color:#636363; margin-bottom:0.3em} .password {height:15px; border:1px solid #ccc; background:#f3f3f3; width:150px; color:#636363; padding:0 0 0 5px; float:left; } .blogin {background:url(/medias/communs/b_revendeur_go1.gif) no-repeat; width:19px; height:17px; float:left; margin-left:1px;} .blogin input {background:none; border:none; width:19px; height:17px; cursor:pointer; display:block} .badpass {color:#f00; padding:0.5em 0 0; font-weight:bold} .forgotpass {padding:0 0 0.5em;} .forgotpass a { color:#636363 } .videocorpo { position:relative; float:left; margin:10px 0 0 17px; width:222px; height:50px; background:url(/medias/communs/btn-video.png) no-repeat 0 0;} .videocorpo a { float:left; font-weight:bold; font-size:12px; padding:18px 60px; font-family:Arial, Helvetica, Sans-Serif; color:#434343; } .videocorpohome { position:absolute; right:0; top:26px; margin:10px 0 0 0; padding:0; z-index:100; width:166px; height:54px; background:url(/medias/communs/btn-videohome.png) no-repeat 0 0;} .videocorpohome a { float:left; font-weight:bold; font-size:12px; padding:15px 0 15px 45px; font-family:Arial, Helvetica, Sans-Serif; color:#434343; } .cache { display:none; } #menutop {position:absolute; top:0px; right:0; z-index:40; list-style-type:none; color:#777777; background:url(/medias/communs/clear.gif);} #menutop, #menutop ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1;} #menutop li {border:1px solid #ececec; height:29px; } #menutop li li {border:none; margin:0; height:26px} #menutop a {display: block; width: auto;} #menutop a.choisirLangue { cursor : default; } ul#menutop li.rss a, ul#menutop li.contact a, ul#menutop li.lang a, ul#menutop li.nouvelles a {color:#000; text-decoration:none; padding:0.7em 0 0.7em 0; display:block} ul#menutop li.tel { font-size:110%; font-weight:bold; padding:0.6em 20px 0 20px; height:18px;} ul#menutop li.rss a{ background:url(/medias/communs/b_rss1_main.gif) right 0.7em no-repeat; width:20px; text-indent:-9999px; } ul#menutop li.rss a:hover{ background:url(/medias/communs/b_rss2_main.gif) right 0.7em no-repeat;} ul#menutop li.contact a {background:url(/medias/communs/b_separateur_main.gif) right 0.7em no-repeat; padding-right:10px;} ul#menutop li.lang a {background:url(/medias/communs/b_choose_lang1_main.gif) right center no-repeat; padding:0.7em 42px 1.1em 0;} ul#menutop li.lang a:hover, ul#menutop li.nouvelles a:hover, ul#menutop li.contact a:hover, ul#menutop li.rss a:hover {text-decoration:underline} ul#menutop li:hover.lang a {text-decoration:underline} ul#menutop li a.actif {color:#000; text-decoration:underline} #menutop li { /* all list items */ float: left; margin-right:6px; padding:0; width: auto; /* width needed or else Opera goes nuts */} #menutop li ul { /* second-level lists */ position: absolute; background: url(/medias/communs/clear.gif) #fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc;border-top:1px solid #fff; width:124px; padding:0; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */} #menutop li:hover ul, #menutop li.langhover ul { /* lists nested under hovered list items */left: auto; margin-left:-9px;} #menutop li.lang ul li {width:124px; padding:0; margin:0;border-right:1px solid #ccc;} #menutop li.lang:hover ul li a, #menutop li.lang.langhover ul li a {background:url(/medias/communs/clear.gif) repeat; padding:7px 1em 3px; display:block; cursor:pointer; height:16px; text-decoration:none;} #menutop li.lang:hover ul li a:hover, #menutop li.lang.langhover ul li a:hover {background:#a4a4a4; color:#fff} #menutop li.lang ul li a.checked {background:url(/medias/communs/bg_checked.gif) no-repeat right center;display:block} #menutop li.lang ul li a:hover.checked {background:url(/medias/communs/bg_checked_hover.gif) no-repeat right center #a4a4a4;} #footer { position:relative; float:left; width:948px; background:url(/medias/communs/border-Top-Footer.gif) top left no-repeat; border:none; margin:5px 0 0 0} #footer ul { margin:5px 13px 5px 0; list-style-type:none; font-size:0.7em; float:right; color:#fdfdfd; overflow:hidden} #footer ul li {float:left; margin:0 5px 0 -8px; background:url(/medias/communs/pipe.gif) no-repeat left center; padding:0.7em 10px;} #footer a {color:#fdfdfd} #footer a.actif {color:#fdfdfd; text-decoration:underline} .bottom {background:url(/medias/communs/bg_bottom.jpg) repeat-x; height:160px; margin-top:453px;} .subMenu {padding:25px 0 0 0px; float:left;} .subMenu li {float:left; width:140px; height:111px; margin-right:14px; font-size:0.85em} .subMenu li a {padding:93px 0 0 1em; float:left; color:#666; text-decoration:none; width:130px } .subMenu li a:hover {text-decoration:underline;} .subMenu li#boul {background:url(/medias/communs/i_boulangerie.jpg) no-repeat} .subMenu li#pizz {background:url(/medias/communs/i_pizzeria.jpg) no-repeat} .subMenu li#roti {background:url(/medias/communs/i_rotisserie.jpg) no-repeat} .subMenu li#access {background:url(/medias/communs/i_accessoires.jpg) no-repeat} #logoPrint {display:none} #filariane {margin-top:35px; font-size:0.85em; color:#666;} #filariane a {color:#666;} #fiche {background:url(/medias/communs/bg_boite_fiche.gif) no-repeat; padding-left:2px; float:left; width:620px} .contenu h1 {font-size:1.65em; margin:1.3em 0; color:#e31c23} .contenu h2 {font-size:1em; margin:1.3em 0; color:#e31c23} .contenu h3 {font-size:1.2em; margin:1.3em 0; color:#e31c23} ficheMenu {height:22px; margin-left:0; padding:0px; overflow:hidden;} .ficheMenu li {border-top:1px solid #cdd1da; float:left; font-size:0.85em; background:url(/medias/communs/b_menufiche_borderright.gif) right top no-repeat; margin:0 1px 0 -2px; padding:0;} .ficheMenu li a {background:url(/medias/communs/b_menufiche1.gif) center top; color:#707070; display:block; padding:0.4em 1.6em 0; text-align:center; height:30px; margin:0 1px;} .ficheMenu li a:hover {color:#4f4f4f; background:url(/medias/communs/b_menufiche_ov.gif) center top no-repeat; text-decoration:none} .ficheMenu li a.ON, .ficheMenu li a:hover.ON {text-decoration:none; color:#4f4f4f; background:url(/medias/communs/b_menufiche_ov.gif) center top no-repeat;} /*.ficheMenu li a#carac.ON, .ficheMenu li a#options.ON, .ficheMenu li a#photos.ON, .ficheMenu li a#video.ON {text-decoration:none; color:#143d8d; background:url(/medias/communs/b_menufiche_ov.gif) center top no-repeat;}*/ #fiche_carac, #fiche_options, #fiche_photos, #fiche_video {margin:2em 0 0 1em; width:330px; line-height:1.3em; font-size:1em; color:#666; position:relative;} #fiche_carac h2 {font-size:1.3em; line-height:1em; margin:2em 0 0 0; color:#666; width:320px;} #fiche_carac ul {margin-left:0px;} #fiche_carac li { background:url(/medias/communs/puce.gif) no-repeat left 0.2em; padding-left:20px; margin-bottom:0.6em;} #fiche_carac p { line-height:130%; margin:.7em 0 } .SidePic { position:absolute; width:232px; top:0px; right:-256px; /*border:1px solid #000*/} .telecharge {background:url(/medias/communs/bg_telecharge.gif) no-repeat; min-height:80px; margin-top:10px; } .telecharge ul { margin-top:10px } #fiche_options, #fiche_photos, #fiche_video {width:600px;} #fiche_options div, #fiche_photos div {float:left; /*border:1px solid #0ff;*/ margin-right:15px; width:180px; text-align:center; height:200px; background:url(/medias/communs/bg_photo_prod.gif) no-repeat;} /*#fiche_video div {float:left; margin-right:15px;}*/ #fiche_options div a {display:block; width:180px;} #fiche_options p, #fiche_photos p {margin:0.8em 0 0; padding:0; font-size:0.85em} #fiche_options h2, #fiche_photos h2, #fiche_video h2 {font-size:1.3em; line-height:1em; margin:0 0 1em; color:#666; width:320px;} #vidBox {margin:-30px 0 0 155px; width:370px; position:relative;} #vidBoxMsg {border:1px solid #ccc; padding:20px;} #fiche_carac .telecharge h4 {font-weight:normal; font-size:1em; padding:0.3em 0 0; text-align:center } #fiche_carac .telecharge ul {font-size:0.85em; margin-left:1.3em; list-style-type:none;} #fiche_carac .telecharge li{padding:0 0 0 25px; background-repeat:no-repeat; display:block;} #fiche_carac .telecharge li a {font-weight:bold;} #fiche_carac .telecharge li em {display:block; font-style:normal} #fiche_carac .telecharge li.attLinkpdf { background-image: url(/medias/communs/DocIcone/pdf.gif); } #fiche_carac .telecharge li.attLinkdoc, #fiche_carac .telecharge li.attLinkdocx { background-image: url(/medias/communs/DocIcone/doc.gif); } #fiche_carac .telecharge li.attLinkxls, #fiche_carac .telecharge li.attLinkxlsx { background-image: url(/medias/communs/DocIcone/xls.gif); } #fiche_carac .telecharge li.attLinkjpg, #fiche_carac .telecharge li.attLinkgif, #fiche_carac .telecharge li.attLinkpng { background-image: url(/medias/communs/DocIcone/jpg.png); } #fiche_carac .telecharge li.attLinkeps { background-image: url(/medias/communs/DocIcone/eps.png); } #fiche_carac .telecharge li.attLinkwmv { background-image: url(/medias/communs/DocIcone/wmv.gif); } #fiche_carac .telecharge li.attLinkzip { background-image: url(/medias/communs/DocIcone/zip.png); } #fiche_carac .telecharge a {display:block; font-weight:bold; color:#c90209} .nouvelles ul {overflow:hidden; padding:0;line-height:1em; margin:0;} .nouvelles li {line-height:1em; padding:1.4em 0 0.6em; margin:-1px 0 1px 0; background:url(/medias/communs/news_separateur.gif) repeat-x left top; width:594px;} .nouvelles li em {font-size:0.85em; width:11em; font-style:normal; float:left;} .nouvelles li strong {font-size:1.1em; float:left; width:100%; padding:0.9em 0 0 0 } .nouvelles li p {float:left; font-weight:normal; font-size:0.9em; margin:.7em 0; line-height:130%} span.date {font-size:0.85em; color:#666;} .nouvelleFiche img {float:right; margin:-17px 0 20px 20px; padding:18px; background:url(/medias/communs/bg_photo_prod.gif) no-repeat right bottom;} .nouvelleFiche h1 { margin:.5em 0 } .nouvelleFiche span.date { padding:0 0 .6em 0; display:block } .retourList {display:block; height:50px; background:url(/medias/communs/news_separateur.gif) repeat-x left top; width:594px; margin:3em 0 0 } .retourList a {font-size:0.85em; padding:0.5em 0 0.5em 1em; float:right; background:url(/medias/communs/b_retourlist.gif) no-repeat left center;} /* clearfix pour floats */ .clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /*\*/ * html .clearfix { height: 1%; } .clearfix { display: block; } .clearfloat { clear:both; height:0; font-size:1px; line-height:0px; } /* */ .map {float:right; margin:-35px 10px 0 0;} .separateur { border-top:1px solid #ccc; padding-top:10px; width:600px;} .formContact h5 {font-size:1.1em; margin:0 0 10px} .colgauche, .coldroite {float:left; width:620px;} .colgauche span, .colgauche label {float:left; width:120px; margin-bottom:10px;} .colgauche em {color:#900; padding-right:0.2em} .colgauche input {border:1px solid #aaa; width:150px; margin-bottom:10px; margin-right:35px; float:left} /*.coldroite span {float:left; width:240px; margin:0 0 6px 10px; } .coldroite input {float:left;}*/ .colgauche textarea {border:1px solid #aaa; float:left; font-size:11px; margin-top:10px; width:580px; font-family:Arial, Helvetica, Sans-Serif; color:#666;} .send {margin-top:10px; } .sitemap ul li {margin-bottom:2em; background:url(/medias/communs/puce.gif) no-repeat left 0.2em; padding:0 0 0 20px;} .sitemap ul li a {font-weight:bold} .sitemap ul li li a {font-weight:normal} .sitemap ul ul {margin-top:0.4em;} .sitemap ul ul li {margin-bottom:0.4em; background:url(/medias/communs/puce2.gif) no-repeat left 0.2em;} .text {padding-right:1.6em;} .aboutPic {float:right; margin:0 0 20px 30px} .mandatory {color:#900; font-size:0.85em} .logoHigh {display:none} .attLinkpdf, .attLinkdoc, .attLinkdocx, .attLinkxls, .attLinkxlsx, .attLinkeps, .attLinkzip, .attLinkjpg, .attLinkgif, .attLinkpng { display: inline-block; padding: 0px 0px 0px 24px; line-height: 18px; min-height: 18px; overflow: visible; background: url(/medias/communs/DocIcone/default.gif) center left no-repeat;} .attLinkpdf { background-image: url(/medias/communs/DocIcone/pdf.gif); } .attLinkdoc, .attLinkdocx { background-image: url(/medias/communs/DocIcone/doc.gif); } .attLinkxls, .attLinkxlsx { background-image: url(/medias/communs/DocIcone/xls.gif); } .attLinkjpg, .attLinkgif, .attLinkpng { background-image: url(/medias/communs/DocIcone/jpg.png); } .attLinkeps { background-image: url(/medias/communs/DocIcone/eps.png); } .attLinkwmv { background-image: url(/medias/communs/DocIcone/wmv.gif); } .attLinkzip { background-image: url(/medias/communs/DocIcone/zip.png); } .pagerevendeur h2 {font-size:1.3em; border-top:1px solid #ddd; width:98%; padding-top:0.4em} .revendeurList {overflow:hidden; height:auto;} .revendeurList li {margin:1px 0 -1px; padding:0.5em 0; font-size:0.9em;} .revendeurList li a {font-weight:bold} .revendeurList li em {font-style:normal; font-size:0.9em;} .revendeurList li span {display:block; padding:0.5em 0 0 25px; color:#999; width:80%; } .hidescreen {display:none} a.actionjackson {width:232px; height:68px; display:block; background:url(/medias/communs/action_jackson.gif) no-repeat; margin-top:20px;} a.actionjackson span {display:block; font-weight:bold; padding:7px 0 0 11px; font-size:1.3em; cursor:pointer; color:#676767 } a.actionjackson em {font-style:normal; display:inline-block; padding:0 20px 0 13px; font-size:0.85em; background:url(/medias/communs/small_arrow.gif) no-repeat right center; cursor:pointer} a.actionjackson:hover {text-decoration:none; background:url(/medias/communs/action_jackson2.gif) no-repeat; color:#c90209} span.coord {width:6.5em; display:inline-block;} .en span.coord {width:5em; display:inline-block;} a.deconnect {padding:3px 15px; display:inline-block; background:url(/medias/communs/deconnect.gif) no-repeat; border-right:1px solid #979ea1; border-bottom:1px solid #979ea1} .featureBouton {position:absolute; top:70px; left:730px; z-index:2; width:236px; height:79px;background:url(/medias/communs/feature_box.png) no-repeat left top} .featureBouton:hover {background:url(/medias/communs/feature_box.png) no-repeat left bottom} .featureBouton a {position:absolute; top:0; left:0; z-index:2;width:154px; height:56px; display:block; text-decoration:none; color:#0d2555; font-weight:bold; padding:23px 0 0 82px; } .featureBouton a em {display:inline-block; background:url(/medias/communs/arrow_feature.gif) no-repeat right center; font-style:normal; font-weight:normal; font-size:11px; padding:0 18px 0 0} .featureBouton a:hover em {text-decoration:underline;} /*Produits vedette*/ .featureBouton a.fourRevolution16Plaques {background:url(/medias/communs/b_vedette_four1.gif) no-repeat 14px 12px} /*.featureBouton a:hover.fourRevolution16Plaques {background:url(/medias/communs/b_vedette_four2.gif) no-repeat left top;}*/ .featureBouton a.convoyeurPierre {background:url(/medias/communs/b_vedette_pizz1.gif) no-repeat 12px 12px;} /*.featureBouton a:hover.convoyeurPierre {background:url(/medias/communs/b_vedette_pizz2.gif) no-repeat left top;}*/ #globalThickbox { padding:210px 0 0 60px } #globalThickbox h2 { color:#5e5e5e; font-size:24px; padding:0 0 0 15px } #globalThickbox h2 span { color:#000000; } #globalThickbox ul { padding:10px 0 0 15px } #globalThickbox ul li a { display:block; text-indent:-9999px } #globalThickbox ul li { float:left; height:83px; } #globalThickbox ul li.btCanada a { width:160px; height:95px; } #globalThickbox ul li.btCanada:hover ul#ssMenuCanada { display:block } #globalThickbox ul li.btCanada { behavior: url(/js/iepngfix.htc); background:url(/medias/communs/thickbox/bt-canada.png) left top no-repeat; width:160px } #globalThickbox ul li.btCanada:hover { behavior: url(/js/iepngfix.htc); background:url(/medias/communs/thickbox/bt-canada-Hover.png) left top no-repeat; } #globalThickbox ul li.btUsa a { width:149px; /*width:88px;*/ height:95px; } #globalThickbox ul li.btUsa { behavior: url(/js/iepngfix.htc); background:url(/medias/communs/thickbox/bt-usa.png) left top no-repeat; width:149px; /*width:88px;*/ } #globalThickbox ul li.btUsa:hover { behavior: url(/js/iepngfix.htc); background:url(/medias/communs/thickbox/bt-usa-Hover.png) left top no-repeat; } #globalThickbox ul li.btInternational a { width:162px; /*width:237px;*/ height:95px; } #globalThickbox ul li.btInternational { behavior: url(/js/iepngfix.htc); background:url(/medias/communs/thickbox/bt-international.png) left top no-repeat; width:162px; /*width:237px;*/ } #globalThickbox ul li.btInternational:hover { behavior: url(/js/iepngfix.htc); background:url(/medias/communs/thickbox/bt-international-Hover.png) left top no-repeat; } #globalThickbox ul li ul#ssMenuCanada { display:none; position:absolute; background:#c01e13; border:1px solid #ffffff; width:139px; padding:3px 0 0 0 !important; padding:3px 0 4px 0; margin:-30px 0 0 19px } #globalThickbox ul li ul#ssMenuCanada li { width:130px; height:18px; overflow:hidden; padding:0 3px; margin:0 0 5px 0 } #globalThickbox ul li ul#ssMenuCanada li a { display:block; width:123px; height:18px; padding:0 5px 0 5px; text-indent:0px; color:#ffffff } #globalThickbox ul li ul#ssMenuCanada li a:hover { text-decoration:none; background:#e43c17 } /********** DISTRIBUTEURS *********/ #MapDistributeur { position:relative } .map_infos { position:absolute; top:-5px; right:-10px; z-index:0; width:230px; height:430px; background:#ffffff url(/medias/communs/map/bloc/fond.jpg) left top no-repeat; display:none } .print { background:url(/medias/communs/map/bloc/print.jpg) left top no-repeat; width:25px; height:28px; display:block; position:absolute; top:0; right:30px; padding:0 3px; text-indent:-9999px } .close { background:url(/medias/communs/map/bloc/close.jpg) left top no-repeat; width:25px; height:28px; display:block; position:absolute; top:0; right:0; padding:0 3px; text-indent:-9999px } .map_infos { } .map_infos .ZoneTexte { padding:15px 0 0 0 !important; padding:35px 0 0 0; } .map_infos .ZoneScroll { height:140px; overflow:auto; padding:0 5px; } .map_infos .ZoneScroll div { display:none } .map_infos .ZoneScroll div, .map_infos .ZoneScroll div p { line-height:135%; padding:0 0 0 8px; margin:0 } .map_infos .ZoneScroll h4 { font-size:14px; color:#818181; text-transform:uppercase; background:url(/medias/communs/map/bloc/h4_ligne.gif) left bottom no-repeat; padding:0 0 3px 0; margin:0 0 5px 0; } .map_infos .ZoneScroll .TitreEntite { padding:5px 0 5px 15px; display:block; background:url(/medias/communs/map/bloc/plus.png) left 9px no-repeat; cursor:pointer } .map_infos .ZoneScroll h4.h4_1 { } .map_infos .ZoneScroll h4.h4_2 { padding:10px 0 0 0 } .map_infos .ZoneScroll .TitreEntite { font-weight:bold; font-size:13px; color:#363636 } .map_infos h2 { width:220px; background:#363636; padding:5px; font-size:14px; color:#ed1c24; text-transform:uppercase; } .map_carte { position:absolute; top:0; left:-15px; } .bt_international { position:absolute; top:440px; right:0; } .bt_international a { display:block; background:url(/medias/communs/map/bt_international.jpg) left top no-repeat; width:204px; height:48px; text-indent:-9999px } .bt_international a:hover { background:url(/medias/communs/map/bt_international_hover.jpg) left top no-repeat; } .bt_washingtonDC { position:absolute; top:360px; right:176px; width:87px; height:58px; background:url(/medias/communs/map/washingtonDC.png) left top no-repeat; } .bt_washingtonDC a { display:block; text-indent:-9999px; margin:45px 0 0 0 }