/* CSS Document */ /******************************************************************************************************* /********************************************************************************************************/ /******************************************************************************************************** /* INIT /******************************************************************************************************** /********************************************************************************************************/ html{ margin:0; padding:0; background:#2ca6c8 url(../img/bg-html.jpg) top repeat-x; z-index:0} 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:0; padding: 0; color: #ccc; background-color: #ccc; border: 0; clear:both; } #content p {margin-bottom:10px;} h1#titrePrincipal{padding-bottom:20px;} .ccbs h1#titrePrincipal{ color:#747476;} .deplacer h1#titrePrincipal{ color:#00aad3;} .trier h1#titrePrincipal{ color:#86a31f;} .habiter h1#titrePrincipal{ color:#693810;} .decouvrir h1#titrePrincipal{ color:#c20385;} .entreprendre h1#titrePrincipal{ color:#ff8b00;} .invisible{ position:absolute; top:-9999px; left:-9999px} #TB_overlay{z-index:10000!important} #TB_window{z-index:10002!important} /* SKIPLINK /*-------------------------------------------------------------------------------------------------------*/ ul#skiplink{ 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; 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} /********************************************************************************************************/ /******************************************************************************************************** /* LAYOUT /******************************************************************************************************** /********************************************************************************************************/ #wrap{ text-align:left; margin:auto; width:900px; padding-left:60px; position:relative; background: url(../img/bg-body.jpg) no-repeat scroll center top } /**/ #header{ height:193px; width:900px; margin:0; 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;} #header h1 { margin:0;} #header #logo{ position:absolute; z-index:-10; visibility:hidden; } #header a{display:block; width:200px; height:160px} header.header-h1 { height:auto; width:710px; margin:10px 10px 0; background:#F1F1F1 url(../img/bg-h1-1.png) bottom no-repeat; padding-left:170px;} .deplacer header.header-h1 {background:url(../img/bg-h1-2.png) bottom no-repeat #E5F6FC;} .trier header.header-h1 {background:url(../img/bg-h1-3.png) bottom no-repeat #EEF2E1;} .habiter header.header-h1 {background:url(../img/bg-h1-4.png) bottom no-repeat #EBE5DF;} .decouvrir header.header-h1 {background:url(../img/bg-h1-5.png) bottom no-repeat #FAE9F5;} .entreprendre header.header-h1 {background:url(../img/bg-h1-6.png) bottom no-repeat #FFEFDD;} /* .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{padding:0 ; margin:0; width:900px; position:relative; background:#fff url(../img/bg-corps.png) repeat-y } .homepage #corps{ background:#fff; } .deplacer #corps{background:#fff url(../img/bg-corps-2.png) repeat-y} .trier #corps{background:#fff url(../img/bg-corps-3.png) repeat-y} .habiter #corps{background:#fff url(../img/bg-corps-4.png) repeat-y} .decouvrir #corps{background:#fff url(../img/bg-corps-5.png) repeat-y} .entreprendre #corps{background:#fff url(../img/bg-corps-6.png) repeat-y} /**/ #content{ width:460px!important; float:left; margin-top:15px; padding:0 10px;font-family:Arial, Helvetica, sans-serif!important; overflow:hidden} #content-info {float:right; width:720px; background-color:#FFFFFF;} /* 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:0; color:#747476; font-size:80%; z-index:100; padding:5px 0 0 0;} #breadcrumb h2 {padding:0;font-weight:normal; display:inline;font-size:100%;} #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited{ text-decoration:none; background:none; padding:0;margin:0; color:#747476;} #breadcrumb a:hover{ text-decoration:underline} .deplacer #breadcrumb, .deplacer #breadcrumb a, .deplacer #breadcrumb a:link, .deplacer #breadcrumb a:visited{color:#00aad3;} .trier #breadcrumb, .trier #breadcrumb a, .trier #breadcrumb a:link, .trier #breadcrumb a:visited{color:#86a31f;} .habiter #breadcrumb, .habiter #breadcrumb a, .habiter #breadcrumb a:link, .habiter #breadcrumb a:visited{color:#693810;} .decouvrir #breadcrumb, .decouvrir #breadcrumb a, .decouvrir #breadcrumb a:link, .decouvrir #breadcrumb a:visited{color:#c20385;} .entreprendre #breadcrumb, .entreprendre #breadcrumb a, .entreprendre #breadcrumb a:link, .entreprendre #breadcrumb a:visited{color:#ff8b00;} .homepage #content #breadcrumb {font-size:90%; display:none} .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;display: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{height:35px; width:460px; background:url(../img/icon-bg.png) no-repeat; padding:0; margin:10px 0; position:relative; float:right;} #icon-tools a { display:block; float:right; font-size:0; margin-right:7px; margin-top:5px; padding:0; text-align:right; text-indent:-9999px; width:28px;} /*#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:25px;} #icon-tools ul li a#a-plus{background:url(../img/icon-zoom2.png) no-repeat;} #icon-tools ul li a#print{background:url(../img/icon-print.png) no-repeat;} #icon-tools ul li a#send{background:url(../img/icon-send.png) no-repeat;}*/ /*#icon-tools .date { float:left; font-size:9px; color:#999999; padding-top:8px;}*/ .homepage #icon-tools{ display:none} #icon-tools img{ margin-right:3px;} #colonneNormalContenu, #chapeau {clear:both; font-size:100%;line-height:1.3em} #content #colonneNormalContenu img {} #search{ position:absolute; top:160px; right:10px; width:220px; z-index:500; height:40px; padding:0;} #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:0; background:url(../img/bg-search.png) no-repeat center;} #search #sword {color:#00aad2; width:135px; position:absolute; padding:0; font-size:11px; margin:15px 0 0 20px;font-family:Arial, Helvetica, sans-serif; font-size:12px;} #search input {color:#08c8ff; vertical-align:middle; padding:0; border:none!important;outline-width:0!important; background:none;} #search input.rechercheOK{ position:absolute; right:6px; top:8px;} /**/ #sidebar{width:360px; float:right; margin-top:35px;} #sidebar *{ font-size:1em; color:#fff} #sidebar-right{ min-height:450px;} #sidebar-left{width:170px; padding:0 0 40px 0; float:left; margin-left:10px; display:inline;font-family:Arial, Helvetica, sans-serif; } #sidebar-right{width:220px; background:#fff url(../img/bg-sidebar-right.png) left top no-repeat; float:right; padding:15px 10px 40px 10px; float:right;font-family:Arial, Helvetica, sans-serif; font-size:small;} /**/ /* MENU COLONNE (menu 2 et 3 + colonne droite) */ /* ------------------------------------------------------------------------------------------------------- */ #sidebar{ color:#3399cc; font-family:Arial, Helvetica, sans-serif; font-size:90%;} #sidebar a{ color:#56B3C3} #sidebar-right h2{color:#666666; margin:0;font-size:2em; font-weight:bold;padding: 0.2em; width:210px; letter-spacing:normal; } #sidebar-left h2{font-weight:bold; color:#006699; font-size:90%;text-align:center; } #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-left p{text-align:center; color:#999999; font-size:90%; margin-top:10px;}*/ #sidebar-left .blue-strong{font-weight:bold; color:#006699;} #sidebar-left ul{list-style-type:none; margin:0; background:url(../img/bg-ul-sidebar-left.png) no-repeat bottom; padding:0 10px 50px 10px; width:150px;} #sidebar-left li{margin:10px 0; width:150px; padding:0;background:url(../img/sidebar-left-puce.png) no-repeat;} #sidebar-left li a{ display:block; width:127px; text-decoration:none; line-height:15px; font-size:small; font-weight:bold; color:#00aad3; padding:0 0 0 23px;} #sidebar-left li a:hover {color:#006699; text-decoration:underline;} #sidebar-left li.on{color:#006699;} #sidebar-left li.on a{color:#006699;} #sidebar-left li.on ul {margin-bottom:20px; background:none; padding:0;} #sidebar-left li.on li {margin:0; background:none; padding:0; width:150px} #sidebar-left li.on li a{color:#00aad3; padding:3px 3px 3px 23px; width:104px; background:none; font-size:11px; font-weight:normal;} #sidebar-left li.on li a:hover{ text-decoration:underline;} #sidebar-left li.on li.on{ text-decoration:underline;} #sidebar-left li.on li.on a{ color:#006699; text-decoration:underline;} #sidebar-left li.on li.on li:last-child{ border:none} #sidebar-left li.on li.on li a{ width:120px; padding-left:40px; font-weight:normal;color:#006699; text-decoration:none;} #sidebar-left li.on li.on li a:hover{ color:#059ADC; text-decoration:underline} #sidebar-left li.on li.on li.on a{ color:#E61A89; text-decoration:underline; color:#003b55;} #sidebar-left li.on li.on ul{border-top:#bee5f4 solid 1px;} #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-left-free{ text-align:center; padding:0 10px; color:#666!important} #sidebar-right h2#h2-actu {width:220px; height:41px; background:url(../img/h2-actu.png) no-repeat; font-size:0;text-indent:-9999px;} #sidebar-right h2#savoir-plus {width:220px; height:25px; background:url(../img/h2-savoirplus.png) no-repeat; font-size:0;text-indent:-9999px; margin-top:10px; margin-bottom:10px;} #sidebar-right a {color:#00aad3; text-decoration:underline; font-size:small;} #sidebar-right ul{padding-bottom:10px; margin:0; list-style-type:none; } #sidebar-right li{border:none; width:220px; margin:0; padding:5px 0; color:#666; border-bottom:1px dotted #ccc} #sidebar-right li a{width:200px; color:#00aad3; font-weight:bold} #sidebar-right li a:hover {text-decoration:none;} #sidebar p{ padding: 5px 10px; margin-bottom:10px; line-height:normal} #sidebar img {} #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 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; } .homepage #sidebar{width:400px; float:right;} #footer{ width:100%; margin:0;} #footer-content{ padding:3em 0 2em 60px; text-align:center; color:#fff; width:900px; margin:0 auto; background:#2ca6c8 url(../img/bg-corps.jpg) no-repeat top right;} #footer img{ margin-bottom:2em} #footer a{ color:#fff; text-decoration:none} #footer ul { margin:0;} #footer li{ display:inline; border-left: 1px solid #fff; 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{ text-align:right; font-size:80%; clear:both} .homepage .back2top{ display:none} #content .back2top a{ text-decoration:none; color:#666666} #share{ border:1px solid #cccccc; border-width:1px 0; padding:5px 10px 0 0; overflow:hidden; color:#999; text-align:right } #share a{ /*float:right;*/ background:none!important; padding:0 0 0 5px!important; margin:0!important; /*display:block; width:20px*/} /* 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-bottom:1em; 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!important} */ #content .list a{background:none; padding:0!important; margin:0!important;} #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; } .homepage #content .list li{ padding:0} .homepage #content .list li a{ display:inline} /* #content ul {list-style-type:none; margin:0} #content ul li{ background:url(../img/puce-li.png) no-repeat 0 0.25em; padding-left:2em} #content ul li ul{ list-style:circle; margin-left:1em} #content ul li ul li{ background:none; padding-left:0} #content .list {padding-bottom:1em;} #content .list p{ margin:0} #content .list a{background:none; padding:0!important; margin:0!important; font-weight:bold;} #content .list .text{ padding-left:120px} #content .list li, #sidebar-right ul.list li{margin:0; padding:0; margin-bottom:1em; padding:0; background:none; clear:both; overflow:hidden} #content .list li.colonnage2 { background:#fff} #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 img{ text-decoration:none; } #sidebar-right ul.list li{width:220px;} /********************************************************************************************************/ /******************************************************************************************************** /* TYPOGRAPHIE & STYLES DU CONTENT /******************************************************************************************************** /********************************************************************************************************/ h1#titrePrincipal{ color:#747476; font-size:2.6em; margin:auto; line-height:normal; font-weight:normal;padding-top:5px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; margin:0} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{line-height:normal; color:#006699; font-family:"Arial Narrow", Arial, Helvetica, sans-serif} .chapo, .chapeau,#chapo, #chapeau{font-weight:bold} .post-date{text-align:left; font-size:80%; color:#999999; float:left; font-size:9px; padding-top:8px} /* 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:#E3F4FC ;padding:10px;clear:both;border:1px dotted #2CA6C8; margin:1em 0;} #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 .post-update{ font-size:80%; color:#999; clear:both; margin:2em 0 0} /* NAVIGATION /********************************************************************************************************/ /*Main Navbar */ #nav-main { position:absolute; top:160px; left:70px; width:643px; font-size:1.5em; height:43px; text-align:left; z-index:200; font-weight:bold; padding:0; font-family:Arial, Helvetica, sans-serif; background:#fff; } #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{margin-right:1px;} #nav-main li.item1{ width:84px; background:url(../img/bg-nav-1.png) left no-repeat;} #nav-main li.item2{ width:105px; background:url(../img/bg-nav-2.png) left no-repeat;} #nav-main li.item3{ width:112px; background:url(../img/bg-nav-3.png) left no-repeat;} #nav-main li.item4{ width:76px; background:url(../img/bg-nav-4.png) left no-repeat;} #nav-main li.item5{ width:134px; background:url(../img/bg-nav-5.png) left no-repeat;} #nav-main li.item6{ width:114px; background:url(../img/bg-nav-6.png) left no-repeat;} #nav-main li a{font-size:0em; text-indent:-9999px; } #nav-main li.item1 a{ color:#747476;} #nav-main li.item2 a{ color:#00aad3;} #nav-main li.item3 a{ color:#86a31f;} #nav-main li.item4 a{ color:#693810;} #nav-main li.item5 a{ color:#c20385;} #nav-main li.item6 a{ color:#ff8b00;} #nav-main a, #nav-main a:visited { display:block; padding:0; letter-spacing:0.05em; height:40px; text-align:center; } #nav-main li:hover,#nav-main li.sfhover, #nav-main li.on { background-position:top right;} #nav-main li.on { background-position:top right;} .ccbs #nav-main li.on {height:45px; background-color:#f1f1f1;} .deplacer #nav-main li.on {height:45px; background-color:#e5f6fc;} .trier #nav-main li.on {height:45px; background-color:#eef2e1;} .habiter #nav-main li.on {height:45px; background-color:#ebe5df;} .decouvrir #nav-main li.on {height:45px; background-color:#fae9f5;} .entreprendre #nav-main li.on {height:45px; background-color:#ffefdd;} .ccbs #nav-main li li.on, .deplacer #nav-main li li.on, .trier #nav-main li li.on, .habiter #nav-main li li.on, .decouvrir #nav-main li li.on, .entreprendre #nav-main li li.on {height:auto; background:none} /* Dropdown Menus */ #nav-main li ul { position: absolute; z-index:99999; left: -999em; height: auto; width: 200px; font-weight:bold; padding:0 0; border:none; } #nav-main li.item1 ul {background:url(../img/bg-over-1.png) repeat-x top #cfcfcf;} #nav-main li.item2 ul {background:url(../img/bg-over-2.png) repeat-x top #a5ddf6;} #nav-main li.item3 ul {background:url(../img/bg-over-3.png) repeat-x top #c4d295;} #nav-main li.item4 ul {background:url(../img/bg-over-4.png) repeat-x top #b9a18f;} #nav-main li.item5 ul {background:url(../img/bg-over-5.png) repeat-x top #ecb1d9;} #nav-main li.item6 ul {background:url(../img/bg-over-6.png) repeat-x top #ffc987;} /* #nav-main li ul li ul { position:inherit; height: auto; width: 174px; font-weight:normal; list-style-type:none; } */ #nav-main li li { width: 200px; padding:0 ; border:none; height:auto; margin:0!important; } #nav-main li li a,#nav-main li li a:hover, #nav-main li li a:visited { font-size:0.8em; color:#000; border-bottom:1px solid #f8f8f8; background:none!important; height:auto; padding:10px; text-align:left; text-indent:0; display:block!important; width:180px;} #nav-main li.item1 li a,#nav-main li.item1 li a:hover, #nav-main li.item1 li a:visited { border-color:#f8f8f8; color:#747476;} #nav-main li.item2 li a,#nav-main li.item2 li a:hover, #nav-main li.item2 li a:visited { border-color:#eef9fd; color:#02809e;} #nav-main li.item3 li a,#nav-main li.item3 li a:hover, #nav-main li.item3 li a:visited { border-color:#f4f7eb; color:#39450d;} #nav-main li.item4 li a,#nav-main li.item4 li a:hover, #nav-main li.item4 li a:visited { border-color:#f2edea; color:#693810;} #nav-main li.item5 li a,#nav-main li.item5 li a:hover, #nav-main li.item5 li a:visited { border-color:#fcf0f8; color:#c20385;} #nav-main li.item6 li a,#nav-main li.item6 li a:hover, #nav-main li.item6 li a:visited { border-color:#fff5e8; color:#784202;} #nav-main li li:hover, #nav-main li.sfhover li.sfhover { } #nav-main li li a:hover, #nav-main li li a:active { background:none; text-decoration:underline; } #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{ position:absolute; top:0; width:220px; padding-left:670px} #nav-secondary ul{ list-style-type:none;} #nav-secondary-content li{ float:left; margin-left:10px;} #nav-secondary-content li a{ font-size:0; text-indent:-9999px; text-decoration:none; padding:0; display:block; width:25px; height:25px;background:url(../img/icon.png) -5px; position:relative} #nav-secondary-content li.item2 a{background:url(../img/icon.png) -42px;} #nav-secondary-content li.item3 a{background:url(../img/icon.png) -80px;} #nav-secondary-content li.item4 a{background:url(../img/icon.png) -114px;} #nav-secondary-content li.item5 a{background:url(../img/icon.png) -150px;} #nav-secondary-content li.item6 a{background:url(../img/icon.png) -187px;} /* HOMEPAGE */ /*-------------------------------------------------------------------------------------------------------*/ .homepage #date { display:none} .homepage #content{width:460px; padding:0 10px;overflow:visible} .homepage #content h1{ display:none} /**/ .homepage #content #une-wrap { height:220px; /*overflow:hidden*/; margin:0 0 15px 0; position:relative} .homepage #content #une { height:220px; width:460px; overflow:hidden; margin:0 0 15px 0; position:relative;/* border:3px solid #fff*/} .homepage #content #une li{/*overflow:hidden*/ width:460px; height:220px;padding:0;margin:0;background:none;} .homepage #content #une a{ padding:0; display:block;/* IE9 */ color:#FFFFFF;} .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;padding:0; width:35px; background:none; top:0; left:-45px;} .homepage #content #une-nav-2{ background:#fff; display:none;} .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 #fff; text-decoration: none; margin:0 5px 0 0; padding: 3px 5px; color:#0ba0ba; display:block; font-size:medium; font-weight:bold; margin-bottom:5px; } .homepage #content #une-nav a.activeSlide { background: #fff; color:#0ba0ba; border:none; display:block; font-size:medium; font-weight:bold; width:35px; padding:5px 0 5px 10px; text-align:left;} .homepage #content #une-nav a:focus { outline: none; } .homepage #content .une-text{position:absolute; bottom:0; right:0; width:460px} .homepage #content .une-entete{ font-family: Arial, Helvetica, sans-serif; margin:0; padding:5px 10px; font-size:small; line-height:1em; background:#fff; width:151px; height:35px; float:right;} .homepage #content .une-chapo {display:none;} /* .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-tt-actu{ text-align:right; padding:0; margin:0; width:150px; height:15px;position:absolute; bottom:0; right:0; z-index:1000; font-size:14px; padding:15px 0; color:#2CA6C8; background:#fff} .homepage #content .une-tt-actu a{ margin:0; padding:0; text-decoration:none; font-weight:normal; color:#2CA6C8; font-size:12px;} .homepage #content .une-tt-actu a:hover{ text-decoration:underline} * html .homepage #content .une-tt-actu{ bottom:14px; padding:15px 0 12px} .homepage #content h2.content63 {background:#fff url(../img/h2-projet-et-realisation-old.gif) no-repeat;width:208px;text-indent:-9999px;} .homepage #content h2.content624 {background:#fff url(../img/h2-projet-et-realisation.gif) no-repeat;width:280px;text-indent:-9999px;} .homepage #content #tt-projets { text-align:right; font-size:14px; color:#2CA6C8} .homepage #content #tt-projets a{ color:#2CA6C8;font-size:12px; text-decoration:none; font-weight:normal/*display:block; background:#fff url(../img/bg-tt-projets.png) no-repeat; width:210px; height:30px; font-size:0; text-indent:-9999px; float:right;*/} .homepage #content #tt-projets a:hover{ text-decoration:underline} .homepage #content .une-titre{ background:url(../img/bg-000-alpha-60-trans.png); background:rgba(0,0,0,0.6); color:#fff; margin:0; width:290px; padding:5px 10px; font-size:12px; z-index:100; float:left; height:35px;} /**/ .homepage #sidebar {padding:0 10px; margin:15px 0 0 0;} .homepage #sidebar p{ padding:0; margin:0;line-height:normal;} .homepage #sidebar-left { min-height:480px;width:160px; margin:0 10px 0 0; padding:0; background:#0e9db6 url(../img/bg-sidebar-left-home.png) no-repeat bottom; color:#FFFFFF;} .homepage #sidebar-left h2{font-weight:bold; color:#fff; font-size:100%; text-align:left; margin-left:10px;} .homepage #sidebar-left p { color:#fff; font-size:small; text-align:left; padding:10px;} .homepage #sidebar-right{width:220px; margin:0 0 0 10px; padding:0; background:none;} .homepage #sidebar-right a#pi { display:block; width:220px; height:40px; font-size:0; text-indent:-9999px; margin:0; padding:0;} .homepage #sidebar-right .nopadding {padding:0; margin:0;} .homepage .bloc{ padding:2px; margin-bottom:1em; background:#fff} #sidebar #home-right h2#ma-boucle {width:220px; height:47px; background:url(../img/h2-boucle.png) no-repeat; font-size:0;} #ma-boucle {background:#85c8bf url(../img/bg-boucle.png) bottom no-repeat; /*min-height:220px;*/} .homepage #ma-boucle { margin-top:20px; /*min-height:220px;*/} #ma-boucle h2{background:url(../img/h2-boucle.png) bottom no-repeat; text-indent:-9999px; font-size:0px; height:47px;padding:0; margin:0; width:220px;} #ma-boucle h2:hover{ cursor:pointer} .homepage #ma-boucle h2{background:url(../img/h2-boucle-home.png) bottom no-repeat; font-size:0px; height:40px;} #sidebar-right #ma-boucle ul{list-style-type:none; margin:0; padding:0 0 10px 10px;} #sidebar-right #ma-boucle li{margin:10px 0; width:190px; padding:0;background:url(../img/home-sidebar-right-ul.png) no-repeat; border: none} #sidebar-right #ma-boucle a{ display:block; width:140px; text-decoration:none; line-height:15px; font-size:small; color:#fff; padding:0 0 0 35px;} #sidebar-right #ma-boucle a:hover {text-decoration:underline;} .homepage #content h2{ font-family:Arial narrow, Arial, Helvetica, sans-serif; font-size:2em; margin:30px 0 10px 0; padding:0; height:30px; color:#a5cd76; letter-spacing:0; font-weight:normal; line-height:1.8em} .homepage #content p{font-size:1.2em;} .homepage #content a {color:#0099cc; font-weight:bold;} .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 #sidebar form{ padding:0;} .homepage #sidebar label{ color:#fff; font-size:90%; font-weight:normal; display:inline;} .homepage #sidebar .pollsubmit{ color:#000000; background:url(../img/btn-voter.png) no-repeat; font-size:0; width:53px; height:21px; border:none;} .homepage #sidebar .error{ background:none; border:none; margin:20px 0;} .homepage .tx-artificaagenda-pi1 li{ border-bottom:1px solid #56B3C3; padding-bottom:} /********************************************************************************************************/ /* 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: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 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 .ui-state-default { background:#FFFFFF; } #sidebar #nav-tabs .ui-tabs-selected{ background:#133e4c url(../img/bg-tabs-on.gif) repeat-x center; border-color:#133e4c } #sidebar #nav-tabs .ui-tabs-selected a { color:#fff; outline:none; } #sidebar .ui-tabs-panel{ background:#11617A; border:3px solid #133e4c; height:249px; } /********************************************************************************************************/ /******************************************************************************************************** /* 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 #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;} #content table.celluleCenter td,#content table.celluleCenter th{text-align:center;} #content table.celluleGras td{font-weight:bold;} /********************************************************************************************************/ /******************************************************************************************************** /* FORMULAIRES /******************************************************************************************************** /********************************************************************************************************/ fieldset{ border:2px solid #C5E9F9;} 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;} .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%; display:block; margin:0; color:#60B655; padding:0; } #content .csc-sitemap li ul { } #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; 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-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 #sidebar #sidebar-left #agenda h2 {background:url(../img/h2-agenda-home.png) #0e9db6 no-repeat top; height:40px; width:160px; margin:0; padding:0; font-size:0; text-indent:-9999px;} .homepage #sidebar #sidebar-left .tx-jkpoll-pi1 h2{background:url(../img/h2-sondage-home.png) no-repeat top; height:35px; width:160px; margin:10px 0 0 0; padding:0; font-size:0;text-indent:-9999px;} .tx-jkpoll-pi1 p{ padding-bottom:0} /* sur l'accueil*/ #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:#56b3c3} #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:#fff} #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:#6CD5E8} #agendaConteneur table a:hover {background-color:#0A798C; color:#fff; text-decoration:underline;} #agendaConteneur td {text-align:right;padding:1px; border-color:#56b3c3; color:#fff;} #agendaConteneur th {background-color:#0a798c; color:#fff;text-align:center;padding:1px; border-color:#56B3C3} #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:#bbd671;color:#56b3c3;} #agendaConteneur .cal-semaine {background-color:#e4e4e4;} #agendaConteneur .cal-selected a {color:#fff; text-decoration:underline;} /* dans le contexte de page*/ .page #agenda{ margin-top:1em} .page #agenda h2{ color:#999999; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-weight:normal} .page #agendaConteneur table {width:100%; border-color:#ccc} .page #agendaConteneur table caption a{ color:#666666} .page #agendaConteneur td {border-color:#ccc;} .page #agendaConteneur th {border-color:#ccc} .page #agendaConteneur table caption {border:#ccc 1px solid;;} .page #agendaConteneur table a:hover {background-color:#e4e4e4; color:#666;} .page #agendaConteneur th {background-color:#ccc; border-color:#ccc} .page #agendaConteneur .cal-selected a {color:#fff; text-decoration:underline; background:#0A798C} /* 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 .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 .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 {} #content .imageBox img{display:block;} #content .align-center .box{margin:0 auto;} #content img{ border:none; padding:0} #content img{} #content .imageBoxBorder{ border:1px solid #a4c5d1; padding:4px; background:#fff} /* 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 li.colonnage1 {clear:left; margin:0px 0px 20px 0px} #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;} #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; } /* 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;} /* 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;} /* RERE /*-------------------------------------------------------------------------------------------------------*/ .rere #wrap #corps{background:#fac9cb;} .rere #wrap #corps header.header-h1{background:url(../img/bg-h1-7.png) #fac9cb no-repeat !important;} .rere #wrap #corps .header-h1 h1#titrePrincipal, .rere #wrap #corps .header-h1 #breadcrumb #breadcrumb-content, .rere #wrap #corps .header-h1 #breadcrumb #breadcrumb-content a {color:#e00;}