/******************************************************************************/ /* Liferay */ /******************************************************************************/ /* Global */ TABLE TR TD {background:transparent; font-size:12px;} TABLE {background:transparent;} a { color: #0879d5; text-decoration: none; background:transparent; } a:hover { text-decoration: none; } body { background-color: #ccccb6; border: 0; margin: 0; padding: 0; text-align: left; font-family: Arial; font-size: 12px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .font-xx-small { font-size: 0.7em; } .font-x-small { font-size: 0.8em; } .font-small { font-size: 0.9em; } .font-large { font-size: 1.1em; } .font-x-large { font-size: 1.3em; } .font-xx-large { font-size: 1.5em; } form { margin: 0; padding: 0; } select { border-color: #CCCCCC; border-style: solid; border-width: 1px; } ul { list-style-type: none; margin: 5px 0 10px 15px; padding: 0; } img { border: 0; margin: 0; padding: 0 } input, button, select { font-size: 0.8em; } textarea { font-size: 1em; } .form-button { background-color: #F2F2F2; border-color: #132b47; border-style: solid; border-width: 1px; } .form-button-hover { border-bottom: solid 1px #132b47; border-left: solid 1px #F2F2F2; border-right: solid 1px #132b47; border-top: solid 1px #F2F2F2; } .form-text { border-color: #CCCCCC; border-style: solid; border-width: 1px; } .tree-js-pop-up DIV { background-color: #D3D3D3; border: 2px Outset #FFFFFF; display: none; padding: 4; position: absolute; text-align: left; z-index: 10; } .pop-up-outer { border: 1px solid #383838; background-color: #FFFFFF; } .pop-up-inner { border: 1px solid #747474; } .pop-up-header { background-color: #000000; height: 25px; } .pop-up-title { color: #FFFFFF; font-weight: bold; padding-left: 10px; } .pop-up-close a { color: #FFFFFF; margin-right: 7px; white-space: nowrap; text-decoration: underline; } /* Alpha */ .alpha { background-color: #132b47; } .alpha-neg-alert { color: #FF0000; } .alpha-pos-alert { color: #007F00; } .alpha-separator { background: url(/html/themes/ville_rochefort/images/custom/dotted-horizontal.gif) scroll repeat-x; height: 1px; font-size: 0; } A.alpha { background: none; color: #70807E; text-decoration: none; } A.alpha:hover { color: #70807E; text-decoration: underline; } FONT.alpha { background: none; color: #FFFFFF; } /* Beta */ .beta { background-color: #B6CBEB; } .beta-neg-alert { color: #FF0000; } .beta-pos-alert { color: #007F00; } .beta-separator { background: url(/html/themes/ville_rochefort/color_schemes/01/portlet_menu_bg_x.gif) repeat-x; height: 1px; font-size: 0; } A.beta { background: none; color: #000000; text-decoration: none; } A.beta:hover { color: #000000; text-decoration: underline; } FONT.beta { background: none; color: #000000; } /* Gamma */ .gamma { background-color: #F2F2F2; } .gamma-gradient { background: url(/html/themes/ville_rochefort/color_schemes/01/portlet_bg_x.gif) repeat-x; } .gamma-neg-alert { color: #FF0000; } .gamma-pos-alert { color: #007F00; } .gamma-tab { border-bottom: 1px solid #B6CBEB; margin-left: 0px; margin-top: 0px; margin-bottom: 15px; margin-right: 0px; padding-bottom: 27px; padding-left: 0px; } .gamma-tab ul, .gamma-tab li { background: #F6F6F6; border: 1px solid #CCCCCC; border-bottom: 1px solid #B6CBEB; color: #CCCCCC; display: inline; float: left; line-height: 22px; list-style-type: none; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none; } .gamma-tab ul.current, .gamma-tab li.current { background: #F2F2F2; border: 1px solid #B6CBEB; border-bottom: 1px solid #F2F2F2; color: #000000; } .gamma-tab li a { color: #777777; } .gamma-tab li.current a { color: #000000; } .gamma-tab li.toggle { background: none; border: 0px; float: right; margin-right: 0px; padding-right: 0px; } A.gamma { background: none; color: #000000; text-decoration: none; } A.gamma:hover { color: #000000; text-decoration: underline; } FONT.gamma { background: none; color: #000000; } /* Bg */ .bg { background-color: #F2F2F2; } .bg-neg-alert { color: #FF0000; } .bg-pos-alert { color: #007F00; } A.bg { background: none; color: #000000; text-decoration: none; } A.bg:hover { color: #000000; text-decoration: underline; } FONT.bg { color: #000000; } /******************************************************************************/ /* Liferay Portlets standards CSS */ /******************************************************************************/ .taglib-ui-search-form {margin:0;padding:0;margin-left:0px;} .taglib-ui-search-input {width:117px;color:#404040;font-size:11px;} .taglib-ui-search-submit {} /******************************************************************************/ /* Liferay Layout CSS */ /******************************************************************************/ #layout-outer-side-decoration { margin: 0 auto 0 auto; } #layout-inner-side-decoration { } #layout-box { text-align: center; width: 100%; } #layout-top-banner { background: url(/html/themes/ville_rochefort/images/custom/banner-middle.png) scroll repeat-x; position: relative; text-align: left; z-index: 3; } #layout-top-banner-left { background: url(/html/themes/ville_rochefort/images/custom/banner-left.png) scroll no-repeat top left; } #layout-top-banner-right { background: url(/html/themes/ville_rochefort/images/custom/banner-right.png) scroll no-repeat top right; height: 100px; } #layout-company-logo { position: absolute; top: 10px; left: 10px; } #layout-user-menu { text-align: left; padding-left: 10px; position: absolute; top: 10px; left: 220px; } #layout-global-search { position: absolute; right: 20px; top: 20px; } #layout-my-places { position: absolute; right: 20px; top: 43px; z-index: 3; } .layout-my-places { cursor: pointer; border: 1px solid #909090; padding: 2px; } .layout-my-places-arrow { background-color: #909090; padding: 2px; } #layout-my-places ul { background-color: #F2F2F2; border: 1px solid #132b47; cursor: pointer; list-style-image: none; position: absolute; text-align: left; right: 0; margin: 0; } #layout-my-places ul li { padding: 2px; white-space: nowrap; } #layout-nav-container { padding: 0px 8px 0 8px; position: relative; top: 68px; z-index: 2; } #layout-nav-container a { color: #FFFFFF; } .layout-nav-tabs-box { background: url(/html/themes/ville_rochefort/images/custom/nav-bg.png) scroll repeat-x; position: relative; width: 100%; } .layout-nav-tabs-left { background: url(/html/themes/ville_rochefort/images/custom/nav-left.png) scroll no-repeat top left; position: relative; } .layout-nav-tabs-right { background: url(/html/themes/ville_rochefort/images/custom/nav-right.png) scroll no-repeat top right; padding: 0 2px 0 2px; position: relative; } .layout-nav-tabs-box table { height: 25px; } .layout-tab, .layout-tab-selected { color: #000000; } .layout-tab-selected { background: url(/html/themes/ville_rochefort/images/custom/nav-selected.png) scroll repeat-x; color: #4A517D; } .layout-tab-hover { background: url(/html/themes/ville_rochefort/images/custom/nav-hover.png) scroll repeat-x; } .layout-column-spacer { background: url(/html/themes/ville_rochefort/images/custom/column-bevel.png) scroll repeat-y center; } .layout-column-spacer div { width: 12px; } #layout-content { margin: 0 3px 0 3px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; } #layout-content-box { border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background-color: #f2f2f2; padding: 10px 0 10px 0; } #layout-content-inner-decoration { padding: 0 5px 0 5px; } #layout-content-container { width: 100%; } /* Column Layout */ .layout-blank-portlet { clear: both; font-size: 0px; } #layout-bottom-container { background: url(/html/themes/ville_rochefort/images/custom/bottom-middle.png) scroll repeat-x; color: #858585; position: relative; text-align: left; width: 100%; } #layout-bottom-container a { color: #858585; } #layout-bottom-container span { position: relative; top: 6px; left: 10px; } #layout-bottom-left { background: url(/html/themes/ville_rochefort/images/custom/bottom-left.png) scroll no-repeat top left; } #layout-bottom-right { background: url(/html/themes/ville_rochefort/images/custom/bottom-right.png) scroll no-repeat top right; height: 26px; } #layout-bottom-container span { margin-left: 3px; } #layout-language-select { position: absolute; right: 15px; top: 7px; } .portal-add-content { background-color: #F2F2F2; border: 3px solid #132b47; padding: 8px; } .portal-tool-tip { background-color: #FFFFCC; border: 1px solid #000000; padding: 2px; font-size: 0.9em } .layout-column-highlight { background: url(/html/themes/ville_rochefort/images/common/diagonal-lines.gif) scroll repeat; } /******************************************************************************/ /* Portlet CSS */ /******************************************************************************/ /* Liferay Portlet */ .portlet-dragging-placeholder { background-color: #EAF2FF; } .portlet-loading { background: url(/html/themes/ville_rochefort/images/progress_bar/loading_animation.gif) no-repeat top left; margin-top: 10px; padding-top: 40px; text-align: left; } .portlet-container { background:transparent; padding:0; margin:0; z-index:0; } .portlet-minimum-height { } .portlet-header-bar { border: none; padding:0; margin:0; position:relative; background:#eeeeee; } .portlet-header-bar-inner { height: 18px; padding:0; margin:0; } .portlet-borderless-container { background:transparent; } .portlet-borderless-bar { text-align: left; font-size: 0.8em; } .portlet-title { color: #555555; font-weight: bold; padding:0; margin:0; position:relative; } .portlet-small-icon-bar { position: absolute; top: 1px; right: 0px; } .portlet-small-icon { margin-left: -2px; } .portlet-top-decoration { background: url(/html/themes/ville_rochefort/color_schemes/01/portlet_corner_ul.gif) no-repeat top left; height: 5px; } .portlet-top-decoration DIV { background: url(/html/themes/ville_rochefort/color_schemes/01/portlet_corner_ur.gif) no-repeat top right; height: 5px; } .portlet-top-decoration DIV DIV { background: #F2F2F2; border-top: 1px solid #132b47; font-size: 0; height: 5px; margin: 0 5px 0 5px; } .portlet-inner-top { margin: 0 auto 0 auto; } .portlet-bottom-blank { margin-bottom: 5px; } .portlet-bottom-decoration { background: url(/html/themes/ville_rochefort/color_schemes/01/portlet_corner_bl.gif) no-repeat top left; height: 5px; } .portlet-bottom-decoration DIV { background: url(/html/themes/ville_rochefort/color_schemes/01/portlet_corner_br.gif) no-repeat top right; height: 5px; } .portlet-bottom-decoration DIV DIV { background: #F2F2F2; border-bottom: 1px solid #132b47; font-size: 0; height: 5px; margin: 0 5px 0 5px; } .portlet-bottom-decoration-2 { background: url(/html/themes/ville_rochefort/images/shadow/middle.gif) repeat-x; margin-bottom: 5px; } .portlet-bottom-decoration-2 DIV { background: url(/html/themes/ville_rochefort/images/shadow/left.gif) no-repeat; } .portlet-bottom-decoration-2 DIV DIV { background: url(/html/themes/ville_rochefort/images/shadow/right.gif) no-repeat top right; font-size: 0; height: 6px; } /* Fonts */ .portlet-font { color: #000000; } .portlet-font A { color: #000000; } .portlet-font-dim { color: #C4C4C4; } /* Messages */ .portlet-msg-status { color: #000000; font-style: italic; } .portlet-msg-info { color: #000000; } .portlet-msg-error { color: #FF0000; } .portlet-msg-alert { color: #FF0000; font-style: italic; } .portlet-msg-success { color: #007F00; } /* Sections */ .portlet-section-header { background: #f5f5f5; color: black; font-weight: bold; } .portlet-section-header A { color: black; } .portlet-section-body { color: black; background: white; } .portlet-section-body-hover, TR.portlet-section-body:hover { color: black; background: white; } .portlet-section-body A { } .portlet-section-body-hover A, TR.portlet-section-body:hover A { } .portlet-section-alternate { } .portlet-section-alternate-hover, TR.portlet-section-alternate:hover { } .portlet-section-alternate A { } .portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A { } .portlet-section-selected { } .portlet-section-selected-hover, TR.portlet-section-selected:hover { } .portlet-section-selected A { } .portlet-section-selected-hover A, TR.portlet-section-selected:hover A { } .portlet-section-subheader { padding: 2px; } .portlet-section-footer { } .portlet-section-text { } /* Forms */ .portlet-form-label { color: #000000; } .portlet-form-input-field { border-color: #CCCCCC; border-style: solid; border-width: 1px; } .portlet-form-button { background-color: #F2F2F2; border-color: #132b47; border-style: solid; border-width: 1px; } .portlet-icon-label { color: #000000; } .portlet-dlg-icon-label { color: #000000; } .portlet-form-field-label { color: #000000; } .portlet-form-field { color: #000000; } /******************************************************************************/ /* Display Tag Library */ /******************************************************************************/ /******************************************************************************/ /* Rochefort */ /******************************************************************************/ TR.even { background-color: #B6CBEB; color: #000000; } TR.odd { background-color: #F2F2F2; color: #000000; } .message-board-thread-body A { text-decoration: underline; } /* Definition style contenu */ /* CSS Contenu */ .contenu_titre { font-family: "Arial"; font-size:16px; font-weight:bold; margin-bottom:1em; color:#70807E; } .contenu_titre a { font-family: "Arial"; font-size:16px; font-weight:bold; margin-bottom:1em; color:#70807E; } .contenu_description { font-family: "Arial"; color:#303635; font-size:13px; font-style:italic; } .contenu_titre1 { font-family: "Arial"; font-size:14px; font-weight:bold; margin-bottom:1em; color:#303635; } .contenu_titre1 a { font-family: "Arial"; font-size:14px; font-weight:bold; color:#303635; } .contenu_titre2 { font-family: "Arial"; font-size:12px; color:#303635; font-style:italic; font-weight:bold; } .contenu_titre2 a { font-family: "Arial"; font-size:12px; color:#303635; font-style:italic; font-weight:bold; } .contenu_corps { font-family: "Arial"; font-size:12px; color:black; } .contenu_corps a { color:#70807E; font-size:12px; text-decoration: underline; } .contenu_corps a:hover { color:#303635; font-size:12px; text-decoration: underline; } .contenu_libelle_lien { color:#70807E; font-size:12px; font-style:italic; } .contenu_libelle_image { color:#70807E; font-size:10px; font-style:italic ; } TD.table_contenu_contenu { width:100%; } TD.table_contenu_contenu p { margin-bottom:1em; } .table_contenu_separateur { width:4px; border-left:2px dashed #70807E; } .table_contenu_images { width:210px; background-color:#ffffff; } .table_contenu_contenu a { color:#70807E; font-size:12px; text-decoration: underline; } .table_contenu_contenu a:hover { color:#303635; font-size:12px; text-decoration: underline; } .table_contenu_contenu ul { list-style-image: url('/html/themes/ville_rochefort/images/puce.png'); margin-left:20px; } .table_contenu_contenu ul li { color:#303635; font-size:12px; } .table_contenu_contenu ul li ul { list-style-image: url('/html/themes/ville_rochefort/images/puce.png'); margin-left:40px; } .table_contenu_contenu ul li ul li { color:#303635; font-size:12px; } .table_contenu_contenu ul li ul { list-style-image: url('/html/themes/ville_rochefort/images/puce.png'); } .font-small A { color:#70807E; font-size:12px; } .font-small A:hover { color:#303635; font-size:12px; font-weight: bold ; } TABLE.maintable { width:100%;margin:0;padding:0; background-image:url('/html/themes/ville_rochefort/images/bgspacer.jpg'); background-repeat:repeat-x; } TD.mainspacer { width:15%;margin:0;padding:0; background-image:url('/html/themes/ville_rochefort/images/bgspacer.jpg'); background-repeat:repeat-x; } TD.maincontainer { margin:0;padding:0;width:970px; background-image:url('/html/themes/ville_rochefort/images/bgspacer.jpg'); background-repeat:repeat-x; } .Table_01 {width:968px;margin:0px; padding:0px; background-color: #ffffff;z-index:0;} .Table_01 DIV { margin:0px; padding:0px; background:transparent; } div.banner { position:relative; height:93px; background-image:url('/html/themes/ville_rochefort/images/banner.png'); background-repeat:no-repeat; background-position:bottom; background-color:#5d392b; } div.recherche { position:absolute; left:551px; top:63px; width:296px; height:29px; } .portlet-recherche-title { display:none; } .taglib-ui-search-form { position:relative; left:145px; top:8px; } .taglib-ui-search-input { background-color: #edeae3; border:0px; height:17px; } div.navigation { height:32px; background-color:#a8b8b7; } div.bottom { width:968px; } div.bottom1 { background-image:url('/html/themes/ville_rochefort/images/bottom.png'); color:#5a2e2f; width:754px; height:25px; left:214px; position:relative; } div.bottom2 { color:white; height:25px; top:5px; position:relative; text-align:right; right:5px; } div.bottom2 A { color:white; } div.bottom2 A:hover { font-weight:bold; } div.bottom2 A.selected { font-weight:bold; } div.bottom3 { background-image:url('/html/themes/ville_rochefort/images/villerochefort.png'); background-repeat:no-repeat; background-position: left; float:right; width:201px; height:25px; } .portlet-content { float:right; height:95%; margin:0px; padding:0px; } #layout-column_column-1 { padding:0; margin:0; background:transparent; z-index:0; } #layout-column_column-2 { padding:0; margin:0; background:transparent; z-index:0; } #layout-column_column-3 { padding:0; margin:0; background:transparent; z-index:0; } #layout-column_column-4 { padding:0; margin:0; background:transparent; z-index:0; } #layout-column_column-5 { padding:0; margin:0; background:transparent; z-index:0; } #layout-column_column-6 { padding:0; margin:0; background:transparent; z-index:0; } #n0_layout_container { height:600px; } #n1_layout_container { height:600px; } .n0_layout_leftframe { background-color: #ffffff; width:553px; height:200px; vertical-align:top; } .n0_layout_leftframe2 { background-color: #ffffff; width:553px; height:200px; vertical-align:top; } .n0_layout_leftframe3 { background-color: #ffffff; width:256px; height:200px; vertical-align:top; } .n0_layout_leftframe4 { background-color: #ffffff; width:257px; height:200px; vertical-align:top; } .n0_layout_leftframe .portlet-box{ background:transparent;padding:0; margin:0; border-left:23px solid #ffb749; border-bottom:1px solid #ffb749; padding-top:33px; padding-left:10px; padding-bottom:1em; } .n0_layout_leftframe2 .portlet-box{ background:transparent;padding:0; margin:0; border-bottom:1px solid #ffb749; padding-top:1em; padding-left:33px; padding-bottom:1em; } .n0_layout_leftframe3 .portlet-box{ background:transparent;padding:0; margin:0; border-bottom:1px solid #ffb749; padding-top:1em; padding-left:33px; padding-bottom:1em; } .n0_layout_leftframe4 .portlet-box{ background:transparent;padding:0; margin:0; border-bottom:1px solid #ffb749; padding-top:1em; padding-left:33px; padding-bottom:1em; } .n0_layout_centerframe { width:214px; background-image:url('/html/themes/ville_rochefort/images/zoom.png'); background-repeat:no-repeat; background-color:#eeeade; padding-top:50px; height:100%; vertical-align:top; } .n0_layout_rightframe { width:201px; background-image:url('/html/themes/ville_rochefort/images/liens_directs.png'); background-repeat:no-repeat; background-color:#ffffff; padding-top:165px; vertical-align:top; height:100%; } .n0_layout_rightframe .portlet-box { background-image:url('/html/themes/ville_rochefort/images/right_portlet_N0.png'); background-repeat:no-repeat; background-position:bottom left; } .n1_layout_leftframe .portlet-box { z-index:2; } .n1_layout_centerframe { width:554px; vertical-align:top; z-index:2; } .n1_layout_centerframe .portlet-box{ background:transparent;padding:0; margin:0; border-left:9px solid #ffb749; border-bottom:1px solid #ffb749; padding-top:33px; padding-left:10px; padding-bottom:1em; } .n1_layout_centerframe2 { width:554px; vertical-align:top; z-index:0; } .n1_layout_centerframe2 .portlet-box{ background:transparent;padding:0; margin:0; border-bottom:1px solid #ffb749; padding-top:1em; padding-left:19px; padding-bottom:1em; } .n1_layout_centerframe1 .portlet-box a{ background:transparent;padding:0; margin:0; border-bottom:1px solid #ffb749; padding-top:1em; padding-left:19px; padding-bottom:1em; } .n1_layout_rightframe { background-image:url('/html/themes/ville_rochefort/images/liens_directs_N1.jpg'); background-repeat:no-repeat; width:200px; vertical-align:top; padding-top:40px; height:100%; z-index:0; } /* Cas colonne de droite */ .n1_layout_rightframe .portlet-box { background-image:url('/html/themes/ville_rochefort/images/right_portlet_N1.png'); background-repeat:no-repeat; background-position:bottom left; z-index:0; } .n1_layout_rightframe .contenu_titre { font-family: "Arial"; font-size:13px; font-weight:bold; margin-bottom:1em; color:#303635; border-bottom:1px dashed #303635; } .n1_layout_rightframe .contenu_titre2 { font-family: "Arial"; font-size:12px; font-weight:bold; margin-bottom:0.7em; margin-top:0.7em; margin-left:0.7em; color:#70807E; border-bottom:1px dashed #70807E; } .n1_layout_rightframe .contenu_soustitre { font-family: "Arial"; font-size:12px; color:#303635; } .n1_layout_leftframe ul , .n0_layout_rightframe ul , .n1_layout_rightframe ul { padding:0; margin:0; padding-left:25px; } .n1_layout_leftframe li , .n0_layout_rightframe li , .n1_layout_rightframe li { line-height:1.5em; padding:0;margin:0; list-style-image: url('/html/themes/ville_rochefort/images/puce.png'); } .n1_layout_leftframe li a , .n0_layout_rightframe li a , .n1_layout_rightframe li a { color:#566160; } .n1_layout_leftframe li a.selected , .n0_layout_rightframe li a.selected { display:block; font-weight:bold; } .n1_layout_leftframe ul ul , .n0_layout_rightframe ul ul , .n1_layout_rightframe ul ul { margin-left:7px; } .n1_layout_rightframe li a:hover { display:block; font-weight:bold; } #liensdirects { color:#566160; font-weight:bold; background-color:#FFFFFF; } /* ---------------------------------------- */ /* Navigation */ /* ---------------------------------------- */ .navigation { } .navigation .navcontainer { float:left; height:100%; line-height:2em; font-weight:bold; padding:0;margin:0; position:relative; } .navigation .navcontainer .navigation-tab1, .navigation .navcontainer .navigation-tab2, .navigation .navcontainer .navigation-tab3, .navigation .navcontainer .navigation-tab4, .navigation .navcontainer .navigation-tab5, .navigation .navcontainer .navigation-tab6, .navigation .navcontainer .navigation-tab7, .navigation .navcontainer .navigation-tab8, .navigation .navcontainer .navigation-tab9, .navigation .navcontainer .navigation-tab10, .navigation .navcontainer .navigation-tab11, .navigation .navcontainer .navigation-tab12 { background-color:#70807f; color:white; } .navigation .navcontainer .navigation-tab1 a, .navigation .navcontainer .navigation-tab1-selected, .navigation .navcontainer .navigation-tab2 a, .navigation .navcontainer .navigation-tab2-selected, .navigation .navcontainer .navigation-tab3 a, .navigation .navcontainer .navigation-tab3-selected, .navigation .navcontainer .navigation-tab4 a, .navigation .navcontainer .navigation-tab4-selected, .navigation .navcontainer .navigation-tab5 a, .navigation .navcontainer .navigation-tab5-selected, .navigation .navcontainer .navigation-tab6 a, .navigation .navcontainer .navigation-tab6-selected, .navigation .navcontainer .navigation-tab7 a, .navigation .navcontainer .navigation-tab7-selected, .navigation .navcontainer .navigation-tab8 a, .navigation .navcontainer .navigation-tab8-selected, .navigation .navcontainer .navigation-tab9 a, .navigation .navcontainer .navigation-tab9-selected, .navigation .navcontainer .navigation-tab10 a, .navigation .navcontainer .navigation-tab10-selected, .navigation .navcontainer .navigation-tab11 a, .navigation .navcontainer .navigation-tab11-selected, .navigation .navcontainer .navigation-tab12 a, .navigation .navcontainer .navigation-tab12-selected { display: block ; color:white; background-color:#70807f; height:26px; padding-left:12px; padding-right:12px; padding-top:4px; size:1em; } .navigation .navcontainer .navigation-tab12 a, .navigation .navcontainer .navigation-tab12-selected { padding-left:15px; padding-right:15px; } .navigation .navcontainer .navigation-tab1-selected, .navigation .navcontainer .navigation-tab2-selected, .navigation .navcontainer .navigation-tab3-selected, .navigation .navcontainer .navigation-tab4-selected, .navigation .navcontainer .navigation-tab5-selected, .navigation .navcontainer .navigation-tab6-selected, .navigation .navcontainer .navigation-tab7-selected, .navigation .navcontainer .navigation-tab8-selected, .navigation .navcontainer .navigation-tab9-selected, .navigation .navcontainer .navigation-tab10-selected, .navigation .navcontainer .navigation-tab11-selected, .navigation .navcontainer .navigation-tab12-selected { color:#566160; } .navigation .navcontainer .navigation-tab1 a:hover, .navigation .navcontainer .navigation-tab2 a:hover, .navigation .navcontainer .navigation-tab3 a:hover, .navigation .navcontainer .navigation-tab4 a:hover, .navigation .navcontainer .navigation-tab5 a:hover, .navigation .navcontainer .navigation-tab6 a:hover, .navigation .navcontainer .navigation-tab7 a:hover, .navigation .navcontainer .navigation-tab8 a:hover, .navigation .navcontainer .navigation-tab9 a:hover, .navigation .navcontainer .navigation-tab10 a:hover, .navigation .navcontainer .navigation-tab11 a:hover, .navigation .navcontainer .navigation-tab12 a:hover { color:white; background-color:#566160; border-bottom:2px solid #ffb749; z-index:100; } #navigation-tab1-submenu, #navigation-tab2-submenu, #navigation-tab3-submenu, #navigation-tab4-submenu, #navigation-tab5-submenu, #navigation-tab6-submenu, #navigation-tab7-submenu, #navigation-tab8-submenu, #navigation-tab9-submenu, #navigation-tab10-submenu, #navigation-tab11-submenu, #navigation-tab12-submenu { position:absolute; top:32px; z-index:100; width:165px; display:none; } #navigation-tab11-submenu { position:absolute; right:0px; top:32px; display:none; z-index:100; } #navigation-tab12-submenu { position:absolute; right:0px; top:32px; display:none; z-index:100; } #navigation-tab1-submenu UL, #navigation-tab2-submenu UL, #navigation-tab3-submenu UL, #navigation-tab4-submenu UL, #navigation-tab5-submenu UL, #navigation-tab6-submenu UL, #navigation-tab7-submenu UL, #navigation-tab8-submenu UL, #navigation-tab9-submenu UL, #navigation-tab10-submenu UL, #navigation-tab11-submenu UL, #navigation-tab12-submenu UL { padding:0;margin:0; z-index:100; } #navigation-tab1-submenu LI a, #navigation-tab2-submenu LI a, #navigation-tab3-submenu LI a, #navigation-tab4-submenu LI a, #navigation-tab5-submenu LI a, #navigation-tab6-submenu LI a, #navigation-tab7-submenu LI a, #navigation-tab8-submenu LI a, #navigation-tab9-submenu LI a, #navigation-tab10-submenu LI a, #navigation-tab11-submenu LI a, #navigation-tab12-submenu LI a { display: block ; color : white; padding-top:5px; padding-bottom:5px; background-color:#566160; border-bottom:1px solid #70807f; line-height:1em; } #navigation-tab1-submenu LI a:hover, #navigation-tab2-submenu LI a:hover, #navigation-tab3-submenu LI a:hover, #navigation-tab4-submenu LI a:hover, #navigation-tab5-submenu LI a:hover, #navigation-tab6-submenu LI a:hover, #navigation-tab7-submenu LI a:hover, #navigation-tab8-submenu LI a:hover, #navigation-tab9-submenu LI a:hover, #navigation-tab10-submenu LI a:hover, #navigation-tab11-submenu LI a:hover, #navigation-tab12-submenu LI a:hover { display: block ; text-decoration:none; color : white; background-color:#70807f; } /* ---------------------------------------- */ /* Navigation */ /* ---------------------------------------- */ /* CSS Contenu */ .contenu_titre { font-family: "Arial"; font-size:16px; font-weight:bold; margin-bottom:1em; color:#70807E; } .contenu_titre a { font-family: "Arial"; font-size:16px; font-weight:bold; margin-bottom:1em; color:#70807E; } .contenu_description { font-family: "Arial"; color:#303635; font-size:13px; font-style:italic; } .contenu_titre1 { font-family: "Arial"; font-size:14px; font-weight:bold; margin-bottom:1em; color:#303635; } .contenu_titre1 a { font-family: "Arial"; font-size:14px; font-weight:bold; color:#303635; } .contenu_titre2 { font-family: "Arial"; font-size:12px; color:#303635; font-style:italic; font-weight:bold; } .contenu_titre2 a { font-family: "Arial"; font-size:12px; color:#303635; font-style:italic; font-weight:bold; } .contenu_corps { font-family: "Arial"; font-size:12px; color:black; } .contenu_corps a { color:#70807E; font-size:12px; text-decoration: underline; } .contenu_corps a:hover { color:#303635; font-size:12px; text-decoration: underline; } .contenu_libelle_lien { color:#70807E; font-size:12px; font-style:italic; } .contenu_libelle_image { color:#70807E; font-size:10px; font-style:italic ; } TD.table_contenu_contenu { width:100%; } TD.table_contenu_contenu p { margin-bottom:1em; } .table_contenu_separateur { width:4px; border-left:2px dashed #70807E; } .table_contenu_images { width:210px; background-color:#ffffff; } .table_contenu_contenu a { color:#70807E; font-size:12px; text-decoration: underline; } .table_contenu_contenu a:hover { color:#303635; font-size:12px; text-decoration: underline; } .table_contenu_contenu ul { list-style-image: url('/html/themes/ville_rochefort/images/puce.png'); margin-left:20px; } .table_contenu_contenu ul li { color:#303635; font-size:12px; } .table_contenu_contenu ul li ul { list-style-image: url('/html/themes/ville_rochefort/images/puce.png'); margin-left:40px; } .table_contenu_contenu ul li ul li { color:#303635; font-size:12px; } .table_contenu_contenu ul li ul { list-style-image: url('/html/themes/ville_rochefort/images/puce.png'); } .font-small A { color:#70807E; font-size:12px; } .font-small A:hover { color:#303635; font-size:12px; font-weight: bold ; }