/********************************/ /* RESET /********************************/ 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%; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /********************************/ /* GENERAL /********************************/ body { font: normal 12px Arial, Verdana, Helvetica, Sans-Serif; color: #6F7072; background:#fff} a { color: #1A2C61; text-decoration: none; } a:hover { color: #666; } .newline { display: block; clear: both; line-height: 1px; font-size: 1px; height: 0; } .dblock { display: block; } .left { float: left; } .right { float: right; } .center { text-align: center; } img.left { margin-right: 10px; } img.right { margin-left: 10px; } img.center { display: block; margin: 0 auto; text-align: center; margin-bottom: 8px; } /********************************/ /* GLOBAL /********************************/ #global { width: 1000px; margin: 0 auto; overflow: hidden; position:relative; zoom:1; } #lienhaut { float: left; width: 70%; font-size: 12px; height: 28px; line-height: 25px; color: #0f1b61; } #lienhaut a { color: #0f1b61; } #lienhaut a:hover {text-decoration:underline } #changelang { float: right; font-size: 12px; height: 28px; line-height: 25px; } #changelang a { color: #0f1b61; padding-right: 40px; } #changelang a:hover { text-decoration:underline } .drp-FR { background: url(img/drp_FR.gif) no-repeat 100% 50%; } .drp-GB { background: url(img/drp_GB.gif) no-repeat 100% 50% ; } /********************************/ /* HEADER /********************************/ #header { clear: both; height: 155px; position: relative; } #logo { position: absolute; width: 211px; height: 106px; top: 20px; left: 10px; } #banner { position: absolute; width: 728px; height: 90px; top: 10px; right: 0; padding-top: 10px; } /*#banner.FR { background: url(img/pub_FR.gif) no-repeat 540px 0 ; } #banner.GB { background: url(img/pub_GB.gif) no-repeat 540px 0; }*/ #banner img, #banner object { margin: 0 auto; text-align: center; } #baseline { position: absolute; width: 728px; height: 20px; top: 120px; right: 0; color: #1A2C61; text-transform: uppercase; font-size: 15px; font-weight: bold; } /********************************/ /* NAV /********************************/ #nav { height: 50px; background: url(img/2011/menu_bck.jpg) no-repeat 0 0; } #accueil { width: 22px; height: 20px; padding:15px 0 0 40px; float: left; line-height:50px; display: inline; } /********************************/ /* MENU UNIVERS /********************************/ #universmenu { height:30px; margin: 10px 0 0 0 } #universmenu li { float:left; margin-right:2px; text-align:center; } #universmenu li a { display:block; width:141px; height:30px; line-height:30px; background:#eaeaea } #universmenu li.last { float:right; margin-right:0 } #universmenu li a { font-weight:bold; } #universmenu li.univers1.focus a,#universmenu li.univers1 a:hover { background:#0073B8; color:#fff; } #universmenu li.univers2.focus a,#universmenu li.univers2 a:hover { background:#00CAFF; color:#fff; } #universmenu li.univers3.focus a,#universmenu li.univers3 a:hover { background:#75287F; color:#fff; } #universmenu li.univers4.focus a,#universmenu li.univers4 a:hover { background:#006E00; color:#fff; } #universmenu li.univers5.focus a,#universmenu li.univers5 a:hover { background:#F69313; color:#fff; } #universmenu li.univers6.focus a,#universmenu li.univers6 a:hover { background:#FCB911; color:#fff; } #universmenu li.univers7.focus a,#universmenu li.univers7 a:hover { background:#644714; color:#fff; } /********************************/ /* CDF /********************************/ #cdf { height: 30px; line-height: 30px; padding: 0 15px; font-size: 12px; color: #1A2C61; position:relative; } #cdf a { color: #6F7072; } #cdf a:hover { color: #1A2C61; } /*style univers*/ /* Voile 0073B8 Voile légère 00CAFF Glisse F69313 Moteur 75287F Pêche 006E00 Equipement 6447714 Tourisme FCB911 */ .univers1 #cdf, .univers1 #cdf a { background:#0073B8; color:#fff;} .univers2 #cdf, .univers2 #cdf a { background:#00CAFF; color:#fff; } .univers3 #cdf, .univers3 #cdf a { background:#75287F; color:#fff; } .univers4 #cdf, .univers4 #cdf a { background:#006E00; color:#fff; } .univers5 #cdf, .univers5 #cdf a { background:#F69313; color:#fff; } .univers6 #cdf, .univers6 #cdf a { background:#FCB911; color:#fff; } .univers7 #cdf, .univers7 #cdf a { background:#644714; color:#fff; } /********************************/ /* STRUCTURE /********************************/ .int #main { width: 670px; float: left; margin-top: 10px; } .int #sidebar { margin-top:20px; } .home #main { width: 695px; float: left;} #sidebar { width: 300px; float: right; display: inline; } #skyscraper { width: 120px; float: right; padding-top: 15px; margin-top: 5px; margin-bottom: 15px; display: inline; } #skyscraper.FR { background: url(img/pub_FR.gif) no-repeat 50% 0; } #skyscraper.GB { background: url(img/pub_GB.gif) no-repeat 50% 0; } #bloc-center { width: 680px; float: left; display: inline; margin: 20px 0; border: 1px solid #efefefp } #bloc-center.large{width:100%;} /********************************/ /* BLOC-CENTER /********************************/ h1 { color: #1A2C61; font-size: 22px; margin-bottom: 20px; text-transform:uppercase; } h1 .title { display:inline-block; background:url(img/2011/h1_bck.jpg) repeat-x 0 0; line-height:46px; padding:0 30px 0 10px} h2 { color: #1A2C61; font-size: 16px; margin-bottom: 15px; } h3 { color: #1A2C61; font-size: 16px; margin-bottom: 10px; } a { font-weight: bold; } .inner .left { margin:0 10px 10px 0 } .inner .right { margin:0 0 10px 10px } .inner .center { margin:0 0 10px 0 } .inner .img_comment { display:block; font-size:10px;} .inner .link { text-align:right; margin-top:10px; } a.section:hover { color:#1A2C61 } /*style bloc page int*/ #sidebar .paragraphe { width:300px; margin-bottom:10px; } .paragraphe {margin-bottom:20px; display:inline; float:left;} .inner { overflow:hidden;} .paragraphe .style1 { } .paragraphe .style2 { padding:20px 10px 10px 10px; background:#ececec } .paragraphe .style3 { padding:20px 10px 10px 10px; border:1px solid #bcbcbc } .paragraphe .style4 { padding:20px 10px 10px 10px; border:1px solid #bcbcbc; background:#ececec } /*style bloc page home univers*/ .bloc_texte_univers { float:left; } .bloc_texte_univers .entete { height:35px; line-height:35px; color:#fff; padding-left:5px; font-size:16px; text-transform:uppercase; font-weight:bold;} .bloc_texte_univers .content_bloc{overflow:hidden;padding:10px 0;} .bloc_texte_univers .entete.fond1 { background:url(img/2011/bloc_univers_bck.jpg) repeat-x left top; } .bloc_texte_univers .entete.fond2 { background:url(img/2011/bloc_univers_bck.jpg) repeat-x left -70px; } .bloc_texte_univers .entete.fond3 { background:url(img/2011/bloc_univers_bck.jpg) repeat-x left -140px; color:#1A2C61 } .bloc_texte_univers .entete .picto { display:inline-block; height:35px; padding-left:33px;} .bloc_texte_univers .entete .picto1 { background:url(img/2011/ico_bloc2.gif) no-repeat left top;} .bloc_texte_univers .entete .picto2 { background:url(img/2011/ico_bloc2.gif) no-repeat left center;} .bloc_texte_univers .entete .picto3 { background:url(img/2011/ico_bloc2.gif) no-repeat left bottom;} .bloc_texte_univers .content_bloc h3 { margin-bottom:0 } .link_more { text-align:right; clear:both;} .link_more a{ padding-left: 15px; background:url(img/2011/link_more.png) no-repeat 0 0;} .bloc_texte_univers .paragraphe {margin-bottom:20px; overflow:hidden; display:inline; float:none; } /* GESTION DES COLONNES */ .w100 { width:670px; } .w50 { width:330px; margin-right:10px; } /* DIVERS */ .pack-image.left { margin-right: 10px; } .pack-image.right { margin-left: 10px; } .legende-image { font-size: 10px; } /********************************/ /* PAGE ONGLET /********************************/ #pageonglet { width:670px; } ul#ongletAncre { list-style: none; /*height: 35px;*/ } ul#ongletAncre li { float: left; font-size:16px;} ul#ongletAncre li a { float: left; padding:0 40px 0 20px; height: 35px; color: #666; text-decoration: none; line-height: 43px; background: url(img/2011/onglet_bck.jpg) repeat-x left bottom; zoom:1;} /*ul#ongletAncre li a span { float: left; padding-right: 10px; height: 30px; cursor: pointer; background: url(img/2011/onglet_bck.jpg) repeat-x left bottom; }*/ ul#ongletAncre li a:hover { background: url(img/2011/onglet_bck.jpg) repeat-x left bottom; } /*ul#ongletAncre li a:hover span { background: url(img/2011/onglet_bck.jpg) repeat-x left bottom; }*/ ul#ongletAncre li a:hover { background: url(img/2011/onglet_bck.jpg) repeat-x left bottom; } /*ul#ongletAncre li a:hover span { background: url(img/2011/onglet_bck.jpg) repeat-x left bottom; }*/ ul#ongletAncre li.ongleton a { background: url(img/2011/onglet_bck.jpg) repeat-x 0 0; color:#fff; } /*ul#ongletAncre li.ongleton a span { background: url(img/2011/onglet_bck.jpg) repeat-x 100% 0; }*/ /*.magicOnglet { clear: both; border-top: 5px solid #121F65; overflow: hidden; zoom:1; background: url(img/2011/magic_ongelt_bck.jpg) repeat-x left top; }*/ .magicOnglet { clear: both; border-top: 5px solid #121F65; overflow: hidden; zoom:1; } .magicOnglet .fondblanc{ padding:10px 20px; } ul#ongletAncre li.onglet a:hover { color:#666; } .magicOnglet .ongl { float:left; } .magicOnglet .w100 { width:600px; } .magicOnglet .w50 { width:310px; } .magicOnglet .w50-newline { width:310px; margin-right:0; } .magicOnglet .w33-first { width:203px; margin-right:10px } .magicOnglet .w33-2 { width:203px; margin-right:10px } .magicOnglet .w33-newline { width:203px; } /********************************/ /* HOME VALUE /********************************/ .home #slider { height: 230px; position: relative; margin-top:10px; margin-bottom:20px; } #slider ul, #slider li { margin:0; padding:0;list-style:none } #slider li { width:1000px; height:230px; overflow:hidden; position:relative } #slider li .texte { bottom: 8px; color: #FFFFFF; left: 40px; position: absolute; z-index: 3; padding-bottom:0;} #slider li .texte .value_title { font-size:18px; color:#fff; font-weight:bold; } #blackopacity { background: #000000; bottom: 0; height: 64px; opacity: 0.5; position: absolute; width: 1000px; z-index: 2; } ol#controls { height:22px; position:absolute; right:150px; top:470px; z-index:3 } ol#controls li { float:left; height:22px; list-style:none; margin:0 4px 0 0; padding:0; width:22px; } ol#controls li a { color:#fff; text-align:center; font-size:11px; display:block; line-height:22px; width:22px; height:22px; background:url(img/2011/slider_btn.jpg) no-repeat 0 100% } ol#controls li.current a { color:#fff; background:url(img/2011/slider_btn.jpg) no-repeat 0 0 } /********************************/ /* UNIVERS VALUE /********************************/ .int #slider { height: 230px; position: relative; margin-bottom:20px; } .int #slider ul, #slider li { margin:0; padding:0;list-style:none } .int #slider li { width:670px; height:230px; overflow:hidden; position:relative } .int #slider li .texte { bottom: 8px; color: #FFFFFF; left: 40px; position: absolute; z-index: 3; padding-bottom:0;} .int #slider li .texte .value_title { font-size:18px; color:#fff; font-weight:bold; } .int #blackopacity { background: #000000; bottom: 0; height: 64px; opacity: 0.5; position: absolute; width: 670px; z-index: 2; } #global.int ol#controls { height:22px; position:absolute; left:550px; top:510px!important; z-index:3 } .int ol#controls li { float:left; height:22px; list-style:none; margin:0 4px 0 0; padding:0; width:22px; } .int ol#controls li a { color:#fff; text-align:center; font-size:11px; display:block; line-height:22px; width:22px; height:22px; background:url(img/2011/slider_btn.jpg) no-repeat 0 100% } .int ol#controls li.current a { color:#fff; } .univers1 .int ol#controls li.current a { background:#0073B8 } .univers2 .int ol#controls li.current a { background:#00CAFF } .univers3 .int ol#controls li.current a { background:#75287F } .univers4 .int ol#controls li.current a { background:#006E00 } .univers5 .int ol#controls li.current a { background:#F69313 } .univers6 .int ol#controls li.current a { background:#FCB911 } .univers7 .int ol#controls li.current a { background:#644714 } /*style univers*/ /* Voile 0073B8 Voile légère 00CAFF Glisse F69313 Moteur 75287F Pêche 006E00 Equipement 6447714 Tourisme FCB911 */ /********************************/ /* UNIVERS Style /********************************/ /* Bloc voir les exposants */ #viewexposant { height:60px; width:300px; background:url(img/2011/view_exposants.jpg) no-repeat 0 0; margin-bottom:15px; } #viewexposant h4 { padding:17px 0 0 55px; color:#fff; } #viewexposant .uni { padding-left:55px;font-size:16px; font-weight:bold; text-transform:uppercase; } .univers1 #viewexposant { border-bottom:8px solid #0073B8 } .univers2 #viewexposant { border-bottom:8px solid #00CAFF } .univers3 #viewexposant { border-bottom:8px solid #75287F } .univers4 #viewexposant { border-bottom:8px solid #006E00 } .univers5 #viewexposant { border-bottom:8px solid #F69313 } .univers6 #viewexposant { border-bottom:8px solid #FCB911 } .univers7 #viewexposant { border-bottom:8px solid #644714 } .univers1 #viewexposant .uni { color:#0073B8 } .univers2 #viewexposant .uni { color:#00CAFF } .univers3 #viewexposant .uni { color:#75287F } .univers4 #viewexposant .uni { color:#006E00 } .univers5 #viewexposant .uni { color:#F69313 } .univers6 #viewexposant .uni { color:#FCB911 } .univers7 #viewexposant .uni { color:#644714 } /********************************/ /* ACTUALITES /********************************/ /* #actualites { height: 250px; background: url(img/actu_bg.png) no-repeat 0 0; margin-bottom: 10px; overflow: hidden; } #actu-nav { height: 40px; } #actu-nav li { float: left; height: 40px; text-align: center; line-height: 30px; padding: 0 20px; } #actu-nav li.tabSel { background: url(img/actu_onglet.png) no-repeat 50% 0; } #actu-nav a { color: #98948D; font-size: 13px; font-weight: bold; text-transform: uppercase; } #actu-nav a:hover { color: #1A2C61; } #actu-nav li.tabSel a { color: #FFF !important; } #actualites .panel { clear: both; padding: 15px 0 0 5px; } #actualites .article { float: left; width: 190px; display: inline; margin: 0 0 0 20px; } #actualites img { border: 2px solid #FFF; } #actualites h3 { color: #FCE909; } #actualites p { font-size: 11px; color: #FFF; } #actualites .panel a { font-weight: bold; color: #FCE909; } #actualites .panel a:hover { color: #F18F00; } #actualites p.lien { text-align: right; padding: 6px 35px 6px 0; margin-top: 10px; background: url(img/actu_puce.png) no-repeat 100% 50%; } * html #actualites p.lien { background: url(img/actu_puce_ie6.gif) no-repeat 100% 50%; } #actualites .allnews { clear: both; text-align: right; padding: 5px 25px 0 0; } */ /********************************/ /* UNIVERS Style /********************************/ #formulaire_news { height:130px; width:300px; overflow:hidden; margin-top:20px; background:url(img/2011/ins_news_bck.jpg) no-repeat 0 0 ; } #formulaire_news .insc { padding:33px 10px 10px 10px } #formulaire_news .insc h2 { text-align:right; font-size:14px; margin-bottom:5px; } #formulaire_news .form-field { width:263px; border:1px solid #ccc; margin:0; padding:7px; } .btn_valider { clear:both; text-align:right } #formulaire_news .form-submit { background:url(img/2011/bloc_univers_bck.jpg) repeat-x left top ; height:24px; line-height:24px; color:#fff; margin-top:5px;} #formulaire_news .form-submit:hover { color:#ccc } /********************************/ /* MEDIAS /********************************/ #medias { float:left; clear:left; background: url(img/2011/medias_bck.jpg) no-repeat 0 0; height: 330px; width:340px; overflow: hidden; margin-bottom:20px; margin-right:10px;} #media-nav { height: 38px; } #media-nav li { float:left; width:170px; } #media-nav li a { display:block; width:170px; height: 34px; text-align: center; line-height: 39px; } #media-nav li#onglet1.ongletSel a{ background: url(img/2011/medias_onglet_on.png) no-repeat left top; } #media-nav li#onglet2.ongletSel a{ background: url(img/2011/medias_onglet_on.png) no-repeat right top; } #media-nav a { color: #98948D; font-size: 13px; font-weight: bold; text-transform: uppercase; } #media-nav li.ongletSel a { color: #fff; } #media-nav a:hover { color: #666; } /*SLIDER*/ #galerie1, #galerie2, #galerie3 { clear: both; position: relative; } .slider li { width:340px; text-align: left; height: 298px; } .slider li .text_slider { width:240px; padding-left:20px; } .slider li .text_slider h3 { margin-bottom:0; margin-top:3px; } .slider img { } /*ARROWS*/ #prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3 { display: block; overflow: hidden; text-indent: -8000px; width: 26x; height: 26px; position: absolute; } #prevBtn, #prevBtn2, #prevBtn3 { right: 34px; top: 243px; } #nextBtn, #nextBtn2, #nextBtn3 { right: 10px; top: 243px; } #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a { display: block; width: 24px; height: 24px; } #prevBtn a, #prevBtn2 a, #prevBtn3 a { background: url(img/2011/prev_next.jpg) no-repeat left center; } #nextBtn a, #nextBtn2 a, #nextBtn3 a { background: url(img/2011/prev_next.jpg) no-repeat right center; } * html #prevBtn a, * html #prevBtn2 a, * html #prevBtn3 a { background: url(img/prev.gif) no-repeat 0 0; } * html #nextBtn a, * html #nextBtn2 a, * html #nextBtn3 a { background: url(img/next.gif) no-repeat 0 0; } /********************************/ /* CARRE PUB /********************************/ #carrepub { height: 250px; overflow: hidden; margin-bottom: 10px; width:300px;} /*#carrepub.FR { background: url(img/pub_FR.gif) no-repeat 50% 0; } #carrepub.GB { background: url(img/pub_GB.gif) no-repeat 50% 0; }*/ /********************************/ /* COMMUNAUTE /********************************/ #communaute { width:300px; height: 52px; overflow:hidden; background: url(img/2011/communaute_bck.png) no-repeat 0 0; line-height:52px; } #communaute h2 { float:left; padding-left:20px; width:120px;font-size: 13px; color: #666; margin-bottom:0 } #communaute .inner { float:left; width:160px; height:52px; text-align: center; line-height:52px; } #communaute p { padding: 10px 10px 5px 20px; text-align: left; } #communaute img { text-align: center; } #communaute a { float:left; margin-right:10px; text-indent:3000px; margin-top:12px; } #communaute a .picto_facebook { display:block; width:55px; height:30px; background: url(img/2011/picto_facebook.png) no-repeat left bottom; } #communaute a .picto_facebook:hover { background: url(img/2011/picto_facebook.png) no-repeat left top; } #communaute a .picto_twitter { display:block; width:55px; height:30px; background: url(img/2011/picto_twitter.png) no-repeat left bottom; } #communaute a .picto_twitter:hover { background: url(img/2011/picto_twitter.png) no-repeat left top; } /********************************/ /* BOUTONS RAPIDES /********************************/ #boutonrapide { width: 300px; margin-bottom: 10px; } #boutonrapide li { height: 30px; line-height: 30px; font-weight: bold; margin-bottom:10px} #boutonrapide li.last { margin-bottom:0 } #boutonrapide a { display: block; height: 30px; color: #fff; padding-left:5px;} #boutonrapide .style1 a { background: url(img/2011/btn_rapide.jpg) no-repeat left top; } #boutonrapide .style1 a:hover { background: url(img/2011/btn_rapide.jpg) no-repeat left -35px; } #boutonrapide .style2 a { background: url(img/2011/btn_rapide.jpg) no-repeat left -70px; } #boutonrapide .style2 a:hover { background: url(img/2011/btn_rapide.jpg) no-repeat left -105px; } #boutonrapide .style3 a { background: url(img/2011/btn_rapide.jpg) no-repeat left -140px; color:#333 } #boutonrapide .style3 a:hover { background: url(img/2011/btn_rapide.jpg) no-repeat left -175px; color:#333 } #boutonrapide .picto { display:inline-block; height:30px; padding-left: 45px; } #boutonrapide .picto.no_picto { padding-left:0; line-height:35px } #boutonrapide .picto1 { background: url(img/2011/ico_bloc.gif) no-repeat left top; } #boutonrapide .picto2 { background: url(img/2011/ico_bloc.gif) no-repeat left center; } #boutonrapide .picto3 { background: url(img/2011/ico_bloc.gif) no-repeat left bottom; } /********************************/ /* COLBOX /********************************/ .colbox { width: 190px; margin-left: 5px; margin-bottom: 15px; } .colbox.bg1 { background: url(img/col_bg.gif) no-repeat 0 100% #4274b3; } .colbox.bg1 .closer { display: none; } .colbox.bg1 .inner { padding: 15px; color: #FFF; } .colbox.bg1 h3 { color: #FCE909; margin-bottom: 5px; } .colbox.bg1 a { font-weight: bold; color: #FCE909; } .colbox.bg2 { background: url(img/col_bg2.gif) no-repeat 0 0; } .colbox.bg2 .closer { background: url(img/col_bg2.gif) no-repeat 0 100%; height: 20px; } .colbox.bg2 .inner { padding: 15px 15px 0 15px; } .colbox.bg2 h3 { color: #1A2C61; margin-bottom: 5px; } .colbox.bg2 a { font-weight: bold; } .colbox p { font-size: 11px; } .colbox p.lien { margin-top: 5px; } .colbox a:hover { color: #F18F00; } .colbox img { border: 2px solid #FFF; } /********************************/ /* GLOBAL FOOTER /********************************/ #wrap_footer { overflow:hidden; width:100%; height:270px; margin-top: 20px; background:url(img/2011/footer_bck.jpg) no-repeat center top} /********************************/ /* PLAN SITE BAS /********************************/ #plansitebas { width: 980px; height:210px; margin: 0 auto; padding-top: 10px; font-size: 11px; } #plansitebas a { display: block; } #plansitebas td { padding: 15px 0 0 40px; } #plansitebas .titre, #plansitebas .titre a { font-weight: bold; color: #FCE909; font-size: 12px; } #plansitebas .lien a { color: #FFF; } #plansitebas .lien a:hover { color: #FCE909; } /********************************/ /* FOOTER /********************************/ #footer { width: 1000px; margin: 0 auto; /*position:relative;*/ height: 60px; font-size: 11px; } #footer .footer_reed { float:left; margin:0 20px; height:60px; line-height:60px } #footer .footer_link { float:left; color: #FFF; height:60px; line-height:60px } #footer .footer_ojd { float:right; padding-top:19px} #footer .footer_ojd img { margin-right:0 } #footer a { color: #FFF; } #footer a:hover { color: #1A2C61; } #footer img { vertical-align: middle; margin: 0 15px 0 0; } /********************************/ /* MEGA MENU /********************************/ /*LI SPECIAUX*/ #liExposer { text-transform: none !important; margin-left: 45px; } #liExposer a {/* padding: 0 !important; background: none !important;*/ color: #FFF;} /* #liExposer a span { padding: 0 !important; background: none !important; }*/ #liPresse { text-transform: none !important; margin-left: 30px; } #liPresse a {/* padding: 0 !important; background: none !important; */color: #FFF; } /*#liPresse a span { padding: 0 !important; background: none !important; }*/ #liEspExpo { float: right; font-weight: bold; font-size: 13px; line-height: 32px; width: 156px; padding-top: 0 !important } #liEspExpo a { float: right; background: url(img/2011/menu_lock.jpg) no-repeat left center; width: 156px; color: #FFF; text-indent: 35px; } #menu li { padding-top: 4px; } #menu {width:870px; margin-top: 9px; margin-left:60px; height: 30px; float: left; } li.mega { float: left; font-weight: bold; text-transform: uppercase; font-size: 13px; line-height: 25px; } li.mega a { float: left; padding-left: 10px; color:#fff; } li.mega a span { float: left; height:37px; padding-right: 10px; cursor: pointer; } /*li.mega a:hover { background: url(img/menu_hover.png) no-repeat 0 0; color: #FFF; }*/ li.mega a:hover { background: #eaeaea; color: #0f1b61; } /*li.mega a:hover span { background: url(img/menu_hover.png) no-repeat 100% 0; }*/ /*li.hovering a { background: url(img/menu_hover.png) no-repeat 0 0; color: #FFF; } li.hovering span { background: url(img/menu_hover.png) no-repeat 100% 0; }*/ li.hovering a { background: #eaeaea; color: #0f1b61; } li.hovering span { background: #eaeaea; color: #0f1b61; } /*ul#menu li { position: relative; z-index: 100; }*/ #menu { position: relative; z-index: 100;} #menu .megamenu { display: none; position: absolute; top: 30px; left: -122px; } *+html .megatexte { zoom:1; } *+html .megatexte a{ zoom :1 ;} #menu li.hovering .megamenu { display: block; } /*LOOK*/ .megamenu .opener, .megamenu .closer, .megamenu .opener div, .megamenu .closer div { height: 3px; line-height: 1px; font-size: 1px; } /*.megamenu .opener { background: url(img/mega_opener.gif) no-repeat 0 0; padding-left: 5px; } .megamenu .closer { background: url(img/mega_closer.gif) no-repeat 0 0; padding-left: 5px; } .megamenu .opener div { background: url(img/mega_opener.gif) no-repeat 100% 0; } .megamenu .closer div { background: url(img/mega_closer.gif) no-repeat 100% 0; }*/ .megamenu .inner { background: #eaeaea; overflow: hidden; zoom:1; padding: 15px; text-transform: none; font-size: 11px; } li.hovering .megamenu a { background: none; display: block; float: none; padding: 0; font-weight: normal; position: relative} li.hovering .megamenu a:hover { text-decoration: underline !important } .megamenu .group1 { background: #0f1b61; height: 20px; padding-left:10px; color: #FFF; line-height: 18px; margin: 10px 0; } .megamenu .group1 .corner { background: #0f1b61; height: 20px; padding-right:10px; color: #FFF; line-height: 18px; } .megamenu .group2 { /*background: url(img/puce_1.gif) no-repeat 0 6px; */ line-height: 16px; color: #1A2C61; padding-left: 10px; margin-left: 10px; zoom:1; } .megamenu .group3 { background: url(img/megamenu_entete_xl.png) no-repeat 0 0; height: 40px; padding-left:10px; color: #FFF; line-height: 40px; margin: 10px 0; } .megamenu .group3 .corner { background: url(img/megamenu_entete_xl.png) no-repeat right 0; height: 40px; padding-right:10px; color: #FFF; line-height: 40px; } li.hovering .megamenu .group1 a { color: #FFF;} li.hovering .megamenu .group2 a { color: #1A2C61; } .megamenu .col1 { padding-right: 15px; } .megamenu .col2 { padding-right: 15px; } .megamenu img { line-height: 1px; } .megamenu p { line-height: 16px; font-weight: normal; } .megamenu .megatexte { padding:0 10px; /*float:left; width:250px;*/} /* COMPTE A REBOURS */ #comptarebours{position:absolute; top:0; right:10px;} #comptarebours img{margin-right:5px;position:relative;top:-2px;} /* GALERIE PHOTOS JS */ .comment{ display:block; font-size:9px; margin:0 auto; padding:3px 0; } .img_border{ border: 2px solid #1A2C61; padding:1px; } .retour_moteur { background: url(img/rech/picto_loupe.png) no-repeat left center; padding-left: 30px; padding-top:10px;} .btn_ajout { background: url(img/rech/picto_panier_add.png) no-repeat left center;} .btn_ajout a {color:#1A2C61} .btn_see { background: url(img/rech/picto_loupe.png) no-repeat left center; } .btn_viewpanier {} #visuel{margin-bottom:20px;} #bloccontenu{margin:3px 18px 0 0;margin:2px 18px 0 0\9;} *+html #bloccontenu{margin:2px 21px 0 0;} #bloccontenu .content_bloc{border:1px solid #BCBCBC;height:288px;position:relative;z-index:1;} #bloccontenu .article{margin-bottom:10px;} #bloccontenu .lienall{position:absolute;z-index:2;right:0;bottom:0;color:#FFF;padding:5px 10px;background:#1A2C61;} #mosaique .photobig{width:300px;float:left;text-align:center;border:2px solid #BCBCBC;margin-top:3px;margin-top:2px\9;} #mosaique .photobig .photo{width:296px;height:320px;line-height:320px;} #mosaique .photobig img{} #mosaique .listResult{float:right;border-collapse:separate;border-spacing:3px;} #mosaique .listResult td{border:1px solid #BCBCBC;} #mosaique .listResult .photo{height:90px;line-height:90px;} #mosaique .infos{padding:3px;text-align:right;} #mosaique .infos span{float:left;} #share{clear:left;} .left #share{margin-top:10px;} #form #share{float:right;} #rules{text-align:center;}