/* CSS Document */ /******************************************************************************************************* /********************************************************************************************************/ /******************************************************************************************************** /* INIT /******************************************************************************************************** /********************************************************************************************************/ html{ margin: 0; padding: 0; background-color: #e3e3e3; } body { color: #333; padding: 0; margin: 0; background: url(../img/bg-body.jpg) no-repeat top center; text-align:center; } * { background-repeat:no-repeat; } #content a:link { color: #006699;} #content a:visited { color: #006699;} #content a:hover { text-decoration: none;} #content a:active {} .container a.anchor { padding: 0; position: static; } .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;} p.sansmarge {padding:0!important;} #content hr { height: 0; padding: 0; color: #ccc; background-color: #ccc; border: 0; clear: both; } #content p {margin:10px 0 10px 0; font-family:Arial,Helvetica,sans-serif;} #h1 {padding: 10px 5px; margin: auto; font-size:24px;} #content a { color: #109fff; text-decoration: underline; font-weight: bold;} 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:960px; position:relative; background: url(../img/bg-body.jpg) no-repeat scroll center top } /**/ #header{ height:200px; width:960px; margin:0; position:relative;} #header a{width:160px; height:160px; 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{padding:0; margin:0; width:715px; position:relative; height:100%; background: url(../img/filet_corps.png) repeat-y left; padding:0 245px 0 0;} #content{ position: relative; width:525px; min-height:605px; float:right; margin: 0; padding:0;font-family:Arial, Helvetica, sans-serif!important;} #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:5px 0; color:#1A9BD5; z-index:100; margin:0 10px 0; width: 695px; background: url(../img/filet.png) repeat-x bottom center;} #breadcrumb h2 {padding: 0; font-weight: bold; display: inline; font-size: 11px;} #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited{ text-decoration:none; background:none; padding:0; margin:0 2px; color:#1A9BD5; 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;} #colonneNormalContenu, #chapeau {clear:both; padding:0 10px 20px 0; height: 100%;} #search{ position:absolute; top:160px; width:160px; z-index:500; height:40px; padding:0; left:10px;} #search label{ display:none} #search form, #search p {margin:0; padding:0; z-index: 50;} #search p.search-box{text-align:left; position:relative; height:40px; padding:14px 0 0 0; width:160px;} #search #sword {color:#666; padding:0; margin:0;font-family:Arial, Helvetica, sans-serif; font-size:12px;} #search input {color:#08c8ff; vertical-align:middle; padding:0; border:none;outline-width:0; background:none;} #search input.rechercheOK{ position:absolute; right:14px; top:10px;} #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:160px; padding:54px 10px 0 10px; float:left; display:inline; font-family:Arial, Helvetica, sans-serif;} #sidebar-left-content { position: relative; top: 0; right: 0; width: 170px;} #sidebar-left h2{font-weight:bold; color:#006699; font-size:90%;text-align:center; } #sidebar-left ul{list-style-type:none; margin: 0; padding:0; width:160px; border-bottom: 1px solid #e5e5e5;} #sidebar-left li{margin: 0; width:160px; border-top: 1px solid #e5e5e5;} #sidebar-left li a{ display:block; text-decoration:none; line-height:15px; font-size:small; font-weight:bold; color:#707070; text-align: right;} #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 licurrent_page_item a {color:#000;} #sidebar-left li.current_page_item li a, #sidebar-left licurrent_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;} .ville #sidebar-left li.current_page_item a, .ville #sidebar-left li.current_page_parent a, .ville #sidebar-left li.current_page_parent li.current_page_item a, .ville #sidebar-left li.current_page_ancestor a, .ville #sidebar-left li.current_page_ancestor li.current_page_ancestor a{color:#15afff;} .ville #sidebar-left li.current_page_item li a,.ville #sidebar-left li.current_page_parent li a{color:#666;} .cadrevie #sidebar-left li.current_page_item a, .cadrevie #sidebar-left li.current_page_parent a, .cadrevie #sidebar-left li.current_page_parent li.current_page_item a, .cadrevie #sidebar-left li.current_page_ancestor a, .cadrevie #sidebar-left li.current_page_ancestor li.current_page_ancestor a{color:#c566ae;} .cadrevie #sidebar-left li.current_page_item li a,.cadrevie #sidebar-left li.current_page_parent li a{color:#666;} .social #sidebar-left li.current_page_item a, .social #sidebar-left li.current_page_parent a, .social #sidebar-left li.current_page_parent li.current_page_item a, .social #sidebar-left li.current_page_ancestor a, .social #sidebar-left li.current_page_ancestor li.current_page_ancestor a{color:#ff972c;} .social #sidebar-left li.current_page_item li a,.social #sidebar-left li.current_page_parent li a{color:#666;} .enfance #sidebar-left li.current_page_item a, .enfance #sidebar-left li.current_page_parent a, .enfance #sidebar-left li.current_page_parent li.current_page_item a, .enfance #sidebar-left li.current_page_ancestor a, .enfance #sidebar-left li.current_page_ancestor li.current_page_ancestor a{color:#66c361;} .enfance #sidebar-left li.current_page_item li a,.enfance #sidebar-left li.current_page_parent li a{color:#666;} .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:#f9db31;} .sports #sidebar-left li.current_page_item li a,.sports #sidebar-left li.current_page_parent li a{color:#666;} .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:#cc413a;} .culture #sidebar-left li.current_page_item li a,.culture #sidebar-left li.current_page_parent li a{color:#666;} #sidebar-left li ul {background:none; padding:0;border:none;} #sidebar-left li li {margin:0; background:none; padding:0; width:160px} #sidebar-left li li a{color:#00aad3; padding:2px 5px 2px 2px; background:none; font-size:90%; font-weight:normal; text-align:right;} #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{ width:235px; background: #FFFFFF url(../img/bottom_sidebar_right.png) no-repeat center bottom; font-family:Arial, Helvetica, sans-serif; font-size:small; position: absolute; right: 0; top:-37px; z-index:1;} #sidebar-right h2 {color:#666; margin:0 auto; padding:5px 0;} #sidebar-right a {color:#0099ff; text-decoration:underline; font-size:small; height: auto; margin:0 auto;} #sidebar-right ul{margin:0 10px; list-style-type:none; border-bottom: solid 1px #d7eef7;} #sidebar-right li{width:215px; margin:0 auto; color:#666; border-top:1px solid #D7EEF7; padding:5px 0;} #sidebar-right li a{font-weight:bolder; font-size:0.9em; padding: 0 0 0 30px; text-decoration:none;} #sidebar-right li a:hover {text-decoration:underline;} #sidebar-right p {padding: 5px 0; margin:0 10px;} #sidebar-right h2.content26 { background: url(../img/infos_pratiques.png) no-repeat center; width: 215px; height: 35px; letter-spacing:normal; font-size: 0; text-indent: -9999px;padding:0 0 5px;} #infopratique-content { border-bottom: solid 1px #d7eef7;} #infopratique-content li { border-top:1px solid #D7EEF7;} #infopratique-content li a{ text-decoration:none;} #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;} #sidebar-right ul li.page-item-213 { background: url(../img/travaux.png) no-repeat left;} #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:960px; margin:0 auto; padding: 32px 0 0 0; background: #e4e4e4 url(../img/bg-corps.png) no-repeat center top; text-align:left} #footer-content{ padding: 0; color: #7F7F7F; width:960px;margin:auto; background:#e3e3e3 url(../img/bg-footer.png) repeat-y left top; height: 135px;font-size:80%;} #footer img{ margin-bottom:2em} #footer a{ color:#7f7f7f; text-decoration:none} #footer a:hover { text-decoration: underline} #footer ul {width:160px;margin:0 10px; list-style-type:none;} #footer li{ margin:0; font-family:Arial, Verdana, Helvetica, sans-serif; color:#7F7F7F;} #footer address {margin:10px;} #footer p {margin:0 10px;} #footer1{clear:both;} #footer1, #footer2, #footer3, #footer4 { float:left; width:180px;} .back2top{ text-align:right; clear:both; vertical-align:bottom;} .homepage .back2top{ display:none} #content .back2top a{ text-decoration:none; color:#666; padding-right:10px;} /* FORMATAGE GENERIQUES DES LISTES /* ------------------------------------------------------------------------------------------------------- */ #content .list {padding-bottom:1em; list-style-type:none; margin:0; } #content .list p{ margin:0} #content .list li {margin:0; padding:0; margin:0; padding:10px; background:none; clear:both; overflow:hidden } #content .list li .image{ min-height:70px; background:#F6F6F6; display:block; width:110px; margin-right:10px; float:left; overflow:hidden} #content .list li.colonnage2 { background:#F6F6F6} #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{ padding-left:120px; font-size:0.9em; line-height:1.4em} #content .list a{ font-weight:bold; display:block} #content .list img{ text-decoration:none; } #content ul {list-style-type:none;font-weight:bold;} #content ul li{ font-weight:normal; background:url(../img/puce-li.png) no-repeat; padding-left:2.2em; margin:0;margin:0 0 5px 0;} /********************************************************************************************************/ /******************************************************************************************************** /* TYPOGRAPHIE & STYLES DU CONTENT /******************************************************************************************************** /********************************************************************************************************/ #content h1{ color: #15afff; padding:10px 0 10px 4px;background: url(../img/bg-h1-ville.jpg) no-repeat left; width: 478px; margin-top:5px;} .ville #content h1 {color:#15afff; background: url(../img/bg-h1-ville.jpg) no-repeat left;} .enfance #content h1 {color:#66c361; background: url(../img/bg-h1-cadre.jpg) no-repeat left;} .cadrevie #content h1 {color:#c566ae; background: url(../img/bg-h1-social.jpg) no-repeat left;} .social #content h1 {color:#ff972c; background: url(../img/bg-h1-enfance.jpg) no-repeat left;} .sports #content h1 {color:#f9db31; background: url(../img/bg-h1-sport.jpg) no-repeat left;} .culture #content h1 { color:#cc413a; background: url(../img/bg-h1-culture.jpg) no-repeat left;} #content h3, #content h4, #content h5, #content h6{font-weight: bold; line-height:normal; color: #000000;; font-family: Arial, Helvetica, sans-serif} #content h2 { color: #15afff;} .ville #content h2 {color:#15afff;} .enfance #content h2 {color:#66c361;} .cadrevie #content h2 {color:#c566ae;} .social #content h2 {color:#ff972c;} .sports #content h2{color:#f9db31;} .culture #content h2{color:#cc413a;} .chapo, .chapeau, #chapo, #chapeau{font-weight:bold; font-size:1em; margin:5px 13px 0 0; padding:0;} /* 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 .encart, #content .encart-droite, #content .encart-gauche { background-color: #e0edf4; padding: 15px 10px 10px 10px; clear: both; margin:1em 0 0 0; width:490px; font-size:14px;} .encart { background-color: #e0edf4; clear: both; margin:10px 5px 5px 0; width:500px; font-size:14px; -moz-border-radius: 5px; border: 3px solid #d4dee4; padding:10px 5px;} /*#content .encart-droite{ width:40%; float:right; margin:0 0 1em 1em} #content .encart-gauche{ width:40%; float:left; margin:0 1em 1em 0} /* NAVIGATION /********************************************************************************************************/ /*Main Navbar */ #nav-main { position:absolute; top:60px; left:190px; width:770px; 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:0; padding:0; } #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; } #nav-main li{width:110px; background:url(../img/nav.png) } #nav-main li.page-item-9{ background-position:0 0} #nav-main li.page-item-8{ background-position:-110px 0} #nav-main li.page-item-7{ background-position:-220px 0} #nav-main li.page-item-6{ background-position:-330px 0} #nav-main li.page-item-5{ background-position:-440px 0} #nav-main li.page-item-4{ background-position:-550px 0} #nav-main li.page-item-3{ background-position:-660px 0} #nav-main li.page-item-9:hover,.homepage #nav-main li.page-item-9{ background-position:0 -59px} #nav-main li.page-item-8:hover,.ville #nav-main li.page-item-8{ background-position:-110px -59px} #nav-main li.page-item-7:hover,.cadrevie #nav-main li.page-item-7{ background-position:-220px -59px} #nav-main li.page-item-6:hover,.social #nav-main li.page-item-6{ background-position:-330px -59px} #nav-main li.page-item-5:hover,.enfance #nav-main li.page-item-5{ background-position:-440px -59px} #nav-main li.page-item-4:hover,.sports #nav-main li.page-item-4{ background-position:-550px -59px} #nav-main li.page-item-3:hover,.culture #nav-main li.page-item-3{ background-position:-660px -59px} #nav-main li a{font-size:0em; text-indent:-9999px; } #nav-main a, #nav-main a:visited { display:block; padding:0; height:59px; 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 /*-------------------------------------------------------------------------------------------------------*/ /* HOMEPAGE */ /*-------------------------------------------------------------------------------------------------------*/ .homepage #date { display:none} .homepage #content{width:515px; padding:0 0 0 9px;overflow:visible} .homepage #content a{background: none;} .homepage #content h1{ padding: 0;} .homepage a {} .homepage #colonneNormalContenu { overflow:hidden; font-size:1em; padding:0 0 10px 0;} .homepage #une-wrap { position:relative; width: 715px; background:#FFFFFF url(../img/filet.png) repeat-x scroll center bottom; overflow:hidden; font-size:1em;} .homepage #une-wrap a { color:#679902; font-weight:bold; margin:20px 0 10px 0; text-decoration:underline; display:block; font-size:1.7em; line-height:1em;} .homepage #une-wrap img { float:right;margin:0; padding-right:10px;} .homepage #une-wrap #content-une { width: 330px; padding:0 20px;} .homepage #une-wrap #content-une span.date{ font-weight: bold;} .homepage #content p.date {font-weight:bold; padding:0; margin:0;} .homepage #content p.lieu {padding:0; margin:0;} .homepage #content p.description, #agenda p.description{padding:0; margin:0;} .homepage #content p.description {margin:0 0 0 180px;} .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 {width: auto ; margin: 0 ; padding: 0 ;} .homepage #content ul li {margin: 0 0 15px 0; background: none; padding: 0; overflow:hidden;width:510px;} .homepage #content ul li img{float:left; margin:0 20px 0 0; overflow: hidden;} .homepage #content ul li a {color:#679902; padding:0;margin:0} .homepage #sidebar-right { top:-12px;} .homepage #sidebar-left h2.content2 { background: url(../img/dossiers.png) no-repeat; width: 160px; height: 47px; text-indent:-9999px; font-size: 0; margin-bottom:5px;} .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:1px solid #ccc;border-width:1px 0 0 1px; vertical-align:top; width:100%} #content table td, #content table th {border:1px solid #ccc;border-width:0 1px 1px 0; vertical-align:top; padding:5px} #content table th { background:#2CA6C8; color:#fff; } #content table h3 ,#content table h4, #content table p{margin:0;} #content caption{ width:100%; padding:0.5em; font-weight:bold} #content .tableauLigneAlternee{background-color:#DFF3FC;} /********************************************************************************************************/ /******************************************************************************************************** /* FORMULAIRES /******************************************************************************************************** /********************************************************************************************************/ fieldset{ border:1px solid #15AFFF; padding:0;} fieldset p{ margin:0!important} legend{ color:#15AFFF} .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} /*-------------------------------------------------------------------------------------------------------*/ /* PLAN DU SITE -----------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ #content .csc-sitemap ul{ padding:0; margin:0; line-height:2em; margin-top:1em } #content .csc-sitemap a, #content .csc-sitemap a:visited{ text-decoration:none; } #content .csc-sitemap a:hover{ text-decoration:underline!important; color:#059ADC!important; } #content .csc-sitemap li{ list-style-type:none; margin:0; padding:0;margin-top:1em;background:none; } #content .csc-sitemap li a, #content .csc-sitemap li a:visited{ font-weight:bold; font-size:200%; margin:0; color:#60B655; padding:0; } #content .csc-sitemap li ul {padding:0 0 0 20px; } #content .csc-sitemap li li { margin-top:auto } #content .csc-sitemap li li a,#content .csc-sitemap li li a:visited{ font-size:150%; font-weight:normal; color:#059ADC; margin: 0; background:none; display:inline; border:none; font-weight:bold; padding:0 } #content .csc-sitemap li li a:hover { text-decoration:none; color:#1D64B4;} #content .csc-sitemap li li a:visited { color:#3399CC} #content .csc-sitemap li li ul { margin: 5px 20px } #content .csc-sitemap li li li{ list-style-type:circle; } #content .csc-sitemap li li li a,#content .csc-sitemap li li li a:visited{ font-size:100%; padding:0; color:#333;font-weight:normal; } #content .csc-sitemap li li li li a, #content .csc-sitemap li li li li a:visited{ font-size:80%; color:#666 } /* PAGINATION /*-------------------------------------------------------------------------------------------------------*/ #content .pagination {text-align:center; color:#999; border-top:2px solid #DFF1F3; padding-top:1em; margin:1em 0} #content .pagination a {font-weight:bold; padding:0.2em 0.5em; border:1px solid #ccc} #content .pagination .paginationResult {float:left;} #content .pagination .paginationPager {float:right;} #content .pagination .paginationPagerPrec, #content .pagination .paginationPagerSuiv {font-weight:normal!important; color:#999!important; border:none} #content .pagination .paginationPagerCourant {color:#000!important; background:#fff; border-color:#fff} /*-------------------------------------------------------------------------------------------------------*/ /* 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 /*-------------------------------------------------------------------------------------------------------*/ #agenda { margin:5px 10px 0; width:215px; background: url(../img/bg-agenda.png) repeat-y;} #agenda-evenements p{margin: 0 auto; text-align: center; font-weight: bold; color: #003366;} #agenda h2 { width:215px; background: url(../img/topbg-agenda.png) no-repeat; font-size: 160%; padding-top:15px; text-align: center; color: #0099cc} #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-evenements-content li a { background: url(../img/bagdlist.png) no-repeat 10px; color: #003366 !important; } #agenda #agendaPied{height:10px;background: url(../img/bottombg-agenda.png) no-repeat bottom center;} #agenda ul { padding:10px 10px 0 10px; margin:0; border:none;} #agenda ul li{color: #006699; margin:10px 0 0 ; padding:0 0 0 22px; background: url(../img/bagdlist.png) no-repeat;line-height:normal; border:none; font-size:1em; width:160px;} #agenda ul li a{ color: #003366; padding:0; text-decoration:underline;font-size:0.9em;} #agenda ul li a:hover{color: #003366; text-decoration:none;} #agenda p { margin:0 30px; } #agenda p a{ font-weight: bolder; font-size:12px; color: #003366; text-decoration:none;} #agendaConteneur {color:#ccc;margin:10px auto 0 auto ;text-align:center;font-size:90%; line-height:normal} #agendaConteneur h4 {display:none;} #agendaConteneur table {width:140px; margin: 0 auto; border-color:#86ccde} #agendaConteneur table caption {color:#FFF; padding:3px; margin: 0 auto;text-align:center; border:#56b3c3 1px solid; border-bottom:none;} #agendaConteneur table caption a {display:inline; background:none; color:#006699} #agendaConteneur table caption a:hover {display:inline; background:none; color:#000} #agendaConteneur table a{ display:block;padding:5px 2px ; border:none; text-decoration:none; color:#006699; font-size:12px; font-weight:bold;} #agendaConteneur table a:hover {background-color:#ffffff; color:#006699; text-decoration:underline;} #agendaConteneur td {text-align:right;padding:1px; border-color:#56b3c3; color:#fff;} #agendaConteneur th {background-color:#169BD6; color:#fff;text-align:center;padding:1px; border-color:#86ccde} #agendaConteneur th abbr {border-bottom: medium none; cursor:auto; font-size:100%;font-weight:bold; letter-spacing:0;} #agendaConteneur .cal-today {} #agendaConteneur .cal-today a {background-color:#ffffff;color:#006699;} #agendaConteneur .cal-semaine {background-color:#e4e4e4;} #agendaConteneur .cal-selected a {color:#006699; text-decoration:underline;} /* 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} /* IMAGES /*-------------------------------------------------------------------------------------------------------*/ #content .imageBox {background:#FFFFFF; clear:both; color:#666; font-size:80%; font-weight:bold; padding:2px; text-align:left; border:1px solid #ccc;display:block;} #content .imageBoxRight {float:right; margin:0 0 1em 1em; clear:none} #content .imageBoxLeft {float:left; margin:0 1em 1em 0; clear:none; overflow:hidden;} #content .imageBox a,#content .imageBoxRight a,#content .imageBoxLeft a{ padding:0} #content .imageBox .imageLegende {/*float: left; clear: left; width: 100%;*/} #content .imageBox img{/*float: left;*/} #content img{ border:none; padding:0} #content div.single img{margin-bottom: 10px;} #content .imageBoxBorder{ border:1px solid #a4c5d1; padding:4px; background:#fff} /* #content img{ border:1px solid #A4C6D2; padding:5px} #content img.sans-bord{ border:none; padding:0}*/ /* 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:220px; display:block; float:left; list-style-type:none; margin:0px 0px 20px 20px; 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;} /* DIAPORAMA */ /********************************************************************************************************/ #content #diaporama-wrap { height:278px; overflow:hidden; margin:0 0 1em 0; position:relative; width:510px; background-color:#000;} #content #une-nav, #content #une-nav-2 { position:absolute; bottom:0; left:0; text-align:center; width:500px; 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/diapo-prev.gif) no-repeat; width:25px; height:25px; text-indent:-9999px;font-size:0;} #content #une-nav-2 #next{ float:right;background:url(../img/diapo-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-wrap ul {margin:0;} #content #diaporama-wrap li {width:100%; text-align:center;margin:0;background-image:none; padding:0px;} #content #diaporama-wrap li .legende{color:#fff;} #content #spl a {background-image:none; padding-right:0px;} /* 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;} body.typo_size9 h1#titrePrincipal .cufon-alt {font-size:2.5em!important;} body.typo_size9 #colonneNormalContenu, body.typo_size9 #chapeau, body.typo_size9 .homepage #une-wrap, body.typo_size9 .homepage #sidebar-left {font-size:100%!important;line-height:1.3em} body.typo_size11 h1#titrePrincipal .cufon-alt {font-size:3em!important;} body.typo_size11 #colonneNormalContenu, body.typo_size11 #chapeau, body.typo_size11 .homepage #une-wrap, body.typo_size11 .homepage #sidebar-left {font-size:120%!important;line-height:1.3em} body.typo_size13 h1#titrePrincipal .cufon-alt {font-size:3.5em!important;} body.typo_size13 #colonneNormalContenu, body.typo_size13 #chapeau, body.typo_size13 .homepage #une-wrap, body.typo_size13 .homepage #sidebar-left {font-size:140%!important;line-height:1.3em} body.typo_size15 h1#titrePrincipal .cufon-alt {font-size:4em!important;} body.typo_size15 #colonneNormalContenu, body.typo_size15 #chapeau, body.typo_size15 .homepage #une-wrap, body.typo_size15 .homepage #sidebar-left {font-size:160%!important; line-height:1.3em}