/* =Header ------------------------------------------------------- */ /*#header_wrapper { width:100%; background:transparent url(/Itm2.Portail/itm2.controls/portail/_montage_2s3i/library/image/header/header_main_wrapper.jpg); } */ #header_wrapper_left { float: left; width: 50%; height: 126px; background:transparent url(images/header/img_gauche_background.jpg) left top; } #header_wrapper_right { position: absolute; float: left; left: 50%; width: 50%; height: 126px; background:transparent url(images/header/img_droite_background.jpg) left top; } #header { position: relative; z-index: 10; width: 100%; margin: 0 auto; font-size: 10px; height: 126px; } #header_978 { position: absolute; width: 978px; margin: 0px; left: 50%; margin-left: -489px; } #header_ombre_gauche { display: block; float: left; } #header_inside { float: left; position: absolute; width: 968px; margin: 0px; left: 50%; margin-left: -484px; } /* advert */ #header_inside #advert { position: absolute; z-index: 10; top: 0px; left: 260px; width: 468px; border: 0px solid red; } #header_inside #advert #advert_title { width: 61px; height: 6px; margin: 3px auto 2px auto; text-indent: -9900em; } /* branding */ #header_inside #branding { position: relative; width: 770px; height: 94px; background: transparent url(images/header/ombre_header_droite.gif) right top repeat-y; } #header_inside #branding #itm { width: 765px; height: 94px; background: transparent url(images/header/header_main.jpg) left top no-repeat; } #header_inside #branding #itm a { position: absolute; top: 10px; left: 25px; display: block; width: 245px; height: 60px; text-indent: -9900em; } /* widget_search */ #header_inside #widget_search { position: absolute; top: 30px; right: 0; width: 184px; } #header_inside #widget_search #widget_search_title { font-family: Verdana, arial, sans-serif; font-size: 10px; font-weight: bold; color: #3D3532; text-transform: uppercase; padding-bottom: 10px; } #header_inside #widget_search #widget_search_form { position: relative; } #header_inside #widget_search #widget_search_input, #header_inside #widget_search #widget_search_form input { width: 144px; padding: 3px 0; border: solid 1px #d6d6d6; font-size: 10px; float: left; } #header_inside #widget_search #widget_search_button { position: absolute; top: -2px; left: 148px; cursor: pointer; display: block; width: 37px; height: 27px; text-indent: -9900em; background: transparent url(../images/header/widget_search_button.gif) left top no-repeat; } /* popup header */ #popup h1, #popup h2, #popup h3 { color: #845432; font-weight:bold; font-family:Verdana,arial,sans-serif; } #popup_header { position: relative; height: 66px; background-color: #473b34; } #popup_header h6 { text-indent: -9900em; width: 195px; height: 66px; background: transparent url(images/popup/popup_header.gif) left top no-repeat; } /* Navigation principale ------------------------------------------------------- */ /*debug*/ /* #main_navigation { border:1px solid aqua} */ #main_navigation { position: relative; top: 0px; width: 549px; height:56px } #main_navigation ul.root li { display: inline; } #main_navigation ul.root li a.tab { display: block; float: left; text-indent: -9900em; height: 56px; line-height: 32px; background-color: transparent; background-image: url(images/maisonPiscineJardin.png); background-repeat: no-repeat; } /* definition des items UNIVERS */ #main_navigation ul.root li#item_this_week a.tab { width: 191px; background-position: 0 0; } #main_navigation ul.root li#item_online_store a.tab { width: 169px; background-position: -191px 0; } #main_navigation ul.root li#item_service a.tab { width: 187px; background-position: -360px 0; } /* menu deroulant fonctionne avec le fichier javascript */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; font-family:Arial, Helvetica, sans-serif;} .sf-menu { line-height: 1.0; } .sf-menu ul.root_child { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul.root_child li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul.root_child, .sf-menu li.sfHover ul.root_child {left: 0; top: 3.0em; /* match top ul list item height */ z-index: 99!important; } /* tab contenueur du menu de navigation */ #main_navigation ul.root li .shadowBox { position: absolute; top: 3px; width: 940px; padding: 0 5px 5px 0; background: transparent ; } #main_navigation ul.root li .shadowBox .tab_conteneur { width: 920px; border-top:none; padding: 16px 0px 16px 0px; } #main_navigation ul.root li .shadowBox .tab_ecommerce { padding: 0 !important; } /* définition des tab_conteneurs pour chaque item racines */ #main_navigation ul.root li#item_this_week .shadowBox { left: -184px;} #main_navigation ul.root li#item_this_week .shadowBox .tab_conteneur { background: #FA7B0A url(images/pageletBackOrange.jpg) repeat-x ;} #main_navigation ul.root li#item_online_store .shadowBox { left: -375px; } #main_navigation ul.root li#item_online_store .shadowBox .tab_conteneur { background: #207436 url(images/pageletBackVert.jpg) repeat-x ; } #main_navigation ul.root li#item_service .shadowBox { left: -545px; } #main_navigation ul.root li#item_service .shadowBox .tab_conteneur { background: #008BDF url(images/pageletBackBleu.jpg) repeat-x ; } /* pagelet conteneur du menu de navigation */ #main_navigation ul.root li .tab_conteneur_pagelet { position: relative; width: 282px; padding: 16px 16px 0; background-color: transparent; background-position: left 16px; background-repeat: no-repeat; } #main_navigation ul.root li .tab_conteneur_pagelet_ecommerce { width: 596px; padding: 16px 16px 0; margin-bottom: 0; background-color: transparent; background-position: left top; background-repeat: no-repeat; } /* bordures personnalisees suivant item racines */ #main_navigation ul.root li#item_this_week .tab_conteneur_pagelet { border-right: 1px solid #fff; } #main_navigation ul.root li#item_online_store .tab_conteneur_pagelet { border-right: 1px solid #fff; } #main_navigation ul.root li#item_service .tab_conteneur_pagelet { border-right: 1px solid #fff; } #main_navigation ul.root li td.first { background: transparent none left top no-repeat !important; } /* première colonne sans bordure */ #main_navigation ul.root li .notheme { padding-top: 43px; background-position: left 43px !important; } /* si pas de titre on décale la bordure */ /*styles pagelet conteneur */ #main_navigation ul.root li .tab_conteneur_pagelet_theme { font-size: 17px; margin-bottom: 11px; text-transform: uppercase; } #main_navigation ul.root li .tab_conteneur_pagelet_content {} #main_navigation ul.root li img {margin-right: 13px; float: left; } #main_navigation ul.root li a { text-decoration: none; } /* typo personnalisées suivant thème */ #main_navigation ul.root li#item_this_week .tab_conteneur_pagelet_theme h3 { color: #f6c7c3; } #main_navigation ul.root li#item_online_store .tab_conteneur_pagelet_theme h3 { color: #d6dab9; } #main_navigation ul.root li#item_service .tab_conteneur_pagelet_theme h3 { color: #d7c0e6; } #main_navigation ul.root li#item_loyalty .tab_conteneur_pagelet_theme h3 { color: #efdfae; } #main_navigation ul.root li#item_infos .tab_conteneur_pagelet_theme h3{ color: #addce4; } #main_navigation ul.root li#item_brand .tab_conteneur_pagelet_theme h3 { color: #fcdeb4; } /* rollover sur menu */ #main_navigation ul.root li#item_this_week .tab_conteneur a:hover, #main_navigation ul.root li#item_this_week .tab_conteneur a.hover {text-decoration:underline; } #main_navigation ul.root li#item_online_store .tab_conteneur a:hover, #main_navigation ul.root li#item_online_store .tab_conteneur a.hover {text-decoration:underline; } #main_navigation ul.root li#item_service .tab_conteneur a:hover, #main_navigation ul.root li#item_service .tab_conteneur a.hover {text-decoration:underline; } #main_navigation ul.root li#item_online_store .tab_conteneur .ecommerce a:hover { background-color: transparent; } /* items specials des pagelets ( css ) */ #main_navigation ul.root li .tab_conteneur_pagelet_content .title { font-weight: bold; color: #fff; font-size: 12px;display: block;} #main_navigation ul.root li .thumbnail_large, #main_navigation ul.root li .thumbnail_small { margin-bottom: 6px;} #main_navigation ul.root li .thumbnail_large a, #main_navigation ul.root li .thumbnail_small a { padding: 5px; display: block; overflow: hidden; } #main_navigation ul.root li .last { margin-bottom: 0 !important; } #main_navigation ul.root li .thumbnail_large a { display: block; text-decoration: none; } #main_navigation ul.root li .thumbnail_large a .title, #main_navigation ul.root li .ecommerce a .title { margin-bottom: 12px; } #main_navigation ul.root li .thumbnail_small a .title {margin-bottom: 8px; } #main_navigation ul.root li .list .title { margin-bottom: 4px; } #main_navigation ul.root li .list ul li a { color: #fff; font-weight: bold; display: block; width: auto; padding: 3px 0; } #main_navigation ul.root li .tab_conteneur_pagelet_ecommerce { background: transparent url(images/navigation/ecommerce.jpg) right bottom no-repeat; } /* = Navigation secondaire ( OTHER ) ----------------------------------------------------- */ #main_navigation ul.root li .tab_conteneur_pagelet_content .title { padding-top:4px ; padding-bottom:2px;} #main_navigation ul.root li .ecommerce a { } #main_navigation ul.root li .ecommerce .hanger a { } #main_navigation ul.root li { color:#fff!important; } .hanger a { font-size:11px!important; color:#fff; margin:0px 0px !important; padding:0 !important; display:inline !important; } #main_navigation ul.root li .tab_conteneur_pagelet_content IMG.separateur {margin: 10px 0 10px 0} /* = css univers ( OTHER ) ----------------------------------------------------- */ #main_navigation ul.root li#item_this_week .tab_conteneur_pagelet_content .title a { color:#FFECB0} #main_navigation ul.root li#item_online_store .tab_conteneur_pagelet_content .title a{ color:#4EC166} #main_navigation ul.root li#item_service .tab_conteneur_pagelet_content .title a{ color:#86D9F9} /* = Navigation secondaire ----------------------------------------------------- */ #sub_navigation { padding: 12px 0 50px 12px; } #sub_navigation .sub_navigation_section { padding-top: 10px; padding-bottom: 10px; background: transparent url(images/content/sub_nav_section.gif) left bottom no-repeat; } #content_wrapper #sub_navigation .sub_navigation_section h4 { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #5a3d36; } #sub_navigation .sub_navigation_section ul li { margin-bottom: 7px; } #content_wrapper #sub_navigation .sub_navigation_section ul li a{ padding-left: 11px; font-weight: bold; font-size: 9px; color: #71482a; } #content_wrapper #sub_navigation .sub_navigation_section ul li a:hover { color: #9E7352; background: transparent url(images/content/nav_current.gif) left 3px no-repeat; } #content_wrapper #sub_navigation .sub_navigation_section ul li.current a { color: #9E7352; background: transparent url(images/content/nav_current.gif) left 3px no-repeat; } /* =Content ------------------------------------------------------- */ #content_wrapper{ width: 100%; background: transparent url(images/content/content_border_top.gif) left top repeat-x; } #content { width: 978px; margin: 0 auto; padding-top: 8px; background: transparent url(images/content/content.gif) left top no-repeat; font-size: 10px; } #content_inside { width: 973px; padding-left: 5px; padding-top: 15px; padding-bottom: 10px; background: transparent url(images/content/content_inside.gif) left top repeat-y; font-size: 11px; } #content_widgets { margin-top: -22px; } body#popup { background: #eeeae9; } #popup_content { padding: 15px 20px; color: #5a3d36; font-size: 11px; } #popup_content_article {background: #fff; padding: 15px 20px; color: #5a3d36; font-size: 11px; } #popup_wrapper { text-align: left; margin: 0 auto; } /* positionnement colonnes home */ #home #content_main { width: 578px; min-height: 600px; } #home #content_inside { padding-bottom: 0; } #home #content_sidebar { padding-top: 28px; width: 187px; } #home #content_widgets { padding-top: 22px; width: 182px; padding-left: 20px; } /* positionnement colonnes contenu avec navigation */ #content_navigation #content_main { width: 765px; min-height: 600px; margin-bottom: 15px; background: #eeeae9 url(images/content/content_bottom.gif) left bottom repeat-x; color: #5a3d36; border-top: solid 38px #9E7351; } #content_navigation #content_main_top_shadow { padding-top: 4px; background: transparent url(images/content/content_nav_top_shadow.gif) left bottom no-repeat; } #content_navigation #content_main #content_main_sub { width: 187px; padding-bottom: 10px; } #content_navigation #content_main #content_main_body { width: 550px; padding: 20px 10px; } #content_navigation #content_widgets { width: 182px; padding-left: 20px; } /* positionnement colonnes contenu sans navigation */ #content_simple #content_main { width: 578px; padding-bottom: 4px; background: transparent url(images/content/body_bottom.gif) left bottom no-repeat; color: #5a3d36; } #content_simple #content_main_navigation, #content_simple #content_main_body { width: 565px; padding-right: 7px; background: transparent url(images/content/body_border_shadow.gif) right top repeat-y; } #content_simple #content_main_navigation { height: 30px; } #content_simple #content_main_body { min-height: 540px; width: 535px; padding: 15px 22px 15px 15px; background-color: #eeeae9; } #content_simple #content_sidebar { padding-top: 4px; width: 187px; } #content_simple #content_widgets { width: 182px; padding-left: 20px; } #content_simple #content_main_top_shadow { width: 570px; height: 4px; background: transparent url(images/content/content_main_top_shadow.gif) left bottom no-repeat; } /* Heading styles */ /* sIFR standard styles */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; z-index: 0;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;} .sIFR-flash + div[adblocktab=true] { display: none !important; } .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 22px !important; } h2.itm_sifr { font-size: 22px; width: 760px; } .sIFR-hasFlash h4.itm_small_sifr { visibility: hidden; letter-spacing: -9px; font-size: 22px !important; } h4.itm_small_sifr { font-size: 22px; }