/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } #accordion1{ margin:0; margin-bottom:20px; padding:0; position:relative; top:10px; display:block; /* left:-28px; */ /*width:125px;*/ } #accordion1 strong { } ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; background:transparent; font-weight:normal;} ul.ui-accordion-container li { margin: 0; margin-top: 5px; margin-left: 2px; margin-bottom: 2px; padding: 0; background:transparent; width:340px; border:0px solid #9FA1A5; cursor:pointer;} ul.ui-accordion-container li a { text-decoration:none; color:#000000;} a.TEAMH3 { color:#104b7d !important;font-family:"Century Gothic",Century Gothic,Helvetica,Arial,Tahoma,Verdana,sans-serif;font-size:18px;font-weight:normal;/*margin-bottom:18px;margin-left:0;margin-top:20px;*/margin:0;text-align:left;text-transform:uppercase;} ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 28px; color: #000; text-decoration: none; line-height: 28px; } ul.ui-accordion-container li .ui-accordion-right { display: block; background-image: url(../images/accordion/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px; } ul.ui-accordion-container li:hover { background:url("../images/design/accordion_toggle_hover.jpg") top left repeat-x transparent; } ul.ui-accordion-container li:hover a.ui-accordion-link { background:transparent; } ul.ui-accordion-container li:hover .ui-accordion-right { background:transparent; } ul.ui-accordion-container li.active { background:transparent; } ul.ui-accordion-container li.active a.ui-accordion-link { background:transparent; } ul.ui-accordion-container li.active .ui-accordion-right { background:transparent; } ul.ui-accordion-container li .ui-accordion-content { font-weight:normal; padding-bottom: 7px; } ul.ui-accordion-container li .ui-accordion-content p { color: #00aeef; margin: 0; margin: 8px 0 0 8px; font-size: 12px; line-height: 14px; font-family: Century Gothic, "Century Gothic", Arial,Helvetica,sans-serif; font-weight: bold; } ul.ui-accordion-container li .ui-accordion-content p a{ color:#00aeef; font-size:14px; text-decoration: none!important; } ul.ui-accordion-container li .ui-accordion-content p span a{ color: #002D56; font-size: 13px; text-decoration: none!important; } ul a.accordion-title p { margin:0; line-height:31px; color:#9FA1A5; font-size:14px;font-family:Arial,Helvetica,sans-serif; padding-left:25px;} /*.accordion-title {border-bottom:1px solid black;width:600px;}*/ /* pour le scroller de categorie de maburco */ div.scroller { /*background:transparent;*/ border:0 solid #cccccc; overflow:hidden; width:275px; width:490px; height:189px; } div.scontent { width:300000px; } div.scroller div.section { background:transparent none repeat scroll 0 0; float:left; overflow:hidden; padding:0; padding-top:9px; padding-left:145px; width:490px; height:189px; } div.scroller div.section a{ color:#ab0020; font-weight:bold; text-decoration:none !important; line-height:17px; } .scrGauche { width:120px; background:transparent; float:left; border-right:1px solid #c6c7c9; margin-top:22px; margin-left:60px; height:130px; } .scrDroite { width:120px; background:transparent; float:left; border-right:0px solid #c6c7c9; margin-top:22px; margin-left:43px; }#facebox .b { background:url(../images/b.png); } #facebox .tl { background:url(../images/tl.png); } #facebox .tr { background:url(../images/tr.png); } #facebox .bl { background:url(../images/bl.png); } #facebox .br { background:url(../images/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 10000; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px!important; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } .break { clear:both; } #searchform { float:right; margin-top:15px; margin-right:47px; font-family: "Century Gothic", Century Gothic, Arial, sans-serif; font-size:13px; text-transform:uppercase; vertical-align:middle; width:960px; position:absolute; z-index:9000; } #searchform p.label { display:inline; padding-right:10px; font-size:11px; position:relative; top:0px; #position:relative; #top:-7px; } #searchform div { color:#677E97; display:block; vertical-align:middle; } #searchform div input { font-size:11px; padding:5px; width:97px; height:11px; } #suggestions{ position: relative; left:580px; width:320px; display:none; } #searchresults { background-color:#A0A0A0; border:1px solid #919191; font-size:10px; line-height:14px; position:absolute; width:320px; z-index:1; #z-index:9999; } #searchresults a { background-color:#E4E4E4; clear:left; display:block; height:65px; text-decoration:none; } #searchresults a:hover { background-color:#B7B7B7; color:#FFFFFF; } #searchresults a img { float:left; /*padding:5px 10px;*/ padding-right:10px; } #searchresults a span.searchheading { color:#191919; display:block; font-weight:bold; padding-top:5px; font-size:11px; line-height:14px; } #searchresults a:hover span.searchheading { color:#FFFFFF; } #searchresults a span { color:#555555; font-size:10px; line-height:12px; } #searchresults a:hover span { color:#F1F1F1; } #searchresults span.category { color:#FFFFFF; display:block; font-size:11px; margin:5px; } #searchresults span.seperator { background-image:url(../images/shortcuts_arrow.gif); background-position:right center; background-repeat:no-repeat; float:right; margin-right:5px; padding-right:15px; } #searchresults span.seperator a { background-color:transparent; color:#FFFFFF; display:block; height:auto; margin:5px; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #899fb3; background-color: #00aef0; color: #fff; padding: 5px; opacity: 1; } #tooltip h3, #tooltip div { margin: 0; } body { margin: 0 auto 0 auto; padding: 0; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; color: #808084; background: #002142; text-align: left; vertical-align:top; height:100%; } a:link, a:visited { color:#837f7f; text-decoration:none; } a:hover { color:#837f7f; text-decoration:underline; } ul { color:#837f7f; display:inline; float:left; margin-bottom:0px; margin-left:40px; margin-right:85px; } ol, ul { list-style-image:none; list-style-position:outside; list-style-type:disc; line-height:15px; font-size:11px; } table { #margin:0; #padding:0; } /* Main Elements ----------------------------------------------------------------------------------*/ .TEAMMain { width: 960px; margin-bottom: 30px; margin-left: auto; margin-right: auto; } .TEAMMain h1 { color:#837f7f; font-family: AntennaThin, Arial, sans-serif; font-size:25px; font-weight:normal; text-align:left; margin-left:0px; margin-top:20px; margin-bottom:24px; } .TEAMHeader { background:url('../images/design/header_background.jpg') top center repeat-x white; background-position: height: 227px; overflow:hidden; } .TEAMHeaderB { margin:0 auto; background:url('../images/design/header_background_main.jpg') top center no-repeat transparent; background-position:8px; height: 227px; width:1022px; overflow:hidden; } .TEAMHeaderB .TEAMLogo { position:relative; top:49px; left:53px; width:191px; height:131px; overflow:hidden; } .TEAMHeaderB .TEAMLogo h1{ text-indent:-9999px; } .TEAMHeaderB.Fr{ background:url('../images/design/header_background_main_Fr.jpg') top center no-repeat transparent; background-position:8px;} .TEAMHeaderB.En{ background:url('../images/design/header_background_main_En.jpg') top center no-repeat transparent; background-position:8px;} .TEAMMenu { background: red; background: transparent; height: 28px; width:622px; position:relative; top:16px; left:338px; overflow:hidden; text-align:left; } .TEAMMenu .Gauche { float:left; width:330px; text-align:left; } .TEAMMenu .Gauche p { display:inline; vertical-align:middle; font-family: "Century Gothic", Century Gothic, Arial, sans-serif; font-size: 12px; line-height:14px; color: white; margin-right:1px; text-transform:uppercase; } .TEAMMenu .Gauche p a { color: white; } .TEAMMenu .Droite { float:right; width:270px; text-align:right; } .TEAMMenu .Droite p { display:inline; vertical-align:middle; font-family: "Century Gothic", Century Gothic, Arial, sans-serif; font-size: 12px; line-height:14px; color: #899fb3; margin-left:1px; text-transform:uppercase; } .TEAMMenu .Droite p a { color: #899fb3; text-decoration: none; } .TEAMMenu .Droite p a:hover { color: #899fb3; text-decoration: underline; } div.TopLink { margin-top: 20px; _margin-top: 0; margin-bottom: 20px; width: 567px; text-align: center; font-family:Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 19px; } div.TopLink a { color: #00aeef!important; text-decoration: none; } div.TopLink a:hover { color: #00aeef; text-decoration: underline; } .TEAMCyclePhotos { margin-top: 13px; margin-bottom: 11px; width:960px; overflow:hidden; height:120px; } .TEAMCyclePhotos img{ margin-right:9px; } h4.accordion_toggle { color:#837f7f; font-family: odilero, Arial, sans-serif; font-size:16px; font-weight:normal; text-align:left; } h5.accordion_toggle { color:#837f7f; font-family: odilero, Arial, sans-serif; font-size:14px; font-weight:normal; text-align:left; } hr { height: 1px; background: url("../images/design/separation_hori.png") no-repeat top left transparent; margin:0; padding:0; border:none; } .TEAMContent { width: 100%; background: url("../images/design/contenu_background.jpg") bottom center repeat-x #F5F9FB; margin: 0 auto; padding-bottom:15px; text-align:left; } .TEAMContentB { width: 960px; margin: 0 auto; text-align:left; position:relative; left:23px; } .TEAMContentB h1 { color:#7891a8; font-family: "Century Gothic", Century Gothic, Arial, sans-serif; font-size:45px; font-weight:normal; text-align:left; margin-left:0px; margin-top:46px; margin-bottom:12px; text-transform:uppercase; } .TEAMContentB h2 { margin:0px; margin-top:46px; margin-top:0px; margin-bottom:12px; color:#7891a8; font-family: "Century Gothic", Century Gothic, Arial, sans-serif; font-size:24px; font-weight:normal; line-height:27px; text-align:left; text-transform:uppercase; } .TEAMContentB p { color:#7891a8; color:#002d56; font-family: verdana, Arial, sans-serif; font-size:12px; line-height:16px; text-align:left; margin:0px; margin-left:2px; margin-bottom:24px; } .TEAMContentB p { margin-bottom:6px; } .TEAMContentB p strong { font-weight:bold; font-size:14px; color:#00AEEF; } .TEAMContentB p span { font-weight:normal; font-size:12px; color:#8297aa; } .TEAMContentB p.Desc { color:#002d56; font-family: verdana, Arial, sans-serif; font-size:13px; font-weight:normal; line-height:16px; text-align:left; margin:0px; margin-left:2px; margin-bottom:24px; } .TEAMContentB input[type=text], .TEAMContentB input[type=file] { /*border: 1px solid #bd644d;*/ width:250px; } .TEAMContentB ul { color:#837f7f; font-family: Arial, sans-serif; font-size:12px; line-height:17px; text-align:left; margin-left:40px; margin-bottom:10px; list-style-type: disc; list-style-position: inside; #margin-left: -15px!important; } .TEAMContact { float:left; width:320px; } .TEAMContact p { margin: 10px 0 10px 2px; } .TEAMContact a { color: #0082b3; text-decoration: none; } .TEAMContact a:hover { color: #0082b3; text-decoration: underline; } /* * * phpMailer * * * */ .TEAMLabel { width:83px; padding:6px 0; } .TEAMInput { width:258px; vertical-align:middle; overflow:hidden; } .TEAMInput input, .TEAMInput textarea { width:250px; margin:6px 0; border: 1px solid #999997; background:white; } .TEAMInput textarea { height:90px; } strong.SEO { font-weight: normal; } .TEAMFooter { background:url('../images/design/footer_background.png') top center repeat-x white; height: 288px; overflow:hidden; } .TEAMFooterB { margin:0 auto; background:url('../images/design/footer_background_main.png') top center repeat-x white; height: 288px; width:960px; overflow:hidden; } .TEAMFooterB .TEAMMenu { background: red; background: transparent; height: 28px; width:500px; position:relative; top:29px; left:25px; overflow:hidden; text-align:left; float:left; } .TEAMFooterB .TEAMMenu p { display:inline; vertical-align:middle; font-family: "Century Gothic", Century Gothic, Arial, sans-serif; font-size: 12px; line-height:15px; color: white; margin-right:9px; text-transform:none; } .TEAMFooterB .TEAMMenu p a { color: white; } .TEAMCopyright { float:right; width:400px; position:relative; top:29px; #top:32px; text-align:right; left: -29px; _left: 21px; } .TEAMFooterB .TEAMCopyright p { font-family: "Century Gothic", Century Gothic, Arial, sans-serif; font-size: 10px; line-height:14px; text-transform:none; color: #7891A8; } .TEAMbyTEAM { margin:0 auto; width:133px; height:14px; overflow:hidden; position:relative; top:40px; } .TEAMhr1 { margin: 0; margin-bottom:6px; width:174px; height:17px; border:none; background:url("../images/design/hr1.png") top left no-repeat transparent; } .TEAMhr2 { margin: 0; margin-bottom:6px; width:599px; height:17px; border:none; background:url("../images/design/hr2.png") top left no-repeat transparent; } .TEAMProduits { width:100%; overflow:hidden; #z-index:1; } .TEAMUnProduit { margin:0; margin-right:32px; _margin-right: 28px; float:left; width:165px; height:192px; overflow:hidden; position:relative; left:-2px; #z-index:1; } .TEAMUnProduit p{ text-align:center; #z-index:1; } .TEAMUnProduit img{ border:1px solid #375D7E !important; width:161px; #z-index:1; } .TEAMUnProduit img.grosse{ width:402px; } .TEAMContentFacebox { width:585px; overflow:hidden; } .TEAMContentFacebox .TEAMUnProduit img.grosse{ width:402px; } .TEAMContentFacebox .TEAMProduits { width:100%; overflow:hidden; } .TEAMContentFacebox .TEAMUnProduit { margin:0; float:left; width:165px; height:auto; overflow:hidden; position:relative; } .TEAMContentFacebox .TEAMUnProduit h2{ font-family: "Century Gothic", Century Gothic, Arial, sans-serif; font-size:18px; font-weight:bold; color:#104b7d; margin-top:5px; margin-left:4px; } .TEAMContentFacebox .TEAMUnProduit h3{ font-family: "Century Gothic", Century Gothic, Arial, sans-serif; font-size:18px; line-height:21px; font-weight:normal; text-transform:uppercase; color:#104b7d; margin-top:5px; margin-left:4px; width:272px; } .TEAMContentFacebox .TEAMUnProduit p{ text-align:left; margin-top:7px; margin-left:4px; color:#00aeef; font-family: verdana, Arial, sans-serif; font-size:12px; line-height:16px; } .TEAMContentFacebox .TEAMUnProduit img{ border:none !important; width:402px; } .TEAMContentFacebox .TEAMFibres { float: right; width: 120px; margin-right: 29px; _margin-right: 14px; } .TEAMContentFacebox .TEAMUneFibre { display: block; float: left; width: 41px; margin: 0 14px 12px 0; } .TEAMContentFacebox .TEAMUneFibre img { width: 41px; height: 41px; border: 1px solid #375D7E !important; } .clear { /* clear old fashioned */ clear: both; width: 0; height: 0; } .clear { /* new clear NM */ clear: both!important; line-height: 0px!important; font-size: 0px!important; overflow: hidden!important; width: 0!important; height: 0!important; float: none!important; margin: 0!important; padding: 0!important; } #TEAMSlideshowFacebox { border:1px solid #375D7E !important; width:402px; height:303px; overflow:hidden; } .DetailsProduit table th{ color: #fff; border-right: 1px solid #fff; background-color: #848586; font-size: 12px; line-height: 15px; font-weight: normal; } .DetailsProduit table td{ color: #00AEEF; font-size: 12px; line-height: 15px; } .DetailsProduit h3 { margin-top:10px; margin-bottom:10px; font-family: "Century Gothic", Century Gothic, Arial, sans-serif; color: #104B7D; font-size: 18px; font-weight: normal; text-transform: uppercase; } .DetailsProduit p { color: #00AEEF; font-size: 12px; line-height: 15px; } .TEAMContentB p.CouleursFibre { font-weight: normal; margin-bottom: 13px; } .TEAMContentB p.CouleursFibre span { color: #00AEEF!important; font-weight: bold; font-size: 14px; font-family: Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif; } .wtooltip { border: 1px solid gray; background: #edeef0; color: #000; padding: 10px; z-index: 1000; text-align: left; } #TEAMSlideshowInfoTech { width: 537px!important; height: 256px!important; margin-bottom:20px; } /* * * * * * * * * * * * * * * * * * * * * * * * * * Ajout de janvier 2010 * * * * * * * * * * * * * * * * * * * * * * * * * */ .TEAMSlideShow { margin:0; margin-top:0px; margin-bottom:10px; width:910px; height:309px; }