@font-face { font-family: 'yanone_kaffeesatz_thinregular'; src: url('yanonekaffeesatz-thin-webfont.eot'); src: url('yanonekaffeesatz-thin-webfont.eot?#iefix') format('embedded-opentype'), url('yanonekaffeesatz-thin-webfont.woff') format('woff'), url('yanonekaffeesatz-thin-webfont.ttf') format('truetype'), url('yanonekaffeesatz-thin-webfont.svg#yanone_kaffeesatz_thinregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'yanone_kaffeesatz_regularRg'; src: url('yanonekaffeesatz-regular-webfont.eot'); src: url('yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'), url('yanonekaffeesatz-regular-webfont.woff') format('woff'), url('yanonekaffeesatz-regular-webfont.ttf') format('truetype'), url('yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatz_regularRg') format('svg'); font-weight: normal; font-style: normal; } body { font-family:Arial, Verdana; font-size:16px; margin:0; padding:0; } h1.centralHeadline { display:none; /* h1 g?n?r? par TV - ? remettre ?*/ } table td, table th, form input, form textarea, form select, fieldset legend, p, ul li, a, dl dt { font-size:0.8em; } .interieur #contentBlock-1 table td, .interieur #contentBlock-1 table th { font-size:1em; text-align:left; } /*table td p, table th p { font-size:0.9em; }*/ /*.interieur #contentBlock-1 table td p, .interieur #contentBlock-1 table th p { font-size:1em; }*/ td form select, td a, th a, dt a, dt p, li li, li a, p a, li p { font-size:1em; } a, p, p a { color:#040404; } img a, a img { border:none; } #feature .block img { margin:0; } ul, ul li { margin:0; padding:0; } ul li { list-style:none; } .interieur ul li { margin-left:0.5em; } .interieur #corpus #contentBlock-1 ul li { list-style: disc inside none; } a { text-decoration:none; } a:hover { text-decoration:underline; } .clear { clear:both; } .blockVideo h2, .block h2, .hide, .clearOnly { display:none; } .csc-menu li { list-style: none; margin-top: 1em; padding-left: 2em; } .home h2 { color:#4f8cc9; border:none; padding:0; } .home h3 { font-family: Arial, Verdana; padding:0; } h1 { font-size:1.7em; } #contentBlock-1 h1 { margin-top:0; } .tx-indexedsearch .tx-indexedsearch-whatis, h1, h2, h3 { font-family: 'yanone_kaffeesatz_regularRg', sans-serif; color:#454548; margin: 0.5em 0; } .tx-indexedsearch .tx-indexedsearch-whatis, h2 { font-size:1.5em; border-bottom:1px solid #e8e8e8; padding-bottom:0.25em; } h2 { font-size:1.4em; } h3 { font-size:1.3em; } #footerContainer, #corpus { float:left; width:100%; } #header, #highlightHomeBlockContainer, #corpus #content, #footer { width:985px; margin:0 auto; } .toplinks { float:right; margin:0.5em 0 1em 0; } .toplinks ul { margin:0; } .toplinks li { float:left; list-style:none; margin: 0 0em 0 0.5em; padding: 0 0.5em 0 0em; background: url(images/toplink_separator.gif) no-repeat right center; } .toplinks li.last { background:none; padding:0; } .toplinks li, .toplinks li a { color:#3776b5; } .headerTopSearch div.logo { float:left; width:425px; } .headerTopSearch .logo h1 { font-family: 'yanone_kaffeesatz_regularRg', sans-serif; font-size:2.5em; margin:0; } .headerTopSearch .logo h1 a { color:#4f8cc9; display:table; } .headerTopSearch .logo h1 a:hover { text-decoration:none; } .headerTopSearch .externalWebsite { float:left; } .externalWebsite img { margin-left:0.25em; } /* visibility caché : na 18/02/2014 pour cacher le bouton de recherche - visibility : hidden */ .searchBox { float:right; } .searchBox fieldset { padding:0; margin:0; border:none; } .searchBox form#searchForm { margin:0; padding:0; } .searchBox form#searchForm fieldset { border:none; margin:0; padding:0; } .searchBox .searchLabel { display:none; } .searchBox input#search { background:url(images/search_background.png) no-repeat top left; border:none; height:10px; padding:8px 0 8px 0.75em; float:left; font-style:italic; color:#605e5e; font-size:0.7em; width:12em; } .searchBox input#search:focus { outline:none; } .searchBox input.submit { float:left; height:26px; } /* Menu */ /*#menu { margin:16px 0 0 0; padding:5px 0 0 1px; float:left; width:100%; z-index:105; background-color:#FFF; width:985px; margin:16px auto 0 auto; position:relative; }*/ #menuContainer { background-color:#FFF; width:100%; } #menuContainer #menu { margin:0 auto; width:985px; float:none; background-color:#FFF; position:relative; z-index:105; } #menu .menuTop { margin:16px 0 0 0; padding:5px 0 0 1px; float:left; width:100%; position:relative; } #headerContainer { background-color:#FFF; } #header { margin:0; padding:0; width:100%; } .tools { margin:0 auto; width:985px; } #backgroundMenu { background-color:#454548; width:100%; height:14px; } #overlay { display:none; position:fixed; top:0; left:0; background-color:#000; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ width:100%; height:100%; z-index:100; overflow:hidden; } /* Bloc de mise en avant sur la page d'accueil */ #highlightHomeBlock { background-color:#454548; height:410px; padding-top:12px; } #highlightHomeBlockContainer { } #highlightHomeBlock .left { margin-right:15px; padding:10px 0px 10px 10px; background-color:#f0ecec; float:left; } #highlightHomeBlock .left img { margin:0; } #highlightHomeBlock .left .news { } #highlightHomeBlock .right { float:right; width:180px; } #highlightHomeBlock .right .block { background-color:#f0ecec; padding:7px; margin-bottom:9px; } #highlightHomeBlock .right .blockVideo { background-color:#f0ecec; padding-bottom:5px; } #highlightHomeBlock .right .blockVideo ul { background-color:#c5c4c4; margin:0; padding:6px 0 0 8px; float:left; width:172px; } #highlightHomeBlock .right .blockVideo ul li { float:left; /*width:48%;*/ margin:0; padding:0; list-style:none; font-size:0.75em; color:#363636; text-align:center; } #highlightHomeBlock .right .blockVideo ul li a { color:#363636; font-weight:bold; } #highlightHomeBlock .right .blockVideo ul li.current, #highlightHomeBlock .right .blockVideo ul li:hover { position:relative; background-color:#f0ecec; } #highlightHomeBlock .right .blockVideo ul li a { padding:3px 0 0 0; display:block; height:21px; width:70px; } #highlightHomeBlock .right .blockVideo ul li.current a { width:90px; } #highlightHomeBlock .right .blockVideo img { margin:6px 0 0 0px; } /* Colonne de gauche Accueil */ #content .left { float:left; width:800px; } .interieur #content #contentBlock-1 { float:left; width:793px; } .home .five_columns a, .interieur #content #contentBlock-1 a { text-decoration:underline; color:#0000EE; } .home .five_columns a:hover, .interieur #content #contentBlock-1 a:hover { text-decoration:none; } #contentBlock-1 .indent { padding:0 0 0 0.7em; } .interieur #content #contentBlock-1 { margin-top:0em; min-height:150px; } .interieur #content #contentBlock-1 h1 { margin-top:0; } #contentBlock-1 p { margin:0; padding:0; text-align: justify; } #contentBlock-1 span { text-align: justify; } .home #corpus h2 { margin:0.5em; font-weight:bold; } .news img { position:relative; } .news p { color:#FFF; } .news li { float:left; position:relative; width:187px; height:187px; z-index:20; margin-right:13px; margin-bottom:13px; } a.rspeaker { display:block; width:20px; height:20px; position:absolute; top:2px; left:2px; z-index:550; } .news .caroussel_background { background-color: #000000; left:0; bottom: 0; min-height: 56px; opacity: 0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ position: absolute; width: 100%; } .news .caroussel_content { position: absolute; width: 177px; padding:3px 5px; bottom:0; left:0; min-height: 50px; z-index:50; } .news .caroussel_content .news_date { color:#50a7ff; font-weight:bold; margin-top:0.5em; display:block; } .news .caroussel_content .subheader { display:none; width:187px; height:187px; } .news .caroussel_content .subheader, .news .caroussel_content .subheader a { color:#FFF; } p.subheader{ text-align:justify; width:97% !important; } .news .caroussel_content .subheader a { display:block; width:167px; height:127px; position:relative; z-index:500; padding-top:50px; padding:50px 10px 10px 10px; } .news .caroussel_content .subheader a:hover { text-decoration:none; } .news .caroussel_content h3 { margin:0.25em 0 0 0; font-size:1.2em; } .news .caroussel_content h3 a { color:#FFF; } .news .caroussel_content h3 a:hover { text-decoration:none; } /* Colonne de droite Accueil */ .interieur .agendaCalendar, .interieur .highlight.menu, #content .right, #content .colright, #content #contentBlock-2 { float:right; width:180px; /*margin-top:53px;*/ } .interieur .newscalendarTooltip, { display:none; } .interieur .colright .agendaCalendar, .interieur .colright .highlight.menu, #content .colright .right, #content .colright #contentBlock-2 { float: none; width: 100%; } .interieur .colright .highlight.menu { padding-bottom: 1px; } .home #content .right { margin-top:3.7em; } .interieur .highlight.menu { margin-top:-1.5em; } .right .tx-ttnews, #contentBlock-2 .tx-ttnews { background-color:#888; } #content .right h2, #content #contentBlock-2 h2 { color:#FFF; margin:0 5px 0em 5px; font-weight:bold; padding:5px 0 5px 0px; } #content #contentBlock-2 h2 { font-weight:normal; } .home #content .right .agendaCalendar h2 { border-bottom:1px solid #757575; } .calendar-table { width:100%; padding-top:0.25em; border-collapse:collapse; } .calendar-table th, .calendar-table td { text-align:center; border:1px solid #bfbfbf; padding:3px; } .calendar-table td, .calendar-table td a { color:#3c3b3b; } .calendar-table td a { font-weight:bold; } .calendar-table th { color:#000; font-weight:normal; } .calendar-table tr { background-color:#FFF; } .calendar-table tr.calendar-header { background-color:#888; height:1.5em; border-left:1px solid #888; border-right:1px solid #888; } .calendar-table tr.calendar-header td { border:none; } .calendar-table tr.calendar-header td.columYear, .calendar-table tr.calendar-header a { color:#FFF; font-weight:normal; } .calendar-table .linked_today, .calendar-table .linked_today_nolink { background-color:#bfbfbf; } .calendar-table .calendar_cat { border-bottom:none; } .calendar-table .bottomMonthLink, .calendar-table .calendar_cat { text-align:left; } .calendar-table .calendar_cat p, .calendar-table .calendar_cat form{ margin:0.5em; } .calendar-table .calendar_cat p, .calendar-table .calendar_cat select, .calendar-table .bottomMonthLink a { color:#767676; font-weight:normal; } .calendar-table .calendar_cat select { width:100%; } .calendar-table .bottomMonthLink { border-top:none; } .calendar-table .bottomMonthLink a { display:block; margin:0em 0.5em 0.5em 0.5em; text-decoration:underline; } .calendar-table .bottomMonthLink a:hover { text-decoration:none; } /* Bloc de mise en avant accueil */ #content .highlightLink { width:99.5%; /* < 100 pour l'alignement avec le calendrier (2px pour les bordures) */ background-color:#f5f5f5; border:1px solid #d7d7d7; margin:0.5em 0; } #content .highlightLink h2 { /*font-family: 'Yanone Kaffeesatz', sans-serif;*/ font-family: 'yanone_kaffeesatz_thinregular', sans-serif; font-weight:normal; margin:0; padding:0; font-size:1.9em; } #content .highlightLink h2, #content .highlightLink h2 a { color:#767676; display:block; } #content .highlightLink h2 a { padding:12px 0 12px 50px; } #content .highlightLink h2 a:hover { text-decoration:none; } #content .highlightLink.planguide h2 { background: url(images/highlightLink_planguide.gif) no-repeat 10px center; } #content .highlightLink.newsletter h2 { background: url(images/highlightLink_newsletter.gif) no-repeat 10px center; } #content .highlightLink.servicepublic { background-color:#edf4f7; } #content .highlightLink img { margin:0; } #content .highlightLink.servicepublic a { padding:0; } /* Bloc 5 colonnes */ .five_columns { float:left; width:100% } .five_columns h3 { font-size:0.85em; margin:0; } .five_columns p { margin:0.5em 0 0.5em 0; } .five_columns .col1, .five_columns .col2, .five_columns .col3, .five_columns .col4, .five_columns .col5 { float:left; width:18%; } .five_columns .col2, .five_columns .col3, .five_columns .col4, .five_columns .col5 { margin-left:2.5%; } #footer { clear:both; margin-top:2em; } #footer p { font-weight:bold; /*margin-bottom:0.5em; modification na 23/12/2013*/ margin-bottom : 2.2em; color:#393939; } #footer span { font-weight:normal; margin-left:1.5em; } #footer hr { border-top:none; border-left:none; border-right:none; border-bottom:1px solid #dadada; } #footer ul li { float:left; list-style:none; margin: 0 0em 0 3em; padding: 0 3em 0 0em; background: url(images/toplink_separator.gif) no-repeat right center; } #footer ul li.last { background:none; } #footer ul li a { color:#4f8cc9; } #footer img { float:right; } /* Pages int?rieures */ /*.interieur #menu .menuTop { margin:8px 0 0px 0; } .interieur #menu .menuTop li.current, .interieur #menu .menuTop li.hover, .interieur #menu .menuTop li:hover { height:48px;/*45*/ }*/ .interieur #menu .menuTop li.current a { position:relative; height:94%; } .interieur #menu .menuTop li.current span.arrow { background:url(images/menu_current.gif) no-repeat bottom center; display:block; width:13px; height:7px; position:absolute; left:40%;/*45*/ bottom:-16px;/*-16*/ z-index:2; } /*.interieur #menu .menuTop li ul li.hover, .interieur #menu .menuTop li ul li:hover { height:375px; }*/ .interieur #menu .menuTop li ul li ul li.hover, .interieur #menu .menuTop li ul li ul li:hover { height:auto; } .interieur #menu .menuTop li.hover ul, .interieur #menu .menuTop li:hover ul { margin-top:-10px; } .interieur #menu .menuTop li.hover ul ul, .interieur #menu .menuTop li:hover ul ul { margin:0; } .interieur .toplinks li { background-image: url(images/toplink_separator_interior.png); } .interieur .toplinks li.last { background:none; } /* Toolbox */ .rss, .tx-rmaddthis-pi1, #readspeaker_button1, #rs_1 { float:right; } #readspeaker_button1 { margin-left:3px; margin-right:200px; margin-bottom:0.25em; } #toolBox { float:right; /*width:800px;*/ margin-right:200px; margin-bottom:5px; } #toolBox li { float:left; margin:0 0.3em; } /* Fil d'ariane */ p#ariane { margin:1em 0 0em 0; } /* Contenu */ #contentContainer { clear:both; float:left; width:100%; margin-top:-2em; } #contentContainer .left { float:left; width:79.5%; margin:0 2% 0 0; } #contentContainer .right { float:right; width:18%; } /* Colonne de droite pages internes */ .interieur .agendaCalendar, .interieur .highlight { margin:0 0 1em 0; } .interieur .highlight { width:100%; border-width:1px; border-style:solid; } .interieur .agendaCalendar h2, .interieur .highlight h2 { color: #FFFFFF; font-weight: normal; margin: 0 5px 0 8px ; padding: 5px 0; border:none; } .interieur .agendaCalendar h3, .interieur .highlight h3 { border:none; margin:0 0 0.25em 0; padding:0; color:#000000; font-size:1em; } .interieur .highlight .content { background-color:#FFF; padding:3% 5% 5% 5%; width:90%; } .interieur .highlight .content, .interieur .highlight .content h3, .interieur .highlight .content p { font-family:Arial, Verdana; } .interieur .highlight .content p { margin:0; color:#040404; } /* Menu colonne de droite */ .interieur .highlight.menu { border:none; } .interieur .highlight.menu .content { padding:0; width:100%; } .interieur .highlight.menu ul li { padding:0 0% 0 11px; /*margin:0.25em 0;*/ margin:0.25em 1px 1px 0; /*width:94%;*/ } .interieur .highlight.menu ul li.first { margin-top:0; } .interieur .highlight.menu ul.submenu>li.current { margin-left:-2px; /* pour que la fl?che soit coll?e ? gauche malgr? la bordure */ background: url(images/arrow_white.png) no-repeat left 0.45em; } .interieur .highlight.menu ul li.current a { font-weight:bold; padding-left:7px; /* adaptation : pour que la fl?che soit coll?e ? gauche malgr? la bordure */ } .interieur .highlight.menu ul li.last a { border:none; } .interieur .highlight.menu ul.submenu2 li.current a .text{ /*text-decoration:underline;*/ } .interieur .highlight.menu ul.submenu2 li .chevron { padding-right:4px; } .interieur .highlight.menu ul li a { color:#FFF; display:block; width:91%; padding:5px 0 7px 5px; border-bottom-width:1px; border-bottom-style:solid; } .interieur .highlight.menu ul li a:hover { text-decoration:none; color:#DDD; } /* Contact Colonne de droite */ .interieur .highlight.contact .content p a { display:block; color:#767676; padding-left:1.25em; margin-top:1em; background: url(images/contact_link.gif) no-repeat left center; } /* Agenda Colonne de droite */ .interieur .highlight.agenda { border:none; } .calendar-table th, .calendar-table td { border-width:1px; border-style:solid; } .interieur .highlight.agenda h2 { border-width:1px; border-style:solid; } /* Cat?gories */ /* D?fault */ .interieur .highlight.menu ul.submenu2 li a{ color: #454548; } .interieur #corpus .highlight.menu ul.submenu2 { margin-left:-8px; margin-bottom:-1px; background-color:#FFF; } .interieur .agendaCalendar .calendar-table tr.calendar-header, .interieur #headerContainer, .interieur .agendaCalendar, .interieur .highlight, .highlight.menu ul { background-color:#454548; } .highlight, .calendar-table th, .calendar-table td, .interieur .calendar-table tr.calendar-header { border-color:#454548; } .interieur .calendar-table tr.calendar-header, .interieur .calendar-table th, .interieur.calendar-table td, .interieur .highlight.agenda h2 { border-bottom-color:#888; } .interieur .highlight.menu ul li a { border-bottom-color:#888; } .interieur .headerTopSearch .logo h1 a { color:#FFF; } .interieur .toplinks li, .interieur .toplinks li a { color:#FFF; } #menuContainer #menu .menuTop li.current li a, #menuContainer #menu .menuTop li.hover li a , #menuContainer #menu .menuTop li li a:hover, #menuContainer #menu .menuTop li:hover li a { color:#717171; } #menuContainer #menu .menuTop li.current li li a{ color:inherit; } #menuContainer #menu .menuTop li.current a, #menuContainer #menu .menuTop li.hover a , #menuContainer #menu .menuTop li a:hover, #menuContainer #menu .menuTop li:hover a { color:#FFF; } #menuContainer #menu .menuTop li.current li a, #menuContainer #menu .menuTop li.hover li a , #menuContainer #menu .menuTop li li a:hover, #menuContainer #menu .menuTop li:hover li a { color:#717171; } #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } /*Actualit?s / Vid?o */ .actuvideo #headerContainer, .actuvideo .agendaCalendar, .actuvideo .highlight, .actuvideo .highlight.menu ul { background-color:#62af50; } .actuvideo.interieur .highlight.menu ul.submenu2 li a { color:#62af50; } .interieur.actuvideo .highlight, .actuvideo .calendar-table th, .actuvideo .calendar-table td, .interieur.actuvideo .highlight .calendar-table tr.calendar-header { border-color:#62af50; } .interieur.actuvideo .calendar-table tr.calendar-header, .interieur.actuvideo .calendar-table th, .interieur.actuvideo .calendar-table td, .interieur.actuvideo .highlight.agenda h2 { border-color:#62AF50; } .interieur.actuvideo .calendar-table tr.calendar-header{ background-color:#62AF50; } .interieur.cadrevie .highlight.menu ul li a { border-bottom-color:#91b533; } .interieur.actuvideo .headerTopSearch .logo h1 a { color:#FFF; } .interieur.actuvideo .toplinks li, .interieur.actuvideo .toplinks li a { color:#FFF; } .actuvideo #menuContainer #menu .menuTop li.current a, .actuvideo #menuContainer #menu .menuTop li.hover a , .actuvideo #menuContainer #menu .menuTop li a:hover, .actuvideo #menuContainer #menu .menuTop li:hover a { color:#FFF; } .actuvideo #menuContainer #menu .menuTop li.current li a, .actuvideo #menuContainer #menu .menuTop li.hover li a , .actuvideo #menuContainer #menu .menuTop li li a:hover, .actuvideo #menuContainer #menu .menuTop li:hover li a { color:#717171; } .actuvideo #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } /* Cadre de vie */ .interieur.cadrevie .agendaCalendar .calendar-table tr.calendar-header, .interieur.cadrevie #headerContainer, .interieur.cadrevie .agendaCalendar, .cadrevie .highlight, .cadrevie .highlight.menu ul { background-color:#91b533; } .cadrevie.interieur .highlight.menu ul.submenu2 li a { color:#91b533; } .interieur.cadrevie .highlight, .cadrevie .calendar-table th, .cadrevie .calendar-table td, .interieur.cadrevie .highlight .calendar-table tr.calendar-header { border-color:#91b533; } .interieur.cadrevie .calendar-table tr.calendar-header, .interieur.cadrevie .calendar-table th, .interieur.cadrevie .calendar-table td, .interieur.cadrevie .highlight.agenda h2 { border-color:#91B533; } .interieur.cadrevie .highlight.menu ul li a { border-bottom-color:#62af50; } .interieur.cadrevie .headerTopSearch .logo h1 a { color:#FFF; } .interieur.cadrevie .toplinks li, .interieur.cadrevie .toplinks li a { color:#FFF; } .cadrevie #menuContainer #menu .menuTop li.current a, .cadrevie #menuContainer #menu .menuTop li.hover a , .cadrevie #menuContainer #menu .menuTop li a:hover, .cadrevie #menuContainer #menu .menuTop li:hover a { color:#FFF; } .cadrevie #menuContainer #menu .menuTop li.current li a, .cadrevie #menuContainer #menu .menuTop li.hover li a , .cadrevie #menuContainer #menu .menuTop li li a:hover, .cadrevie #menuContainer #menu .menuTop li:hover li a { color:#717171; } .cadrevie #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } /* Culture / Sports */ .interieur.culturesport .agendaCalendar .calendar-table tr.calendar-header, .interieur.culturesport #headerContainer, .interieur.culturesport .agendaCalendar, .interieur.culturesport .highlight, .interieur.culturesport .highlight.menu ul { background-color:#e1a02a; } .culturesport.interieur .highlight.menu ul.submenu2 li a { color:#e1a02a; } .interieur.culturesport .highlight, .culturesport .calendar-table th, .culturesport .calendar-table td, .interieur.culturesport .calendar-table tr.calendar-header { border-color:#e1a02a; } .interieur.culturesport .calendar-table tr.calendar-header, .interieur.culturesport .calendar-table th, .interieur.culturesport.calendar-table td, .interieur.culturesport .highlight.agenda h2 { border-bottom-color:#d56d28; } .interieur.culturesport .highlight.menu ul li a { border-bottom-color:#d56d28; } .interieur.culturesport .headerTopSearch .logo h1 a { color:#FFF; } .interieur.culturesport .toplinks li, .interieur.culturesport .toplinks li a { color:#FFF; } .culturesport #menuContainer #menu .menuTop li.current li a, .culturesport #menuContainer #menu .menuTop li.hover li a , .culturesport #menuContainer #menu .menuTop li li a:hover, .culturesport #menuContainer #menu .menuTop li:hover li a { color:#717171; } .culturesport #menuContainer #menu .menuTop li.current a, .culturesport #menuContainer #menu .menuTop li.hover a , .culturesport #menuContainer #menu .menuTop li a:hover, .culturesport #menuContainer #menu .menuTop li:hover a { color:#FFF; } .culturesport #menuContainer #menu .menuTop li.current li a, .culturesport #menuContainer #menu .menuTop li.hover li a , .culturesport #menuContainer #menu .menuTop li li a:hover, .culturesport #menuContainer #menu .menuTop li:hover li a { color:#717171; } .culturesport #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } /* D?marches administratives - Renommé Etat Civil - ANCIEN .demarcheadmin #menu .menuTop li.current, .demarcheadmin #menu .menuTop li.hover, .demarcheadmin #menu .menuTop li:hover, .interieur.demarcheadmin .agendaCalendar .calendar-table tr.calendar-header, .demarcheadmin #menu .menuTop li.hover ul, .demarcheadmin #menu .menuTop li:hover ul, .interieur.demarcheadmin #headerContainer, .interieur.demarcheadmin .agendaCalendar, .interieur.demarcheadmin .highlight, .interieur.demarcheadmin .highlight.menu ul, #menuContainer #menu .menuTop li.menu_2555:hover, #menuContainer #menu .menuTop li.menu_2555:hover ul { background-color:#d56d28; } .demarcheadmin.interieur .highlight.menu ul.submenu2 li a { color:#d56d28; } .interieur.demarcheadmin .highlight, .demarcheadmin .calendar-table th, .demarcheadmin .calendar-table td, .interieur.demarcheadmin .calendar-table tr.calendar-header { border-color:#d56d28; } .interieur.demarcheadmin .calendar-table tr.calendar-header, .interieur.demarcheadmin .calendar-table th, .interieur.demarcheadmin.calendar-table td, .interieur.demarcheadmin .highlight.agenda h2 { border-bottom-color:#e1a02a; } .interieur.demarcheadmin .highlight.menu ul li a { border-bottom-color:#e1a02a; } .interieur.demarcheadmin .headerTopSearch .logo h1 a { color:#FFF; } .interieur.demarcheadmin .toplinks li, .interieur.demarcheadmin .toplinks li a { color:#FFF; } .demarcheadmin #menuContainer #menu .menuTop li.current li a, .demarcheadmin #menuContainer #menu .menuTop li.hover li a , .demarcheadmin #menuContainer #menu .menuTop li li a:hover, .demarcheadmin #menuContainer #menu .menuTop li:hover li a { color:#717171; } .demarcheadmin #menuContainer #menu .menuTop li.current a, .demarcheadmin #menuContainer #menu .menuTop li.hover a , .demarcheadmin #menuContainer #menu .menuTop li a:hover, .demarcheadmin #menuContainer #menu .menuTop li:hover a { color:#FFF; } .demarcheadmin #menuContainer #menu .menuTop li.current li a, .demarcheadmin #menuContainer #menu .menuTop li.hover li a , .demarcheadmin #menuContainer #menu .menuTop li li a:hover, .demarcheadmin #menuContainer #menu .menuTop li:hover li a { color:#717171; } */ /* D?marches administratives - Renommé Etat Civil - NOUVEAU */ .interieur.demarcheadmin .agendaCalendar .calendar-table tr.calendar-header, .interieur.demarcheadmin #headerContainer, .interieur.demarcheadmin .agendaCalendar, .interieur.demarcheadmin .highlight, .interieur.demarcheadmin .highlight.menu ul { background-color:#922083; } .demarcheadmin.interieur .highlight.menu ul.submenu2 li a { color:#922083; } .interieur.demarcheadmin .highlight, .demarcheadmin .calendar-table th, .demarcheadmin .calendar-table td, .interieur.demarcheadmin .calendar-table tr.calendar-header { border-color:#922083; } .interieur.demarcheadmin .calendar-table tr.calendar-header, .interieur.demarcheadmin .calendar-table th, .interieur.demarcheadmin.calendar-table td, .interieur.demarcheadmin .highlight.agenda h2 { border-bottom-color:#cc1b55; } .interieur.demarcheadmin .highlight.menu ul li a { border-bottom-color:#cc1b55; } .interieur.demarcheadmin .headerTopSearch .logo h1 a { color:#FFF; } .interieur.demarcheadmin .toplinks li, .interieur.demarcheadmin .toplinks li a { color:#FFF; } .demarcheadmin #menuContainer #menu .menuTop li.current li a, .demarcheadmin #menuContainer #menu .menuTop li.hover li a , .demarcheadmin #menuContainer #menu .menuTop li li a:hover, .demarcheadmin #menuContainer #menu .menuTop li:hover li a { color:#717171; } .demarcheadmin #menuContainer #menu .menuTop li.current a, .demarcheadmin #menuContainer #menu .menuTop li.hover a , .demarcheadmin #menuContainer #menu .menuTop li a:hover, .demarcheadmin #menuContainer #menu .menuTop li:hover a { color:#FFF; } .demarcheadmin #menuContainer #menu .menuTop li.current li a, .demarcheadmin #menuContainer #menu .menuTop li.hover li a , .demarcheadmin #menuContainer #menu .menuTop li li a:hover, .demarcheadmin #menuContainer #menu .menuTop li:hover li a { color:#717171; } .demarcheadmin #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } /* Economie / Emploi ANCIEN .ecoemploi #menu .menuTop li.current, .ecoemploi #menu .menuTop li.hover, .ecoemploi #menu .menuTop li:hover, .interieur.ecoemploi .agendaCalendar .calendar-table tr.calendar-header, .ecoemploi #menu .menuTop li.hover ul, .ecoemploi #menu .menuTop li:hover ul, .interieur.ecoemploi #headerContainer, .interieur.ecoemploi .agendaCalendar, .interieur.ecoemploi .highlight, .interieur.ecoemploi .highlight.menu ul, #menuContainer #menu .menuTop li.menu_4395:hover, #menuContainer #menu .menuTop li.menu_4395:hover ul { background-color:#cc1b55; } .ecoemploi.interieur .highlight.menu ul.submenu2 li a { color:#cc1b55; } .interieur.ecoemploi .highlight, .ecoemploi .calendar-table th, .ecoemploi .calendar-table td, .interieur.ecoemploi .calendar-table tr.calendar-header { border-color:#cc1b55; } .interieur.ecoemploi .calendar-table tr.calendar-header, .interieur.ecoemploi .calendar-table th, .interieur.ecoemploi.calendar-table td, .interieur.ecoemploi .highlight.agenda h2 { border-bottom-color:#922083; } .interieur.ecoemploi .highlight.menu ul li a { border-bottom-color:#922083; } .interieur.ecoemploi .headerTopSearch .logo h1 a { color:#FFF; } .interieur.ecoemploi .toplinks li, .interieur.ecoemploi .toplinks li a { color:#FFF; } .ecoemploi #menuContainer #menu .menuTop li.current li a, .ecoemploi #menuContainer #menu .menuTop li.hover li a , .ecoemploi #menuContainer #menu .menuTop li li a:hover, .ecoemploi #menuContainer #menu .menuTop li:hover li a { color:#717171; } .ecoemploi #menuContainer #menu .menuTop li.current a, .ecoemploi #menuContainer #menu .menuTop li.hover a , .ecoemploi #menuContainer #menu .menuTop li a:hover, .ecoemploi #menuContainer #menu .menuTop li:hover a { color:#FFF; } .ecoemploi #menuContainer #menu .menuTop li.current li a, .ecoemploi #menuContainer #menu .menuTop li.hover li a , .ecoemploi #menuContainer #menu .menuTop li li a:hover, .ecoemploi #menuContainer #menu .menuTop li:hover li a { color:#717171; } */ /* Economie / Emploi NOUVEAU */ .interieur.ecoemploi .agendaCalendar .calendar-table tr.calendar-header,.interieur.ecoemploi #headerContainer, .interieur.ecoemploi .agendaCalendar, .interieur.ecoemploi .highlight, .interieur.ecoemploi .highlight.menu ul { background-color:#d56d28; } .ecoemploi.interieur .highlight.menu ul.submenu2 li a { color:#d56d28; } .interieur.ecoemploi .highlight, .ecoemploi .calendar-table th, .ecoemploi .calendar-table td, .interieur.ecoemploi .calendar-table tr.calendar-header { border-color:#d56d28; } .interieur.ecoemploi .calendar-table tr.calendar-header, .interieur.ecoemploi .calendar-table th, .interieur.ecoemploi.calendar-table td, .interieur.ecoemploi .highlight.agenda h2 { border-bottom-color:#e1a02a; } .interieur.ecoemploi .highlight.menu ul li a { border-bottom-color:#e1a02a; } .interieur.ecoemploi .headerTopSearch .logo h1 a { color:#FFF; } .interieur.ecoemploi .toplinks li, .interieur.ecoemploi .toplinks li a { color:#FFF; } .ecoemploi #menuContainer #menu .menuTop li.current li a, .ecoemploi #menuContainer #menu .menuTop li.hover li a , .ecoemploi #menuContainer #menu .menuTop li li a:hover, .ecoemploi #menuContainer #menu .menuTop li:hover li a { color:#717171; } .ecoemploi #menuContainer #menu .menuTop li.current a, .ecoemploi #menuContainer #menu .menuTop li.hover a , .ecoemploi #menuContainer #menu .menuTop li a:hover, .ecoemploi #menuContainer #menu .menuTop li:hover a { color:#FFF; } .ecoemploi #menuContainer #menu .menuTop li.current li a, .ecoemploi #menuContainer #menu .menuTop li.hover li a , .ecoemploi #menuContainer #menu .menuTop li li a:hover, .ecoemploi #menuContainer #menu .menuTop li:hover li a { color:#717171; } .ecoemploi #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } /* Enfance / Jeunesse ANCIEN .enfantjeune #menu .menuTop li.current, .enfantjeune #menu .menuTop li.hover, .enfantjeune #menu .menuTop li:hover, .interieur.enfantjeune .agendaCalendar .calendar-table tr.calendar-header, .enfantjeune #menu .menuTop li.hover ul, .enfantjeune #menu .menuTop li:hover ul, .interieur.enfantjeune #headerContainer, .interieur.enfantjeune .agendaCalendar, .interieur.enfantjeune .highlight, .interieur.enfantjeune .highlight.menu ul, #menuContainer #menu .menuTop li.menu_4396:hover, #menuContainer #menu .menuTop li.menu_4396:hover ul { background-color:#922083; } .enfantjeune.interieur .highlight.menu ul.submenu2 li a { color:#922083; } .interieur.enfantjeune .highlight, .enfantjeune .calendar-table th, .enfantjeune .calendar-table td, .interieur.enfantjeune .calendar-table tr.calendar-header { border-color:#922083; } .interieur.enfantjeune .calendar-table tr.calendar-header, .interieur.enfantjeune .calendar-table th, .interieur.enfantjeune.calendar-table td, .interieur.enfantjeune .highlight.agenda h2 { border-bottom-color:#cc1b55; } .interieur.enfantjeune .highlight.menu ul li a { border-bottom-color:#cc1b55; } .interieur.enfantjeune .headerTopSearch .logo h1 a { color:#FFF; } .interieur.enfantjeune .toplinks li, .interieur.enfantjeune .toplinks li a { color:#FFF; } .enfantjeune #menuContainer #menu .menuTop li.current li a, .enfantjeune #menuContainer #menu .menuTop li.hover li a , .enfantjeune #menuContainer #menu .menuTop li li a:hover, .enfantjeune #menuContainer #menu .menuTop li:hover li a { color:#717171; } .enfantjeune #menuContainer #menu .menuTop li.current a, .enfantjeune #menuContainer #menu .menuTop li.hover a , .enfantjeune #menuContainer #menu .menuTop li a:hover, .enfantjeune #menuContainer #menu .menuTop li:hover a { color:#FFF; } .enfantjeune #menuContainer #menu .menuTop li.current li a, .enfantjeune #menuContainer #menu .menuTop li.hover li a , .enfantjeune #menuContainer #menu .menuTop li li a:hover, .enfantjeune #menuContainer #menu .menuTop li:hover li a { color:#717171; } */ /* Enfance / Jeunesse NOUVEAU */ .interieur.enfantjeune .agendaCalendar .calendar-table tr.calendar-header, .interieur.enfantjeune #headerContainer, .interieur.enfantjeune .agendaCalendar, .interieur.enfantjeune .highlight, .interieur.enfantjeune .highlight.menu ul { background-color:#cc1b55; } .enfantjeune.interieur .highlight.menu ul.submenu2 li a { color:#cc1b55; } .interieur.enfantjeune .highlight, .enfantjeune .calendar-table th, .enfantjeune .calendar-table td, .interieur.enfantjeune .calendar-table tr.calendar-header { border-color:#cc1b55; } .interieur.enfantjeune .calendar-table tr.calendar-header, .interieur.enfantjeune .calendar-table th, .interieur.enfantjeune.calendar-table td, .interieur.enfantjeune .highlight.agenda h2 { border-bottom-color:#922083; } .interieur.enfantjeune .highlight.menu ul li a { border-bottom-color:#922083; } .interieur.enfantjeune .headerTopSearch .logo h1 a { color:#FFF; } .interieur.enfantjeune .toplinks li, .interieur.enfantjeune .toplinks li a { color:#FFF; } .enfantjeune #menuContainer #menu .menuTop li.current li a, .enfantjeune #menuContainer #menu .menuTop li.hover li a , .enfantjeune #menuContainer #menu .menuTop li li a:hover, .enfantjeune #menuContainer #menu .menuTop li:hover li a { color:#717171; } .enfantjeune #menuContainer #menu .menuTop li.current a, .enfantjeune #menuContainer #menu .menuTop li.hover a , .enfantjeune #menuContainer #menu .menuTop li a:hover, .enfantjeune #menuContainer #menu .menuTop li:hover a { color:#FFF; } .enfantjeune #menuContainer #menu .menuTop li.current li a, .enfantjeune #menuContainer #menu .menuTop li.hover li a , .enfantjeune #menuContainer #menu .menuTop li li a:hover, .enfantjeune #menuContainer #menu .menuTop li:hover li a { color:#717171; } .enfantjeune #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } /* Pratique / Services en ligne */ .interieur.pratiqueservice .agendaCalendar .calendar-table tr.calendar-header, .interieur.pratiqueservice #headerContainer, .interieur.pratiqueservice .agendaCalendar, .interieur.pratiqueservice .highlight, .interieur.pratiqueservice .highlight.menu ul { background-color:#641557; } .pratiqueservice.interieur .highlight.menu ul.submenu2 li a { color:#641557; } .interieur.pratiqueservice .highlight, .pratiqueservice .calendar-table th, .pratiqueservice .calendar-table td, .interieur.pratiqueservice .calendar-table tr.calendar-header { border-color:#641557; } .interieur.pratiqueservice .calendar-table tr.calendar-header, .interieur.pratiqueservice .calendar-table th, .interieur.pratiqueservice.calendar-table td, .interieur.pratiqueservice .highlight.agenda h2 { border-bottom-color:#85477B; } .interieur.pratiqueservice .highlight.menu ul li a { border-bottom-color:#85477B; } .interieur.pratiqueservice .headerTopSearch .logo h1 a { color:#FFF; } .interieur.pratiqueservice .toplinks li, .interieur.pratiqueservice .toplinks li a { color:#FFF; } .pratiqueservice #menuContainer #menu .menuTop li.current li a, .pratiqueservice #menuContainer #menu .menuTop li.hover li a , .pratiqueservice #menuContainer #menu .menuTop li li a:hover, .pratiqueservice #menuContainer #menu .menuTop li:hover li a { color:#717171; } .pratiqueservice #menuContainer #menu .menuTop li.current a, .pratiqueservice #menuContainer #menu .menuTop li.hover a , .pratiqueservice #menuContainer #menu .menuTop li a:hover, .pratiqueservice #menuContainer #menu .menuTop li:hover a { color:#FFF; } .pratiqueservice #menuContainer #menu .menuTop li.current li a, .pratiqueservice #menuContainer #menu .menuTop li.hover li a , .pratiqueservice #menuContainer #menu .menuTop li li a:hover, .pratiqueservice #menuContainer #menu .menuTop li:hover li a { color:#717171; } .pratiqueservice #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } /* Solidarit? / Sant? */ .interieur.solidaritesante .agendaCalendar .calendar-table tr.calendar-header, .interieur.solidaritesante #headerContainer, .interieur.solidaritesante .agendaCalendar, .interieur.solidaritesante .highlight, .interieur.solidaritesante .highlight.menu ul { background-color:#3c6ab7; } .solidaritesante.interieur .highlight.menu ul.submenu2 li a { color:#3c6ab7; } .interieur.solidaritesante .highlight, .solidaritesante .calendar-table th, .solidaritesante .calendar-table td, .interieur.solidaritesante .calendar-table tr.calendar-header { border-color:#3c6ab7; } .interieur.solidaritesante .calendar-table tr.calendar-header, .interieur.solidaritesante .calendar-table th, .interieur.solidaritesante.calendar-table td, .interieur.solidaritesante .highlight.agenda h2 { border-bottom-color:#5ba1e1; } .interieur.solidaritesante .highlight.menu ul li a { border-bottom-color:#5ba1e1; } .interieur.solidaritesante .headerTopSearch .logo h1 a { color:#FFF; } .interieur.solidaritesante .toplinks li, .interieur.solidaritesante .toplinks li a { color:#FFF; } .solidaritesante #menuContainer #menu .menuTop li.current li a, .solidaritesante #menuContainer #menu .menuTop li.hover li a , .solidaritesante #menuContainer #menu .menuTop li li a:hover, .solidaritesante #menuContainer #menu .menuTop li:hover li a { color:#717171; } .solidaritesante #menuContainer #menu .menuTop li.current a, .solidaritesante #menuContainer #menu .menuTop li.hover a , .solidaritesante #menuContainer #menu .menuTop li a:hover, .solidaritesante #menuContainer #menu .menuTop li:hover a { color:#FFF; } .solidaritesante #menuContainer #menu .menuTop li.current li a, .solidaritesante #menuContainer #menu .menuTop li.hover li a , .solidaritesante #menuContainer #menu .menuTop li li a:hover, .solidaritesante #menuContainer #menu .menuTop li:hover li a { color:#717171; } .solidaritesante #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } /* Vie municipale / D?mocratie locale */ .interieur.viemunicipale .agendaCalendar .calendar-table tr.calendar-header, .interieur.viemunicipale #headerContainer, .interieur.viemunicipale .agendaCalendar, .interieur.viemunicipale .highlight, .interieur.viemunicipale .highlight.menu ul { background-color:#5ba1e1; } .viemunicipale.interieur .highlight.menu ul.submenu2 li a { color:#5ba1e1; } .interieur.viemunicipale .highlight, .viemunicipale .calendar-table th, .viemunicipale .calendar-table td, .interieur.viemunicipale .calendar-table tr.calendar-header { border-color:#5ba1e1; } .interieur.viemunicipale .calendar-table tr.calendar-header, .interieur.viemunicipale .calendar-table th, .interieur.viemunicipale.calendar-table td, .interieur.viemunicipale .highlight.agenda h2 { border-bottom-color:#3c6ab7; } .interieur.viemunicipale .highlight.menu ul li a { border-bottom-color:#3c6ab7; } .interieur.viemunicipale .headerTopSearch .logo h1 a { color:#FFF; } .interieur.viemunicipale .toplinks li, .interieur.viemunicipale .toplinks li a { color:#FFF; } .viemunicipale #menuContainer #menu .menuTop li.current li a, .viemunicipale #menuContainer #menu .menuTop li.hover li a , .viemunicipale #menuContainer #menu .menuTop li li a:hover, .viemunicipale #menuContainer #menu .menuTop li:hover li a { color:#717171; } .viemunicipale #menuContainer #menu .menuTop li.current a, .viemunicipale #menuContainer #menu .menuTop li.hover a , .viemunicipale #menuContainer #menu .menuTop li a:hover, .viemunicipale #menuContainer #menu .menuTop li:hover a { color:#FFF; } .viemunicipale #menuContainer #menu .menuTop li.current li a, .viemunicipale #menuContainer #menu .menuTop li.hover li a , .viemunicipale #menuContainer #menu .menuTop li li a:hover, .viemunicipale #menuContainer #menu .menuTop li:hover li a { color:#717171; } .viemunicipale #menuContainer #menu .menuTop .submenu>ul>li>a:hover { color:#744200; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-size: 0.7em; font-style: italic; } /* R?sultats de recherche */ .tx-indexedsearch-res table { font-size: 0.8em; border-top: solid 1px #E8E8E8; padding: 1em 0 0; margin: 1em 0 0; } .tx-indexedsearch-res { border-bottom: solid 1px #E8E8E8; padding: 0 0 1em; margin: 0 0 1em; } .tx-indexedsearch-res .tx-indexedsearch-res { margin: 0; padding: 0; border-bottom: 0 none; } #content #contentBlock-1 .tx-indexedsearch-res table td.tx-indexedsearch-title a, .tx-indexedsearch-res table td.tx-indexedsearch-title a, .tx-indexedsearch-res table td.tx-indexedsearch-title, .tx-indexedsearch-res table td.tx-indexedsearch-percent { color: #50A7FF; } #content #contentBlock-1 .tx-indexedsearch-res table td.tx-indexedsearch-title a, .tx-indexedsearch-res table td.tx-indexedsearch-title a { text-decoration: underline; } #content #contentBlock-1 .tx-indexedsearch-res table td.tx-indexedsearch-title a:hover, .tx-indexedsearch-res table td.tx-indexedsearch-title a:hover { text-decoration: none; } #contentBlock-1 .tx-indexedsearch .tx-indexedsearch-res table td.tx-indexedsearch-info, .tx-indexedsearch .tx-indexedsearch-res table td.tx-indexedsearch-info { background: none; font-size: 0.9em; padding: 0.5em 0 0; } #contentBlock-1 .tx-indexedsearch .tx-indexedsearch-res table td.tx-indexedsearch-descr, .tx-indexedsearch .tx-indexedsearch-res table td.tx-indexedsearch-descr { font-size: 0.9em; font-style: normal; padding: 0.5em 0 0; } .tx-indexedsearch .tx-indexedsearch-whatis { } .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-style: normal; } .tx-indexedsearch-searchbox { } .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { background: none; border: solid 2px #454548; background: #454548; color: #FFFFFF; cursor: pointer; } .tx-indexedsearch-searchbox label { font-size: 0.8em; float: left; width: 11em; } .tx-indexedsearch-searchbox select, .tx-indexedsearch-searchbox input{ float: left; margin: 0 0.5em 0 0; } .tx-indexedsearch-searchbox div { margin: 0.5em 0; float: left; clear: both; width: 100%; } /* #17534 */ /* #menuContainer #menu .menuTop .menu_4392 .submenu>ul>.last { position: absolute; top: 200px; width: 172px; } #menuContainer #menu .menuTop .menu_4398 .submenu>ul>.last { position: absolute; top: 180px; width: 172px; }*/ /* Fin #17534 */ .tx-kesmallads-pi1-listrow, .tx-kesmallads-pi1-listrow-odd { margin-bottom: 30px; } .tx-kesmallads-pi1-listrow h2, .tx-kesmallads-pi1-listrow-odd h2 { margin-top: 0; } /* #19300 */ .art .textimg { margin-top:8px; } /* Fin #19300 */ /**********Modif remplacement dechevron submenu******/ .cadrevie .submenu2 li.current{ background-repeat:no-repeat; background-position: 3px 7px; background-image:url(./images/puce_verte.png); } .actuvideo .submenu2 li.current{ background-repeat:no-repeat; background-position: 3px 7px; background-image:url(./images/puce_verte_fonce.png); } .viemunicipale .submenu2 li.current{ background-repeat:no-repeat; background-position: 3px 7px; background-image:url(./images/puce_bleu_clair.png); } .ecoemploi .submenu2 li.current{ background-repeat:no-repeat; background-position: 3px 7px; background-image:url(./images/puce_orange.png); } .enfantjeune .submenu2 li.current{ background-repeat:no-repeat; background-position: 3px 7px; background-image:url(./images/puce_rose_fonce.png); } .demarcheadmin .submenu2 li.current{ background-repeat:no-repeat; background-position: 3px 7px; background-image:url(./images/puce_violet.png); } .pratiqueservice .submenu2 li.current{ background-repeat:no-repeat; background-position: 3px 7px; background-image:url(./images/puce_violet_fonce.png); } .solidaritesante .submenu2 li.current{ background-repeat:no-repeat; background-position: 3px 7px; background-image:url(./images/puce_bleu_fonce.png); } .culturesport .submenu2 li.current{ background-repeat:no-repeat; background-position: 3px 7px; background-image:url(./images/puce_orange_clair.png); } #menu{ width:1170px; margin:0 auto; position:relative; font-size:1em; z-index:5001; } #dessous_bloc_menu{ background-image:url(../images/interface/bordure_dessous_bloc_menu.png); background-repeat:repeat-x; background-position:left top; height:13px; display:block; } /********************Nouveau Menu******************************/ #navigation_principale{ width:985px; float:left; z-index:2000; } #menu li.home { height:48px; padding:0; float:left; } #menuContainer #menu .menuTop li.home a { border-right:none; width:40px; height:48px; display:block; padding:0; background: url(images/home.gif) no-repeat left 5px; background-color:#454548; } .home #menuContainer #menu .menuTop > li.current, .home #menuContainer #menu .menuTop > li.hover, .home #menuContainer #menu .menuTop > li:hover { /*height:55px;*/ } #menu ul{ margin:0px 0 0 0; float:left; } #menu ul li.level1{ float:left; list-style-type:none; color:#717171; font-weight:bold; border-left:1px solid #ccc; padding:3px 10px; z-index:70; margin:0px; height:42px; } #menu ul li a, #menu ul li a:link, #menu ul li a:visited { color:#666; text-decoration:none; } #menu ul li.level1:hover { color:#FFF; } /******gestion des menus de niveau 1**********/ li.home a{ font-size:0; color:transparent; } .menu1{ width:70px; display:block; } li:hover.menu1{ width:70px; background-color:#62AF50; color:#FFF; } .menu1.active{ background-color:#62AF50; color:#FFF !important; } .menu2{ width:60px; display:block; } li:hover.menu2{ width:60px; background-color:#91B533; color:#FFF; } .menu2.active{ background-color:#91B533; color:#FFF !important; } .menu3{ width:60px; display:block; } li:hover.menu3{ width:60px; background-color:#E1A02A; color:#FFF; } .menu3.active{ background-color:#E1A02A; color:#FFF !important; } .menu4{ width:70px; display:block; } li:hover.menu4{ width:70px; background-color:#D56D28; color:#FFF; } .menu4.active{ background-color:#D56D28; color:#FFF !important; } .menu5{ width:70px; display:block; } li:hover.menu5{ width:70px; background-color:#CC1B55; color:#FFF; } .menu5.active{ background-color:#CC1B55; color:#FFF !important; } .menu6{ width:70px; display:block; } li:hover.menu6{ width:70px; background-color:#922083; color:#FFF; } .menu6.active{ background-color:#922083; color:#FFF !important; } .menu7{ width:110px; display:block; } li:hover.menu7{ width:110px; background-color:#641557; color:#FFF; } .menu7.active{ background-color:#641557; color:#FFF !important; } .menu8{ width:70px; display:block; } li:hover.menu8{ width:70px; /*background-color:#922083;*/ background-color:#3c6ab7; color:#FFF; } .menu8.active{ /*background-color:#922083;*/ background-color:#3c6ab7; color:#FFF !important; } .menu9{ width:120px; display:block; } li:hover.menu9{ width:120px; background-color:#5BA1E1; color:#FFF; } .menu9.active{ background-color:#5BA1E1; color:#FFF !important; } #navigation_principale .sous-menu{ display:block; } /***********************************************************************/ /*************************Sous menu principal***************************/ /***********************************************************************/ .sousmenu_principal_contenu { position: absolute; top: 52px; background-color:#FFF; left: 0; width:965px; min-height:260px; float:left; display:block; z-index:200; padding-bottom:0px; } /*****on cache les sous-menu******/ .menu1 .sousmenu_principal_contenu{ display:none; z-index:200; border:10px solid #62AF50; } .menu2 .sousmenu_principal_contenu{ display:none;z-index:200; border:10px solid #91B533; } .menu3 .sousmenu_principal_contenu{ display:none;z-index:200; border:10px solid #E1A02A; } .menu4 .sousmenu_principal_contenu{ display:none;z-index:200; border:10px solid #D56D28; } .menu5 .sousmenu_principal_contenu{ display:none;z-index:200; border:10px solid #CC1B55; } .menu6 .sousmenu_principal_contenu{ display:none;z-index:200; border:10px solid #922083; } .menu7 .sousmenu_principal_contenu{ display:none;z-index:200; border:10px solid #641557; } .menu8 .sousmenu_principal_contenu{ display:none;z-index:200; /*border:10px solid #922083;*/ border:10px solid #3c6ab7; } .menu9 .sousmenu_principal_contenu{ display:none;z-index:200; border:10px solid #5BA1E1; } /*****on les reaffcihe au passage de la souris sur le li ******/ li.menu1:hover .sousmenu_principal_contenu{ display:block; } li.menu2:hover .sousmenu_principal_contenu{ display:block; } li.menu3:hover .sousmenu_principal_contenu{ display:block; } li.menu4:hover .sousmenu_principal_contenu{ display:block; } li.menu5:hover .sousmenu_principal_contenu{ display:block; } li.menu6:hover .sousmenu_principal_contenu{ display:block; } li.menu7:hover .sousmenu_principal_contenu{ display:block; } li.menu8:hover .sousmenu_principal_contenu{ display:block; } li.menu9:hover .sousmenu_principal_contenu{ display:block; } ul.sous-menu .menu_niv2{ text-align: left; z-index: 60; top:0; } ul.sous-menu .menu_niv2 li { border:0; } ul.menu_niv2{ float:left; width:100%; } .spacer_colonne_gauche { float: left; width: 19%; z-index: 200; position:relative; margin:0 1%; } /*************************sousmenu_titre***************************/ ul.sousmenu_titre { margin:0 !important; padding:0 !important; top:0; height:auto; } #menu ul li.sousmenu_titre{ border:none; left:0; height:100%; width:100%; margin-left:40px; padding:10px 0; } #menu ul li.sousmenu_titre a{ font-family: 'yanone_kaffeesatz_thinregular'; font-weight:normal; font-size:1.5em; margin:10px 0 10px 0; width:100%; float:left; text-decoration:none; } #menu ul.sousmenu2 li a{ margin:0px 0; width:100%; } a.titre_sousmenuprincipal, a.titre_sousmenuprincipal:link, a.titre_sousmenuprincipal:visited { color:#333333; text-decoration:none; } a.titre_sousmenuprincipal:hover{ text-decoration:underline; } /*************************Sous_menu2***************************/ #menu ul li ul.sousmenu2 { float:left; width:100%; height:auto; margin:0px 0 10px 0; } #menu ul li ul.sousmenu2 li{ border-right:0px solid #000 !important; float:left; width:100%; padding:0 !important; margin:0 0 0 5px; height:auto; font-size:0.8em; } #menu ul li.sousmenu_titre ul.sousmenu2 li a { font-family:arial; font-size: 1.3em; list-style-type: none; color: #666; line-height:1.5; text-decoration: none; display: block; margin:0px 0; width:100%; } .sousmenu_image { float: right; } li.level1 ul li a:hover{ text-decoration:none; color:#744200 !important; } /********************correction pour les tirets du menu qui ne s'affichaient pas*****************/ .interieur .highlight.menu ul li.last ul.submenu2 li.last a { border-bottom:none; } /*actuvideo*/ .actuvideo .highlight.menu ul li.last ul.submenu2 li a { border-bottom:1px solid #888888; } .cadrevie .highlight.menu ul li.last ul.submenu2 li a { border-bottom:1px solid #62AF50; } .culturesport .highlight.menu ul li.last ul.submenu2 li a { border-bottom:1px solid #D56D28; } .ecoemploi .highlight.menu ul li.last ul.submenu2 li a { border-bottom:1px solid #E1A02A; } .enfantjeune .highlight.menu ul li.last ul.submenu2 li a { border-bottom:1px solid #922083; } .demarcheadmin .highlight.menu ul li.last ul.submenu2 li a { border-bottom:1px solid #CC1B55; } .pratiqueservice .highlight.menu ul li.last ul.submenu2 li a { border-bottom:1px solid #85477B; } .solidaritesante .highlight.menu ul li.last ul.submenu2 li a { border-bottom:1px solid #5BA1E1; } .viemunicipale .highlight.menu ul li.last ul.submenu2 li a { border-bottom:1px solid #3C6AB7; } /********************popup (infobulle)********************/ .einfobulle_active { top:20% !important; left:30% !important; right:30% !important; } .einfobulle_active p{ padding:5px 0; } .tx-ebulleinfo-pi1_active{ z-index: 800 !important;; } .einfobulle_fermer_active{ font-size: 25px !important; font-weight: bold; } .einfobulle_fermer,.einfobulle_fermer_active{ margin-bottom: 10px !important; } .einfobulle_fermer.einfobulle_fermer_active > a { color: #000 !important; text-decoration: none !important; } /**********Onglet bloc photos Videos***********/ .onglets { clear: both; padding: 0px; position: relative; background-color:#F0ECEC; } #onglet_first,#onglet_second{padding:5px;max-height: 140px;} .onglets h3 { cursor:pointer; } #onglet_1.active, .display_onglet_1 #onglet_1 { background-color: #FFFFFF; } .onglets h3 { background-color:#C5C4C4; margin: 0; padding: 5px; width:90px; font-size:0.7em; } .visible { display: block; } .invisible { display: none; } #onglet_2 { left: 80px; position: absolute; top: 0; } #onglet_2 h3.active { background-color:#F0ECEC !important; } #onglet_1 h3.active { background-color:#F0ECEC !important; } .onglets DIV.csc-textpic DIV.csc-textpic-single-image IMG{margin-bottom:0;}