/* CSS Document */ /******************************************************************************************************* /********************************************************************************************************/ /******************************************************************************************************** /* INIT /******************************************************************************************************** /********************************************************************************************************/ html {margin:0; padding:0; background:#01050a url(../img/bg-html.gif) repeat-x top center;} body {text-align:center; color:#333; padding:0; margin:0; background: url(../img/bg-body.jpg) no-repeat top 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: 1px; padding: 0; color: #ccc; background-color: #ccc; border: 0; clear:both;} #content h1#titrePrincipal {min-height:80px;} .invisible {position:absolute; top:-9999px; left:-9999px} #TB_overlay {z-index:10000!important;opacity:1;} #TB_window {z-index:10002!important} #TB_window {background-color:#000000; color:#FFFFFF;} #TB_window a:link {color: #999999;} #TB_window a:visited {color: #999999;} #TB_window a:hover {color: #999999;} #TB_window a:active {color: #999999;} #TB_window a:focus{color: #999999;} /* SKIPLINK /*-------------------------------------------------------------------------------------------------------*/ ul#skiplink{ margin:0; padding:0; z-index:9999;} 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; font-weight:bold; font-size:2em; white-space:nowrap} ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00; z-index:9999;} /********************************************************************************************************/ /******************************************************************************************************** /* LAYOUT /******************************************************************************************************** /********************************************************************************************************/ #wrap{ position:relative; text-align:left; margin:auto; width:970px} /**/ #header{ height:193px; width:930px; margin:auto; position:relative;} #header div{ height:165px; width:759px; position:absolute; right:0; bottom:0; z-index:900} #header .hdr1{ background:url(../img/bg-hdr-1.jpg) no-repeat top center;} #header .hdr2{ background:url(../img/bg-hdr-2.jpg) no-repeat top center;} #header .hdr3{ background:url(../img/bg-hdr-3.jpg) no-repeat top center;} #header .hdr4{ background:url(../img/bg-hdr-4.jpg) no-repeat top center;} #header .hdr5{ background:url(../img/bg-hdr-5.jpg) no-repeat top center;} #header .hdr6{ background:url(../img/bg-hdr-6.jpg) no-repeat top center;} #header .hdr7{ background:url(../img/bg-hdr-7.jpg) no-repeat top center;} #header .hdr8{ background:url(../img/bg-hdr-8.jpg) no-repeat top center;} .enseignement #header .hdr1{ background:url(../img/bg-hdr-enseignement.jpg) no-repeat top center;} .mairie #header .hdr1{ background:url(../img/bg-hdr-mairie.jpg) no-repeat top center;} .vie #header .hdr1{ background:url(../img/bg-hdr-vie.jpg) no-repeat top center;} .economie #header .hdr1{ background:url(../img/bg-hdr-economie.jpg) no-repeat top center;} .action #header .hdr1{ background:url(../img/bg-hdr-action.jpg) no-repeat top center;} .environnement #header .hdr1{ background:url(../img/bg-hdr-environnement.jpg) no-repeat top center;} .sport #header .hdr1{ background:url(../img/bg-hdr-sport.jpg) no-repeat top center;} .culture #header .hdr1{ background:url(../img/bg-hdr-culture.jpg) no-repeat top center;} .tourisme #header .hdr1{ background:url(../img/bg-hdr-tourisme.jpg) no-repeat top center;} .projets #header .hdr1{ background:url(../img/bg-hdr-grands-projets.jpg) no-repeat top center;} .espace #header .hdr1{ background:url(../img/bg-hdr-ejeunesse.jpg) no-repeat top center;} .quartiers #header .hdr1{ background:url(../img/bg-hdr-quartier.jpg) no-repeat top center;} #header h1 { margin:0;} #header #logo{ position:absolute; z-index:1000} #header a{} /* .sub-header{ margin:0; position:absolute; top:10px; left:60px; padding:0; font-weight:bold; color:#666666; letter-spacing:0.1em} .sub-header a{ color:#666666} .sub-header a:hover{ color:#079BDD; text-decoration:none} */ #corps{ overflow: hidden; padding:40px 20px 0; margin:0 auto 0; width:930px; background:#E3EFF7 url(../img/bg-corps.jpg) no-repeat top; clear:both; position:relative; min-height:650px} #content{ width:550px!important; float:left; margin-top:35px } #breadcrumb{padding:8px 0 0 0; color:#417c91; font-size:80%; position:absolute; top:40px; left:20px; z-index:100; width:930px; overflow:hidden; white-space:nowrap} #breadcrumb h2 {padding:0;font-weight:normal; display:inline;font-size:100%; border:none} #breadcrumb a, #breadcrumb a:link{ color:#666666; text-decoration:none; background:none;padding:0;margin:0;} #breadcrumb a:hover{ color:#666666; text-decoration:underline} #breadcrumb strong{ color:#00689C; font-weight:normal} .homepage #content #breadcrumb {font-size:90%;} .homepage #content #breadcrumb h2{ font-family:inherit; font-size:100%; text-transform:none; background:#11617A; margin:0; padding:0; height:auto; color:#417c91; letter-spacing:normal; font-weight:normal; line-height:normal;background:none;} #content #date{font-size:90%; position:absolute; right:20px; top:40px;padding:8px 0 0 12px; z-index:100; color:#11617A; font-weight:bold} /**/ #icon-tools{ text-align:right; position:absolute; height:75px; width:26px; left:20px; top:80px; background:url(../img/icon-bg.png) no-repeat; padding-top:3px;} .homepage #icon-tools{ display:none} #icon-tools img{ margin-right:3px;} #search{ position:absolute; top:193px; left:20px; width:175px; z-index:500; height:20px; width:161px; padding:10px 5px} #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:23px; padding:0 5px; background:url(../img/bg-search.png) no-repeat center;} #search #sword {color:#666; width:135px; position:absolute; padding:0; font-size:11px; margin:5px 0 0 5px} #search input {color:#08c8ff; vertical-align:middle; padding:0; border:none!important;outline-width:0!important; background:none;} #search input.rechercheOK{ position:absolute; right:8px} /**/ #sidebar{width:360px; float:right; margin-top:35px;} #sidebar *{ font-size:1em; /*color:#333*/} #sidebar-left, #sidebar-right{ width:175px; float:left; } #sidebar-left{ margin-right:10px; background:#b8d3dd; padding-bottom:20px; } #sidebar-right{background:#c4e5ed ; float:right; /*padding-bottom:20px;*/} /**/ /* MENU COLONNE (menu 2 et 3 + colonne droite) */ /* ------------------------------------------------------------------------------------------------------- */ #sidebar{ /*color:#3399cc;*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%;} #sidebar a{ color:#333333; text-decoration:none; line-height:1.5em; display:block;} #sidebar #sidebar-left a:hover{background-color:#DCE9EE;} #sidebar h2{background:url(../img/bg-sidebar-h2-blue.png) repeat-x center; color:#006699; margin:0; color:#fff;padding:0; font-size:1em; font-weight:bold;padding: 0.2em 10px; width:155px; text-transform:uppercase; } #sidebar h2 span{ color:#fff} #sidebar h2 img{ padding-top:10px} #sidebar h3{padding:0 5px; margin:10px 5px 0 5px; color:#006699; border-bottom:1px solid #dce9ee; text-transform:uppercase;} #sidebar-double h2{ width:340px} #sidebar ul{list-style-type:none; margin:0;} #sidebar-right a.tout-agenda #sidebar-right ul{padding-bottom:10px; margin:0} #sidebar li{border-bottom:1px solid #dce9ee; margin:0 10px; width:155px; padding:0;font-size:10px;line-height:12px; padding: 0;} #sidebar-right li{border:none; width:175px; padding:0; margin:0;} #sidebar li a{padding:4px 0; display:block; width:155px; text-decoration:none; line-height:11px; font-size:10px} #sidebar-right li a, #sidebar-right a.tout-agenda{background:url(../img/sidebar-arrow.png) 5px 5px no-repeat; width:155px; color:#418095; text-decoration:none;padding:4px 0 4px 15px;} #sidebar li a:hover {color:#000;} #sidebar-right li a:hover {text-decoration:underline; color:#418095} #sidebar li.on{ border-bottom:none;} #sidebar li.on a{ background:#dce9ee; color:#000; font-weight:bold;} #sidebar li.on li{ margin:0} #sidebar li.on li a{ color:#006699; padding-left:20px; width:140px} #sidebar li.on li a:hover{ text-decoration:underline;} #sidebar li.on li.on{ /*border-bottom:#bee5f4 solid 1px;*/} #sidebar li.on li.on a{ color:#E61A89; text-decoration:underline; color:#003b55; font-weight:bold} #sidebar li.on li.on li:last-child{ border:none} #sidebar li.on li.on li a{ width:120px; padding-left:40px; font-weight:normal;color:#006699; text-decoration:none;} #sidebar li.on li.on li a:hover{ color:#059ADC; text-decoration:underline} #sidebar li.on li.on li.on a{ color:#E61A89; text-decoration:underline; color:#003b55;} #sidebar li.on li.on ul{border-top:#bee5f4 solid 1px;} #sidebar p{ padding: 5px 10px; margin-bottom:10px; line-height:normal} #sidebar img {} #sidebar-right #agenda {} #sidebar-right #agenda p{margin:0px;} #sidebar-right h2{background: url(../img/bg-sidebar-right-h2-blue.png) repeat-x center} #sidebar h2 img{ padding-top:10px} #sidebar #carte{ background:#E9F1F3; margin-bottom:1px} #sidebar p.plan-interactif{ padding:0; margin-bottom:0; background:#F9FBFC} .homepage #sidebar p.plan-interactif{background:#E7EFF2; border-top:1px solid #fff} #sidebar #culture{ padding-left:1px} #sidebar #culture li{ width:78px; height:78px; float:left; margin:4px; display:inline} #sidebar #culture li a{ background:#fff; width:76px; height:76px; padding:0; border:1px solid #fff} #sidebar #culture li a:hover{border:1px solid #3CB352} #sidebar form{ padding:0 10px 10px; line-height:normal; margin:0 0 0.5em 0} #sidebar label{ clear:both; display:block; margin-top:1em} #sidebar select{ width:120px} #sidebar input{ vertical-align:middle; } #sidebar #jeveux{ background:#fff} #sidebar-right #jeveux li a{ background:url("../img/sidebar-arrow2.png") no-repeat scroll 5px 5px transparent;} .homepage #sidebar{width:370px;} #sidebar-home {width:360px;margin-left:10px;} #sidebar-home p {padding:0px;} #sidebar-home img {/*float:left; padding: 0 0 10px 10px;*/} .homepage #sidebar-left {margin-left:10px; -margin-left:5px;} #footer{ background:#01050a url(../img/bg-footer.png) no-repeat top center; width:100%; margin:0; padding-top:70px} #footer-content{ padding:4em 0 2em 0; text-align:center; color:#83B6C7; width:974px; margin:0 auto} #footer img{ margin-bottom:2em} #footer a{ color:#fff; text-decoration:none} #footer li{ display:inline; border-left: 1px solid #83B6C7; padding:0 0.5em; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff} #footer li:first-child{ border:none} #footer li.rss a{ color:#FF9900; background:url(../img/icon-rss.gif) no-repeat right; padding-right:25px} #back2top, .csc-linkToTop{ text-align:right; font-size:80%; border-top:1px solid #88CED4; clear:both} .csc-linkToTop{ border:none} .homepage #back2top{ display:none} #content #back2top a, #content .csc-linkToTop a{ text-decoration:none; color:#45A2AE} #sidebar h2.open, #sidebar h2.close{ cursor:pointer; padding-right:30px; width:135px } #sidebar h2.close{ background:url(../img/bg-sidebar-h2-close.png) no-repeat right center;} #sidebar h2.open{background:url(../img/bg-sidebar-h2-open.png) no-repeat right center;} /* FORMATAGE GENERIQUES DES LISTES /* ------------------------------------------------------------------------------------------------------- */ #content .list {padding-bottom:1em; list-style-type:none; margin:0; } #content .list p{ margin:0} #content .list .image{ min-height:70px; /*background:#fff;*/ display:block; width:110px; margin-right:10px; float:left; overflow:hidden} #content .list li.colonnage2 .image{ /*background:#E3EFF7*/} #content .list a{background:none; padding:0!important; margin:0!important;} #content .list .text{ padding-left:120px} #content .list li {margin:0!important; padding:5px; margin-bottom:1em; /*padding:10px;*/ padding-left:40px; /*background:none;*/ clear:both; overflow:hidden; background-position:10px 10px; -moz-border-radius:10px; -webkit-border-radius:10px } #content .list li.colonnage2 { background-color:#fff} #content .list a{ font-weight:bold; text-decoration:none}#content .list a:hover{ text-decoration:underline} #content .list img{ text-decoration:none; } /*annulation des puces + padding pour les list agenda et actu */ #content .tx-artificaagenda-pi1 .list li, #content .tx-artificanews-pi1 .list li { padding:10px; background-image:none} #content .tx-artificaagenda-pi1 .list li a, #content .tx-artificanews-pi1 .list li a{ text-decoration:underline} #content .tx-artificaagenda-pi1 .list li a:hover, #content .tx-artificanews-pi1 .list li a:hover{ text-decoration:none} /* Ajout Seb - 14/05/2009 - begin */ #content .listEmpty {padding:3px 7px 3px 7px; font-weight:bold; color:#FF0000!important;} /* Ajout Seb - 14/05/2009 - end */ #content .group-list {padding:0; list-style-type:none; margin:0;} #content .group-list li {margin:0; padding:1em 0.5em 1em 0.5em; background:none; border-top:1px dashed #999999} #content .group-list li.position1 {border-top:none;} #content .plurimedia-list {} #content .plurimedia-list li {} #content .plurimedia-list li span {color:#767676;} #content .seances li {margin-bottom:7px!important;} #content .seances li p {margin:0px!important;} #content .plurimedia-cinema-list {padding:0; list-style-type:none; margin:0px 0px 10px 0px;} #content .plurimedia-cinema-list li {margin:0; padding:0; display:inline; background:none;} #content .plurimedia-cinema-list li.on {font-weight:bold;} /********************************************************************************************************/ /******************************************************************************************************** /* TYPOGRAPHIE /******************************************************************************************************** /********************************************************************************************************/ #content h1{ color:#0089a0; font-size:2.6em; margin-top:0; line-height:normal; font-weight:normal; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; padding-left:40px;} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{line-height:normal; color:#0089a0; } #content h2{border-top:2px solid #88CED4; padding-top:10px} .chapo, .chapeau,#chapo, #chapeau{font-weight:bold} .post-date{ padding:0.25em 0; border:1px solid #ccc; border-width:1px 0; text-align:right; font-size:80%; color:#666} /* Liste /*-------------------------------------------------------------------------------------------------------*/ #content ul{ list-style-type:none; margin-left:0} #content ul li{ background:url(../img/puce-li.gif) no-repeat 0 0.25em; padding-left:1.5em} #content ul li ul{ list-style-type:circle} #content ul li ul li{ background:none; padding-left:0; margin-left:1.5em} /* 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:#fff; border:1px solid #88CED4;padding:10px;clear:both; overflow:hidden; margin:1em 0; /*-moz-border-radius:10px; -webkit-border-radius:10px*/} #content .encart-droite{ width:40%; float:right; margin:0 0 1em 1em} #content .encart-gauche{ width:40%; float:left; margin:0 1em 1em 0} #content .encartBlanc{background:#fff ; border:1px dotted #ccc; padding:10px;clear:both;margin:1em 0;} #content .encartBlanc h2{ color:#b5cdd6; letter-spacing:0.3em; text-transform:uppercase} #content .post-update{ font-size:80%; color:#999; clear:both; margin:2em 0 0} /* NAVIGATION /********************************************************************************************************/ /*Main Navbar */ #nav-main {position:absolute; top:193px; right:20px; width:759px;font-size:1.2em; height:40px; text-align:left; z-index:200; /*background:url(../img/bg-nav.png) repeat-x;*/ font-weight:bold} #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; height:40px;} #nav-main li.item1{ width:66px} #nav-main li.item2{ width:119px} #nav-main li.item3{ width:87px} #nav-main li.item4{ width:115px} #nav-main li.item5{ width:116px} #nav-main li.item6{ width:122px} #nav-main li.item7{ width:59px} #nav-main li.item8{ width:75px} /* bug IE8, submenu impossible to catch on homepage : */ .homepage #nav-main>ul>li>a>span { display: block\9; height: 42px\9; } #nav-main a, #nav-main a:visited {display:block; color: #f5f5f4; padding:15px 5px 5px; letter-spacing:0.05em; height:20px; text-align:center;} #nav-main a.anchor{ display:none} #nav-main a:hover,#nav-main li:hover, #nav-main a:active, #nav-main li.sfhover {background:#007294 url(../img/bg-nav-hover.png) repeat-x} #nav-main .on a {background:#19a2b8 url(../img/bg-nav-on.png) repeat-x} /* Dropdown Menus */ #nav-main li ul {position: absolute; z-index:99999; left: -999em; height: auto; width: 174px; font-weight:bold; padding:0 0; background:#007294; border-left:1px solid #fff;} #nav-main li ul li ul {position:inherit; height: auto; width: 174px; font-weight:normal; list-style-type:square;} #nav-main li li {width: 174px; padding:0 ; border:none; height:auto;} #nav-main li li a, #nav-main li li a:visited {font-size:0.9em; color:#cce3ea; border-bottom:1px solid #4d9db4; background:none!important; height:auto; padding:10px; text-align:left;} #nav-main li li:hover, #nav-main li.sfhover li.sfhover { background:#A4D466!important} #nav-main li li a:hover, #nav-main li li a:active {background:#006182!important;border-bottom:1px solid #4d9db4;} #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{ } #nav-secondary ul{ list-style-type:none; position:absolute; top:5px; right:20px; font-size:1.2em} #nav-secondary li{ float:left} #nav-secondary a{ text-decoration:none; color:#163e67; padding:0 0 0 20px; margin-left:10px; display:block} #nav-secondary li.en a{ background:url(../img/icon-en.png) no-repeat left} #nav-secondary li.sp a{ background:url(../img/icon-sp.png) no-repeat left} #nav-secondary li.wai a{ background:url(../img/icon-wai.png) no-repeat left} #pi a{ position:absolute; display:block; top:105px; left:20px; width:171px; height:88px; text-indent:-9999px; font-size:0; margin:0; padding:0; background:url(../img/btn-pi.jpg) no-repeat} #nav-secondary li.google-trad{ position:relative; top:-3px; padding-left:20px; position:absolute; left:-9999px} .goog-te-combo{ font-size:10px!important} /* HOMEPAGE */ /*-------------------------------------------------------------------------------------------------------*/ .homepage #content{ font-size:0.9em} .homepage #content h1{ display:none} /**/ .homepage #content #une-wrap { height:230px; overflow:hidden; margin:0 0 15px 0; position:relative} .homepage #content #une { height:224px; width:544px; overflow:hidden; margin:0 0 15px 0; position:relative; border:3px solid #fff} .homepage #content #une li{/*overflow:hidden*/ } .homepage #content #une a{ padding:0} .homepage #content #une-nav, .homepage #content #une-nav-2 {position:absolute; bottom:0; left:0; text-align:center; width:530px; height:20px; z-index:200; padding:5px 10px;} .homepage #content #une-nav{ margin:0 50px; width:430px;} .homepage #content #une-nav-2{ background:#fff; } .homepage #content #une-nav-2 a{ text-decoration:none} .homepage #content #une-nav-2 #prev, .homepage #content #une-nav-2 #next{ float:left; display:block; color:#666666; /*background:url(../img/une-prev.gif) no-repeat; width:25px; height:25px; text-indent:-9999px;font-size:0;*/} .homepage #content #une-nav-2 #next{ float:right;/*background:url(../img/une-next.gif) no-repeat;*/} .homepage #content #une-nav a { border: 1px solid #ccc; text-decoration: none; margin: 0 5px; padding: 3px 5px; color:#666 } .homepage #content #une-nav a.activeSlide { background: #50BCCB; color:#fff; border-color:#50BCCB } .homepage #content #une-nav a:focus { outline: none; } .homepage #content .une-text{position:absolute; right:0; top:0; width:270px} .homepage #content .une-entete{ margin:0; padding:5px 10px; font-size:2em; line-height:1em; background:#fff} /* .homepage #content .une-theme span{ background:#A3001D; color:#fff; padding:5px 10px; font-style:italic; margin:0;} .homepage #content .une-theme{ margin:0} */ .homepage #content .une-titre{ margin:0} .homepage #content .une-titre a{ padding:5px 10px; margin:0; display:block; color:#247490; text-decoration:none; background:none} .homepage #content .une-chapo{ background:url(../img/bg-000-alpha-60-trans.png); color:#e4e4e4; margin:0; width:250px; padding:5px 10px; font-size:1.2em; z-index:100} /**/ .homepage #content .bloc{ padding:2px; margin-bottom:1em; background:#fff} .homepage #home-left-content, .homepage #content #home-right-content { width:266px; float:left} .homepage #content #home-left-content{ margin-right:10px;} .homepage #content h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-transform:uppercase; background:#11617A; margin:0 0 1em 0; padding:0 10px; height:21px; color:#fff; letter-spacing:0.1em; font-weight:bold; line-height:1.8em; border:none} .homepage #content .agenda h2{ background:#11617A url(../img/bg-agenda.gif) no-repeat} .homepage #content .actu h2{ background:#a3001d url(../img/bg-actu.gif) no-repeat} .homepage #content ul{ margin:10px; list-style-type:none} .homepage #content li{margin:0; line-height:1.4em; margin-bottom:1em;} .homepage #content .bloc img{ padding:2px; border:1px solid #999; float:right; margin:5px 0 10px 10px} .homepage #content #home-right-content img {float:left; border:none; padding:0; margin:0 5px 2px 0;} .homepage #content .bloc p{ margin:0; background:#cdebef url(../img/bg-vague.gif) no-repeat top; padding:15px 7px 5px; text-align:right} .homepage #content .bloc p a{ font-weight:bold; background:url(../img/sidebar-arrow.png) no-repeat 0 0.5em; padding-left:15px; text-decoration:none} .homepage #content .bloc li { list-style-position:inside; border-top:1px solid #ccc; padding-top:0.5em; margin-bottom:0.5em; clear:both} .homepage #content .bloc li:first-child {border-top:none} .homepage #content .actu li a, .homepage #content .agenda li a { font-size:1.2em; font-weight:bold; font-family:"trebuchet MS", Arial, Helvetica, sans-serif; } .homepage #content .en-bref li a{ text-decoration:none; color:#666666}.homepage #content .en-bref li a:hover{ text-decoration:underline; color:#666666} .homepage #content .actu { background:#fff} .homepage #content .actu ul{ list-style-type:none; margin:10px;} .homepage #content .actu li{ list-style-position:outside} /*annule list des contenu page */ .homepage #content ul li{ background:none; padding-left:0;} .homepage #content ul li ul li{ background:none} /********************************************************************************************************/ /* Onglet /********************************************************************************************************/ #tabs {margin-bottom:10px;} #sidebar #tabs p{ text-align:center; color:#fff; padding:1em; font-size:200%} .ui-tabs .ui-tabs-hide {display:none !important;} #sidebar #nav-tabs{ height:20px; margin:0} #sidebar #nav-tabs li{ width:auto; float:left; margin:0 5px 0 0; border:none;} #sidebar #nav-tabs li a { width:auto; padding:4px 10px; color:#398BB0; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:120%;} #sidebar #nav-tabs a {background:#FFFFFF;border:1px solid #B2CACE; border-bottom:none;-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-bottom:none;} #sidebar #nav-tabs a:hover {background:#133e4c;border-color:#133e4c;} #sidebar #nav-tabs a.current{background:#133e4c url(../img/bg-tabs-on.gif) repeat-x center; border-color:#133e4c;color:#fff; outline:none; border-color:#133e4c;} #sidebar #panes {background:#11617A; border:3px solid #000; height:269px; position:relative; background:#000;} .tab-box {display:none;} #sidebar #panes div.player-flv, #sidebar #panes div.player-object {width:340px; margin:0 auto;text-align:center;} #sidebar #tabs-webcam{} #sidebar #tabs #tabs-webcam p {padding:0;} #sidebar #tabs-webcam ul{position:absolute;bottom:0; overflow:hidden;background:#000;margin:0;padding:5px 0!important;width:354px;} #sidebar #tabs-webcam ul li {display:inline;float:left;text-align:center;border:0;margin:0!important;padding:0!important;width:50%;} #sidebar #tabs-webcam ul li a {font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:120%;color:#FFFFFF; text-decoration:underline} #sidebar #tabs-webcam ul li a:hover {background:none;border-color:none;color:#00CCFF;text-decoration:underline;} #sidebar #tabs-webcam ul li a.current {color:#00CCFF; text-decoration:none} #sidebar #tabs p {font-size:100%; margin:3px 0px 0px 0px; padding:0px} #sidebar #tabs p a {line-height:normal; padding:0px; color:#fff;} #sidebar #tabs p a:hover {text-decoration:underline;} #sidebar #photo-home ul {margin:2px;padding:0;} #sidebar #photo-home li {display:inline;float:left;text-align:left;border:0!important;margin:0 0 10px 0;padding:0;width:170px; color:#FFFFFF;height:114px;overflow:hidden;line-height:1.1em;} #sidebar #photo-home li a {padding:0;width:170px;color:#FFFFFF; font-weight:bold;} #sidebar #photo-home li.colonnage1 {margin:0 10px 10px 0;} #sidebar #photo-home img {margin:0;padding:0;} #sidebar #photo-home li a:hover{background:none;} /********************************************************************************************************/ /* DIVERS /******************************************************************************************************** /*googleMap > desactive le copyright teleatlas trop long*/ .gmnoprint span {display:none} .backbutton a{ text-decoration:none!important} /********************************************************************************************************/ /******************************************************************************************************** /* 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:#666666; border-top:1px dotted #666; padding-top:1em} .important {color:#990000;} /* TABLEAU*/ /********************************************************************************************************/ #content table {border:1px solid #fff;border-width:1px 0 0 1px; vertical-align:top; width:100%} #content table td, #content table th {border:1px solid #fff;border-width:0 1px 1px 0; vertical-align:top; padding:5px} #content table th { background:#1FA3BA; 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:#fff;} /********************************************************************************************************/ /******************************************************************************************************** /* FORMULAIRES /******************************************************************************************************** /********************************************************************************************************/ fieldset{ border:2px solid #0089a0;} fieldset p{ margin:0!important} legend{ color:#0089a0} .FORMsep{ clear:both; overflow:hidden; } .FORMlibelles{ float:left; width:28%; text-align:right; padding-right:2%} .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;} .container fieldset {padding:1em;} /*-------------------------------------------------------------------------------------------------------*/ /* 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%; display:block; margin:0; color:#48B2C8; padding:0;} #content .csc-sitemap li ul {padding-left: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:#0163AE; margin: 0; background:none; display:inline; border:none; font-weight:bold; display:block; 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 {clear:both;overflow:hidden;margin:10px 0;} .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 /*-------------------------------------------------------------------------------------------------------*/ #sidebar #agendaConteneur {color:#ccc;margin:0 auto 0 auto ;text-align:center;font-size:90%; line-height:normal} #sidebar #agendaConteneur h4 {display:none;} #sidebar #agendaConteneur table {width:100%;margin: 0 auto; border-color:#fff} #sidebar #agendaConteneur table caption {background-color:#fff; color:#3C8BB3; padding:3px;margin: 0 auto;text-align:center;} #sidebar #agendaConteneur table caption a {display:inline; background:none; color:#3C8BB3} #sidebar #agendaConteneur table caption a:hover {display:inline; background:none; color:#000} #sidebar #agendaConteneur table a{ display:block;padding:5px 2px ; border:none; text-decoration:none} #sidebar #agendaConteneur table a:hover {background-color:#3C8BB3; color:#FFF;} #sidebar #agendaConteneur td {;text-align:right;padding:1px; border-color:#fff} #sidebar #agendaConteneur th {background-color:#a6cfdd; color:#006699;text-align:center;padding:1px; border-color:#fff} #sidebar #agendaConteneur .cal-today a{background-color:#99CC33;color:#fff; } #sidebar #agendaConteneur .cal-semaine {background-color:#e4e4e4;} #sidebar #agendaConteneur .cal-selected a{background-color:#A6CFDD;color:#000000;} #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; color:#006699!important; padding:3px 5px 3px 5px!important; text-decoration:none;} #content .tx-artificaagenda-pi1 .buttons a span {color:#b62123; font-weight:bold; letter-spacing:inherit} /* Menu de section /*-------------------------------------------------------------------------------------------------------*/ #content .csc-menu{ margin-bottom:1em; padding-bottom:1em; } #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 .box{display:block;} #content .imageBox {background:#FFFFFF; clear:both; color:#666666; font-size:80%; font-weight:bold; padding:2px; text-align:left; border:1px solid #ccc;} #content .imageBox img{} #content .align-center .box{margin:0 auto;} #content .imageBoxRight {float:right; margin:0 0 1em 1em; clear:none} #content .imageBoxLeft {float:left; margin:0 1em 1em 0; clear:none} #content .imageBox a,#content .imageBoxRight a,#content .imageBoxLeft a{ padding:0} #content .imageBox .imageLegende {display:block;} #content img{ border:none; padding:0} #content img{} #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 {padding:0 0 5px 8px;} .tx-artificaweather-pi1 #current_box_icon {float:left; margin:3px 7px 0px 0px;} .tx-artificaweather-pi1 #current_box_temp {text-align:center; color:#333333; float:left; font-size:22px; font-weight:bold; margin:27px 0 0 9px;} .tx-artificaweather-pi1 #current_box_feels {text-align:center; color:#666666; font-size:11px; margin:5px 0 0 0px;} .tx-artificaweather-pi1 #current_box_cond {text-align:center;} /* GALLERY /*-------------------------------------------------------------------------------------------------------*/ #content .gallery ul li.colonnage1 {clear:left; margin:0px 0px 20px 0px} #content .gallery ul li {width:170px; display:block; float:left; list-style-type:none; margin:0px 0px 20px 10px; padding:0; text-align:left; background:none; border-bottom:1px solid #FFFFFF;} #content .gallery ul li img {/* float:left; padding:5px;*/} #content .div3cols div.col {width:170px;float:left;margin:0px 12px 20px 0px; padding:0; text-align:left; background: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;} /* 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;} /* METEO /*-------------------------------------------------------------------------------------------------------*/ .container #meteo {position:relative;} .container #meteo table{margin:0 auto; border:none} .container #meteo caption{display:none;} .container #meteo th, .container #meteo td {padding: 0.6em 0em; border:0; border-bottom:1px solid #D4E5EC;color:#006699; font-weight:normal;} .container #meteo td {font-weight:bold; text-align:right;padding: 0.6em 0em 0.6em 0.6em;} .container #meteo .meteolink{position:absolute;top:0;display:block;width:175px; height:160px;padding:0;margin:0;} .container #meteo .meteolink span{display:none;} .container #meteo a:hover{ background:none!important} /* ANNUAIRE /*-------------------------------------------------------------------------------------------------------*/ .theme{color:#999999;} .tx-artificanews-pi1 .theme{font-weight:bold;} /* the overlayed element */ .simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; width:675px; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } /* close button positioned on upper right corner */ .simple_overlay .close {background-image:url(http://flowplayer.org/img/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} /* "next image" and "prev image" links */ .simple_overlay .next, .simple_overlay .prev, .simple_overlay .play { /* absolute positioning relative to the overlay */ position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; /* upcoming CSS3 features */ -moz-border-radius:5px; -webkit-border-radius:5px; } .simple_overlay .prev {left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0;} .simple_overlay .next {right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0;} .simple_overlay .next:hover, .simple_overlay .prev:hover, .simple_overlay .play:hover {text-decoration:underline; background-color:#000;} .simple_overlay .play {left:30%; top:20%; width:33%; background:#333; opacity:0.8;} /* when there is no next or previous link available this class is added */ .simple_overlay .disabled {visibility:hidden;} /* the "information box" */ .simple_overlay .info {position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666;} .simple_overlay .info strong {display:block;} /* progress indicator (animated gif). should be initially hidden */ .simple_overlay .progress {position:absolute; top:45%; left:50%; display:none;} /* everybody should know about RGBA colors. */ .simple_overlay .next, .simple_overlay .prev, .simple_overlay .info {background:#333 !important; background:rgba(0, 0, 0, 0.6) url(http://flowplayer.org/img/global/gradient/h80.png) repeat-x; } .simple_overlay .next, .simple_overlay .prev { /* absolute positioning relative to the overlay */ position:absolute; top:40%; /* upcoming CSS3 rounded border feature */ -moz-border-radius:5px; -webkit-border-radius:5px; } /* progress indicator (animated gif). should be initially hidden */ .simple_overlay .progress {position:absolute; top:45%; left:50%; display:none; } /* active thumbnail is raised on top of the mask using the z-index property */ #thumbs a.active img {outline:1px solid #000; z-index:9999; position:relative;}