/*********************************************** GENERAL ***********************************************/ * { padding: 0; margin: 0; } body { font: 12px Arial, Helvetica, "sans-serif"; color: #5A524F; background: #fff; } td { font: 12px Arial, Helvetica, "sans-serif"; color: #5A524F; } a { text-decoration: none; outline: none; color: #E41270; } a img { border: 0; } .left { float : left; } .right { float : right; } img.left { margin: 0 10px 10px 0; } img.right { margin-left: 0 0 10px 10px;} img.center { display : block; margin: 0 auto 10px auto; text-align: center; padding-bottom: 8px; } .newline { display: block; clear: both; line-height: 1px; font-size: 1px; } /*********************************************** GLOBAL ***********************************************/ body { background: #e41270; } #global { overflow: hidden; zoom: 1; margin: 0 auto; width: 1010px; } #global.barred { background: url(img/2010/body_barred.png) center top no-repeat; } .closer { clear:both; display: block; font-size: 0px; line-height: 0px; height: 0; } #main { float: left; width: 694px;} #sidebar { position: relative; float: right; width: 310px; } #sidebarVisuel { position: absolute; bottom: 0; left: 5px; } #xititag { position: absolute; bottom: 0; } /*********************************************** HEADER ***********************************************/ #header { height: 239px; background: url(img/2010/header_bg.png) left top no-repeat; } /*********************************************** INFOTOP ***********************************************/ #infoTop { font: normal 12px Arial; height: 20px; width: 990px; margin: 0 auto; padding: 5px 0 0 0; color: #fff; } #infoTop a { color: #fff; } #infoTop a:hover { text-decoration: underline; } #lienref, #lienref li { float: left; list-style: none; margin: 0; padding: 0; } #lienref { } #lienref li a { padding: 0 5px; } #changeLang { float: right; } /*********************************************** HEADER > IMGS ***********************************************/ #logoEDM { float: left; } #headerRight { float: right; width:728px;height:203px; } #headTitle, #headBaseline { display: block; } #banner { float: right; width: 728px; height: 90px; overflow: hidden; } #banner img { display: block; border: none; } /*********************************************** MAIN MENUS ***********************************************/ #navigation { height: 40px; padding: 0 20px; background: url(img/2010/menu_nav_bg.png) repeat-x; } /* DEFAUT *****/ .onMenu * { cursor: pointer; list-style: none; margin: 0; padding: 0; } .onMenu { position: relative; z-index: 9999; display: block; } .onMenu li { position: relative; padding: 0 10px 0 0; } .onMenu li a { display: block; padding: 0 0 0 10px; } .onMenu li a span { display: block; height: 100%; margin: 0; padding: 0; } .onMenu li ul { display: none; position: absolute; left: 100%; } .onMenu li ul.sel, .onMenu li ul.sel li { display: block; } .onMenu li, .onMenu li a { background: 50% 0; } .onMenu li.last { background-position: 100% 0; } .onMenu li.first a { background-position: 0 0; } .onMenu li.first a span { background: center center no-repeat; } .onMenu li ul.sel li a { background: none; padding: 0; } /* SIZE & POSITION *****/ .onMenu li ul { width: 200px; } .onMenu li ul li { width: 170px; padding: 5px 20px 4px 10px; } /* vertical #menu_nav { width: 200px; } #menu_nav li ul { top: 1px; } */ /* horizontal */ #menu_nav { height: 40px; } #menu_nav li { float: left; margin: 0 5px 0 0; } #menu_nav li ul { top: 40px; left: 0; } #menu_nav li ul li { margin: 0; } #menu_nav li ul li ul { top: -2px; left: 100%; } #menu_nav li { background: 100% 0; } #menu_nav li a { background: 0 0; } #menu_nav li a { font: bold 13px Arial; line-height: 40px; text-decoration: none; } #menu_nav li.alwaysSel a { line-height: 32px; padding: 8px 0 0 10px; } #menu_nav li.sel a { line-height: 37px; padding: 3px 0 0 10px; } #menu_nav li.sel ul li a { font: normal 13px Arial; line-height: 16px; padding: 0 0 0 10px; text-decoration: none; } #menu_nav li a span.homeIcon { width: 17px; background: url(img/2010/home.png) center 11px no-repeat; } #menu_nav li.alwaysSel a span.homeIcon { background: url(img/2010/home_sel.png) center 2px no-repeat; } #menu_nav li.sel a span.homeIcon { background: url(img/2010/home.png) center 12px no-repeat; } #menu_nav li /*{ border: solid #638da2; border-width: 0 1px 0 0; }#menu_nav li.last { border: none; } #menu_nav li.sel { border-color: #e74d38; }*/ #menu_nav li, #menu_nav li a { color: #fff; } #menu_nav li.alwaysSel, #menu_nav li.alwaysSel a { background-image: url(img/2010/menu_nav_onglet_alwaysSel.png); color: #333; } #menu_nav li.sel, #menu_nav li.sel a { background-image: url(img/2010/menu_nav_onglet_sel.png); color: #fff; } #menu_nav li.sel ul.sel { border: solid #111; border-width: 0 1px 1px 1px; } #menu_nav li.sel ul.sel li { background: #212121; border: solid #111; border-width: 1px 0 0 0; } #menu_nav li.sel ul.sel li a { background: none; color: #fff; } #menu_nav li.sel ul.sel li.sel { background: #fff; } #menu_nav li.sel ul.sel li.sel a.sel { background: none; color: #212121; } #menu_nav li.sel ul.sel li.folder { background: #212121 url(img/2010/menu_nav_arrow.png) right center no-repeat; } #menu_nav li.sel ul.sel li.folder a { background: none; color: #fff; } #menu_nav li.sel ul.sel li.folder_hover { background: #fff url(img/2010/menu_nav_arrow_sel.png) right center no-repeat; color: #212121; } #menu_nav li.sel ul.sel li.folder_hover a.sel { background: none; color: #212121; } /**************************************************************** VALUEHOME ****************************************************************/ #valuehome_container { overflow: hidden; height: 251px; width: 960px; padding: 20px 25px; background: url(img/2010/homevalue_bg.png) center top no-repeat; margin-bottom:15px;} #valuehome { float: left; position: relative; z-index: 1; /*height: 275px;*/ width: 641px; } .bordure_absolute_tr { position: absolute; top: -1px; right: 0; } .bordure_absolute_br { position: absolute; bottom: -1px; right: 0; } /***** TABS *****/ #valuehome_btns { position: absolute; z-index: 2; right: 0; list-style: none; width: 240px; height: 100%; padding: 0; /*background: url(img/2010/value_ul_fd.png) right top no-repeat;*/ } #valuehome_btns li { list-style: none; float: left; /*display: table;*/ height: 62px; width: 180px; margin: 0 0 1px 0; padding: 0 0 0 60px; background: url(img/2010/homevalue_onglet.png) right top no-repeat; cursor: pointer; } #valuehome_btns li.sel { background-image: url(img/2010/homevalue_onglet_sel.png); } #valuehome_btns li p { /*display: table-cell; vertical-align: middle;*/ padding: 15px 0 0 0 ; line-height: 20px; color: #fff; } #valuehome_btns li p { /*margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");*/ } #valuehome_btns li p a { color: #fff; text-decoration: none; } #valuehome_btns li.sel p, #valuehome_btns li.sel p a { color: #c41461; text-decoration: none; } #valuehome_btns li span.titre { display: block; font: bold 13px Arial; } #valuehome_btns li span.stitre { display: block; font: normal 12px Arial; } /***** PANELS *****/ #valuehome_panels { float: left; } #valuehome_panels .valuehome_panel { display: none; height: 252px; width: 440px; color: #333; } #valuehome_panels .sel { display: block; } #valuehome_panels .valuehome_panel .line { overflow: hidden; width: 440px; height: 252px; } /* #valuehome_panels .valuehome_panel .colLeft { overflow: hidden; float: left; width: 350px; height: 252px; } #valuehome_panels .valuehome_panel .colRight { overflow: hidden; float: right; width: 350px; height: 252px; } */ #valuehome_panels .valuehome_panel .texte { padding: 15px; color: #333; } #valuehome_panels .valuehome_panel a { color: #eb6d20; } #valuehome_panels .valuehome_panel img { display: block; border: none;} /**************************************************************** MINICONTENU ****************************************************************/ #miniContenu { overflow: hidden; float: right; height: 252px; width: 300px; color: #333; } #miniContenu h3 { padding: 0; margin: 10px 0; color: #e41270; } #miniContenu .contenu { } #miniContenu .contenu embed, #miniContenu .contenu object { } #miniContenu .contenu p.lien { clear: both; color: #333; } #miniContenu .contenu p.lien a { clear: both; color: #e41270; } #miniContenu .contenu img { display: block; } /**************************************************************** MINICONTENU2 ****************************************************************/ #miniContenu2 { overflow: hidden; zoom: 1; width: 1000px; margin: 0 auto; color: #eee; } #miniContenu2 h3 { padding: 0; margin: 10px 0; color: #fff; } #miniContenu2 .contenu { } #miniContenu2 .contenu embed, #miniContenu2 .contenu object { } #miniContenu2 .contenu p.lien { clear: both; color: #333; } #miniContenu2 .contenu p.lien a { clear: both; color: #e41270; } #miniContenu2 .contenu img { display: block; } /**************************************************** ACTUALITES ****************************************************/ #actualites { overflow: hidden; zoom: 1; width: 694px; margin: 0 0 15px 0; } #actualites_tabs { list-style: none; height: 45px; margin: 0; padding: 0 15px; background: url(img/2010/actus_btns.png); } #actualites_tabs li { float: left; font: bold 13px Arial; height: 45px; margin: 0 5px 0 0; padding: 0 10px 0 0; } #actualites_tabs li a { float: left; display: block; height: 28px; padding: 17px 0 0 10px; text-align: center; text-decoration: none; } #actualites_tabs li { color: #ffd3de; } #actualites_tabs li a { color: #ffd3de; } #actualites_tabs li.sel { background: url(img/2010/actus_onglet_sel.png) 100% 0; color: #f5f5f5; } #actualites_tabs li.sel a { background: url(img/2010/actus_onglet_sel.png) 0 0; color: #f5f5f5; } #actualites_tabs li.final { background: url(img/2010/actus_onglet_final.png) 100% 0; color: #e41770; } #actualites_tabs li.final a { background: url(img/2010/actus_onglet_final.png) 0 0; color: #e41770; } #actualites_panels { padding: 15px 15px 0 15px; background: #fff url(img/2010/actus_panel.png); } #actualites_panels .actualites_panel { overflow: hidden; zoom: 1; display: none; color: #333; } #actualites_panels .actualites_col { float: left; width: 211px; padding: 10px; } #actualites_panels .actualites_row { overflow: hidden; zoom: 1; width: 604px; padding: 20px 0; margin: 0 auto 10px auto; } #actualites_panels .noTop { padding: 30px 0 20px 0; border: 1px solid #333; border-width: 1px 0 0 0; } #actualites_panels .actualites_panel .actualites_row .visuel { float: left; overflow: hidden; zoom: 1; width: 201px; padding: 0 5px 5px 0; text-align: center; } #actualites_panels .actualites_panel .actualites_row .withVisuel { float: left; width: 395px; } #actualites_panels .actualites_panel h3 { font: bold 13px Arial; margin: 0 0 10px 0; color: #333; } #actualites_panels .actualites_panel img { display: inline; border: none; } #actualites_panels .actualites_panel a { color: #E41270; } #actualites_panels .actualites_panel p.lien { float: left; font: bold 12px Arial; margin: 10px 0 0 0; } #actualites_panels .actualites_panel p.lien a { padding: 0 0 0 22px; background: url(img/2010/actus_link.png) 0 center no-repeat; } #actualites_panels .sel { display: block; } br.clearLeft { clear: left; } br.clearRight { clear: right; } #actualites_panels_bottom { height: 15px; background: url(img/2010/actus_panel_bottom.png) center bottom no-repeat; } #actuonglet { overflow: hidden; zoom: 1; width: 694px; margin: 0 0 15px 0; } #actutabs { list-style: none; height: 45px; margin: 0; padding: 0 15px; background: url(img/2010/actus_btns.png); } #actutabs li { float: left; font: bold 13px Arial; height: 45px; margin: 0 5px 0 0; padding: 0 10px 0 0;list-style:none; } #actutabs li a { float: left; display: block; height: 28px; padding: 17px 0 0 10px; text-align: center; text-decoration: none; } #actutabs li { color: #ffd3de; } #actutabs li a { color: #ffd3de; } #actutabs li.sel { background: url(img/2010/actus_onglet_sel.png) 100% 0; color: #f5f5f5; } #actutabs li.sel a { background: url(img/2010/actus_onglet_sel.png) 0 0; color: #f5f5f5; } #actutabs li.final { background: url(img/2010/actus_onglet_final.png) 100% 0; color: #e41770; } #actutabs li.final a { background: url(img/2010/actus_onglet_final.png) 0 0; color: #e41770; } * html .article{zoom:1} * html .panel{zoom:1} *+html .article{zoom:1} *+html .panel{zoom:1} .panel { padding:15px 15px 0; background: #fff url(img/2010/actus_panel.png); } .panel .actualites_panel { overflow: hidden; zoom: 1; display: none; color: #333; } .panel .actualites_col { float: left; width: 211px; padding: 10px; } .panel .actualites_row { overflow: hidden; zoom: 1; width: 604px; padding: 20px 0; margin: 0 auto 10px auto; } .panel .noTop { padding: 30px 0 20px 0; border: 1px solid #333; border-width: 1px 0 0 0; } .panel .actualites_panel .actualites_row .visuel { float: left; overflow: hidden; zoom: 1; width: 201px; padding: 0 5px 5px 0; text-align: center; } .panel .actualites_panel .actualites_row .withVisuel { float: left; width: 395px; } .panel h3 { font: bold 13px Arial; margin: 0 0 10px 0; color: #333; } .panel .actualites_panel img { display: inline; border: none; } .panel a { color: #E41270; } .panel p.lien { float: left; font: bold 12px Arial; margin: 10px 0 0 0; } .panel p.lien a { padding: 0 0 0 22px; background: url(img/2010/actus_link.png) 0 center no-repeat; } .panel .sel { display: block; } .panel .article{float:left;width:210px;padding:0 5px;} #actuonglet .closer { height: 15px; background: url(img/2010/actus_panel_bottom.png) center bottom no-repeat; } #actuonglet .sep{height:1px;background:#000000;margin:20px 0;overflow:hidden;} /**************************************************************** CARREPUB ****************************************************************/ #carrepub { width: 300px; margin: 0 0 15px 10px; } #pageInt #carrepub { width: 308px; padding: 0 2px 20px 0; margin: 0 auto; background: url(img/2010/sidebar_middle.png) center top repeat-y; text-align: center; } /**************************************************************** MINICONTENU3 ****************************************************************/ #miniContenu3 { width: 316px; margin: 0 0 15px 0; color: #eee; } #miniContenu3 h3 { font: bold 13px Arial; line-height: 15px; height: 18px; padding: 11px 15px 11px 20px; margin: 0; background: url(img/2010/minicontenu3_titre.png) center top no-repeat; color: #fff; } #miniContenu3 .contenu { overflow: hidden; zoom: 1; width: 270px; padding: 15px 20px 0 26px; background: url(img/2010/minicontenu3_contenu.png) center top repeat-y; color: #333; } #miniContenu3 .contenu embed, #miniContenu3 .contenu object { } #miniContenu3 .contenu p.lien { clear: right; font: bold 12px Arial; margin: 10px 0 0 0; color: #e41270; } #miniContenu3 .contenu p.lien a { color: #e41270; } #miniContenu3 .contenu img { display: block; } #miniContenu3 .contenu_bottom { height: 15px; background: url(img/2010/minicontenu3_bottom.png) center top no-repeat; } /**************************************************************** MINICONTENU4 ****************************************************************/ #miniContenu4 { float: left; display: inline; width: 300px; margin: 0 0 15px 0; color: #eee; } #miniContenu4 h3 { font: bold 13px Arial; line-height: 15px; height: 18px; padding: 11px 15px 11px 20px; margin: 0; background: url(img/2010/minicontenu4_titre.png) center top no-repeat; color: #fff; } #miniContenu4 .contenu { overflow: hidden; zoom: 1; width: 260px; padding: 0px 30px 0 10px; background: url(img/2010/minicontenu4_contenu.png) 0px top repeat-y; color: #333; } #miniContenu4 .contenu embed, #miniContenu4 .contenu object {width:279px } #miniContenu4 .contenu p.lien { clear: right; font: bold 12px Arial; margin: 10px 0 0 0; color: #e41270; } #miniContenu4 .contenu p.lien a { color: #e41270; } #miniContenu4 .contenu img { display: block; } #miniContenu4 .contenu_bottom { height: 16px; background: url(img/2010/minicontenu4_bottom.png) center top no-repeat; } /**************************************************************** MINICONTENU5 ****************************************************************/ #miniContenu5 { float: right; display: inline; width: 394px; margin: 0 0 15px 0; color: #eee; } #miniContenu5 h3 { font: bold 13px Arial; line-height: 15px; height: 18px; padding: 11px 15px 11px 20px; margin: 0; background: url(img/2010/minicontenu5_titre.png) center top no-repeat; color: #fff; } #miniContenu5 .contenu { overflow: hidden; zoom: 1; width: 354px; padding: 15px 20px 0 20px; background: url(img/2010/minicontenu5_contenu.png) 3px top repeat-y; color: #333; } html:not([lang*=""]) #miniContenu5 .contenu { background: url(img/2010/minicontenu5_contenu.png) top repeat-y; } /* background décalé sous firefox */ #miniContenu5 .contenu { background /*\**/: url(img/2010/minicontenu5_contenu.png) 2px top repeat-y; } #miniContenu5 .contenu { *background : url(img/2010/minicontenu5_contenu.png) 3px top repeat-y; } #miniContenu5 embed, #miniContenu5 object { } #miniContenu5 .contenu p.lien { clear: right; font: bold 12px Arial; margin: 10px 0 0 0; color: #e41270; } #miniContenu5 .contenu p.lien a { color: #e41270; } #miniContenu5 .contenu img { display: block; } #miniContenu5 .contenu_bottom { height: 17px; background: url(img/2010/minicontenu5_bottom.png) center top no-repeat; } /**************************************************************** PARTENAIRES ****************************************************************/ #partenaires { position: relative; height: 70px; width: 1010px; margin: 0 auto 15px auto; background: url(img/2010/partenaires.png) center top no-repeat; } #partenaires h2 { position: absolute; z-index: 1; font: bold 13px Arial; line-height: 70px; height: 70px; width: 150px; padding: 0; margin: 0; background: url(img/2010/partenaires_titre.png) left top no-repeat; color: #f5f5f5; text-align: center; } #partenaires .arrow { position: absolute; z-index: 1; left: 150px; height: 70px; width: 30px; background: url(img/2010/partenaires_arrow.png) right top no-repeat; } /*** scroller ***/ #partenaires_scroller.onScroll { position: absolute; z-index: 0; right: 7px; overflow: hidden; height: 70px; width: 850px; } #partenaires_scroller .mask { overflow: hidden; height: 70px; width: 850px; } #partenaires_scroller .list { height: 100%; } #partenaires_scroller .case { float: left; overflow: hidden; height: 70px; width: 158px; padding: 5px; }/* text-align: center; } #partenaires_scroller .case a img { display: inline; } #partenaires_scroller .case p { font: 11px Verdana, Arial; padding: 10px; text-align: left; } #partenaires_scroller .case ul li { list-style: disc inside; padding: 10px; text-align: left; }*/ /**************************************************************** PLANSITEBAS ****************************************************************/ #plansitebas_container { clear: both; background: #1a171a url(img/2010/plansitebas_container.png) left top repeat-x; } #map { width: 970px; padding: 15px 30px; margin: 0 auto; background: url(img/2010/map.png) center top no-repeat; } #map ul, #map li { list-style: none; margin: 0; padding: 0; } #plansite { width: 980px; } #plansite p{ padding:0 !important; } /* nécessaire pour IE */ #plansite .titre { font: bold 13px Arial; margin: 0 0 15px 0; color: #f5f5f5; } #plansite .lien { font: normal 12px Arial; margin: 0 0 5px 0; color: #f5f5f5; } #plansite .lien a { color: #f5f5f5; } #plansite .lien a:hover { color: #ccc; } #plansite td { padding: 0 15px; border: 1px dotted #ccc; border-width: 0 0 0 1px; } #plansite td.first { border: none; } /**************************************************************** FOOTER ****************************************************************/ #footer_container { clear: both; background: url(img/2010/footer_container.png) left top repeat-x; } #footer { height: 40px; width: 980px; padding: 10px 15px 0 15px; margin: 0 auto; text-align: center; } #footer_reed { float: left; margin: 0 15px; } #footer_ojd { float: right; margin: 0 15px; } #footer ul, #footer li { list-style: none; margin: 0; padding: 0; } #footer ul { padding: 7px 0 0 0; } #footer ul li { display: inline; } #footer ul li a { color: #333; } #footer ul li a:hover { color: #555; } #pageInt { overflow: hidden; zoom: 1; width: 1010px; padding: 0 0 20px 0; margin: 0 0 20px 0; background: url(img/2010/pageInt.png) center top repeat-y; } #pageInt #main { float: left; width: 690px; overflow: hidden; zoom: 1; } #pageInt #sidebar { float: right; width: 310px; background: url(img/2010/sidebar_middle.png) left top repeat-y; } #pageInt #sidebar .titre { position: relative; font: bold 13px Arial; line-height: 18px; height: 18px; padding: 10px 10px 10px 35px; margin: 0; background: url(img/2010/sidebar_entete.png) center top no-repeat; color: #fff;} #sidebar_int_bottom { position: absolute; bottom: 0; height: 15px; width: 100%; background: url(img/2010/sidebar_int_bottom.png) center bottom no-repeat; } /******************************************************************** CDF (chemin de fer) ********************************************************************/ #cdf { line-height: 15px; padding: 10px 20px; } #cdf .info { font: bold 12px Arial; color: #e95a98; } #cdf .separator, #cdf .prev { font: normal 12px Arial; color: #e95a98; } #cdf .current { font: bold 12px Arial; color: #e95a98; } /******************************************************************** ACCESLVL1 ********************************************************************/ #acceslvl1 { padding: 0 0 20px 0; } #acceslvl1 ul, #acceslvl1 ul li { padding: 0; margin: 0; list-style: none; } #acceslvl1 ul { padding: 20px 0 0 0; background: } #acceslvl1 ul li { font: bold 13px Arial; line-height: 20px; height: 20px; } #acceslvl1 ul li a { display: block; padding: 0 0 0 45px; color: #333; text-decoration: none; background: url(img/2010/acces_lvl1_link.png) left center no-repeat; } #acceslvl1 ul li a:hover, #acceslvl1 ul li a.sel { color: #e95a98 } /**************************************************************** MINICONTENU6 ****************************************************************/ #miniContenu6 { margin: 0 0 20px 0; color: #333; } #miniContenu6 .middle { overflow: hidden; zoom: 1; /*padding: 15px 20px 0 20px;*/ color: #333; } #miniContenu6 embed, #miniContenu6 object { } #miniContenu6 .middle p.lien { clear: right; font: bold 12px Arial; margin: 10px 0 0 0; color: #e41270; } #miniContenu6 .middle p.lien a { display: block; padding: 0 0 0 25px; color: #333; text-decoration: none; background: url(img/2010/acces_lvl1_link.png) -23px center no-repeat; } #miniContenu6 .middle p.lien a:hover { color: #e95a98; } #miniContenu6 .middle img { display: block; } #miniContenu6 .bottom {} /*********************************************** PARAGRAPHES ***********************************************/ #bloc-center { float: left; width: 670px; margin: 0 0 0 15px; } * html #bloc-center { display:inline; } /* old */ #bloc-center td.C2 { width: 49%; } #bloc-center td.C3 { width: 32%; } #bloc-center td.spacer-inter-col { width: 2%; } #bloc-center td.spacer-sub-col { height: 20px; } /* v7 */ #bloc-center .w50 { float : left; clear : left; width : 49%; } #bloc-center .w50-newline { float : right; clear : right; width : 49%; } #bloc-center .w33-first { float : left; display : inline; width : 32%; } #bloc-center .w33-2 { float : left; display : inline; width : 32%; margin-left : 2%; } /*Hack ie6*/ * html #bloc-center .w33-2 { margin : 0 0 0 1%; } #bloc-center .w33-newline { float : right; display : inline; clear : right; width : 32%; } * html #bloc-center .w33-newline { margin-right:1px; } #bloc-center h1 { font: bold 20px Arial, Verdana; line-height: 38px; margin: 1px 0 0 0; padding: 0 10px 0 75px; background: url(img/2010/h1.png) left center no-repeat; color: #e41270; } #bloc-center .paragraphe { overflow: hidden; margin: 0px 0 0 0; } /* style block */ #bloc-center .paragraphe h2 { padding: 0 0 0 30px; } #bloc-center .paragraphe h2 .coinDroit { display: block; font: bold 13px Arial; line-height: 17px; padding: 11px 10px 7px 0; } /* style inline #bloc-center .paragraphe h2 { font: bold 13px Arial; padding: 0 0 0 10px; } #bloc-center .paragraphe h2 .coinDroit { padding: 5px 10px 5px 0; } #bloc-center .paragraphe h2, #bloc-center .paragraphe h2 .coinDroit { float: left; } */ #bloc-center .paragraphe h2, #bloc-center .paragraphe h2 .coinDroit { background: url(img/2010/paragraphes_entete.png) no-repeat; color: #fff; } #bloc-center .sansTitre h2, #bloc-center .sansTitre h2 .coinDroit { display: none; } #bloc-center .style1 h2 { background-position: 0 0; } #bloc-center .style1 h2 .coinDroit { background-position: 100% 0; color: #333; } #bloc-center .style2 h2 { background-position: 0 -64px; } #bloc-center .style2 h2 .coinDroit { background-position: 100% -64px; color: #333; } #bloc-center .style3 h2 { background-position: 0 -128px; } #bloc-center .style3 h2 .coinDroit { background-position: 100% -128px; } #bloc-center .style4 h2 { background-position: 0 -192px; } #bloc-center .style4 h2 .coinDroit { background-position: 100% -192px; } #bloc-center .style5 h2 { background-position: 0 -256px; } #bloc-center .style5 h2 .coinDroit { background-position: 100% -256px; } #bloc-center .style6 h2 { background-position: 0 -320px; } #bloc-center .style6 h2 .coinDroit { background-position: 100% -320px; } #bloc-center .paragraphe h3 { font: bold 13px Arial; color: #333; padding: 0; margin: 0 0 10px 0; } #bloc-center .paragraphe .middle { clear: both; padding: 0 0 0 15px; } #bloc-center .paragraphe .contenu { overflow: hidden; zoom: 1; font: 12px Arial; padding: 0px 15px 0 0; } #bloc-center .sansTitre .middle { background: none; } #bloc-center .sansTitre .contenu { background: none; } #bloc-center .style1 .middle { background: url(img/2010/paragraphes_middle1.png) left 0 repeat-y; } #bloc-center .style1 .contenu { background: url(img/2010/paragraphes_middle1.png) right 0 repeat-y; } #bloc-center .style2 .middle { background: url(img/2010/paragraphes_middle2.png) left 0 repeat-y; } #bloc-center .style2 .contenu { background: url(img/2010/paragraphes_middle2.png) right 0 repeat-y; } #bloc-center .style3 .middle { background: url(img/2010/paragraphes_middle3.png) left 0 repeat-y; } #bloc-center .style3 .contenu { background: url(img/2010/paragraphes_middle3.png) right 0 repeat-y; } #bloc-center .style4 .middle { background: url(img/2010/paragraphes_middle4.png) left 0 repeat-y; } #bloc-center .style4 .contenu { background: url(img/2010/paragraphes_middle4.png) right 0 repeat-y; } #bloc-center .style5 .middle { background: url(img/2010/paragraphes_middle5.png) left 0 repeat-y; } #bloc-center .style5 .contenu { background: url(img/2010/paragraphes_middle5.png) right 0 repeat-y; } #bloc-center .style6 .middle { background: url(img/2010/paragraphes_middle6.png) left 0 repeat-y; } #bloc-center .style6 .contenu { background: url(img/2010/paragraphes_middle6.png) right 0 repeat-y; } #bloc-center .paragraphe .middle p { padding: 0; margin: 10px 0 0 0; } #bloc-center .paragraphe .middle a { font: bold 12px Arial; color: #6098b4; } #bloc-center .paragraphe .middle a.lien { display: block; font: bold 13px Arial; padding: 10px 0 0 0; color: #6098b4; } #bloc-center .paragraphe .bottom, .paragraphe .bottom .coinDroit { height: 15px; background: url(img/2010/paragraphes_bottom.png) no-repeat; } #bloc-center .paragraphe .bottom { padding: 0 0 0 10px; } #bloc-center .paragraphe .bottom .coinDroit { padding: 0 10px 0 0; } #bloc-center .style1 .bottom { background-position: 0 0; } #bloc-center .style1 .coinDroit { background-position: 100% 0; } #bloc-center .style2 .bottom { background-position: 0 -15px; } #bloc-center .style2 .coinDroit { background-position: 100% -15px; } #bloc-center .style3 .bottom { background-position: 0 -30px; } #bloc-center .style3 .coinDroit { background-position: 100% -30px; } #bloc-center .style4 .bottom { background-position: 0 -45px; } #bloc-center .style4 .coinDroit { background-position: 100% -45px; } #bloc-center .style5 .bottom { background-position: 0 -60px; } #bloc-center .style5 .coinDroit { background-position: 100% -60px; } #bloc-center .style6 .bottom { background-position: 0 -75px; } #bloc-center .style6 .coinDroit { background-position: 100% -75px; } #bloc-center ul { margin: 10px; } #bloc-center_bottom { font-size:2px;line-height:2px;height:2px; } /**************************************************************** FORMULAIRE SIMPLE ****************************************************************/ .separateurTitre{background:url("img/fondTitreFormSimple.png") no-repeat scroll 0 0;} .separateurDroit{margin-left:30px;color:#FFFFFF;padding:7px 10px 7px 0;font:bold 13px/17px Arial;} /*************************** SEARCHBOX ****************************************************************/ #searchBox h2 { font: bold 13px Arial; padding: 15px 5px 14px 15px; margin: 0; zoom: 1; background: url(img/2010/entete_sidebar.png) 0 0 no-repeat; color: #FFD3DE; } #searchBox #Searchword { float: left; font: 12px Arial; line-height: 24px; height: 24px; width: 135px; padding: 3px 5px; margin: 0 0 10px 0; color: #555555; border: none; background: url(img/2010/searchbox_text.png) 0 0 no-repeat; } #searchBox #linkSubmitword { float: right; font: bold 12px Arial; line-height: 24px; height: 24px; width: 99px; padding: 3px 5px; margin: 0 0 10px 0; color: #f5f5f5; border: none; background: url(img/2010/searchbox_btn.png) 0 0 no-repeat; text-align: center; text-decoration: none; } #searchBox { margin: 0 auto 20px auto; color: #333; } #searchBox .inner { overflow: hidden; zoom: 1; padding: 15px 20px 0 20px; color: #333; background: url(img/2010/inner_sidebar.png) 0 0 repeat-y; } #searchBox .inner p.lien { clear: right; font: bold 12px Arial; margin: 10px 0 0 0; color: #e41270; } #searchBox .inner p.lien a { display: block; /*padding: 0 0 0 25px;*/ color: #E41270; text-decoration: none; /*background: url(img/2010/acces_lvl1_link.png) -23px center no-repeat;*/ } #searchBox .inner p.lien a:hover { color: #e95a98; } #searchBox .inner img { display: block; } #searchBox .bottom { height: 15px; background: url(img/2010/bottom_sidebar.png) 0 100% no-repeat; } #searchBox .gauche{ float: left;} #searchBox .droite{ float: right;} /*************************** GALERIEPRODUITS ****************************************************************/ #galerieProduits { width: 694px; margin: 0 auto 20px auto; color: #333; } #galerieProduits h2 { position: relative; font: bold 13px Arial; padding: 15px 5px 14px 15px; margin: 0; zoom: 1; background: url(img/2010/actus_btns.png) 0 0 no-repeat; color: #FFD3DE; } #galerieProduits h2 #produitsLink { position: absolute; top: 15px; right: 15px; } #galerieProduits h2 #produitsLink { font: 12px Arial; color: #FFD3DE; text-decoration: none; } #galerieProduits h2 #produitsLink:hover { color: #f5f5f5; } #galerieProduits .bottom { height: 15px; background: url(img/2010/actus_panel_bottom.png) 0 100% no-repeat; } #produits { overflow: hidden; zoom: 1; padding: 10px 20px 0 20px; margin: 0 5px 0 4px; color: #333; background: url(img/2010/inner_full.png) 0 0 repeat-y; } #produits .produit { position: relative; float: left; display: inline; zoom: 1; width: 190px; padding: 0 0 15px 0; margin: 10px 11px 5px 11px; border: 1px solid #FFD3DE; } #produits .produit h3 { padding: 7px 10px; background: #ffc5ff url(img/2010/produits_entete.png) 0 0 repeat-x; } #produits .produit h3, #produits .produit h3 a { font: bold 13px Arial; color: #1A171B; text-decoration: none; } #produits .produit h3 a:hover { color: #E41270; } #produits .produit .visuel { padding: 15px 0 0 0; text-align: center; } #produits .produit .description { padding: 10px 10px 5px 10px; } #produits .produit .lien { position: absolute; bottom: 0; clear: right; font: bold 12px Arial; width: 170px; padding: 5px 10px; margin: 0; color: #e41270; border: solid #FFD3DE; border-width: 1px 0 0 0; background: #FEF8FC; } #produits .produit .lien a { display: block; color: #E41270; text-decoration: none; } #produits .produit .lien a:hover { color: #e95a98; } #produits.noir .produit { border: 1px solid #111111; } #produits.noir .produit h3 { background: #ffc5ff url(img/2010/produits_entete_noir.png) 0 0 repeat-x; } #produits.noir .produit h3 a { color: #ffffff; }