/* CSS Document */ /*******************************************************************************************************/ /* INIT */ /*******************************************************************************************************/ html {margin:0; padding:0;} body {color:#333333; padding:0 0 20px 0; margin:0 auto; background:url(../img/background.gif) repeat-x top center; background-color:#C8C3D6; text-align:center; font-family:"Trebuchet MS", Arial, helvetica,sans-serif;line-height:1em;} * {background-repeat:no-repeat;} #content a:link {color:#CC0000;} #content a:visited {} #content a:hover {text-decoration:none;} #content a:active {} .container a.anchor {padding:0; position:static;} .container {line-height: 1.3em; } .left {float:left;} .right {float:right;} .spacer, .clear, .retour-a-la-ligne {clear:both!important;} .align-left {text-align:left} .align-right {text-align:right} .align-center {text-align:center} .ligne {border-top:1px solid #CCCCCC; clear:both!important} p.ligne {padding-top:1.6em;} .petitText{font-size:10px;} .grasRouge {color:#CC0000!important; font-weight:bold;} .piscine .grasRouge{color:#E9432D;} .RougePetitText {color:#CC0000!important;font-size:10px;} .grasBlanc {color:#fff!important; font-weight:bold;} p.sansmarge {padding:0!important;} #content hr {height:0; padding:0; color:#ccc; background-color:#ccc; border:0; clear:both;} #content h1 {font-family:"trebuchet MS", arial, helvetica; font-size:1.6em; margin:0.50em 0 0.45em 0; color:#CC0000;line-height:24px;} #content p {/*margin:10px 0 10px 0;*/ font-family:Arial,Helvetica,sans-serif; color:#333333;margin:0.2em 0 0.7em;line-height:16px;} #content a {color:#CC0000; text-decoration:underline;} /*h1#titrePrincipal {padding-bottom:20px;}*/ .invisible {position:absolute; top:-9999px; left:-9999px;} #TB_overlay {z-index:10000!important} #TB_window {z-index:10002!important} /* SKIPLINK /*-------------------------------------------------------------------------------------------------------*/ ul#skiplink {position:absolute; top:-1000px; left:-1000px; background-color:#000000; margin:0; padding:0; z-index:1000;} ul#skiplink li {list-style-type :none; position:absolute; top:0;} ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em;} ul#skiplink li a:focus, ul#skiplink li a:active {top:0px; left:0px; background-color:#FFFF00} /********************************************************************************************************/ /******************************************************************************************************** /* LAYOUT /******************************************************************************************************** /********************************************************************************************************/ #wrap {text-align:left; margin:auto; width:750px; position:relative; padding-top:2.1em;} #header {height:81px; width:750px; margin:0 auto; position:relative; background-color:#FFFFFF; background-image:url(../img/bandeau/accueil.jpg); background-repeat:no-repeat;} #header a {width:80px; height:80px; display:block;} #header a img {visibility:hidden;} .sub-header {margin:0; position:absolute; top:10px; left:60px; padding:0; font-weight:bold; color:#666; letter-spacing:0.1em} .sub-header a {color:#666} .sub-header a:hover {color:#079BDD; text-decoration:none} #corps {background:url(../img/background_conteneur.gif) repeat #ffffff; padding:0; margin:0; width:750px; position:relative; height:100%;} #content {position:relative; width:380px; float:left; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif!important;font-size:1em;} .ss-sidebar #content {width:auto;} #content a[href^="sports/videos-des-installations-sportives/"] {background-image:none;color:#cc413a !important;} /* POPUP*/ /*body.popup {background:none;} .popup #wrap {background:none;width:620px;padding:0;} .popup #corps {width:620px;background:none;background-color:#FFF;} .popup #content {width:600px!important;margin:0 auto;float:none;} .popup #content h1 {margin:0.5em 0 ;padding:20px 10px; background:#F1F1F1 url(../img/bg-h1-1.png) bottom no-repeat;}*/ /**/ #breadcrumb {padding:0px; color:#000000; z-index:100; margin:0; width:570px; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;line-height:13px;} #breadcrumb h2 {padding:0; font-weight:bold; display:inline; font-size:11px; display:none;} #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {text-decoration:none; background:none; padding:0; margin:0px; color:#000000; width:685px;} #breadcrumb a:hover {text-decoration:underline} .homepage #content #breadcrumb, .homepage #content #breadcrumb h2 {display:none} #icon-tools {height:35px; width:150px;padding:0; margin:10px 0; position:absolute; right:243px; top:134px;} #icon-tools a {display:block; float:left; font-size:0; margin-right:4px; margin-top:4px; padding:0; height:31px; width:31px; text-indent:-9999px;} #icon-tools ul {list-style-type:none; height:25px; margin:5px 0 0 0; position:absolute; right:0;} #icon-tools ul li {height:25px; width:25px; float:left; margin:0 5px; padding:0;} #icon-tools ul li a {padding:0; font-size:0; text-indent:-9999px; background:url(../img/icon-zoom1.png) no-repeat; display:block; height:31px; width:31px;} #icon-tools a#btnTypoLess {background:url(../img/icon-zoom1.png) no-repeat;} #icon-tools a#btnTypoMore {background:url(../img/icon-zoom2.png) no-repeat;} #icon-tools a#print {background:url(../img/icon-print.png) no-repeat;} #icon-tools a#send {background:url(../img/icon-email.png) no-repeat;} #icon-tools img {margin-right:3px;} #chapeau {clear:both; padding:0 10px 20px 0; height:100%;} #colonneNormalContenu{clear:both;font-size:1.1em;padding:5px 10px 20px 0; height:100%;} #search {position:absolute; top:110px; width:170px; z-index:500; height:38px; padding:0; right:20px; background:url(../img/blocs/recherche_basTab.gif) no-repeat center bottom;} #search-content {background:url(../img/blocs/recherche_hautTab.gif) no-repeat center top #cc0000; height:31px; padding-left:15px;} #search label {display:none} #search form, #search p {margin:0; padding:6px 0 0 0; z-index:50;} #search p.search-box {text-align:left; position:relative; height:30px; padding:11px 0 0 25px; width:140px; margin:0!important;} #search #sword {color:#333333; margin:0;font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#FFFFFF;} #search input {color:#333; background:#fff;font-size:1em; font-family:Arial,Helvetica,sans-serif;} #search input.searchbox-button {position:absolute; right:20px; top:10px; background:none;} #sidebar-left {width:161px; padding:0 10px; float:left; display:inline; font-family:Arial, Helvetica, sans-serif; left:0;} #sidebar-left-content {position:relative; top:0; right:0; width:170px;} /**/ /* MENU COLONNE (menu 2 et 3 + colonne droite) */ /* ------------------------------------------------------------------------------------------------------- */ #sidebar-left {width:145px; padding:0 0 0 10px; float:left; display:inline; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF; /*border-right:1px solid #FFFFFF;*/} #sidebar-left-content {position:relative; top:0; right:0; width:170px;} #sidebar-left h2 {background:url(../img/bandeau/sommaire-decouvrir.gif) no-repeat; font-weight:bold; color:#006699; font-size:0;text-align:center; height:43px; text-indent:-9999px;} #sidebar-left ul {list-style-type:none; margin:0; padding:5px 0; width:140px;} #sidebar-left ul li ul {width:auto;} #sidebar-left li {margin:0; width:140px; margin:5px 0;} #sidebar-left li a {display:block; text-decoration:none; line-height:18px;font-size:1.1em; font-weight:bold; color:#333333;padding:0;widht:auto;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;} #sidebar-left li a:hover {color:#000; text-decoration:underline;} #sidebar-left li.current_page_item a, #sidebar-left li.current_page_parent a, #sidebar-left li.current_page_parent li.current_page_item a {color:#000;} /*#sidebar-left li.current_page_item li a, #sidebar-left li.current_page_parent li a {color:#666;}*/ .ville #sidebar-left li.current_page_ancestor li a, .cadrevie #sidebar-left li.current_page_ancestor li a, .social #sidebar-left li.current_page_ancestor li a, .enfance #sidebar-left li.current_page_ancestor li a, .sports #sidebar-left li.current_page_ancestor li a, .culture #sidebar-left li.current_page_ancestor li a {color:#000;} #sidebar-left li.current_page_ancestor li.current_page_ancestor a{} .decouvrir #sidebar-left li.current_page_item a, .decouvrir #sidebar-left li.current_page_parent a, .decouvrir #sidebar-left li.current_page_parent li.current_page_item a, .decouvrir #sidebar-left li.current_page_ancestor a, .decouvrir #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#3651A3;} .decouvrir #sidebar-left li.current_page_item li a, .decouvrir #sidebar-left li.current_page_parent li a, .decouvrir #sidebar-left li.current_page_ancestor li a {color:#333;} .demarches #sidebar-left li.current_page_item a, .demarches #sidebar-left li.current_page_parent a, .demarches #sidebar-left li.current_page_parent li.current_page_item a, .demarches #sidebar-left li.current_page_ancestor a, .demarches #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#663366;} .demarches #sidebar-left li.current_page_item li a, .demarches #sidebar-left li.current_page_parent li a, .demarches #sidebar-left li.current_page_ancestor li a {color:#333;} .economie #sidebar-left li.current_page_item a, .economie #sidebar-left li.current_page_parent a, .economie #sidebar-left li.current_page_parent li.current_page_item a, .economie #sidebar-left li.current_page_ancestor a, .economie #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#FF6600;} .economie #sidebar-left li.current_page_item li a, .economie #sidebar-left li.current_page_parent li a, .economie #sidebar-left li.current_page_ancestor li a {color:#333;} .democratie #sidebar-left li.current_page_item a, .democratie #sidebar-left li.current_page_parent a, .democratie #sidebar-left li.current_page_parent li.current_page_item a, .democratie #sidebar-left li.current_page_ancestor a, .democratie #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#2F7E7E;} .democratie #sidebar-left li.current_page_item li a, .democratie #sidebar-left li.current_page_parent li a, .democratie #sidebar-left li.current_page_ancestor li a {color:#333;} .culture #sidebar-left li.current_page_item a, .culture #sidebar-left li.current_page_parent a, .culture #sidebar-left li.current_page_parent li.current_page_item a, .culture #sidebar-left li.current_page_ancestor a, .culture #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#C60000;} .culture #sidebar-left li.current_page_item li a, .culture #sidebar-left li.current_page_parent li a, .culture #sidebar-left li.current_page_ancestor li a {color:#333;} .sports #sidebar-left li.current_page_item a, .sports #sidebar-left li.current_page_parent a, .sports #sidebar-left li.current_page_parent li.current_page_item a, .sports #sidebar-left li.current_page_ancestor a, .sports #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#FF9900;} .sports #sidebar-left li.current_page_item li a, .sports #sidebar-left li.current_page_parent li a, .sports #sidebar-left li.current_page_ancestor li a {color:#333;} .jeunesse #sidebar-left li.current_page_item a, .jeunesse #sidebar-left li.current_page_parent a, .jeunesse #sidebar-left li.current_page_parent li.current_page_item a, .jeunesse #sidebar-left li.current_page_ancestor a, .jeunesse #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#CC0066;} .jeunesse #sidebar-left li.current_page_item li a, .jeunesse #sidebar-left li.current_page_parent li a, .jeunesse #sidebar-left li.current_page_ancestor li a {color:#333;} .seniors #sidebar-left li.current_page_item a, .seniors #sidebar-left li.current_page_parent a, .seniors #sidebar-left li.current_page_parent li.current_page_item a, .seniors #sidebar-left li.current_page_ancestor a, .seniors #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#990099;} .seniors #sidebar-left li.current_page_item li a, .seniors #sidebar-left li.current_page_parent li a, .seniors #sidebar-left li.current_page_ancestor li a {color:#333;} .solidarite #sidebar-left li.current_page_item a, .solidarite #sidebar-left li.current_page_parent a, .solidarite #sidebar-left li.current_page_parent li.current_page_item a, .solidarite #sidebar-left li.current_page_ancestor a, .solidarite #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#99CC33;} .solidarite #sidebar-left li.current_page_item li a, .solidarite #sidebar-left li.current_page_parent li a, .solidarite #sidebar-left li.current_page_ancestor li a {color:#333;} .environnement #sidebar-left li.current_page_item a, .environnement #sidebar-left li.current_page_parent a, .environnement #sidebar-left li.current_page_parent li.current_page_item a, .environnement #sidebar-left li.current_page_ancestor a, .environnement #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#006600;} .environnement #sidebar-left li.current_page_item li a, .environnement #sidebar-left li.current_page_parent li a, .environnement #sidebar-left li.current_page_ancestor li a {color:#333;} .webhebdo #sidebar-left li.current_page_item a, .webhebdo #sidebar-left li.current_page_parent a, .webhebdo #sidebar-left li.current_page_parent li.current_page_item a, .webhebdo #sidebar-left li.current_page_ancestor a, .webhebdo #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#9B619F;} .webhebdo #sidebar-left li.current_page_item li a, .webhebdo #sidebar-left li.current_page_parent li a, .webhebdo #sidebar-left li.current_page_ancestor li a {color:#333;} .piscine #sidebar-left li.current_page_item a, .piscine #sidebar-left li.current_page_parent a, .piscine #sidebar-left li.current_page_parent li.current_page_item a, .piscine #sidebar-left li.current_page_ancestor a, .piscine #sidebar-left li.current_page_ancestor li.current_page_ancestor a {color:#00B1E5;} .piscine #sidebar-left li.current_page_item li a, .piscine #sidebar-left li.current_page_parent li a, .piscine #sidebar-left li.current_page_ancestor li a {color:#333;} #sidebar-left li ul {/*background:none; padding:0 0 0 10px;border:none;*/ clear:both;font-weight:normal;margin:0 0 0 15px;padding:0;} #sidebar-left li li {/*margin:0;*/ background:none; padding:0;width:auto;} #sidebar-left li li a {font-family:Arial,Helvetica,sans-serif; padding:0;/*2px 5px 2px 2px*/ background:none; font-size:90%; font-weight:normal; text-align:left;width:120px;line-height:14px;} #sidebar-left li li a:hover {text-decoration:underline;} #sidebar-left .tx-artificaagenda-pi1 {margin:0 0 10px 0;} #sidebar-left .tx-artificaagenda-pi1 a {color:#FFFFFF;} #sidebar-left .tx-artificaagenda-pi1 ul {background:none; padding:0;} #sidebar-left .tx-artificaagenda-pi1 li {margin:0; width:140px; padding:10px;background:none;} #sidebar-left .tx-artificaagenda-pi1 li a {padding:0 0 0 0px;} #sidebar-right {text-align:left;width:170px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:small; float:right;} #sidebar-right h2 {font-family:"trebuchet MS", arial, helvetica, sans-serif;color:#FFFFFF; margin:0 auto; background:#3953A4 url(../img/blocs/entete_bleu.gif) no-repeat top center; width:160px; /*height:18px;*/ letter-spacing:normal; padding:5px; text-align:center;font-size:0.9em;} #sidebar-right a {font-family:Arial,Helvetica,sans-serif; color:#CC0000; text-decoration:none; font-size:0.9em; height:auto; margin:0 auto; font-weight:bold; line-height:1.3em;} #sidebar-right ul {margin:0; list-style-type:none; /*background-color:#E9E6EC;*/ overflow:hidden;} #sidebar-right li {margin:0 auto; color:#666; border-bottom:2px solid #fff; padding:5px 0;} #sidebar-right li a {font-weight:bolder; padding:0 0 0 10px;text-decoration:none; display:block;/*font-size:1.1em;*/} #sidebar-right li a:hover {text-decoration:underline;} #sidebar-right p {/*font-size:1.1em;*/ margin:0; padding:0; } #sidebar-right img {border:1px solid #ffffff; /*display:block;*/} #sidebar-right .colonneDroiteCadre a img {margin:auto; display:block;} #sidebar-right div {/*margin:10px 0;*/ background-color:#E4E4E4;} #sidebar-right .colonneDroiteCadre{margin:0 0 5px 0;} .homepage #sidebar-right div {margin:10px 0;} #sidebar-right p {padding:5px 10px; border-bottom:2px solid #FFFFFF;} #questions a {border-bottom:1px solid #FFFFFF; padding:5px 10px;} #questions a:last-child {border:none; padding:5px 10px 0;} #sidebar-right ul li.page-item-28 {background:url(../img/contact.png) no-repeat left;} #sidebar-right ul li.page-item-27 {background:url(../img/numeros.png) no-repeat left;} #sidebar-right ul li.page-item-26 {background:url(../img/plan-ville.png) no-repeat left;} #sidebar-right ul li.page-item-25 {background:url(../img/marche-public.png) no-repeat left;} #sidebar-right ul li.page-item-24 {background:url(../img/demarche.png) no-repeat left;} /*////////////////////////////////////////////////////////////////////////////////////////////////////// LUXY //////////////////////////////////////////////////////////////////////////////////////////////////////*/ #sidebar-right .luxyBlocs{ background-color:#FDE0CC; width:170px; margin-bottom:10px; } #sidebar-right .luxyBlocs a{color:#cc0000;} #sidebar-right .luxyBlocs a:hover{color:#cc0000;} #sidebar-right .luxyBlocs h2{ background-image:url(../img/blocs/entete_orange.gif); background-color:#FF6600; } /*////////////////////////////////////////////////////////////////////////////////////////////////////// THEATRE //////////////////////////////////////////////////////////////////////////////////////////////////////*/ #sidebar-right .theatreBlocs { background-color:#cc0000; width:170px; margin-bottom:10px; color:#fff; margin:0!important; text-align:center; } #sidebar-right .theatreBlocs a {color:#fff;} #sidebar-right .theatreBlocs a:hover {color:#fff;} #sidebar-right .theatreBlocs p {color:#fff;} #sidebar-right .theatreBlocs h2 { background-image:url(../img/blocs/entete_noir.gif); background-color:#000; } #sidebar-right .mediathequeBlocs { background-color:#B2D235; width:170px; border-bottom:3px solid #fff!important; color:#fff!important; margin:0!important; text-align:center; } #sidebar-right .mediathequeBlocs a {color:#fff;} #sidebar-right .mediathequeBlocs a:hover {color:#fff;} #sidebar-right .mediathequeBlocs p {color:#fff;} #sidebar-right .mediathequeBlocs h2 { background-image:url(../img/blocs/entete_bordeau.gif); background-color:#B03326; } #sidebar-right .FORMvalider input{font-size:90%;} #sidebar-right .FORMlibelles {padding:0; margin:0;} #corps #accueilColonne {} #corps #accueilColonne p {clear:both; margin:7px 0px 0px 0px;} /*////////////////////////////////////////////////////////////////////////////////////////////////////// PISCINE //////////////////////////////////////////////////////////////////////////////////////////////////////*/ .piscine #sidebar-right .colonneDroiteCadre{ background:#BAE1E6} .piscine #sidebar-right h2{ background:#00A7DC url(../img/blocs/entete_piscine.gif) no-repeat top} #journaldra a {width:215px; background:url(../img/journaldra.png) no-repeat; font-size:0; text-indent:-9999px; height:88px;} #guidedra a {width:215px; background:url(../img/guidedra.png) no-repeat; font-size:0; text-indent:-9999px; height:62px;} #footer {width:750px; margin:0 auto; background-color:#3651A3; background:#CC0000 url(../img/pied/pied.gif) no-repeat scroll center bottom;} #footer-nav {padding:0.3em 0 0; color:#FFFFFF; margin:auto; font-size:0.9em; font-weight:bold;text-align: center; line-height:1.4em;} #footer ul {text-align:center;} #footer img {margin-bottom:2em} #footer a {color:#FFFFFF; text-decoration:none; padding:0;} #footer a:hover {text-decoration:underline} #footer ul {margin:0; list-style-type:none; padding: 0 25px;} #footer li {margin:0; font-family:Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; display:inline; border-left:1px solid #FFFFFF; padding:0 0.45em 0 0.6em;} #footer ul li.page-item-first {border:none; padding:0 0.45em 0 0;} #footer-outils {font-size:0.8em; font-weight:inherit; padding: 0.2em 0;} #footer-infos {color: #666699; font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; margin: 10px 0; padding: 0; text-align:center;} #footer-infos p {line-height: 1.25em;} #footer-infos a {color:#666699; text-decoration:none;} #footer #footer-outils-content ul{font-size:0.85em; padding:5px 0;} .back2top {text-align:right; clear:both; vertical-align:bottom;} .homepage .back2top {display:none} #content .back2top a {text-decoration:none; color:#666; padding-right:10px;} #contentGlobal {width:570px; float:right; margin-top:50px; padding:0 20px 0 0;} #content {width:100%;} #contentGlobal.colonneNormalSmall #content {width:380px;} /* FORMATAGE GENERIQUES DES LISTES /* ------------------------------------------------------------------------------------------------------- */ #content .list {padding-bottom:1em; list-style-type:none; margin:0;font-size:0.9em;} #content .list p {margin:0; color: #000000} #content .list li {margin:0; padding:5px 10px 5px 0; background:none; clear:both; overflow:hidden;} #content .list li h3 {margin: 0 0 5px; font-size:1.1em;} #content .list li .image {min-height:70px; background:#F6F6F6; display:block; width:110px; margin-right:10px; float:left; overflow:hidden} #content .list li {border-top:1px solid #CCCCCC;} .homepage #content .list li {border-top: none;} #content .list li.colonnage1 {background: none;} .petites-annonces #content .list li.colonnage1 {background-color: #EBEDEF;} .democratie #content .list li.colonnage1 {background-color: #E9F3F3;} .democratie #content .list li h3 a{margin:0; font-size:1em;} .democratie #content .list li {font-size:1em; line-height:15px} .economie #content .list li.colonnage1 {background:#FDF8F4;} .economie #content .list li {border-top:1px solid #EDC4AA;} .economie #content .list li h3 a{font-size:1.1em; margin:0;} .economie #content .list li a,.democratie #content .list li a {font-weight:normal;} #content .list li.colonnage2 {} #content .list li.colonnage2 .image {background:#fff} #content .list li .image {background:none;} #content .list a {background:none; padding:0; margin:0;} #content .list .text {font-size:1em; line-height:1.4em;} #content #sommaireRubrique ul li p.text {line-height:1.35em} #content .list a {font-weight:bold; display:block} #content div.tx-artificaagenda-pi1 .list ul {padding-left:10px;} #content div.tx-artificaagenda-pi1 .list li {border-top:1px dotted #CCCCCC;} #content div.tx-artificaagenda-pi1 .list li a {float: left} #content div.tx-artificaagenda-pi1 .list li div.text {float: left; margin-left: 10px;width:450px;} #content div.tx-artificaagenda-pi1 .list li div.text p.date {font-weight: bold; font-size:1.1em} #content div.tx-artificaagenda-pi1 .list li div.text p.title a {font-weight: bold; font-size:1.25em; font-family:"trebuchet MS",arial,helvetica,sans-serif; float:none; background:url("../img/puce12px.gif") no-repeat scroll left 5px transparent; padding-left:20px;line-height:20px;} #content div.tx-artificaagenda-pi1 .single h3 img {float: left; margin-right:10px;} #content .list img {text-decoration:none;} #content ul {font-weight:bold; margin:0; padding-left: 40px; line-height:1em;} #content ul li {font-weight:normal; margin:0;margin:0 0 5px 0;} /********************************************************************************************************/ /******************************************************************************************************** /* TYPOGRAPHIE & STYLES DU CONTENT /******************************************************************************************************** /********************************************************************************************************/ .decouvrir #header {background:url(../img/bandeau/decouvrir.jpg);} .demarches #header {background:url(../img/bandeau/demarches.jpg);} .economie #header {background:url(../img/bandeau/economie.jpg);} .democratie #header {background:url(../img/bandeau/democratie.jpg);} .culture #header {background:url(../img/bandeau/culture.jpg);} .sports #header {background:url(../img/bandeau/sports.jpg);} .jeunesse #header {background:url(../img/bandeau/jeunesse.jpg);} .seniors #header {background:url(../img/bandeau/seniors.jpg);} .solidarite #header {background:url(../img/bandeau/solidarite.jpg);} .environnement #header {background:url(../img/bandeau/environnement.jpg);} .decouvrir #corps {background-color:#EBEEF8;} .demarches #corps {background-color:#F6EEF6;} .economie #corps {background-color:#FFEFE5;} .democratie #corps {background-color:#ECF8F8;} .culture #corps {background-color:#FFE5E5;} .sports #corps {background-color:#FFF4E5;} .jeunesse #corps {background-color:#FFE5F2;} .seniors #corps {background-color:#FFE5FF;} .solidarite #corps {background-color:#F4F9EA;} .environnement #corps {background-color:#E5FFE5;} .decouvrir #content h1 {color:#3651A3;} .demarches #content h1 {color:#663366;} .economie #content h1 {color:#FF6600;} .democratie #content h1 {color:#2F7E7E;} .culture #content h1 {color:#C60000;} .sports #content h1 {color:#FF9900;} .jeunesse #content h1 {color:#CC0066;} .seniors #content h1 {color:#990099;} .solidarite #content h1 {color:#99CC33;} .environnement #content h1 {color:#006600;} .webhebdo #content h1 {color:#825287;} .petites-annonces #sidebar-left h2, .outils #sidebar-left h2 {background: none;} .decouvrir #sidebar-left h2 {background:url(../img/bandeau/sommaire-decouvrir.gif) no-repeat;} .demarches #sidebar-left h2 {background:url(../img/bandeau/sommaire-demarches.gif) no-repeat;} .economie #sidebar-left h2 {background:url(../img/bandeau/sommaire-economie.gif) no-repeat;} .democratie #sidebar-left h2 {background:url(../img/bandeau/sommaire-democratie.gif) no-repeat;} .culture #sidebar-left h2 {background:url(../img/bandeau/sommaire-culture.gif) no-repeat;} .sports #sidebar-left h2 {background:url(../img/bandeau/sommaire-sports.gif) no-repeat;} .jeunesse #sidebar-left h2 {background:url(../img/bandeau/sommaire-jeunesse.gif) no-repeat;} .seniors #sidebar-left h2 {background:url(../img/bandeau/sommaire-seniors.gif) no-repeat;} .solidarite #sidebar-left h2 {background:url(../img/bandeau/sommaire-solidarite.gif) no-repeat;} .environnement #sidebar-left h2 {background:url(../img/bandeau/sommaire-environnement.gif) no-repeat;} #content h3, #content h4, #content h5, #content h6 {font-weight:bold; line-height:normal; color:#cc0000; font-family:"trebuchet MS",arial,helvetica!important; font-size:1.2em;padding-bottom:5px;} #content h2 {color:#666666;font-family:"trebuchet MS",arial,helvetica;font-size:110%;margin:0 0 1em;padding:1px 0 0;} #content h4{color:#000;} .sports #content table h3,.sports #content table h4{font-size:1em;} .decouvrir #content h3{color:#3651A3;} .demarches #content h3{color:#663366;} .economie #content h3{color:#FF6600;} .democratie #content h3{color:#2F7E7E;} .culture #content h3{color:#C60000;} .sports #content h3{color:#FF9900;} .jeunesse #content h3{color:#CC0066;} .seniors #content h3{color:#990099;} .solidarite #content h3{color:#99CC33;} .environnement #content h3{color:#006600;} #content .tx-artificasmalladvertisements-pi1 .list h3 {font-weight:normal; margin:5px 0; padding:0px;} #content .tx-artificasmalladvertisements-pi1 .list h3 a {margin:0;font-weight:normal!important;font-size:1.1em;} #content .tx-artificasmalladvertisements-pi1 .list .date {color:#000000;font-weight:bold;margin:2px 0 5px !important;} #content .tx-artificasmalladvertisements-pi1 .list p {margin:0 !important; padding:0 !important; font-size:} #content .tx-artificasmalladvertisements-pi1 .list .theme {color:#999999!important; margin:8px 0 0 !important;} #content .tx-artificasmalladvertisements-pi1 .list li {border-top:1px solid #CCCCCC;clear:both;padding:10px;} #content .tx-artificasmalladvertisements-pi1 .list ul {margin:0; padding-left:0;} #content .tx-artificasmalladvertisements-pi1 .list .theme span {text-transform:uppercase;} #content p.chapo, #content p.chapeau, #content p#chapo, #content p#chapeau {font-weight:bold; font-size:1.15em; margin:0 0 1em 0; padding:1px 0 0 0; color:#666666 !important; font-family:"trebuchet MS",arial,helvetica!important; line-height:18px;} .decouvrir #footer {background-color:#3651A3;} .demarches #footer {background-color:#663366;} .economie #footer {background-color:#FF6600;} .democratie #footer {background-color:#2F7E7E;} .culture #footer {background-color:#C60000;} .sports #footer {background-color:#FF9900;} .jeunesse #footer {background-color:#CC0066;} .seniors #footer {background-color:#990099;} .solidarite #footer {background-color:#99CC33;} .environnement #footer {background-color:#006600;} /* IMAGES /*-------------------------------------------------------------------------------------------------------*/ #content .imageBoite {background:#fff; color:#666; font-size:80%; font-weight:bold; text-align:left; clear:both; border:1px solid #ccc; padding:2px} #content .imageBoite .imageLegende {padding:0 5px} #content .imageBoite img {border:1px solid #666; margin-bottom:1em} /* ENCARTS /*-------------------------------------------------------------------------------------------------------*/ #content p.encart-droite {clear:none!important; float:right; width:230px; background-color:#b9b9b9; padding:10px!important; margin: 0px 0px 5px 7px!important;} #content p.encart-gauche {clear:none!important; float:left; width:230px; background-color:#b9b9b9; padding:10px; margin: 0px 7px 5px 0px!important;} #content p.encart {clear:none!important; background-color:#b9b9b9; padding:10px; margin: 0px 0px 5px 0px!important;} .decouvrir #content p.encart, .decouvrir #content p.encart-gauche, .decouvrir #content p.encart-droite {background-color:#EBEEF8;} .demarches #content p.encart, .demarches #content p.encart-gauche, .demarches #content p.encart-droite {background-color:#F6EEF6;} .democratie #content p.encart, .democratie #content p.encart-gauche, .democratie #content p.encart-droite {background-color:#ECF8F8;} .culture #content p.encart, .culture #content p.encart-gauche, .culture #content p.encart-droite {background-color:#FFE5E5;} .sports #content p.encart, .sports #content p.encart-gauche, .sports #content p.encart-droite {background-color:#FFF4E5;} .jeunesse #content p.encart, .jeunesse #content p.encart-gauche, .jeunesse #content p.encart-droite {background-color:#FFE5F2;} .seniors #content p.encart, .seniors #content p.encart-gauche, .seniors #content p.encart-droite {background-color:#FFE5FF;} .solidarite #content p.encart, .solidarite #content p.encart-gauche, .solidarite #content p.encart-droite {background-color:#F4F9EA;} .environnement #content p.encart, .environnement #content p.encart-gauche, .environnement #content p.encart-droite {background-color:#F4F9EA;} .commentaire { background:none repeat scroll 0 0 #F4F4F4;border:1px dashed #ACACAC;clear:both;color:#666666;margin:20px 0;padding:5px;} #colonneNormalContenu p.bouton-gauche {clear:none !important;float:left;font-size:100%;margin:0 !important;padding:10px;width:100px;} #colonneNormalContenu p.bouton-droite {clear:none !important;float:right;font-size:100%;margin:0 !important;padding:10px;width:100px;} /* NAVIGATION /********************************************************************************************************/ /*Main Navbar */ #nav-main {position:absolute; top:28px; left:166px; width:585px; height:99px; font-size:1.5em; text-align:left; z-index:200; font-weight:bold; padding:0; font-family:Arial, Helvetica, sans-serif;} #nav-main ul {list-style:none; line-height:1; margin:2px 0 0; padding:0; overflow:hidden;} #nav-main a, #nav-main a:hover {display:block; text-decoration:none; border:none;} #nav-main li {float:left; list-style:none; border-right:none; margin:0; padding:0; height:99px;} #nav-main li.page-item-103 a{width:57px; background:url(../img/nav_sprite.gif) no-repeat;} #nav-main li.page-item-102 a{width:65px; background:url(../img/nav_sprite.gif) no-repeat; background-position:-57px 0px} #nav-main li.page-item-101 a{width:56px; background:url(../img/nav_sprite.gif) no-repeat; background-position:-122px 0px} #nav-main li.page-item-100 a{width:63px; background:url(../img/nav_sprite.gif) no-repeat; background-position:-178px 0px} #nav-main li.page-item-99 a{width:42px; background:url(../img/nav_sprite.gif) no-repeat; background-position:-241px 0px} #nav-main li.page-item-98 a{width:43px; background:url(../img/nav_sprite.gif) no-repeat; background-position:-283px 0px} #nav-main li.page-item-97 a{width:55px; background:url(../img/nav_sprite.gif) no-repeat; background-position:-326px 0px} #nav-main li.page-item-96 a{width:53px; background:url(../img/nav_sprite.gif) no-repeat; background-position:-381px 0px} #nav-main li.page-item-95 a{width:60px; background:url(../img/nav_sprite.gif) no-repeat; background-position:-434px 0px} #nav-main li.page-item-104 a{width:90px; background:url(../img/nav_sprite.gif) no-repeat; background-position:-494px 0px} #nav-main li.page-item-103 a:hover, .decouvrir #nav-main li.page-item-103 a{background-position:0px -99px} #nav-main li.page-item-102 a:hover, .demarches #nav-main li.page-item-102 a{background-position:-57px -99px} #nav-main li.page-item-101 a:hover, .economie #nav-main li.page-item-101 a{background-position:-122px -99px} #nav-main li.page-item-100 a:hover, .democratie #nav-main li.page-item-100 a{background-position:-178px -99px} #nav-main li.page-item-99 a:hover, .culture #nav-main li.page-item-99 a{background-position:-241px -99px} #nav-main li.page-item-98 a:hover, .sports #nav-main li.page-item-98 a{background-position:-283px -99px} #nav-main li.page-item-97 a:hover, .jeunesse #nav-main li.page-item-97 a{background-position:-326px -99px} #nav-main li.page-item-96 a:hover, .seniors #nav-main li.page-item-96 a{background-position:-381px -99px} #nav-main li.page-item-95 a:hover,.solidarite #nav-main li.page-item-95 a{background-position:-434px -99px} #nav-main li.page-item-104 a:hover, .environnement #nav-main li.page-item-104 a{background-position:-494px -99px} #nav-main li a {font-size:0em; text-indent:-9999px; } #nav-main a, #nav-main a:visited {display:block; padding:0; height:99px; text-align:center;} /* Dropdown Menus */ #nav-main li ul {position:absolute; z-index:99999; left:-999em; height:auto; width:200px; font-weight:normal; padding:0 0; border:none;} /* #nav-main li.page-item-9 ul {background:url(../img/bg-over-1.png) repeat-x top #FFFFFF;} #nav-main li.page-item-8 ul {background:url(../img/bg-over-2.png) repeat-x top #34baff;} #nav-main li.page-item-7 ul {background:url(../img/bg-over-3.png) repeat-x top #cd7bba;} #nav-main li.page-item-6 ul {background:url(../img/bg-over-4.png) repeat-x top #ffa64a;} #nav-main li.page-item-5 ul {background:url(../img/bg-over-5.png) repeat-x top #67c362;} #nav-main li.page-item-4 ul {background:url(../img/bg-over-6.png) repeat-x top #f9e151;} #nav-main li.page-item-3 ul {background:url(../img/bg-over-7.png) repeat-x top #ff5249;} */ #nav-main li ul li ul {position:inherit; height:auto; width:174px; font-weight:normal; list-style-type:square;} #nav-main li li {width:200px; padding:0; border-bottom:1px solid; height:auto; background:none;} /*#nav-main #nav-main li.page-item-9 li li {border-color:#d7efd6;} #nav-main li.page-item-8 li {border-color:#bfe9ff;} #nav-main li.page-item-7 li {border-color:#f1daec;} #nav-main li.page-item-6 li {border-color:#ffe7ce ;} #nav-main li.page-item-5 li {border-color:#d7efd6 ;} #nav-main li.page-item-4 li {border-color:#fdf6d0;} #nav-main li.page-item-3 li {border-color:#fdc7c4;}*/ #nav-main li li.page-item-last {border:none;} #nav-main li li a,#nav-main li li a:hover, #nav-main li li a:visited {font-size:0.8em; color:#333; background:none; height:auto; padding:5px; text-align:left; text-indent:0; display:block; width:190px;} #nav-main li li:hover, #nav-main li.sfhover li.sfhover {text-indent:0px } #nav-main li li a:hover, #nav-main li li a:active {background:none; text-indent:0px;} /* #nav-main li.page-item-8 li a:hover {background-color:#bfe9ff;} #nav-main li.page-item-7 li a:hover {background-color:#f1daec;} #nav-main li.page-item-6 li a:hover {background-color:#ffe7ce ;} #nav-main li.page-item-5 li a:hover {background-color:#d7efd6 ;} #nav-main li.page-item-4 li a:hover {background-color:#fdf6d0;} #nav-main li.page-item-3 li a:hover {background-color:#fdc7c4;} */ #nav-main li:hover ul, #nav li li:hover ul, #nav-main li li li:hover ul, #nav-main li.sfhover ul, #nav-main li li.sfhover ul, #nav-main li li li.sfhover ul {left:auto;} /* NAV 2 /*-------------------------------------------------------------------------------------------------------*/ #nav-secondary-content {font-weight:bold; position:absolute; top:1px; width:750px; /*height:20px;*/ font-family:Arial,Verdana,"trebuchet MS",Helvetica,sans-serif;} #nav-secondary-content h2 {font-size:0; text-indent: -9999px; position:absolute;} #nav-secondary-content ul {list-style-type:none; overflow:hidden; width:750px; padding-top:2px;} #nav-secondary-content ul li {float:left; padding:0 4px; border-left:1px solid #666699; line-height:1em;} #nav-secondary-content ul li a {text-decoration:none; padding:0 0.15em; display:block; position:relative; color:#FFFFFF; font-size:1.1em; line-height:normal;} #nav-secondary-content ul li a:hover {text-decoration:underline;} #nav-secondary-content ul li.page-item-first {border:medium none; padding:0 4px 0 0;} #nav-secondary-content ul li.page-item-last {padding:0 0 0 4px;} /* ASSOCIATIONS AGENDA /*-------------------------------------------------------------------------------------------------------*/ #content .associations-events-list {} #content .associations-events-list ul {margin-top:15px; list-style-type:none; margin:0px; padding:0px;} #content .associations-events-list ul li { padding-left:0; border:none; border-top:1px dotted #999;background:none} #content .associations-events-list ul li h3 {margin-top:0 !important;margin-bottom:3px !important; font-size:110%;padding-top:0;} #content .associations-events-list ul li .abstract {margin-top:0; padding-top:0;} #content .associations-events-list ul li .description {margin-top:0; padding-top:0;} #content .associations-events-list ul li .images{float:left; margin-right:10px; margin-bottom:10px;} #content .associations-events-list ul li .assoc {} #content .associations-events-list ul li .assoc a {color:#333333; display:inline;} #content .associations-events-list ul li .text p a{font-weight:normal;} #content .associations-events-list ul li .date{float:left;border:1px dotted #ccc;padding:2px 5px; line-height:22px; color:#CC0000!important; width:60px;text-align:center; font-size:80%; color:#999; margin-right:10px; font-family:Verdana, Arial, Helvetica, sans-serif} #content .associations-events-list ul li .jour{ font-size:300%; display:block; font-weight:bold;padding:2px 0;} #content .associations-events-list ul li .mois{display:block;} #content .associations-events-list ul li .annee{display:none;} #content #colonneNormalContenu .fond {background-color:#e4e4e4;margin:0 7px 5px;padding:5px;} #contenu .backbutton a {background-image:url(../img/actualites/retour.gif);background-repeat:no-repeat;font-weight:bold;padding-left:20px;} #content .associations-events-list ul div{float:right; width:470px} #content .associations-events-list ul li{ clear:both; border:none!important; border:1px dotted #999!important; border-width:1px 0 0 0!important; padding-top:10px} .tx-artificaassociations-pi1-singleViewField-label{text-align:right !important;width:25%;margin-right:2%;float:left;font-weight:bold; } .tx-artificaassociations-pi1-singleView-sep{clear:both; } .tx-artificaassociations-pi1-singleViewField-value{width:73%;float:left; text-align:left !important; } .tx-artificaassociations-pi1-backbutton { clear:both;margin-top:15px; border-top:1px dotted #999999;padding-top:5px; } .tx-artificaassociations-pi1-backbutton a{ font-weight:bold; background-image:url("../img/actualites/retour.gif"); background-repeat:no-repeat;padding-left:20px; } .tx-artificaassociations-pi1-viewnews a{ font-weight:bold; background-image:url("../img/actualites/actu-article.gif"); background-repeat:no-repeat;padding-left:20px; } .tx-artificaassociations-pi3 .FORM { width:370px ; } .tx-artificaassociations-pi3 p.success { margin-top:15px; border-top:1px dotted #999999;padding-top:5px; font-weight:bold; background-image:url("../img/succes.gif"); background-position:0px 5px; background-repeat:no-repeat;padding-left:20px; } .tx-artificaassociations-pi3 .FORM fieldset div.FORMsep { clear:both !important;padding-bottom:6px !important;padding-top:6px !important; } /* HOMEPAGE */ /*-------------------------------------------------------------------------------------------------------*/ .homepage #corps {background-color:#FFFFFF; padding-top:50px;} .homepage #date {display:none} .homepage #content {width:510px; padding:0 0 0 20px; overflow:visible;} .homepage #content a {background:none; color:#CC0000; font-weight:bold; text-decoration:none;} .homepage #content a:hover {text-decoration:underline;} .homepage #content h1 {padding:0;} .homepage #colonneNormalContenu {overflow:hidden; font-size:1em; padding:0 0 10px 0;} .homepage .accueilDate {background-image:url(../img/accueil/t_actualites.gif); background-repeat:no-repeat; border-bottom:1px solid #CCCCCC; color:#3953A4; display:block; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:80%; font-weight:bold; margin:0; padding:14px 0 0; text-align:right; width:510px;} .homepage #accueilDate h2 {background:url(../img/accueil/t_actualites.gif) no-repeat top left; border-bottom:1px solid #CCCCCC; height:29px; font-size:0; margin-bottom:10px; text-indent:-9999px;} .homepage #une-wrap {position:relative; width:510px; background:#FFFFFF; overflow:hidden; font-size:1em; padding-top:10px; margin-bottom:15px;} .homepage #une-wrap h3{margin:0;padding-bottom:10px;} .homepage #une-wrap a {color:#CC0000; font-weight:bold; margin:0; text-decoration:none; display:block; font-size:1.2em; line-height:1.2em; padding:0; font-family:Georgia,"Times New Roman",Times,serif;} .homepage #une-wrap a:hover {text-decoration:underline;} .homepage #une-wrap img {float:left ;margin:0; padding:0px 20px 0 0;} .homepage #une-wrap #content-une {float:left; width:245px; padding:0;} .homepage #content p .date {font-weight:bold; padding:0; margin:0;} .homepage #content p.description, #agenda p.description {padding:0; margin:0;} .homepage h2.content6 {background:url(../img/semaine_draveil.png) no-repeat top; width:290px; height:42px; text-indent:-9999px; font-size:0; margin-bottom:10px; top:5px; position:relative;} .homepage #content ul li {background:none; overflow:hidden;} .homepage #content ul li img {float:left; margin:0 10px 0 0; overflow:hidden;} .homepage #content ul li a {padding:0;margin:0} .homepage #accueilAgenda {background-color:#E9E6EC; float:left; margin-top:2px; padding-bottom:10px; width:245px;} .homepage #accueilAgenda .list .text {width:140px; float:right; font-size:1em;} .homepage #accueilAgenda .list .text a {width:140px; float:right;font-size:1.1em; text-decoration:underline;float:left;} .homepage #accueilAgenda .list .text a:hover {color:#CC0000;text-decoration:none;} .homepage #accueilAgenda h2 {background:url(../img/blocs/t_affiche.gif) no-repeat; color:#0099CC; font-size:0; height:33px; text-align:center; text-indent:-9999px;} .homepage #content #accueilAgenda li {border-bottom:1px solid #CCCCCC; padding:0 0 5px; margin-top:10px;} .homepage #content #agendaConteneur {width:204px; padding:0 0 10px; margin:auto; margin:10px 20px;} .homepage #content #agendaConteneur h4 {font-size:1.1em; font-family:"Trebuchet MS", Arial, helvetica;} .homepage #content #agendaConteneur table {width:184px; border-left:border:1px solid #6D5881; padding:0 0 10px 0;} .homepage #content #agendaConteneur table caption {background-color:#E4E4E4; color:#000000; padding:3px 0; margin:0 0 1px 0;text-align:center; border-bottom:#6D5881 ;width:183px;} .homepage #content #agendaConteneur table caption a{font-size:1em;width:auto;display:inline; font-weight:normal;color:#FFFFFF} .homepage #content #agendaConteneur table th, .homepage #content #agendaConteneur table td {border:1px solid #6D5881; border-width:0 1px 1px 0; padding:0;} .homepage #content #agendaConteneur table a{color:#ffffff;} .homepage #content #agendaConteneur table caption span{display:inline;} .homepage #content #agendaConteneur table tr th.intitule{font-weight:bold; font-size:1.1em;} .homepage #news {width:245px; float:right; margin-top:2px;} .homepage #news ul {margin:0; padding-left:0;} .homepage #news ul li {display:block; padding:0; border-top:1px solid #CCCCCC; padding:5px 0 0;} .homepage #news img {margin-right:5px;} .homepage #news p {margin:0.2em 0; line-height:1.2em;} .homepage #news p a {color:#333333; font-weight:normal;} .homepage #news h3 {margin:0; font-size:1em; padding:0; font-family:Arial, Helvetica, sans-serif!important;} .homepage #sidebar-right {padding-right:20px;} .homepage #sidebar-right a, .homepage #sidebar-right a img {padding:0; text-align:left; display:inline; border:none;font-family:Verdana, Arial, Helvetica, sans-serif;} .homepage #sidebar-right p {text-align:left; border:none; padding:0;margin-bottom:10px;} .homepage #sidebar-right div {/*background:none;*/} .homepage #sidebar-right h2 {height:21px;text-indent:-9999px; font-size:0; padding:0; width:100%} .homepage #sidebar-right #accueilDecouvrez h2 {background:url(../img/accueil/decouvrez.gif) no-repeat;} .homepage #sidebar-right #accueilDecouvrez ul li {padding:0.7em 0 0.5em 1em;font-family:Verdana, Arial, Helvetica, sans-serif;} .homepage #sidebar-right #accueilDecouvrez a {padding:0; display:block;} .homepage #sidebar-right #accueilDecouvrez ul li.page-item-3086 {background:url(../img/accueil/vignette_decouvrez.gif) no-repeat 10px; padding-left:40px;} .homepage #sidebar-right #accueilDecouvrez ul li.page-item-968 {background:url(../img/accueil/vignette_pa.jpg) no-repeat 10px; padding-left:40px;} .homepage #sidebar-right #accueilDecouvrez li div {float:left; background-color:none;} #accueilDecouvrez li img {border:0 none; margin:0 10px 5px 0;} #accueilDecouvrez li p {font-size:85%; margin:2px 0 2px 0 !important; /*padding:0 0 0 10px !important;*/} .homepage #sidebar-right #accueilAccesDirect h2 {background:url(../img/accueil/accesDirect.gif) no-repeat;} .homepage #sidebar-right #accueilAccesDirect {font-size:0.85em; color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;} .homepage #sidebar-right #accueilAccesDirect a,.homepage #sidebar-right #accueilAccesDirect a:hover, .homepage #sidebar-right #accueilAccesDirect a:visited {color:#000; padding:0 10px; display:block;font-weight:normal;} .homepage #sidebar-right li.page-item-8004,.homepage #sidebar-right li.page-item-8003,.homepage #sidebar-right li.page-item-8002 {float:left; width:55px; height:32px; display:block; background: #FFFFFF url(../img/accueil/meteo.gif) no-repeat; border:none; } .homepage #sidebar-right li.page-item-8004 a,.homepage #sidebar-right li.page-item-8003 a,.homepage #sidebar-right li.page-item-8002 a {display:block; width:55px; height:32px;font-size:0; text-indent:-9999px;} .homepage #sidebar-right li.page-item-8003 {background: #FFFFFF url(../img/accueil/trafic.gif) no-repeat;} .homepage #sidebar-right li.page-item-8002 {background: #FFFFFF url(../img/accueil/air.gif) no-repeat; padding:5px 5px 5px 0;} .homepage #sidebar-left {font-size:1em;padding:0 10px} .homepage #sidebar-left ul {border:none;} .homepage #sidebar-left p {margin:0 0 30px;} .homepage #sidebar-left .img {margin:0 0 10px 0;} .homepage #sidebar-left a {margin:0; padding:0; color:#83ac30; font-weight:bold; text-align:left;} /********************************************************************************************************/ /******************************************************************************************************** /* CLASS POUR LE RTE (faut-il reprendre les class de blueTrip ??) /******************************************************************************************************** /********************************************************************************************************/ p.sanspadding {padding:0!important;} #sidebar p.sanspadding {padding:0 0 10px 0!important; margin:0; background:#E3EFF7} p.note, div.note, ol.note, ul.note {font-size:80%; color:#666; border-top:1px dotted #666; padding-top:1em} .important {color:#990000;} /* TABLEAU*/ /********************************************************************************************************/ #content table {border:none; /*width:100%*/} #content table td, #content table th {border:none; font-size:0.9em;padding:4px;} #content table td a {padding:0.1em;} #content table th {background:#E4E4E4; color:#000; padding:2px!important;} #content table h3, #content table h4, #content table p {margin:0;} #content caption {padding:0.5em; font-weight:bold} #content .tableauLigneAlternee {background-color:#DFF3FC;} /********************************************************************************************************/ /******************************************************************************************************** /* FORMULAIRES /******************************************************************************************************** /********************************************************************************************************/ /*.container fieldset {border:1px solid #CC0000; margin:0 0 8px;padding:5px 0 5px 7px;} fieldset p {margin:0!important} legend {color:#CC0000; font-weight:normal;} .FORMsep {clear:both; overflow:hidden; } .FORMlibelles {float:left; width:28%; text-align:right; padding-right:2%; color:#666666;} .FORMchamps {float:left; width:70%} .FORMvalider {clear:both} .FORMchamps textarea {width:95%} .FORMchamps .FORMchamptexte {width:95%} .FORMerreurglobale {color:#FF0000;} .FORMerreur {display:block; clear:both; color:#FF0000;} .FORMoblig em, .FORMlibelleoblig, .formObligatoire {color:#FF0000;} .form_sendto .FORMsep {margin-bottom:0.8em;} .form_sendto fieldset {margin:0 0 0.5em;} .form_sendto .FORMlibelles {float:left; width:25%;} .form_sendto .FORMchamps {float:left; width:73%} /* en attendant de pouvoir cibler le form agenda*/ /*fieldset {padding:1em} fieldset p {padding:0.5em}*/ /*************************************/ /*** Mise en forme du formulaire ***/ /*************************************/ .FORM {text-align:left; margin:1px !important; width:100%;} .FORM fieldset input {padding:0.05em 0.2em; font-size:1em;} .FORM fieldset {padding:0px 10px 10px 10px; margin:0;} .FORM legend {margin:0px 7px 0px 7px; padding:0px 5px 5px 5px; background:transparent;} .FORM textarea {/*float:left;*/padding:5px 0 5px 5px; width:80%;} .FORM select.FORMliste {width:70%} .FORM fieldset div.FORMsep {margin:0; clear:both;} .FORM fieldset div.FORMsep div div {margin:0;} .FORMetapes {margin-bottom:20px; } .FORMlibelles {float:left; width:28%; padding-right:2%; text-align:right; margin:5px 0px; padding-top:0px;} .FORMchamps {float:left; width:70%; margin:5px 0px;} .FORMtexteetape {margin-bottom:20px;} .FORMerreurglobale {margin-bottom:20px;} .FORMvalider {text-align:right; padding:0px;} .FORMvalider .FORMlibelleoblig {padding-bottom:10px; margin:3px 0 5px 0;} .FORMparagraphe {padding:10px 0px;} .FORMchamptexte {width:80%} .FORMdateCalpicto {vertical-align:top} .FORMerreurmasque {display:none;} .FORMerreuraffiche {display:block;} /*** mini cal ***/ #FORMdateCal {height:auto; position:absolute; visibility:hidden; width:150px; z-index:100;} .FORMdateCalcpYearNavigation, .FORMdateCalcpMonthNavigation {text-align:center; vertical-align:middle; } TD.FORMdateCalcpDayColumnHeader {text-align:right;} .FORMdateCalcpCurrentMonthDate,.FORMdateCalcpOtherMonthDate,.FORMdateCalcpCurrentDate {text-align:right; text-decoration:none;} A.FORMdateCalcpTodayText, SPAN.FORMdateCalcpTodayTextDisabled {height:20px;} /*************************************/ /*** Personnaliser ***/ /*************************************/ .FORM legend {color:#CC0000; font-weight:normal;white-space:normal;} .democratie .FORM legend {color:#2F7E7E;} .decouvrir .FORM legend {color:#3651A3;} .demarches .FORM legend {color:#663366;} .economie .FORM legend {color:#FF6600;} .culture .FORM legend {color:#C60000;} .sports .FORM legend {color:#FF9900;} .jeunesse .FORM legend {color:#CC0066;} .seniors .FORM legend {color:#990099;} .solidarite .FORM legend {color:#99CC33;} .environnement .FORM legend {color:#006600;} .webhebdo .FORM legend {color:#825287;} .FORM fieldset {border:1px solid #CC0000; padding:5px 0px 5px 7px; margin:0px 0px 8px 0px;} .democratie .FORM fieldset {border:1px solid #2F7E7E;} .decouvrir .FORM fieldset {border:1px solid #3651A3;} .demarches .FORM fieldset {border:1px solid #663366;} .economie .FORM fieldset {border:1px solid #FF6600;} .culture .FORM fieldset {border:1px solid #C60000;} .sports .FORM fieldset {border:1px solid #FF9900;} .jeunesse .FORM fieldset {border:1px solid #CC0066;} .seniors .FORM fieldset {border:1px solid #990099;} .solidarite .FORM fieldset {border:1px solid #99CC33;} .environnement .FORM fieldset {border:1px solid #006600;} .webhebdo .FORM fieldset {border:1px solid #825287; clear:both;} .FORM fieldset input.FORMchamptexte, .FORM fieldset input.FORMchamptexte30, .FORM fieldset input.FORMchamptexte50, .FORM fieldset input.FORMchamptexteCourt {font-size:1em!important; font-family:Arial, Helvetica, sans-serif; border:1px solid #A5ACB2; width:90%;} .FORM fieldset input.FORMchamptexte30 {width:30%;} .FORM fieldset input.FORMchamptexte50 {width:50%;} .FORM fieldset textarea.FORMchamptexte {font-size:1em!important; font-family:Arial, Helvetica, sans-serif; border:1px solid #A5ACB2; width:90%!important;} .FORMerreur {color:#CC0000; font-weight:bold } .FORMlegende {color:#000; font-size:0.9em;} .FORMerreurglobale {font-weight:bold; color:#CC0000;} .FORMlibelleoblig {font-style:italic; } .FORMheure {width:55px} .FORMminutes {width:45px} .FORMoblig {font-weight:bold;} .FORMoblig em, .FORMlibelleoblig em {color:#FF0000;} /*** Mise en avant des champs en cours d'utilisation ***/ .FORMfocus {background-color:#DCDDE8;} /*** Retour à l'état normal après l'utilisation ***/ .FORMnormal {} .FORMbuttons {} .FORMvalider {padding-right:5px;} .FORMvalider input {background-color:#CC0000; color:#fff; font-weight:bold; border:0; padding:2px!important;} .democratie .FORMvalider input {background-color:#2F7E7E;} .decouvrir .FORMvalider input {background-color:#3651A3;} .demarches .FORMvalider input {background-color:#663366;} .economie .FORMvalider input {background-color:#FF6600;} .culture .FORMvalider input {background-color:#C60000;} .sports .FORMvalider input {background-color:#FF9900;} .jeunesse .FORMvalider input {background-color:#CC0066;} .seniors .FORMvalider input {background-color:#990099;} .solidarite .FORMvalider input {background-color:#99CC33;} .environnement .FORMvalider input {background-color:#006600;} .webhebdo .FORMvalider input {background-color:#825287;} .FORMchampShort, .FORMchamptexteCourt {width:120px!important;} .FORMchampShort60 {width:60%!important;} .FORMerreur {color:#CC0000; font-weight:bold; clear:both; display:block;} /*** mini cal ***/ .FORMdateCalcpYearNavigation, .FORMdateCalcpMonthNavigation {background-color:#6384AA; color:#fff; font-weight:bold; text-decoration:none;} .FORMdateCalcpDayColumnHeader,.FORMdateCalcpYearNavigation,.FORMdateCalcpMonthNavigation,.FORMdateCalcpCurrentMonthDate,.FORMdateCalcpCurrentMonthDateDisabled,.FORMdateCalcpOtherMonthDate,.FORMdateCalcpOtherMonthDateDisabled,.FORMdateCalcpCurrentDate,.FORMdateCalcpCurrentDateDisabled,.FORMdateCalcpTodayText,.FORMdateCalcpTodayTextDisabled,.FORMdateCalcpText {font-family:arial; font-size:8pt; } TD.FORMdateCalcpDayColumnHeader {border-bottom:solid 1px #CCCCCC; } .FORMdateCalcpCurrentMonthDate {color:#6384AA; font-weight:bold;width:12px} .FORMdateCalcpCurrentDate {color:#FFFFFF; font-weight:bold; } .FORMdateCalcpOtherMonthDate {color:#808080; } TD.FORMdateCalcpCurrentDate, TD.FORMdateCalcpCurrentMonthDate:active, TD.FORMdateCalcpCurrentMonthDate:hover {color:#FFFFFF; background-color:#CC0000;cursor:pointer;} TD.FORMdateCalcpCurrentMonthDate:active a, TD.FORMdateCalcpCurrentMonthDate:hover a {color:#FFFFFF} TD.FORMdateCalcpCurrentDateDisabled {border:1px solid #FFAAAA; } TD.FORMdateCalcpTodayText,TD.FORMdateCalcpTodayTextDisabled {border-top :1px solid #CCCCCC; } A.FORMdateCalcpTodayText {color:#666666; font-weight:bold; } SPAN.FORMdateCalcpTodayTextDisabled {color:#D0D0D0; } .FORMdateCalcpBorder {border:solid 1px #333333;background-color:#ffffff; } /* ==================================================================================== Extension :tx-newloginbox-pi1 ==================================================================================== */ /*.tx-newloginbox-pi1 .FORM legend {color:#cc0000} .tx-newloginbox-pi1 .FORM fieldset {border:1px solid #cc0000; display:block;} .tx-newloginbox-pi1 .FORM .FORMvalider {margin:0px 0px 0px 0px!important; padding-right:5px!important;} .tx-newloginbox-pi1 .FORM .FORMvalider input {background-color:#cc0000;} .tx-newloginbox-pi1 .FORM .FORMfocus {background-color:#ffcfcf;} .tx-newloginbox-pi1 .FORM .FORMchamps input {border:1px solid #EF8686; width:60%;} .tx-newloginbox-pi1 .FORM .FORMlibelleoblig {border:none;} .tx-newloginbox-pi1 .ASSOCIATIONS {margin:0px 0px 0px 0px!important; padding:5px 0px 5px 0px!important; text-align:left;} .tx-newloginbox-pi1 .ASSOCIATIONS .encart {padding:5px; text-align:left;} .tx-newloginbox-pi1 .ASSOCIATIONS .FORMsep {margin:5px 0px 5px 0px !important; padding:0px 0px 0px 0px !important; text-align:left;} .tx-newloginbox-pi1 .ASSOCIATIONS label {font-weight:bold;} .tx-newloginbox-pi1 .ASSOCIATIONS .buttons {margin:0px 0px 5px 0px !important;}*/ /* ==================================================================================== Extension :tx-artificasmalladvertisements-pi1 ==================================================================================== */ .tx-artificasmalladvertisements-pi1 .thanks {margin-top:20px!important; padding-top:5px; font-weight:bold; background-image:url("../img/succes.gif"); background-position:0px 5px; background-repeat:no-repeat; padding-left:25px; margin-bottom:20px!important;} .tx-artificasmalladvertisements-pi1 .FORM .FORMvalider {padding-right:5px!important;} .tx-artificasmalladvertisements-pi1 .FORM .FORMlibelleoblig {border:none;} /*-------------------------------------------------------------------------------------------------------*/ /* PLAN DU SITE -----------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ .outils #content .csc-sitemap ul{padding:0;margin:0;list-style-type:none;} .outils #content .csc-sitemap a{text-decoration:none;} .outils #content .csc-sitemap a:hover{text-decoration:underline;} .outils #content .csc-sitemap li{padding:0; background:none;margin:0;} .outils #content .csc-sitemap li a{padding: 3px 0px 3px 10px;margin-top:20px;font-weight:bold;display:block; background-color:#CC0000;color:#fff;} .outils #content .csc-sitemap li li a{padding: 3px 0px 3px 10px;margin:0;font-weight:bold;background-color:#fff; color:#CC0000;} .outils #content .csc-sitemap li li li a{padding: 3px 0px 3px 25px;margin:0;font-weight:normal;background-color:#fff; color:#666666;} .outils #content .csc-sitemap li li li li a{padding: 3px 0px 3px 40px;margin:0;font-weight:bold;background-color:#fff; font-size:90%;color:#666666;} /* PAGINATION /*-------------------------------------------------------------------------------------------------------*/ #content .pagination {text-align:center; color:#999; border-bottom:2px solid #DFF1F3; margin:0 0 1em 0; overflow:hidden;} #content .pagination {border-bottom:1px solid #2F7E7E; clear:both; color:#2F7E7E; margin:10px 0;} #content .pagination .clear{margin:0; padding:0;} .democratie #content .pagination {border-bottom:1px solid #2F7E7E;} .decouvrir #content .pagination {border-bottom:1px solid #3651A3;} .demarches #content .pagination {border-bottom:1px solid #663366;} .economie #content .pagination {border-bottom:1px solid #FF6600;} .culture #content .pagination {border-bottom:1px solid #C60000;} .sports #content .pagination {border-bottom:1px solid #FF9900;} .jeunesse #content .pagination {border-bottom:1px solid #CC0066;} .seniors #content .pagination {border-bottom:1px solid #990099;} .solidarite #content .pagination {border-bottom:1px solid #99CC33;} .environnement #content .pagination {border-bottom:1px solid #006600;} #content .pagination a {font-weight:bold; padding:0.2em 0.5em; border:1px solid #ccc} #content .pagination .paginationResult {float:left;} .democratie #content .pagination .paginationResult {color: #2F7E7E;} .decouvrir #content .pagination .paginationResult {color: #3651A3;} .demarches #content .pagination .paginationResult {color: #663366;} .economie #content .pagination .paginationResult {color: #FF6600;} .culture #content .pagination .paginationResult {color: #C60000;} .sports #content .pagination .paginationResult {color: #FF9900;} .jeunesse #content .pagination .paginationResult {color: #CC0066;} .seniors #content .pagination .paginationResult {color: #990099;} .solidarite #content .pagination .paginationResult {color: #99CC33;} .environnement #content .pagination .paginationResult {color: #006600;} #content .pagination .paginationPager {float:right; padding:5px;} #content .pagination .paginationPagerPrec, #content .pagination .paginationPagerSuiv {font-weight:normal; color:#999; border:none} #content .pagination .paginationPagerCourant {color:#000!important; background:#fff; border-color:#fff} .democratie #content .pagination a {color: #2F7E7E;} .decouvrir #content .pagination a {color: #3651A3;} .demarches #content .pagination a {color: #663366;} .economie #content .pagination a {color: #FF6600;} .culture #content .pagination a {color: #C60000;} .sports #content .pagination a {color: #FF9900;} .jeunesse #content .pagination a {color: #CC0066;} .seniors #content .pagination a {color: #990099;} .solidarite #content .pagination a {color: #99CC33;} .environnement #content .pagination a {color: #006600;} .tx-artificadirectories-pi1-search .bottom .pagination {border-bottom:none!important; border-top:1px solid #2F7E7E;} .economie .tx-artificadirectories-pi1-search .bottom .pagination {border-color:#FF6600;} .tx-artificadirectories-pi1-search .bottom .paginationResult {visibility:hidden;} #content .tx-artificadirectories-pi1-search .list ul {margin:0 10px;padding-left:0;} #content .tx-artificadirectories-pi1-search .list li {padding:10px;} /*-------------------------------------------------------------------------------------------------------*/ /* PAGE DE RESULTATS DE RECHERCHE ----------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ .tx-indexedsearch-redMarkup {font-weight:bold;} .tx-indexedsearch-browsebox-strong {font-weight:bold;} .tx-indexedsearch-browsebox p {display:inline} .tx-indexedsearch-browsebox .browsebox {padding:0} .tx-indexedsearch-whatis {font-weight:bold; clear:both} .tx-indexedsearch-res p {margin:0} /* pagination*/ .browsebox {padding:15px 0 20px 0; margin:0!important; text-align:right} .browsebox li {display:inline; margin-right:5px!important; background:none!important; padding:0!important} .browsebox a {padding:0.2em 0.4em; text-decoration:none;} .browsebox strong a {color:#fff; background:#fff} .browsebox a:hover {color:#fff; background:#fff} .tx-indexedsearch-path {margin:0px; color:#999; font-size:80%; display:none} .tx-indexedsearch-path a {color:#000; text-decoration:none; font-size:90%;} .tx-indexedsearch-path a:hover {text-decoration:underline;} .tx-indexedsearch-dates {margin:0px; font-size:90%;} .tx-indexedsearch-size {margin:0px; font-size:90%; font-style:italic;} .tx-indexedsearch-res {border-bottom:1px solid #ccc;} .tx-indexedsearch-res img {vertical-align:middle;} .tx-indexedsearch-change-mode {font-size:80%;} .tx-indexedsearch-hierarchy {font-weight:bold;} .tx-indexedsearch-item {border-top:1px solid #ccc; margin:2px 0px 6px 0px; padding:5px 0px 0px 0px;} .tx-indexedsearch-item .title {margin:0; font-weight:bold;} .tx-indexedsearch-item .details {margin:0px 0px 0px 20px;} .tx-indexedsearch-item .details .description {} /*-------------------------------------------------------------------------------------------------------*/ /* AGENDA /*-------------------------------------------------------------------------------------------------------*/ .homepage #agenda {/*width:245px;*/} #agenda {/*background-color:#E9E6EC;*/ /*padding-bottom:10px;*/} #agenda-evenements p {margin:0 auto; text-align:center; font-weight:bold; color:#003366;} #agenda h2 {font-size:160%; text-align:center; color:#fff; font-size:1em; height:18px;} #agenda-evenements-content {margin:0 auto !important; background:url(../img/bottombg-agenda.png) no-repeat bottom; overflow:hidden; padding:0 0 10px 0 !important; } #agenda img {margin-right:0 !important; width:80px;} #agenda ul {width:225px; padding:10px 10px 5px 10px; margin:0; border:none;} #agenda ul li {color:#006699; padding:0 0 0 22px; background:url(../img/bagdlist.png) no-repeat;line-height:normal; border-bottom:1px solid #CCCCCC; font-size:1em; width:225px; padding:5px 0;} #agenda ul li a {color:#003366; padding:0; text-decoration:underline;font-size:0.9em; float:left; /*width:130px;*/} #agenda ul li a:hover {color:#003366; text-decoration:none;} #agenda p {margin:0;} #agenda p a {font-weight:bolder; font-size:12px; color:#003366; text-decoration:none;} #agendaConteneur {color:#FFFFFF; margin:5px ; text-align:center;font-size:90%; line-height:normal; background:#6D5881 url(../img/blocs/t_rechercher_evnmt_bas.gif) no-repeat right bottom; padding:0;} #sidebar-right div#agendaConteneur {background-color:#6D5881;margin:5px 10px 10px 10px; padding:0 0 20px;} #agendaConteneur h4 {color:#FFFFFF; margin:0; padding:5px; background:url(../img/blocs/t_rechercher_evnmt3.gif) no-repeat; font-size:1.1em;font-family:"Trebuchet MS", Arial, helvetica;} #agendaConteneur table {width:130px; margin:0 10px; border:#6D5881;} #agendaConteneur table caption {background-color:#E4E4E4; color:#000000; padding:3px 0; margin:0 0 1px 0;text-align:center; border-bottom:#6D5881;width:129px;} #sidebar-right #agendaConteneur table caption a {font-size: 0.9em;} #agendaConteneur table caption a {display:inline; background:none; color:#000!important; font-size: 1.1em;} #agendaConteneur table caption a:hover {display:inline; background:none; color:#000} #agendaConteneur table a {display:block; border:none; text-decoration:none; color:#FFFFFF; font-size:12px;} #agendaConteneur table a:hover {background-color:#cccccc; color:#666666!important; text-decoration:underline;} #agendaConteneur td {background-color:#998AA7; text-align:right;padding:0; border-color:#6D5881; color:#fff;} #agendaConteneur th {background-color:#E4E4E4; color:#333;text-align:center;padding:1px; border-color:#6D5881} #agendaConteneur .cal-days {color:#000000;} #agendaConteneur .cal-today {} #agendaConteneur .cal-today a {background-color:#DDDDDD !important;color:#000 !important;} #agendaConteneur .cal-semaine {background-color:#e4e4e4;} #agendaConteneur .cal-selected a {background-color:#DDDDDD !important; color:#000000; text-decoration:none; font-weight:bold;} .alaffiche #content {width:100%;} .alaffiche #content ul.list {font-size:1.2em; padding-left:0px;} .alaffiche #content ul.list li {border-top:1px dotted #333333; background:none;} .alaffiche #content div.tx-artificaagenda-pi1 ul.list div.text {font-size:0.9em; width:450px;} .alaffiche #content ul.list div.text a {background:url("../img/puce12px.gif") no-repeat left; padding-left:20px; font-weight:bold;} .alaffiche #content .date {font-weight:bold;font-size:0.9em;} .alaffiche #content .lieu {color:#7C7C7C; font-size:0.9em;} .alaffiche #content .abstract {font-size:0.9em;} .alaffiche #sidebar-left h2 {display:none;} .alaffiche #content ul.list img {float:left; margin:0 10px 10px 0;} .alaffiche #content ul.list span.title a {display:inline; font-size:1em;} #content .single h2 {color:#666666; font-family:"trebuchet MS",arial,helvetica; font-size:110%; margin:0 0 1em; padding:1px 0 0;} #content .single .infos-bloc{background:#E4E4E4 none repeat scroll 0 0 !important;margin:0 0 5px; padding:5px;} #content .tx-artificaagenda-pi1 .buttons {clear:both; margin:20px 0 10px 0;} #content .tx-artificaagenda-pi1 .previousButton {float:left; margin:0;} #content .tx-artificaagenda-pi1 .nextButton {float:right;margin:0;} #content .tx-artificaagenda-pi1 .buttons a {display:block; background:#CC0000; color:#ffffff!important; padding:3px 5px 3px 5px!important; text-decoration:none;} #content .infos h4 {border-bottom:1px solid #E4E4E4;margin:0 0 7px;padding-bottom:3px;} #content .infos .infos-bloc .title {color:#CC0000;margin:0 0 5px !important;} #content .infos .infos-bloc p {margin:5px 0 2px !important;padding:0 !important;} #sidebar-left-public {width:140px; float:left;padding-left:10px; margin-top:50px} #sidebar-left-public #agendaConteneur {margin:0; font-family:Arial,Helvetica,sans-serif; padding-bottom:10px; background:#6D5881 url(../img/blocs/t_rechercher_evnmt_bas2.gif) no-repeat right bottom;} #sidebar-left-public #agendaConteneur table {border:medium none #6D5881; margin:0 0 0 10px; width:120px!important;} #sidebar-left-public #agendaConteneur caption {width:119px; font-size:80%} #sidebar-left-public #agendaConteneur .cal-today a {background-color:#FFCC33 !important;color:#000 !important; font-weight:bold;} /* Menu de section /*-------------------------------------------------------------------------------------------------------*/ #content .csc-menu {margin-bottom:1em; padding-bottom:1em; border-bottom:3px double #fff} #content .csc-menu .colonne1, #content .csc-menu .colonne2 {width:275px; margin:0; float:left; display:inline} /*-------------------------------------------------------------------------------------------------------*/ /* ANNUAIRE /*-------------------------------------------------------------------------------------------------------*/ .tx-artificadirectories-pi1-single dt {background:#fff; padding:2px 10px} .tx-artificadirectories-pi1 .singleView {border-top:1px dashed #CCCCCC; margin:10px 0 0; padding:10px 0;} .tx-artificadirectories-pi1 div.singleView div.label {float: left; clear: left; font-weight:bold; margin-right:2%; text-align:right; width:25%;} .tx-artificadirectories-pi1 div.singleView div.value {float:left; text-align:left; width:73%;} .tx-artificadirectories-pi1 .singleView .separator.text {border-top:1px dashed #CCCCCC; margin:20px 0 15px;} #content .backbutton {border-top:1px dotted #999999; margin:30px 0 15px; padding:5px 0 0; clear:;both} #content .backbutton a {background: url("../img/actualites/retour.gif") no-repeat; font-weight: bold; padding-left: 20px;} /* IMAGES /*-------------------------------------------------------------------------------------------------------*/ #content .box {background:#E2E2E2; clear:both; color:#666; margin:2px; text-align:left;font-size:10px!important;font-weight:normal!important;} #content .imageBox{border:1px solid #000; background:#E2E2E2;} #content .imageBoxRight {float:right; clear:none;margin:0 0 1em 1em;} #content .imageBoxLeft {float:left; clear:none;margin:0 1em 1em 0;} #content .box a,#content .imageBoxRight a,#content .imageBoxLeft a {padding:0} #content .box span {line-height:1.1em;margin:0 2px 2px 2px; display:block;/*font-size:10px;*/} #content .box .imageCopyright {color:#666666;} #content .box .imageLegende{color:#000000;margin:0 2px 2px 2px;} #content .box img {display:block;} #content img {border:none; padding:0} #content .imageBoxBorder {border:1px solid #000; padding:0;} /* #content img {border:1px solid #A4C6D2; padding:5px} #content img.sans-bord {border:none; padding:0}*/ .homepage #content .imageBox{border:none;margin:0;} .homepage #content .imageBox .imageLegende {width:80px;margin:0;clear:left; font-weight:normal;} .alaffiche #content ul.list li .imageBox span.imageLegende {display:none;} /* VIDEOS /*-------------------------------------------------------------------------------------------------------*/ #content .videoBox {background:#FFFFFF; clear:both; color:#666; font-size:80%; font-weight:bold; padding:3px 5px 3px 5px; text-align:left; border:1px solid #ccc; width:320px; margin:0px auto 5px auto;} #content .videoBox p {padding:0px; margin:0px;} #content .videoBox p.title {text-align:center; margin-bottom:5px; padding:2px; font-size:110%;} #content .videoBox a {background:none; padding:0px; margin:0px} #content .videoBox p.legend {line-height:1.2em!important;} /* METEO /*-------------------------------------------------------------------------------------------------------*/ .tx-artificaweather-pi1 .day .libelle {text-align:center; font-weight:bold; } .tx-artificaweather-pi1 .day .prevision {padding:0px 5px 0px 5px;} .tx-artificaweather-pi1 #current_box {font-weight:bold; font-size:12px; color:#006699} .tx-artificaweather-pi1 #current_box p {margin:0 10px; text-align:right;} .tx-artificaweather-pi1 #current_box_icon {margin:0 5px; padding:0;} .tx-artificaweather-pi1 #current_box_temp {text-align:center; color:#006699; font-size:12px;} .tx-artificaweather-pi1 #current_box_feels {text-align:center; color:#666; font-size:11px; margin:5px 0 0 0px;} .tx-artificaweather-pi1 #current_box_cond {text-align:center;} /* GALLERY /*-------------------------------------------------------------------------------------------------------*/ #content .gallery li {width:140px; display:block; float:left; list-style-type:none; margin:0px 0px 20px 10px; padding:0; text-align:left; background:none; vertical-align:bottom;} #content .gallery li.colonnage1 {clear:left; margin:0px 0px 20px 0px} #content .gallery li img {/* float:left; padding:5px;*/} #content .elus_communes li {width:200px; margin:0px; text-align:center;} #content .elus_communes li img {float:none; } #content .div3cols div.col {width:140px; float:left; list-style-type:none; margin:0px 0px 20px 10px; padding:0; text-align:left; background:none; vertical-align:bottom;} #content .div3cols .imageBox{border:0;} #content .div3cols .imageLegende{display:none;} #content .div3cols .imageCopyright{display:none;} #content #diaporama .imageBox{border:0;} #content #diaporama .imageLegende{display:none;} #content #diaporama .imageCopyright{display:none;}/* DIAPORAMA */ /*******************************************************************************************************/ #content #diaporama-wrap {height:490px; overflow:hidden; margin:0 0 1em 0; position:relative; width:550px; background-color:#000;} #content #une-nav, #content #une-nav-2 {position:absolute; bottom:0; left:0; text-align:center; width:530px; height:20px; z-index:200; padding:10px;} #content #une-nav {margin:0 50px; width:430px;} #content #une-nav-2 {background:#fff; } #content #une-nav-2 #prev, #content #une-nav-2 #next {float:left; display:block; background:url(../img/une-prev.gif) no-repeat; width:25px; height:25px; text-indent:-9999px;font-size:0;} #content #une-nav-2 #next {float:right;background:url(../img/une-next.gif) no-repeat;} #content #une-nav a {border:1px solid #ccc; text-decoration:none; margin:0 5px; padding:3px 5px; color:#666 } #content #une-nav a.activeSlide {background:#A3001D; color:#fff; border-color:#A3001D } #content #une-nav a:focus {outline:none; } #content #diaporama li {width:100%; text-align:center;} #content #diaporama li .legende {color:#fff;} #content #spl a {background-image:none; padding-right:0px;} /*-------------------------------------------------------------------------------------------------------*/ /* SOMMAIRE RUBRIQUE ------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ #sommaireRubrique hr {clear:left !important;} #sommaireRubrique {margin:10px 0px 0px 0px!important; padding:0px 0px 0px 0px;font-size:0.9em;} #sommaireRubrique hr {clear:left} #sommaireRubrique img {float:left; display:inline; margin:0px 10px 5px 0px;} #sommaireRubrique p {margin:0px!important; padding:0px!important; line-height:1.5em;} #sommaireRubrique ul {list-style-type:none; margin:0px!important; padding:0px!important;} #sommaireRubrique ul li {border-bottom:1px dotted #000; margin:0px 0px 10px 0px!important; padding:0px 0px 12px 0px!important; background:none;} #sommaireRubrique ul li div {display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #sommaireRubrique ul li h3 {font-family:none!important; margin:0!important; padding:0px!important; font-weight:normal!important;} #sommaireRubrique ul li h3 a {font-family:arial, helvetica, sans-serif!important; font-weight:bold; font-size:95%; padding:2px 0px 0px 20px!important; margin:0px!important; text-decoration:none;background:url("../img/puce12px.gif") no-repeat left 5px;} #sommaireRubrique ul li h3 a:hover {text-decoration:underline} #sommaireRubrique ul li p a {color:#333!important; text-decoration:none} #sommaireRubrique ul li p a:hover {color:#333!important; text-decoration:underline!important;} #sommaireRubrique .level-two {margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;} #sommaireRubrique .level-two li {border:none; margin:0px 0px 0px 0px!important; padding:4px 0px 0px 20px!important; background:none; font-size:1.2em;} #sommaireRubrique .level-two li a {font-family:"trebuchet MS", arial, helvetica, sans-serif; font-weight:normal; font-size:0.85em; padding:0 0 0 15px; color:#333; background:url("../img/puce6px.jpg") no-repeat left 5px;} #sommaireRubrique .level-two li p{display:none;} #sommaireRubrique .level-two li a:hover {color:#333;} #sommaireRubrique .menu-assos ul li {border-bottom:none;} #colonneNormalContenu .tx-artificaviewer-pi1-listfiles {} #colonneNormalContenu .tx-artificaviewer-pi1-listfiles span {display:none;} #colonneNormalContenu .tx-artificaviewer-pi1-listfiles h3 {border-bottom:1px solid;}/* #colonneNormalContenu .tx-artificaviewer-pi1-listfiles ul {margin:0px 5px 0px 20px; padding:5px 0px 0px 0px;} #colonneNormalContenu .tx-artificaviewer-pi1-listfiles li {margin:0px 0px 5px 0px; padding:5px 0px 10px 0px;}*/ #colonneNormalContenu .tx-artificaviewer-pi1-listfiles p {margin:3px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;} #colonneNormalContenu .tx-artificaviewer-pi1-listfiles .categories {color:#2f7e7e;} #colonneNormalContenu .tx-artificaviewer-pi1-listfiles .date {color:#2f7e7e;} /* CHECK /*-------------------------------------------------------------------------------------------------------*/ .check-validated {border:1px solid #0a9417; background:#FFFFCC; margin:20px 0px 20px 0px; padding:5px; text-align:left; color:#0a9417;} .check-reject {border:1px solid #d87001; background:#FFFFCC; margin:20px 0px 20px 0px; padding:5px; text-align:left; color:#d87001;} .check-error {border:1px solid #FF0000; background:#FFFFCC; margin:20px 0px 20px 0px; padding:5px; text-align:left; color:#FF0000;} .check-dealtalready {border:1px solid #f5aa35; background:#FFFFCC; margin:20px 0px 20px 0px; padding:5px; text-align:left; color:#d8890e;} .beuser-admin-barre {color:#696969; clear:both; padding:4px; margin:5px 0px 7px 0px; text-align:right;} .beuser-admin-barre a {color:#696969; text-decoration:none} .beuser-admin-barre a:hover {color:#000000; text-decoration:underline} #content .artifica-reactto {} #content .artifica-reactto h2 {color:#CC0000;} #content .artifica-reactto li.alter {background:#ffffff!important;} #content .artifica-reactto .FORM fieldset {padding:0px 0px 10px 10px;} #content .artifica-reactto .FORM input {width:auto!important;} #content .artifica-reactto .comment-list {margin-top:25px;} #content .artifica-reactto ul {padding:0px; margin:0px;} #content .artifica-reactto li.comment {border-bottom:1px dotted #BBBBBB; padding:0.3em 0px 0px 5px; list-style-image:none; list-style-position:outside; list-style-type:none; background:#f1f1f1;} #content .artifica-reactto .comment-meta {font-size:1.4em!important; color:#CC0000; font-family:"trebuchet MS",arial,helvetica;} #content .artifica-reactto .comment-time {-x-system-font:none; color:#888888; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:0.8em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;} #content .artifica-reactto .comment-entry {} #content #message { background-color:#FFFBCC!important; margin:20px 0px 15px 0px!important; border-color:#E6DB55!important; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-style:solid; border-width:1px; margin:5px 15px 2px; padding:0; } #content #message.error {background-color:#FADEE0!important; border-color:#F7989F!important;padding:0;} #content #message p {color:#333333; font-size:14px; line-height:1.2; margin:0.5em 0 !important; padding:2px 5px 2px 5px;} #content .button-simple, #content .button-submit { -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; -moz-box-sizing:content-box; border-style:solid; border-width:1px; cursor:pointer; font-size:11px!important; line-height:18px!important; padding:2px 8px 3px 8px!important; text-decoration:none; border-color:#BBBBBB; color:#464646!important; background:#F2F2F2!important; font-weight:normal!important; } #content .button-submit { border:1px solid #6A97AE!important; background:#AED8ED!important; color:#195371!important; font-weight:bold!important; } #content button.button-simple {font-size:12px!important;} /* ==================================================================================== WEBHEBDO ==================================================================================== */ body.webhebdo{ background:#bc8cbf url(../img/bg-webhebdo.gif) repeat-x top;} .webhebdo #header {background-image:url(../img/bandeau/webhebdo.jpg) !important;} .webhebdo #footer{background:url(../img/pied/pied-webhebdo.gif) no-repeat bottom #825287;} .webhebdo #sidebar-left h2 {background:none;} #content .FORMerreurglobale {color:#CC0000;font-weight:bold; margin:0 0 5px 0;} .webhebdo #content ul li {margin:0;padding:0;background:none;} /* ==================================================================================== PISCINE ==================================================================================== */ .piscine #header {background-image:url(../img/bandeau/new-piscine.jpg) !important;} .piscine #footer{background:#00b1e5;} .piscine #sidebar-right .colonneDroiteCadre{ background:#BAE1E6} .piscine #sidebar-right h3{ background:#00A7DC url(../img/blocs/entete_piscine.gif) no-repeat top} body.piscine{ background:#50807e url(../img/new-bg-piscine.gif) repeat-x top fixed;} .piscine #sidebar-left h2 {background:none;} /* ==================================================================================== GOOGLE API ==================================================================================== */ .gsc-result {border-top:1px solid #CCCCCC; margin:2px 0 6px; padding:5px;} .gs-result .gs-title, .gs-result .gs-title * {color:#CC0000!important;} .gs-snippet {color:#333333!important; font-family:Arial,Helvetica,sans-serif!important; background:#F1F1F1 none repeat scroll 0 0; padding:5px;} .gsc-control {width:auto!important; } .gsc-resultsHeader {display:none;} .gs-visibleUrl-short {display:none;} .gs-webResult div.gs-visibleUrl-long {display:block!important;} .gsc-search-box table,.gsc-search-box table td {border:none!important;} input.gsc-input {width:97%!important;} input.gsc-search-button {padding:0 0.3em;} .associations #colonneNormalHeader {font-family:Arial,Helvetica,sans-serif;} .associations #colonneNormalHeader div {margin:0px;} .associations #colonneNormalHeader .csc-menu {margin:0px; padding:5px 0 5px 15px; border-bottom:1px solid #8DB7B7;} .associations #colonneNormalHeader ul.csc-menu {overflow:hidden;} .associations #colonneNormalHeader ul.csc-menu li {list-style-type:disc!important; float:left; width:260px; color:#000;} .associations #colonneNormalHeader ul.csc-menu li a {color:#333333!important;} .associations #colonneNormalHeader.special .csc-menu {display:none;} .associations #colonneNormal .csc-menu {} .associations #colonneNormal .csc-menu ul {list-style-type:none; margin:15px 0px 0px 0px; padding:0px; border-bottom:none;} .associations #colonneNormal .csc-menu ul li {padding:10px 0px 15px 0px!important; border-bottom:1px dotted #999; float:none!important; width:auto!important} .associations .FORM .FORMvalider input {background-color:#2F7E7E;} .associations .FORM fieldset {clear:both; border:1px solid #2F7E7E; margin:0px 0px 10px 0px!important; padding:0 10px 10px 10px;} .associations .FORM legend {background:transparent none repeat scroll 0 0; margin:0 7px; padding:0 5px; color:#2F7E7E;font-size:1em;} .associations .FORM .FORMsep {padding-top:0px!important; margin-bottom:0px!important;} .associations .FORM fieldset input.FORMchamptexte, .FORM fieldset textarea.FORMchamptexte {width:97%; border:1px solid #A5ACB2;} .associations .FORM fieldset p {margin:0 0 0.2em !important;} .associations .FORM .comments {color:#666666;} .associations .FORM .returnLine {clear:both; display:block;} .associations .FORM .FORMerreur {clear:both; color:#CC0000; display:block; font-style:italic; font-weight:normal;} .associations .FORM .FORMfocus {} .associations .FORM .FORMfocus {background-color:#FFFFCC!important} .associations .FORM .FORMvalider input {background-color:#2F7E7E;} .associations .FORM .widthAuto {width:auto!important;} .associations .FORM .FORMlibelles {width:20%;} .associations .FORM .FORMchamps {width:60%;} .tx-artificadirectories-pi1-search {clear:both;} /* ==================================================================================== Extension : tx-artificadeliberations-pi1 ==================================================================================== */ #colonneNormal .tx-artificadeliberations-pi1 .bottom .pagination {border-bottom:none!important; border-top:1px solid #2F7E7E;} #colonneNormal .tx-artificadeliberations-pi1 .bottom .paginationResult {visibility:hidden;} #colonneNormalContenu .tx-artificadeliberations-pi1 {} #colonneNormalContenu .tx-artificadeliberations-pi1 h3 {border:none;} #colonneNormalContenu .tx-artificadeliberations-pi1 .search {border:1px solid #ccc; background:#f1f1f1; padding:5px 5px 0px 5px; margin:0px 0px 0px 0px;} #colonneNormalContenu .tx-artificadeliberations-pi1 .search span {margin:0px 5px 0px 0px; padding:0px 0px 0px 0px;} #colonneNormalContenu .tx-artificadeliberations-pi1 .search label {display:block; float:left; margin:4px 5px 0px 0px; padding:0px 0px 0px 0px;font-weight:normal;} #colonneNormalContenu .tx-artificadeliberations-pi1 .search select {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #colonneNormalContenu .tx-artificadeliberations-pi1 .search form {margin-bottom:5px;} #colonneNormalContenu .tx-artificadeliberations-pi1 .search .fieldSelect {height:21px;} #colonneNormalContenu .tx-artificadeliberations-pi1 .list {} #colonneNormalContenu .tx-artificadeliberations-pi1 .list span {clear:both; color:#666;} #colonneNormalContenu .tx-artificadeliberations-pi1 .list p {margin:3px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;} #colonneNormalContenu .tx-artificadeliberations-pi1 .list .categories {color:#2f7e7e;} #colonneNormalContenu .tx-artificadeliberations-pi1 .list .date {color:#2f7e7e;} #colonneNormalContenu .tx-artificadeliberations-pi1 .search input {padding:0 5px;} #colonneNormalContenu .tx-artificadeliberations-pi1 .list ul{ padding-left:0;} #colonneNormalContenu .tx-artificadeliberations-pi1 .list ul li{ padding:5px 10px;} /*Blockquote*/ .container blockquote {border:solid #000 1px; border-width:1px 1px 1px 2px;font-family:"Courier New",Courier,mono; padding:5px; margin:0 40px;} .editIcon {display:none;} .blockEditIcon {background:none!important; border:1px dashed #1e74a0!important;} .blockEditIcon div {background:none!important;} .blockEditIcon .editIcon {display:block!important; background:#aed6eb!important; color:#1e74a0!important; padding:0px!important; margin:0px 0px 0px 0px!important; width:100%!important; font-size:12px!important; font-family:Verdana,Arial,Helvetica,sans-serif!important; line-height:1.5!important;} .blockEditIcon .editIcon div {margin:0px!important; padding:3px 5px 3px 5px!important; border-bottom:1px dashed #1e74a0!important; text-align:left!important;} .blockEditIcon .editIcon a {color:#1e74a0!important; text-decoration:none!important; font-weight:normal!important; font-size:12px!important; float:right!important; padding:0px!important; margin:2px 0px 0px 0px!important; font-size:10px!important;} .blockEditIcon .editIcon a:hover {text-decoration:underline!important;} .blockEditIcon .editElement {display:block!important; margin:0px!important;}