/* CSS de base pour Clamart */ /**************** SOMMAIRE ****************/ /* */ /* 00 - Fontface */ /* 01 - Reset */ /* 02 - Taille de texte globale */ /* 03 - Styles globaux */ /* 04 - Structure */ /* 05 - Header */ /* 06 - Menu principal */ /* 07 - Démarches */ /* 08 - Page */ /* 09 - Menu footer */ /* 10 - Copyright-Menu */ /* 11 - Menu Droite (navColGauche) */ /* 12 - Breadcrumbs */ /* 13 - Toolbox */ /* 14 - Zoom-Dezoom */ /* 15 - Bloc */ /* 16 - Recherche */ /* 17 - Accueil */ /* 18 - Actualités */ /* 19 - Agenda */ /* 20 - Kiosque */ /* 21 - Presse */ /* 22 - Videos/Photos */ /* 23 - Formulaires */ /* 24 - Résultats de recherche */ /* 25 - Carousel */ /* 26 - Plan du site */ /* 27 - Calendrier */ /* 28 - I-Démarches */ /* 29 - RTE */ /* 30 - Tableaux */ /* 31 - Gallerie */ /* 32 - Slideshow */ /* 33 - Lightbox */ /* 34 - Liste de fichiers */ /* 35 - Pagination */ /* 36 - Annuaire */ /* 37 - Go to top */ /* 38 - Sondages */ /* */ /******************************************/ /* 00 = Font face */ @font-face { font-family:AUdimatRegular; src: url('http://www.clamart.fr/fileadmin/clamart/templates/css/fonts/audimat_OT/audimat-regular-webfont.eot'); src: local('☺'), url('http://www.clamart.fr/fileadmin/clamart/templates/css/fonts/audimat_OT/audimat-regular-webfont.woff') format('woff'), url('http://www.clamart.fr/fileadmin/clamart/templates/css/fonts/audimat_OT/audimat-regular-webfont.ttf') format('truetype'), url('http://www.clamart.fr/fileadmin/clamart/templates/css/fonts/audimat_OT/audimat-regular-webfont.svg#webfont') format('svg'); font-weight:normal; font-style:normal;} @font-face { font-family:AUdimatBold; src: url('http://www.clamart.fr/fileadmin/clamart/templates/css/fonts/audimat_OT/audimat-bold-webfont.eot'); src: local('☺'), url('http://www.clamart.fr/fileadmin/clamart/templates/css/fonts/audimat_OT/audimat-bold-webfont.woff') format('woff'), url('http://www.clamart.fr/fileadmin/clamart/templates/css/fonts/audimat_OT/audimat-bold-webfont.ttf') format('truetype'), url('http://www.clamart.fr/fileadmin/clamart/templates/css/fonts/audimat_OT/audimat-bold-webfont.svg#webfont') format('svg'); font-weight:bold; font-style:normal;} .navSecondaire .menuSub .lien, .coordFooter .rteContent, .rteContent h2, .gotoTop a, .navLeft .rubrique, .bloc .titre, #query, #sword, .actuHome .titre, .agendaHome .titre, .agendaDroite .titre, .actusDroite .titre, .tabulations .titleTab, .kiosque .titre, .newsletterRegister .titre, .liensSociaux .titre, .record .header, .imageLegende, .imageCopyright, .bandeau .caption .image-copy, .sidebarRight .kiosk-list h2, .breves .titre {font-family:AUdimatRegular,Arial,Helvetica,sans-serif; font-weight:normal!important; opacity:0.99;} .navPrincipal a, .demarches a, .titrePrincipal, .content h2, .liensAccueil .lien, .navSecondaire .titre, .bandeau .thumbs .titre {font-family:AUdimatBold,Arial,Helvetica,sans-serif; font-weight:normal!important; opacity:0.99;} .actuHome .liste .titre, .agendaHome .liste .titre, .bloc .tab-content .titre, .newsletterRegister .input_newsletter, .filtres .findEvent, .record .titre, .agendaDroite .liste .titre, .actusDroite .liste .titre, .breves .text .titre {font-family:Arial,Helvetica,sans-serif;} /* 01 = Reset */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} form, fieldset {border:none;} table {border-collapse:collapse; border-spacing:0;} li {list-style:none;} img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;} /* 02 = Taille de texte globale */ html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} body {font:0.75em Arial, Helvetica, sans-serif; background:#FFF; color:#333; -webkit-font-smoothing:antialiased;} /* 03 = Styles globaux */ a {color:#e10795; text-decoration:none;} a:hover {text-decoration:underline;} a:focus {outline:thin dotted;} a:hover, a:active {outline:0;} abbr[title] {border-bottom:1px dotted;} noscript {display:block;} .noscript {background-color:#C00000; color:#FFF; border:1px solid #990000; border-radius:3px; font-size:13px; font-weight:bold; margin:0 auto; padding:6px 7px; text-align:center; width:980px; -webkit-border-radius:3px; -moz-border-radius:3px;} address {font-style:normal;} .skip {display:inline;} .skiplink {position:absolute; top:-150px; z-index:9;} .skiplink:focus, .skiplink:active {background-color:#000; color:#FFF; display:block; font-size:1.5em; font-weight:bold; left:675px; padding:5px 10px; top:20px;} .datePublish {clear:both; color:#999; font-size:11px; margin:5px 0; position:relative; top:35px;} /*---Class---*/ .float-right {float:right; margin:0 0 1em 1em;} .float-left {float:left; margin:0 1em 1em 0;} .clear, .retourLigne {clear:both;} .overflow {overflow:hidden;} .margBot {margin-bottom:10px;} /* Marge basse globale */ .padBot {padding-bottom:10px;} /* Espacement interne bas global */ .left {float:left;} .right {float:right;} .align-left {text-align:left;} .align-right {text-align:right;} .align-center {text-align:center;} .invisible {display:none !important;} .outScreen {position:absolute; left:-9999px; top:-9999px;} .ir {overflow:hidden; white-space:nowrap; text-indent:110%;} /*Image Replacement*/ .separator {border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:10px;} .btnBack {background:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:20px 0 0; width:70px;} .btnBack a {display:block; padding:5px 5px 5px 23px;} .no-icon {background-image:none !important; padding-left:0 !important;} p.empty {margin:10px 0;} .artifica-form-response-output {color:#EE333A; border:1px dashed #EE333A; margin:0 0 20px 0; padding:10px; background:#FBFDFC; text-align:center; font-size:1.167em; font-weight:bold;} .typo3-form-response-output.success, .artifica-form-response-output.success {border:1px dashed #5b9d3a; color:#5b9d3a;} .standout {border:1px solid #000; padding:5px;} .check-error {color:#FF0000;} .check-error.standout {border:1px solid #FF0000;} .check-deletion {color:#090;} .check-activation {color:#090;} .check-activation.standout {border:1px solid #090;} .imgAlone {margin:0 0 20px 0; text-align:center;} /*Tailles globales*/ .font12 {font-size:12px;} .font14 {font-size:14px;} .font18 {font-size:18px;} .pdf {background:url("../img/icons/ico-pdf.png") no-repeat left top;} .jpg, .png, .gif {background:url("../img/icons/ico-img.png") no-repeat left top;} .doc {background:url("../img/icons/ico-doc.png") no-repeat left top;} .xls {background:url("../img/icons/ico-xls.png") no-repeat left top;} .ppt {background:url("../img/icons/ico-ppt.png") no-repeat left top;} .mp3, .flv {background:url("../img/icons/ico-file.png") no-repeat left top;} /* 04 = Structure */ #wrap {position:relative;} .cadre_site {margin:0 auto; position:relative; width:1000px;} .contentHeader {margin-bottom:45px; position:relative; width:980px;} .main {background:#fff; overflow:hidden; width:980px;} .main .central {float:left; overflow:hidden; padding:30px 0 0 20px; width:700px;} .main .sidebarRight {float:left; margin-left:20px; padding-top:30px; width:240px;} .rubriquage {background:url("../img/fondFooterAccueil.gif") repeat 0 0 #fff; border-top:4px solid #404040; overflow:hidden; padding:25px 20px 20px; position:relative;} .ie7 .rubriquage {height:280px;} .haut_site {background:url("../img/ombreHaut.png") no-repeat 5px bottom; height:10px;} .gauche_site {background:url("../img/ombreGauche.png") repeat-y 5px 0; padding-left:10px; width:990px;} .droite_site {background:url("../img/ombreDroite.png") repeat-y 980px 0; padding-right:10px; position:relative; width:980px;} .bas_site {background:url("../img/ombreBas.png") no-repeat 5px top; height:10px;} .contentFooter {margin:0 auto; width:980px;} /* 05 = Header */ .logo {left:19px; position:absolute; top:10px;} .logo a {display:block;} .mairie_clamart {background:url("../img/sprite.png") no-repeat 0 -462px; height:35px; position:absolute; right:20px; top:10px; width:88px;} /* 06 = Menu principal */ .navPrincipal, .demarches {left:0; position:absolute; top:90px; z-index:99;} .navPrincipal li {background:url("../img/sprite.png") no-repeat -229px 12px #E10795; float:left;} .navPrincipal li.page-item-20 {width:214px;} .navPrincipal li.page-item-21 {width:137px;} .navPrincipal li.page-item-22 {width:163px;} .navPrincipal li.page-item-23 {width:218px;} .navPrincipal li.page-item-24 {width:108px;} .navPrincipal li:hover {background:#004b99; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition: all .3s linear;} .navPrincipal .page-item-first {background-image:none;} .navPrincipal .titre, .demarches .titre {color:#fff; display:block; font-size:2em; font-weight:normal; height:37px; padding:8px 0 0 23px; position:relative; z-index:15;} .navPrincipal .titre:hover, .demarches .titre:hover {text-decoration:none;} .navPrincipal li:hover .fleche, .navPrincipal .current_page_item .flecheRose, .navPrincipal .current_page_ancestor .flecheRose {background:url("../img/sprite_h.png") no-repeat -2100px 0; height:15px; left:23px; position:absolute; top:0; width:15px;} .navPrincipal li.page-item-21 .fleche {left:237px;} .navPrincipal li.page-item-22 .fleche {left:374px;} .navPrincipal li.page-item-23 .fleche {left:537px;} .navPrincipal li.page-item-24 .fleche {left:755px;} .navPrincipal li:hover .fleche {z-index:29;} .navPrincipal .current_page_item .flecheRose, .navPrincipal .current_page_ancestor .flecheRose {background-position:-2800px 0; top:45px; z-index:9;} .navPrincipal .menuSub {background:#FFF; border:3px solid #004B99; display:none; left:0; overflow:hidden; padding:30px 17px 10px; position:absolute; top:45px; width:940px; z-index:19;} .navPrincipal li:hover .menuSub {display:block;} .menuSub li {background:none; cursor:pointer; width:470px;} .ie7 .menuSub li {height:88px;} .menuSub .liste1 {clear:both;} .navPrincipal .menuSub li:hover {background-color:transparent;} .navPrincipal .illustration .lien {background:#999; display:block; float:left; height:68px; margin:0 10px 20px 0; width:120px;} .navPrincipal .menuSub .titre {color:#E10795; font-size:1.5em; height:auto; padding:0;} .navPrincipal .menuSub .titre:hover {text-decoration:underline;} .menuSub .abstract {float:left; width:310px;} /* 07 = Démarches */ .demarches {left:840px;} .demarches li {background:url("../img/sprite.png") no-repeat -196px -73px #9e238b; width:140px;} .demarches .titre {font-size:1.5em; height:40px; line-height:0.889em; padding:5px 0 0 43px;} /* 08 = Page */ .banner {font-size:1.167em; margin-bottom:20px; position:relative;} .chapeau {color:#079FD9; font-size:1.583em; line-height:1.3; margin-bottom:1em;} /* Droite */ .sidebarRight .bloc {border-bottom:1px solid #E2E2E2; margin-bottom:20px; overflow:hidden; width:220px;} .bloc .titre, .sidebarRight .kiosk-list h2 {background:url("../img/blocBleuClair.png") no-repeat 0 0; color:#FFF; display:inline; font-size:2em; line-height:26px; padding:1px 10px 3px; /*text-transform:lowercase;*/} .ie7 .sidebarRight .kiosk-list h2 {background:none #079fd9;} .ie7 .bloc .titre, .ie8 .bloc .titre {line-height:25px;} .ie7 .bloc .titre {background-color:#079FD9;} .bloc .fond, .en1clic ul, .bloc .kiosk-list, .bloc .blocDirectoryContent {background:url("../img/sprite_h.png") no-repeat scroll -1400px 3px; padding:30px 0 0 10px;} .bloc .blocDirectoryContent .pushTop {background-color:#E2E2E2; border:0; clear:both; display:block; height:1px; margin:10px 0 -0.5em; size:9px;} .bloc .rteContent p {font-size:13px;} .bloc .rteContent strong {color:#079FD9;} .liensAccueil {padding-left:7px;} .liensAccueil li {float:left;} /* ie7 */ .liensAccueil .lien {background:url("../img/sprite.png") no-repeat -129px -288px #E10795; color:#FFF; display:block; font-size:1.5em; height:66px; margin:0 15px 1em 0; padding:24px 1px 0 5px; text-align:center; width:90px; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition: all .3s linear;} .liensAccueil .liste2 .lien, .liensAccueil .liste3 .lien, .liensAccueil .liste6 .lien {background-color:#9e238b;} .liensAccueil .lien:hover {background-color:/*#b50076*/#079FD9; text-decoration:none;} .liensAccueil .liste2 .lien:hover, .liensAccueil .liste3 .lien:hover, .liensAccueil .liste6 .lien:hover {background-color:/*#7a156a*/#079FD9;} .sidebarRight .rteContent ul {margin:0 0 1em;} .sidebarRight .rteContent img {margin:0 1em 1em 0;} /* Sommaire */ .sousMenu .liste {display:inline-block; float:left; margin-right:20px; width:220px;} .sousMenu .nbr3 {margin-right:0;} .sousMenu .nbr1 {clear:both;} .sousMenu .illustration .lien {background:#999; display:block; height:124px; margin-bottom:18px; width:220px;} .content .sousMenu h2 {background:url("../img/sprite_h.png") no-repeat -700px 0; font-size:1.5em; font-weight:normal; line-height:1em; margin-bottom:0.5em; padding:0 0 0 23px;} .sousMenu .abstract {font-size:1.083em; line-height:1.385em; margin-bottom:20px;} /* Annuaire */ .bloc .blocDirectoryContent {line-height:1.5; padding:30px 0 20px 10px;} .bloc .blocDirectoryContent h3 {color:#079FD9;} .bloc .blocDirectoryContent .illustration {float:left; margin:0 1em 1em 0;} .content .bloc .blocDirectoryContent {background:none; padding:30px 0 20px;} /* 09 = Menu footer */ .navSecondaire {background:#0a3660; overflow:hidden; padding:20px;} .navSecondaire a {color:#fff;} .navSecondaire li {float:left; width:20%;} .navSecondaire .titre {display:block; height:16px; padding:1px 0 0 10px; position:relative; text-transform:uppercase; width:110px;} .navSecondaire .liste1 .titre {background:#079fd9;} .navSecondaire .liste2 .titre {background:#e10795;} .navSecondaire .titre .fleche {background:url("../img/sprite_v.png") no-repeat 0 0; height:10px; left:0; position:absolute; top:17px; width:10px;} .navSecondaire .liste2 .fleche {background-position:0 -300px;} .navSecondaire .menuSub li {float:none; height:auto; line-height:1.5em; width:auto;} .navSecondaire .menuSub {padding:17px 0 0 8px;} /* 10 = Copyright-Menu */ .coordFooter {background:#004b99; color:#fff; font-size:1.167em; height:40px; position:relative;} .coordFooter .rteContent {position:absolute; right:20px; top:7px;} .coordFooter .rteContent p {font-size:14px;} .coordFooter .rteContent a {color:#fff;} .copyrightMenu {color:#666; font-size:0.917em; margin:0 auto; overflow:hidden; position:relative; width:980px;} .copyrightMenu .copyright {float:left; padding:5px 0;} .copyrightMenu ul {position:absolute; right:0; top:5px;} .copyrightMenu li {float:left;} .copyrightMenu a {color:#666;} /* 11 = Menu Droite */ .navLeft {border-bottom:1px solid #E2E2E2; margin:0 0 20px; padding-bottom:20px; width:220px;} .navLeft .rubrique {background:url("../img/sprite_h.png") no-repeat -690px 7px #F3F3F3; border-bottom:1px solid #FFF; color:#E10795; display:block; font-size:1.5em; padding:5px 0 4px 35px;} .navLeft li {margin-bottom:1px;} .navLeft .page-item-last {margin-bottom:0;} .navLeft li a {background:#F3F3F3; border-bottom:1px solid #FFF; color:#333; display:block; font-size:13px; padding:8px 10px 7px;} .navLeft li a:hover {background:#e2e2e2;} .navLeft .current_page_item, .navLeft .current_page_ancestor, .current_page_ancestor .navLeftSub a {background:#fff;} .navLeft .current_page_item a, .navLeft .current_page_ancestor a {color:#079fd9;} .current_page_item .navLeftSub a, .current_page_ancestor .navLeftSub a {padding:8px 10px 7px 30px;} /* 12 = Breadcrumbs */ .breadcrumbs a {color:#E10795; display:block; float:left;} .breadcrumbs .fleche {background:url("../img/sprite_h.png") no-repeat 4px 4px; display:block; float:right; height:15px; width:15px;} .breadcrumbs strong {color:#079fd9;} .ie7 .breadcrumbs a {display:inline-block;} .ie7 .breadcrumbs .fleche {display:inline-block; float:none;} /* 13 = Toolbox */ .toolboxTop {background:#f3f3f3; height:30px; margin-bottom:20px;} .toolbox {position:relative;} .toolbox a {background:url("../img/sprite.png") no-repeat 0 -30px; display:block; height:20px; overflow:hidden; position:absolute; text-indent:120%; top:5px; width:20px;} #twitter {left:10px;} #facebook {background-position:-20px -30px; left:40px;} #share {background-position:-40px -30px; left:70px;} #btnTypoMore {background-position:-60px -30px; left:610px;} #btnTypoLess {background-position:-80px -30px; left:640px;} #print {background-position:-100px -30px; left:670px;} #twitter:hover {background-position:0 -50px;} #facebook:hover {background-position:-20px -50px;} #share:hover {background-position:-40px -50px;} #btnTypoMore:hover {background-position:-60px -50px;} #btnTypoLess:hover {background-position:-80px -50px;} #print:hover {background-position:-100px -50px;} /* 14 = Zoom-Dezoom */ .typo_size1 .content {font-size:100%;} .typo_size2 .content {font-size:120%;} .typo_size3 .content {font-size:140%;} /* 16 = Recherche */ #search, #indexedsearchCenter {background:url("../img/sprite.png") no-repeat 0 0; height:30px; left:740px; overflow:hidden; padding:0; position:absolute; top:50px; width:220px;} #search fieldset {border:0; margin:0; padding:0;} #search label {left:-99px; position:absolute; top:-99px;} #query, #sword {background:none; border:none; color:#666; font-size:18px; height:26px; left:10px; margin:0; padding:0; position:absolute; top:2px; width:180px;} #search .goFind, #indexedsearchCenter .rechercheOK {background:url("../img/sprite.png") no-repeat -174px -81px; border:none; cursor:pointer; height:29px; margin:0; overflow:hidden; padding:0; position:absolute; right:0; text-indent:120%; top:0; width:29px;} .searchengine a {background:url("../img/icons/ico-file.png") no-repeat 0 0; display:block; padding-left:20px;} .searchengine .pages a {background:url("../img/sprite.png") no-repeat -120px -52px; display:inline-block; height:22px; padding:4px 0; width:22px;} .searchengine .pdf a {background:url("../img/icons/ico-pdf.png") no-repeat 0 6px;} .searchengine .doc a {background:url("../img/icons/ico-doc.png") no-repeat 0 6px;} .searchengine .img a {background:url("../img/icons/ico-img.png") no-repeat 0 6px;} .searchengine .ppt a {background:url("../img/icons/ico-ppt.png") no-repeat 0 6px;} .searchengine .xls a {background:url("../img/icons/ico-xls.png") no-repeat 0 6px;} /* Page */ #indexedsearchCenter {left:0; margin:45px 0; overflow:visible; position:relative; top:0;} #indexedsearchCenter fieldset {background:none; border:0;} #indexedsearchCenter legend {display:none;} #indexedsearchCenter .lgdSearch {left:230px; position:relative; top:-3px; white-space:nowrap;} .listSearch {margin-bottom:1em;} .listSearch li {font-size:1.167em; padding:20px; position:relative;} .searchengine .page {background:url("../img/sprite_h.png") no-repeat -4200px -15px; padding:1em 0; position:relative;} .searchengine .date {color:#666; font-size:0.857em; margin-top:0.5em;} .searchengine .rating {color:#999; font-size:0.857em; position:absolute; right:0; top:10px;} .searchengine .page strong {font-size:1.167em;} .rechercheList {margin-bottom:3em;} /* 17 = Accueil */ /* Colonne de droite */ .accueil #content20, .accueil #content21 {display:none;} .en1clic ul {padding-bottom:1.5em;} .en1clic .lien {background:url("../img/sprite_h.png") no-repeat scroll -690px 5px; color:#333; display:block; font-size:13px; font-weight:bold; padding:5px 0 4px 40px;} .en1clic .lien:hover {color:#e10795;} /* Rubriquage */ .kiosque, .newsletterRegister, .liensSociaux {background:#E2E2E2; float:left; margin-right:20px; width:300px;} .kiosque {height:270px;} .kiosque .illustration {float:left; margin:0 15px 20px; width:130px;} .kiosque .illustration .lien, .kiosk-list .magazine-cover a {background:url("../img/sprite.png") no-repeat 0 -283px; display:block; padding:8px; width:112px;} .kiosque h2.titre {background:none; font-weight:normal; height:72px; line-height:1em; margin-bottom:30px; overflow:hidden; padding:0 10px 0 0; text-transform:none;} .kiosque h2.titre a {color:#333;} .kiosque h2.titre a .date {color:#737373; display:block; text-transform:uppercase;} .kiosque h2.titre a:hover, .kiosque h2.titre a:hover .date {color:#E10795;} .kiosque .telecharger a, .kiosque .lien a {background:url("../img/sprite_h.png") no-repeat -3381px 7px #FFF; display:block; float:left; font-weight:bold; margin:0 0 10px; padding:7px 30px 8px 0; text-align:right; width:110px;} .newsletterRegister, .liensSociaux {margin-bottom:10px; padding:15px 20px; width:260px;} .newsletterRegister .titre, .liensSociaux .titre {font-size:1.5em; margin-bottom:25px; text-transform:lowercase;} .newsletterRegister .artifica-form {background:url("../img/sprite.png") no-repeat 0 -119px; height:24px; padding:6px 0 0 8px; position:relative; width:192px;} .newsletterRegister .input_newsletter {border:0; color:#666; height:20px; width:185px;} .newsletterRegister .submit_newsletter {background:url("../img/sprite.png") no-repeat -199px -119px; border:0; cursor:pointer; height:30px; left:205px; position:absolute; text-indent:120%; top:0; width:31px;} .liensSociaux {background:#fff; height:105px; overflow:hidden; padding:15px 20px;} .ie7 .liensSociaux {left:340px; position:absolute; top:160px;} .liensSociaux .titre {margin-bottom:15px;} .liensSociaux li {float:left;} /* ie7 */ .liensSociaux li a {background:url("../img/sprite.png") no-repeat -55px -74px; display:block; height:45px; overflow:hidden; width:55px; text-indent:120%; white-space:nowrap;} .liensSociaux .page-item-first a {background-position:0 -74px; margin:0 20px 0 30px;} .liensSociaux .page-item-last a {background-position:-110px -74px; margin-left:20px;} .partenaires {background:#e2e2e2; height:250px; overflow:hidden; padding:10px 0 10px 10px; width:290px;} .container .partenaires .liste {float:left; height:80px; margin:0 5px 5px 0; position:relative; width:90px;} .container .partenaires .nbr-3 {margin:0 0 5px 0;} .partenaires .liste a {display:block; height:80px; left:0; position:absolute; top:0; width:90px;} .partenaires .liste a:hover img {-webkit-box-shadow:0px 0px 3px #333; box-shadow:0px 0px 3px #333;} .partenaires .liste a img {left:0; position:absolute; top:0;} /* Droite */ .tx-artificanewsletters-pi1 .droite {border-bottom:1px solid #E2E2E2; clear:both; margin:0 0 20px; overflow:hidden; padding-bottom:10px; width:220px;} .droite .newsletterRegister {width:180px;} .droite .newsletterRegister .titre {margin-bottom:10px;} .droite .newsletterRegister .texte {font-size:13px; margin-bottom:5px;} .droite .newsletterRegister .artifica-form {margin-bottom:10px; width:180px;} .droite .newsletterRegister .input_newsletter {width:150px;} .droite .newsletterRegister .submit_newsletter {left:159px;} /* 18 = Actualités */ /* HOME */ .actuHome, .breves {background:none; float:left; margin:0 15px 20px -5px; overflow:hidden; padding-top:35px; position:relative; width:470px;} .actuHome .titre, .carousel .entete {background: url("../img/sprite.png") no-repeat 0 -529px; color:#FFF; font-size:2em; left:5px; padding:1px 10px 22px; position:absolute; text-transform:lowercase; top:0;} .actuHome .allActu, .breves .text .titre {background:url("../img/sprite_h.png") no-repeat -3374px 8px; display:block; font-weight:bold; padding:9px 0 0 0; position:absolute; right:5px; top:0;} .actuHome .allActu a, .breves .text .titre a {display:block; height:16px; padding:0 25px 0 0;} .actuHome .liste p, .actu3colonnes .liste p, .phototheque .liste p {line-height:1.385em; font-size:1.083em; padding:0 0 2px 5px;} .actuHome .liste .titre, .actu3colonnes .liste .titre, .phototheque .liste .titre {background:none; color:#e10795; padding:0 0 2px 5px; position:static; text-transform:uppercase;} .actuHome .liste .titre a, .actu3colonnes .liste .titre a, .phototheque .liste .titre a {font-weight:bold;} .actuHome .liste, .actu3colonnes .liste, .phototheque .liste {float:left; width:230px;} .actuHome .liste {margin-bottom:10px;} .actuHome .nbr1, .actu3colonnes .nbr1, .phototheque .nbr1 {clear:left; margin-right:10px;} .actuHome .liste .illustration, .actu3colonnes .liste .illustration, .phototheque .liste .illustration {background:url("../img/sprite.png") no-repeat 0 -150px; padding:7px;} /* BREVES HOME */ .breves {padding-top:0; width:465px;} .breves .titre {font-size:1.5em; line-height:1.5; text-transform:lowercase;} .breves .text .titre {background-position:-3490px 6px; font-size:1.083em; padding:0; position:static;} .breves .text .titre a {border-top:1px solid #E2E2E2; font-weight:bold; height:auto; line-height:1; padding:5px 0 7px 36px; text-transform:none;} .breves li:last-child {border-bottom:1px solid #E2E2E2;} /* Page */ .actualites {margin-bottom:3em;} .actualites .nombre, .agenda .nombre, .agendalarge .nombre {color:#079fd9; float:none; font-size:1.083em; font-weight:bold; margin-bottom:.5em;} .actualites .nombre strong, .agenda .nombre strong, .agendalarge .nombre strong {color:#333;} .actualites ul, .agenda ul, .agendalarge ul {background:url("../img/sprite_h.png") no-repeat -4200px bottom; margin-bottom:20px; padding-bottom:3px;} .actualites li, .agenda li, .agendalarge li {background:url("../img/sprite_h.png") no-repeat -4200px -15px; clear:both; padding:20px 0 20px 0; overflow:hidden; position:relative;} .agenda li {cursor:pointer;} .actualites .illustration, .agenda .illustration {float:left; margin:0 20px 0 0;} .actualites .category, .agenda .category, .agendalarge .category {color:#079fd9; font-size:1.083em;} .content .actualites h2, .content .agenda h2 {background:none; float:left; font-weight:normal; line-height:1em; margin:0 0 0.1em; padding:0; width:460px;} .content .actualites .titre {float:left; width:460px;} .actualites p, .agenda p {float:left; width:460px;} .actualites .read a, .actuDetails .retour a, .agendaSingle .retour a {background:url("../img/sprite_h.png") no-repeat -3410px 5px #FFF; bottom:10px; display:block; font-weight:bold; padding:5px 26px 5px 5px; position:absolute; right:0; width:80px;} .actualites .abstract, .agenda .abstract {font-size:1.167em;} /* Modifs pour grandes actus */ .actualites p.grandesactus {width:100% !important; margin-bottom:15px !important;} h2.grandesactus {margin-top:5px !important; font-size:250% !important;} div .grandesactustexte {margin-bottom:15px !important; } /* Détails */ .actuDetails .abstract {font-weight:bold;} .actuDetails p {margin-bottom:1em;} .actuDetails .publie {clear:both; color:#666; float:left;} .actuDetails .retour, .agendaSingle .retour {clear:both; float:right; margin:3em 0;} .actuDetails .retour a, .agendaSingle .retour a {background-position:-3450px 5px; position:static; width:35px;} .actuDetails .imageLegende, .actuDetails .imageCopyright {font-size:1em;} /* 3 colonnes */ .actu3colonnes ul { margin-bottom:2em; overflow:hidden;} .actu3colonnes .liste, .phototheque .liste {float:left;} .actu3colonnes .nbr1, .actu3colonnes .nbr2, .phototheque .nbr1, .phototheque .nbr2 {margin-right:5px;} /* Colonne droite */ .actus-search .artifica-form fieldset {border:0; margin:0; padding:0;} /* 19 = Agenda */ /* HOME */ .agendaHome, .agendaDroite {background:url("../img/sprite_h.png") repeat-y -4900px 0; float:right; padding-bottom:70px; position:relative; width:220px;} .agendaHome .titre, .agendaDroite .titre, .kiosque .titre, .actusDroite .titre {background:url("../img/sprite.png") no-repeat 0 -529px ; color:#FFF; font-size:2em; padding:1px 10px 22px; text-transform:lowercase;} .agendaHome .liste, .agendaDroite .liste, .actusDroite .liste {background:url("../img/sprite_h.png") no-repeat -4200px bottom; margin:10px 18px 0 20px; padding:0 0 16px;} .agendaHome .liste .titre, .agendaDroite .liste .titre, .actusDroite .liste .titre {background:none; font-size:1.5em; font-weight:bold; line-height:1em; padding:0 0 0.25em; text-transform:none;} .agendaHome .liste .titre a, .agendaDroite .liste .titre a {color:#079FD9;} .agendaHome .liste .titre a:hover, .agendaDroite .liste .titre a:hover {color:#E10795;} .agendaHome .category, .headerAgenda .category, .agendaDroite .category {color:#047FAE;} .agendaHome .date, .agendaDroite .date {font-size:0.917em; line-height:1em;} .agendaHome .allAgenda, .agendaDroite .allAgenda, .actusDroite .allActus {bottom:42px; display:block; font-weight:bold; position:absolute; right:22px;} .agendaHome .allAgenda a, .agendaDroite .allAgenda a, .actusDroite .allActus a {background:url("../img/sprite_h.png") no-repeat -3370px 0; display:block; height:16px; padding:0 26px 1px 0;} .actusDroite .allActus a {background-position:-3373px 0;} /* Page */ .actions {height:30px; margin:1em 0 5px; position:relative; text-align:center;} .actions p {color:#079FD9; float:none; font-size:2em; margin:0 auto; width:auto;} .agenda .date, .agendalarge .date {font-size:1.167em; font-weight:bold; margin-bottom:1em;} .actions a, .calendar-fleches .previous, .calendar-fleches .next, .pages a.paginationPagerPrec, .pages a.paginationPagerSuiv {background:url("../img/sprite.png") no-repeat -164px -30px; display:block; height:22px; left:0; position:absolute; top:5px; width:22px;} .actions .next, .pages a.paginationPagerSuiv {background-position:-142px -30px; left:678px;} .actions .previous:hover, .calendar-fleches .previous:hover, .pages a.paginationPagerPrec:hover {background-position:-164px -52px;} .actions .next:hover, .calendar-fleches .next:hover, .pages a.paginationPagerSuiv:hover {background-position:-186px -52px;} /* Filtres */ .agenda-search .artifica-form {margin:0;} .sidebarRight .filtres {background:url("../img/sprite_h.png") no-repeat -1400px 32px #F3F3F3; padding:0 10px 10px; position:relative; width:200px;} .filtres .titre {display:inline-block; font-weight:normal; margin:0 0 5px -10px; padding:1px 10px 25px;} .ie7 .filtres .titre {background-color:#079FD9; display:inline; margin-bottom:25px; padding-bottom:6px;} .filtres .theme {font-size:1.083em; margin:0 0 10px; padding:0; text-transform:uppercase;} .artifica-form fieldset .containerFiltre {background:#FFF; border:1px solid #DEDEDE; height:83px; margin-bottom:10px; overflow-y:scroll;} .themes-agenda {overflow:hidden; padding:10px;} .containerFiltre .liste {margin-bottom:5px; overflow:hidden;} .ie7 .containerFiltre .liste {margin:0;} .artifica-form .containerFiltre input[type="checkbox"] {float:left;} .artifica-form .containerFiltre label {margin:0 0 0 9px; padding:0; text-align:left; width:135px;} .ie7 .artifica-form .containerFiltre label {margin:0 0 0 4px; padding-top:3px;} .filtres .findEvent {background:#B9B9B9; border:0; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:1px 1px 1px #666; box-shadow:1px 1px 1px #666; color:#333; cursor:pointer; font-size:1.167em; font-weight:bold; left:23px; margin:10px 0 0; padding:10px 12px; position:relative; width:175px;} .filtres .footer, .record .footer {background:#FFF; bottom:-10px; height:20px; left:-10px; margin-top:10px; position:relative; width:220px;} /* Single */ .agendaSingle .date {color:#666; margin-bottom:1em;} .agendaSingle .abstract {font-size:1.167em; font-weight:bold; margin-bottom:1em;} .agendaSingle .exhibit p {font-size:1.167em; line-height:1.2em; margin-bottom:1em;} .agendaSingle .exhibitTitle {color:#079FD9; display:block; font-weight:bold; margin-top:.25em;} .agendaSingle .exhibit strong {display:block;} /* Droite */ .agendaDroite, .actusDroite {background:none; border-bottom:1px solid #E2E2E2; margin:0 20px 20px 0; padding-bottom:50px; position:relative; width:auto;} .ie7 .agendaDroite, .ie7 .actusDroite {margin-bottom:0; width:220px;} .agendaDroite .liste, .actusDroite .liste {margin:0 10px; padding-top:10px; width:200px;/* ie7 */} .agendaDroite .allAgenda, .actusDroite .allActus {bottom:20px; right:0;} .agendaDroite .liste .titre a, .actusDroite .liste .titre a {font-size:14px; font-weight:bold;} /* 20 = Kiosque */ /* Page */ .kiosk-list {margin-bottom:15px; overflow:hidden;} .kiosk-list h2 {clear:both;} .kiosk-list .table-cell, .carte-list .table-cell {float:left;} .kiosk-list .table-cell li, .carte-list .table-cell li {background:#F3F3F3; border:1px solid #E2E2E2; float:left; margin:10px 10px 0 0; overflow:hidden; padding:15px; width:194px;} .kiosk-list .table-cell .li1 {clear:left;} .kiosk-list .table-cell li:hover, .carte-list .table-cell li:hover {background:#fff;} .kiosk-list .table-cell .li3, .carte-list .table-cell .li3 {margin-right:0;} .kiosk-list .issue-number, .kiosk-list .issue-date {display:block; float:left; font-size:1.167em; font-weight:bold; line-height:1.167em; margin:0 5px 0 0;} .kiosk-list .issue-date {color:#666; font-size:1em; line-height:1.5;} .kiosk-list .magazine-cover, .carte-list .lienPDF {float:left; height:170px; margin-right:10px;} .kiosk-list .magazine-cover {clear:left; left:-10px; margin:10px 0 0; position:relative;} .download-document {float:left; margin-top:15px; width:55px;} .download-document a {color:#333; font-weight:bold;} .bloc .kiosk-list {padding:30px 0 0;} .bloc .kiosk-list .table-cell li {width:188px;} /* colonne droite */ .sidebarRight .bloc .kiosk-list {padding:0;} .sidebarRight .kiosk-list .table-cell .li1 {background:url("../img/blocBleuClair.png") no-repeat -1px -32px #F3F3F3; border:0; margin:3px 0 10px; width:196px;} .sidebarRight .kiosk-list .table-cell .li1:hover {background-color:#fff;} .sidebarRight .kiosk-list .issue-information {margin-top:15px;} /* page */ .content .bloc {clear:left;} .content .bloc .kiosk-list {background:none;} /* 21 = */ /* 22 = Vidéos/photos */ .videotheque {border-bottom:1px solid #E2E2E2; margin-bottom:1em; overflow:hidden; padding-bottom:1em;} .videotheque .video {float:left; height:220px; margin:0 20px 0 0;} .videotheque .title {float:left; width:314px;} .videotheque .abstract {margin-bottom:1em;} .videothequeList {clear:both; padding:1em 0;} .videothequeList .liste {float:left; margin:0 20px 20px 0; width:220px;} .videothequeList .col-3 {margin:0 0 20px 0;} .videothequeList .date {font-weight:bold; margin-bottom:1em;} .videothequeList .col-1 {clear:left;} /* 23 = Formulaires */ .artifica-form {clear:both; margin:0 0 20px;} .artifica-form label {cursor:pointer;} .artifica-form input, .artifica-form select {font:400 13px/23px "MS Shell Dlg",Helvetica,Arial,sans-serif;} .artifica-form fieldset {/*background-color:#FBFDFC;*/ border:1px solid #E2E2E2; margin-top:20px; padding:10px;} .artifica-form legend {background-color:#fff; color:#079FD9; font-size:1.25em; font-weight:bold; padding-left:5px; padding-right:5px;} .artifica-form div, .artifica-form fieldset dl {margin:0 0 10px;} .artifica-form div label {float:left; font:bold 1em Arial, sans-serif; margin:0 10px 0 0; padding:3px 0; text-align:right; width:140px;} /* Modification C.S. - mairie de Clamart : Plus large quand c'est un check */ .artifica-form div.check label, .artifica-form div.radio label {text-align:left; width:500px; margin-left:5px; /*background-color: #DBDBDB*/} /* Modification C.S. - mairie de Clamart : fin de modif */ .artifica-form dt {display:block; min-height:33px;} .artifica-form div input, .artifica-form div textarea {background:#FFF; border:1px solid #dedede; color:#666; display:block; font:1.167em Arial, sans-serif; padding:2px; width:400px;} .artifica-form div input:hover, .artifica-form div textarea:hover, .artifica-form div input:focus, .artifica-form div textarea:focus {border-color:#000;} .artifica-form div select {background:#FFF; border:1px solid #dedede; color:#666; padding:2px 0 0; height:24px; width:286px;} .artifica-form div textarea {padding:5px 0 0 5px; width:400px; overflow:auto; vertical-align:top; resize:vertical;} .artifica-form div input, .artifica-form div input[type="file"] {background:#fff; border:1px solid #DEDEDE; display:inline; text-indent:0;} .artifica-form .file-infos {display:block; font-size:smaller;} .artifica-form .submit, .artifica-form.connexion .valider input {background-color:#079FD9; border:none; color:#FFF; cursor:pointer; font:bold 0.917em Arial; margin:10px auto 15px; overflow:hidden; padding:6px 9px; text-transform:uppercase; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .artifica-form dd {font:12px/15px Arial,sans-serif; margin:0 0 0 160px; padding:0;} .artifica-form .submit:active {position:relative; top:1px;} .artifica-form fieldset div {clear:both; margin:0; overflow:visible; padding:5px 0; position:relative;} .artifica-form small {color:#666; display:block; font-size:11px; line-height:13px; font-weight:normal; margin-top:-2px;} .artifica-form em {font:bold 11px/13px Verdana, sans-serif; color:#ff6633;} .artifica-form .error {clear:none; color:#ee333a; display:block; font:bold 11px/10px Arial, sans-serif; margin:0 0 3px 150px; padding:0;} .artifica-form p {margin:7px; font:12px/15px Arial, sans-serif;} .artifica-form .comments {margin:10px; padding:10px; background:#f5f5f5; border:1px solid #dedede;} .artifica-form .captcha ul {color:#000; margin:0 0 0 190px; padding:0; list-style:none;} .artifica-form .captcha li {margin:0 15px 0 0; padding:0; display:inline;} .artifica-form .buttons {margin:0; overflow:hidden; -height:1%; padding:0; text-align:center;} .artifica-form .captcha p strong {color:#FF6633;} .artifica-form-response-output {background:url("../img/icons/error.png") no-repeat 910px 9px; color:#EE333A; border:2px solid #F1C208; margin:0 0 20px 0; padding:10px; text-align:center; font-size:1.167em; font-weight:bold;} .artifica-form fieldset.captcha label {padding:14px 0 0; width:120px; margin:0 13px 0 3%;} .artifica-form-confirmation {color:#f00; margin:0 0 20px 0; padding:10px;} .artifica-form .radio span, .artifica-form .label_check {float:left; font:bold 1em Arial, sans-serif; margin:0 10px 0 0; padding:0; text-align:right; width:140px;} .artifica-form .radio .error {top:-15px;} .artifica-form .radio ul {padding:0;} .artifica-form .radio ul input, .artifica-form .check input {float:left; width:auto;} .artifica-form .check {margin-left:150px;} .artifica-form .radio ul {margin-left:150px;} .artifica-form .radio ul li {height:1.6em;} .artifica-form .radio ul label {text-align:left; margin:0 10px 0 5px;} .artifica-form .alert {background:url("../img/icons/error.png") no-repeat 570px 20px; overflow:visible; padding:5px 0;} .artifica-form div input, .artifica-form div textarea, .artifica-form div select {background:#FFF;} .artifica-form input[type="radio"], .artifica-form input[type="checkbox"] {border:0; width:auto;} .artifica-form .champs {color:#ee333a; font-size:10px; left:690px; line-height:12px; margin:0; text-align:right;} .artifica-form .captcha p strong {color:#EE333A;} .artifica-form fieldset.captcha label {margin:0 10px 0 0; padding:3px 0; width:140px;} .artifica-form .buttons .require {color:#EE333A; display:block; font-size:10px; text-align:right;} .artifica-form div .radio ul label, .artifica-form div .check label {padding:0;} .artifica-form .captcha .alert {margin-top:12px;} .artifica-form div.alert input, .artifica-form div.alert textarea, .artifica-form div.alert select {border-color:#F1C208;} .newsletter .require {margin-top:12px;} .newsletter .error {top:-8px;} .newsletter legend {padding-bottom:12px;} .artifica-form .date select {width:134px;} /* ===== Fomulaire avec label au-dessus des éléments de formulaire -Attention IE6- ===== */ .artifica-form .label-top .radio span {display:block; float:none; margin:0 0 5px; text-align:left; width:auto;} .artifica-form .label-top .alert .radio span {display:block; float:none; margin:0 0 15px; text-align:left; width:auto;} .artifica-form .label-top label {display:block; float:none; margin:0; text-align:left; width:auto;} .artifica-form .label-top .alert label {margin:0;} .artifica-form .label-top .error {left:0; margin:0; top:0;} .artifica-form .label-top input, .artifica-form .label-top textarea, .artifica-form .label-top select {margin:0;} .artifica-form .label-top .file-infos, .artifica-form .label-top .file-uploaded {margin-left:0;} .artifica-form .label-top .radio ul input {margin:0;} .artifica-form .label-top div .radio ul label, .artifica-form .label-top div .check label {margin:0 0 0 15px;} .artifica-form .label-top div .radio ul label {overflow:hidden;/*IE9*/} .artifica-form .label-top .alert {background-position:420px 37px;} .artifica-form .label-top .radio ul {margin-left:0;} .artifica-form .label-top small {display:inline; margin-left:5px;} .artifica-form .label-top .comments {margin:10px 0;} .artifica-form .label-top .captcha ul {margin:0 0 0 10px;} .artifica-form .label-top .radio .error {left:0; top:14px;} .artifica-form .label-top .check {margin:0; padding-bottom:25px; top:15px;} .artifica-form .label-top .label_check {width:auto;} /* 24 = Résultats de recherche */ /* 25 = Carousel */ .carousel {height:394px; margin-bottom:30px; overflow:hidden; position:relative;} .carousel .entete {left:0; z-index:9;} .carousel .thumbmask {background:url("../img/noir50.png") repeat 0 0; left:0; height:80px; padding:10px 60px 10px 20px; position:absolute; top:294px; width:620px;} /*.captionCanvas {left:0; position:absolute; top:0;}*/ .carousel li {display:none;} .thumbmask .titre {font-size:30px; overflow:hidden; position:relative; white-space:nowrap; width:640px; z-index:1;} .thumbmask .titre a {color:#fff;} .thumbmask .chapeau {color:#FFF; font-size:14px; height:33px; overflow:hidden; position:relative; z-index:1;} .carousel .controls {bottom:33px; left:669px; position:absolute;} .carousel .controls a, #btnControls a {background:url("../img/sprite.png") no-repeat -120px -52px; color:#333; display:block; font-size:14px; font-weight:bold; height:20px; margin:0 0 2px; padding:2px 0 0; text-align:center; width:22px;} .carousel .controls .on {background-position:-120px -30px;} .carousel .thumbmask canvas {left:0; height:100px; position:absolute; top:0; width:700px; z-index:0;} #btnControls {bottom:9px; position:absolute; right:9px;} .carousel #btnControls .pause {background-position:-142px -52px; float:left; overflow:hidden; text-indent:100%;} .carousel #btnControls .pause.on {background-position:-142px -30px;} /* 26 = Plan du site */ .csc-sitemap {margin-bottom:10px;} .csc-sitemap ul {background:url("../img/icons/sitemap-dot.png") 0 bottom repeat-y; margin:0 0 0 3px; padding:10px 0 0; list-style:none outside;} .csc-sitemap ul ul {margin:0 0 0 10px; padding:0;} .csc-sitemap li {background:url("../img/icons/sitemap-dot.png") 0 12px repeat-x; display:block; margin-left:1px; padding:0 0 0 10px;} .csc-sitemap a {background:url("../img/icons/ico-page.png") 5px 6px no-repeat #FFF; color:#333; display:block; padding:0 0 5px 24px; font-size:16px; font-weight:bold; line-height:24px; text-transform:uppercase;} .csc-sitemap ul ul a {font-style:italic; font-weight:normal; text-transform:none;} .csc-sitemap ul ul ul a {font-size:12px; font-style:normal;} .csc-sitemap a:hover {color:#000; text-decoration:underline} .csc-menu {overflow:hidden; margin-bottom:20px;} .csc-menu .colonne1 {float:left;} .csc-menu .colonne2 {float:right;} .csc-menu ul {border-bottom:1px solid #DEDEDE; list-style:none; width:350px; margin-top:5px;} .csc-menu li {background:none; padding:0; margin:0;} .csc-menu a {display:block; border-top:1px solid #DEDEDE; padding:10px 0 10px 15px; text-decoration:none;} .csc-menu a:hover {text-decoration:underline; background-color:#E3E3E3;} .csc-default {padding: 10px;} .csc-default .result {font-size:1em; font-weight:bold; line-height:18px;} /* 27 = Calendrier */ .agenda-search .artifica-form fieldset {background-color:transparent; border:0; margin:0; padding:0; position:relative;} .searchAgenda {padding:15px 17px 0;} .searchAgenda form h3 {background:#ccd045; color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:14px; margin-bottom:15px; margin-left:-17px; padding:1px 15px 3px; text-transform:lowercase; width:52px;} .searchAgenda form ul {background:#FFF; border:1px solid #dcdbe3; height:80px; margin-bottom:20px; overflow-y:scroll; padding:10px;} .searchAgenda form li {margin-bottom:3px;} .searchAgenda form label {color:#666; font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding-left:7px;} .firefox .searchAgenda form button, .chrome .searchAgenda form button, .opera .searchAgenda form button {background:url("../img/sprite_h.png") no-repeat -21854px 0; border:none; cursor:pointer; height:30px; margin-left:100px; text-indent:-9999px; width:95px;} .ie .searchAgenda form button {height:30px; width:95px;} .calendar {background:#fff; border:1px solid #dedede; margin-bottom:10px; padding:7px;} .calendar-fleches {text-align:center;} .calendar-fleches .calPush {height:21px; padding-top:3px; position:relative;} .choixMois {text-decoration:underline;} .calendar-fleches .previous {top:0;} .calendar-fleches .next {background-position:-142px -30px; left:164px; top:0;} .calendar-table {border-collapse:separate; border-spacing:5px; width:180px;} .calendar-table a {color:#333; display:block; padding:3px 0 2px;} .calendar-table a:hover {color:#FFF; text-decoration:none;} .cal-selected, .cal-today, .cal-event, .cal-saturday, .cal-sunday, .cal-outdated {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:12px; height:20px; text-align:center; width:20px;} .searchAgenda .intitule {color:#333;} .cal-outdated {} .cal-outdated a {color:#999;} .cal-event, .cal-saturday, .cal-selected, .cal-sunday {} .cal-selected {} .cal-event:hover, .cal-saturday:hover, .cal-outdated:hover, .cal-sunday:hover {background:#E10795;} .cal-today {background:#079fd9;} .cal-today a {color:#FFF;} /* 28 = */ /* 29 = RTE */ .content .titrePrincipal {color:#079fd9; font-size:3em; font-weight:normal; margin:0.4em 0 0.25em;} .content h2, .content .bloc .titre {background:url("../img/sprite.png") no-repeat -182px -480px; color:#079fd9; font-size:2em; margin:0 0 .5em; padding:6px 0 12px 12px;} .rteContent h3 {background:url("../img/sprite_h.png") no-repeat -3490px 7px #F3F3F3; clear:left; font-size:1.5em; margin:1.5em 0 .5em; padding:4px 0 4px 36px;} .rteContent h4 {clear:left; color:#079FD9; font-size:1.167em; margin:1.5em 0 .5em;} .rteContent h5 {clear:left; font-size:1.107em; margin:1.5em 0 .5em;} .rteContent h6 {clear:left; font-size:0.893em; margin:1.5em 0 .5em;} .rteContent div.encart, .rteContent div.encartDroite, .rteContent div.encartGauche {background-color:#E3E3E3; margin:2em 0; overflow:hidden; padding:20px 20px 10px;} .rteContent div.encartGauche {float:left; margin:0 1em 1em 0 !important; width:40%;} .rteContent div.encartDroite {float:right; margin:0 0 1em 1em !important; width:40%;} .rteContent p {font-size:1.167em; line-height:1.5em; margin-bottom:1em; position:relative;} .rteContent address {font-size:1.167em; line-height:1em; margin-bottom:1em;} .rteContent ul {margin:0 0 1em 35px;} .rteContent ul li {background:url("../img/sprite_h.png") no-repeat 0 8px; font-size:1.167em; line-height:1.5em; padding-left:10px;} .rteContent ul li ul li {font-size:inherit; line-height:inherit;} .rteContent ol {margin:0 0 1em 35px;} .rteContent ol li {font-size:1.167em; line-height:1.5em; list-style:decimal outside; margin-left:10px;} .rteContent ol li ol li {font-size:inherit; line-height:inherit;} .rteContent blockquote {background:#E3E3E3; margin:2em 0; padding:20px 20px 10px;} .rteContent blockquote h2, .rteContent div.encart h2 {background:url("../img/blocBleuClair.png") no-repeat 0 0; color:#FFF; display:inline-block; font-weight:normal; left:-20px; margin-bottom:-18px; padding:1px 10px 22px; position:relative; text-transform:lowercase; top:-19px;} .ie7 .rteContent blockquote h2, .ie7 .rteContent div.encart h2 {display:inline;} .rteContent strong {font-weight:bold;} .rteContent em {font-style:italic;} .rteContent big {font-size:larger;} .rteContent small {font-size:smaller;} .rteContent cite {font-style:italic;} .rteContent dfn {font-style:italic;} .rteContent q {font-style:italic;} .rteContent q:after {content:close-quote;} .rteContent q:before {content:open-quote;} .rteContent samp {font-family:monospace;} .rteContent sub {font-size:smaller; line-height:normal; vertical-align:sub;} .rteContent sup {font-size:smaller; line-height:normal; vertical-align:super;} .rteContent span {} .rteContent a {} .rteContent a:hover {} .rteContent a.mail, .rteContent a[href^="mailto"] {background:url("../img/icons/ico-mail.png") no-repeat right center; padding-top:1px; padding-right:20px;} .rteContent a[href^="http"] {background:url("../img/icons/ico-link.gif") no-repeat right center; padding-top:1px; padding-right:15px;} .rteContent a[href$=".pdf"] {background:url("../img/icons/ico-pdf.png") no-repeat right 0; padding-top:1px; padding-right:20px;} .rteContent a[href$=".jpg"], .rteContent a[href$=".png"], .rteContent a[href$=".gif"] {background:url("../img/icons/ico-img.png") no-repeat right 0; padding-top:1px; padding-right:20px;} .rteContent a.lightbox[href$=".jpg"], .rteContent a.lightbox[href$=".png"], .rteContent a.lightbox[href$=".gif"] {background:none; padding:0;} .rteContent a[href$=".doc"] {background:url("../img/icons/ico-doc.png") no-repeat right 0; padding-top:1px; padding-right:20px;} .rteContent a[href$=".xls"] {background:url("../img/icons/ico-xls.png") no-repeat right 0; padding-top:1px; padding-right:20px;} .rteContent a[href$=".ppt"] {background:url("../img/icons/ico-ppt.png") no-repeat right 0; padding-top:1px; padding-right:20px;} .rteContent a[href$=".mp3"], .rteContent a[href$=".flv"] {background:url("../img/icons/ico-file.png") no-repeat right 0; padding-top:1px; padding-right:20px;} .rteContent a.no-icon {background:none; padding:0;} .rteContent span.strike {text-decoration:line-through;} .rteContent span.important {color:#db1515;} .rteContent span.abbr {font-style:italic;} .rteContent hr {} span.telephone {background:url("../img/sprite_v.png") no-repeat 0 -598px; display:block; padding:0 0 0 14px;} span.horaires {background:url("../img/sprite_v.png") no-repeat 0 -897px; display:block; padding:0 0 0 18px; clear:left;} /* Box d'image */ .box {display:block; position:relative;} .imageBox {} .imageBoxLeft {clear:none; float:left; margin:0 1em 1em 0;} .imageBoxRight {clear:none; float:right; margin:0 0 1em 1em;} .imageLegende, .imageCopyright {background:url("../img/noir75.png") repeat 0 0; bottom:6px; color:#FFF; display:inline-block; font-size:0.857em; left:20px; line-height:1.2; overflow:hidden; padding:5px 20px 5px 0; position:absolute;} .imageLegende {bottom:30px; font-weight:bold;} /* 30 = Tableaux */ .rteContent table {width:100%; border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; margin-bottom:10px;} .rteContent caption {font-size:1.5em; color:#079FD9; border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; padding:5px 7px; background:#FBFDFC;} .rteContent table td, .rteContent table th {padding:5px; vertical-align:top;} .rteContent thead {text-align:center; font-size:1.167em;} .rteContent tr td, .rteContent tr th {border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-collapse:separate; border-spacing:0;} .rteContent tr.tableauLigneAlternee {background:#E3E3E3;} /* 31 = Gallerie */ .gallery {margin-bottom:1em;} .gallery ul {margin:0; padding:0; list-style:none; overflow:hidden; -height:1%;} .gallery ul li {margin:0 0 5px; padding:0; background:none; float:left;} .gallery img {display:block; padding:1px; border:3px solid #eee;} .gallery a {float:left; border:1px solid #aaa;} .gallery .cell-1 {clear:left; margin-right:5px;} .gallery .cell-2, .gallery .cell-3 {margin-right:5px;} .gallery .cell-4 {clear:right;} .gallery p {margin-bottom:1em;} /* 32 = Slideshow (diaporama) */ .artifica-slideshow {margin:10px 0; background-color:#F3F3F3; color:#FFF; margin-bottom:1em; position:relative;} .artifica-slideshow .controls {height:30px;} .artifica-slideshow .controls a {color:#FFF;} .artifica-slideshow .controls .playPause a {background-color:#079FD9; display:block; padding:5px 15px;} .artifica-slideshow .controls .playPause {left:0; position:absolute; top:0;} .artifica-slideshow .controls .counter {background-color:#079FD9; padding:5px 15px; position:absolute; right:0; top:0;} .artifica-slideshow .elements {position:relative; margin:0 10px; clear:both; overflow:hidden; height:334px;} .artifica-slideshow .caption {background-color:#333; bottom:0; opacity:0.7; position:absolute; padding:10px 5px; width:98%;} .artifica-slideshow .caption .image-title {font-weight:bold} .artifica-slideshow .caption .image-copy {text-align:right; font-style:italic; color:#FFF;} .artifica-slideshow .slideshow {text-align:center;} .artifica-slideshow .thumbs {height:60px; overflow:hidden; position:relative; text-align:center; z-index:300;} .artifica-slideshow .thumbs .previous, .artifica-slideshow .thumbs .next {width:35px; height:60px; display:block; text-indent:100%; white-space:nowrap;} .artifica-slideshow .thumbs .previous {background:url(../img/galerie/prevPageArrowWhite.gif) no-repeat center;} .artifica-slideshow .thumbs .next {background:url(../img/galerie/nextPageArrowWhite.gif) no-repeat center;} .artifica-slideshow .thumbs ul {display:inline-block; margin:10px 0; overflow:hidden;} .ie7 .artifica-slideshow .thumbs ul {display:inline;} .artifica-slideshow .thumbs ul li {float:left; padding:0; margin:0 2px; list-style:none; background:none;} .artifica-slideshow .thumbs ul li a {display:block; opacity:0.7;} .artifica-slideshow .thumbs ul li a:hover {opacity:1;} .artifica-slideshow .thumbs ul li.current a {border:1px solid #FFF; opacity:1;} .artifica-slideshow .thumbs ul li .in {display:none;} .artifica-slideshow .thumbs ul img {border:none; display:block;} /* Bandeau de page */ .bandeau {overflow:visible;} .bandeau .controls {display:none;} .bandeau .thumbs {position:relative;} .bandeau .thumbs .thumb {display:none;} .bandeau .thumbs .titre {bottom:74px; font-size:24px; left:20px; position:absolute; width:280px;} .bandeau .thumbs .titre .noir75 {line-height:30px; padding:1px 0 2px;} .bandeau .thumbs .titre .noir75, .bandeau .caption .noir75 {background:url("../img/noir75.png") repeat 0 0; color:#FFF;} .bandeau .caption {background:none; bottom:54px; left:20px; opacity:1; padding:0; position:absolute;} .ie7 .bandeau .caption {bottom:60px;} .ie9 .bandeau .caption {bottom:53px;} .bandeau .caption .image-copy {display:inline; font-style:normal; padding:6px 0; text-align:left;} /* 33 = Lightbox */ .simple_overlay {background:url("../img/galerie/loading.gif") no-repeat 50% 50%; display:none; z-index:10000; background-color:#333; width:675px; min-height:20px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow:0 0 90px #000;} .simple_overlay .disabled {visibility:hidden;} .simple_overlay .close {background-image:url("../img/galerie/lightbox-close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} .simple_overlay .next:hover, .simple_overlay .play:hover, .simple_overlay .prev:hover {text-decoration:underline; background-color:#000;} .simple_overlay .next {display:block; padding:10px 20px; position:absolute; top:40%; right:0; border:1px solid #666; border-right:0; cursor:pointer; font-size:11px; color:#fff; background:#333 !important; background:rgba(0,0,0,0.6) url(../img/galerie/lightbox.png) repeat-x; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;} .simple_overlay .prev {display:block; padding:10px 20px; position:absolute; top:40%; left:0; border:1px solid #666; border-left:0; cursor:pointer; font-size:11px; color:#fff; background:#333 !important; background:rgba(0,0,0,0.6) url(../img/galerie/lightbox.png) repeat-x; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;} .simple_overlay .play {display:block; padding:10px 20px; position:absolute; text-align:center; top:20%; left:30%; width:33%; border:1px solid #666; cursor:pointer; font-size:11px; color:#fff; background:#333; opacity:0.8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .simple_overlay .info {padding:10px 15px; position:absolute; bottom:0; left:0; font-size:11px; color:#fff; border-top:1px solid #666; background:#333 !important; background:rgba(0,0,0,0.6) url("../img/galerie/lightbox.png") repeat-x;} .simple_overlay .info strong {display:block;} .simple_overlay .progress {position:absolute; top:45%; left:50%; display:none;} #thumbs a.active img {outline:1px solid #000; z-index:9999; position:relative;} /* Rajouts modal */ #fade {display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; opacity:.80; z-index:11000;} .overlay-modal {display:none; background:#fff; float:left; font-size:1.2em; padding:10px; position:fixed; top:50%; left:50%; z-index:12000; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000;} img.btn_close {float:right; margin:-55px -55px 0 0;} .overlay-modal .close {background-image:url("../img/galerie/close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} .artifica-form .info-form {display:block; padding-left:39px; width:450px;} .artifica-form .obligatoire {position:absolute; right:0;} #popup {padding:0 10px;} #overlay-modal .artifica-form.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;} #overlay-modal a.close {background-image:url("../img/galerie/close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} /* 34 = Liste de fichiers */ .listing a {font-size:1.167em;} .listing ul li {background:none; padding:10px; border-top:1px solid #DCDCDC;} .listing ul li ul {margin:0;} .listing ul li ul li {border:none; padding:0 0 0 25px;} .listing .debats-file-desc {margin:3px 0;} .listing .debats-file-type, .listing .debats-file-size {display:inline; text-transform:uppercase; font-size:0.833em;} .listing .debats-file-size {padding-left:0;} .listing .list-1 {background:#FFF;} .listing .list-2 {background:#FBFDFC;} /* Downloads */ .downloads {border-bottom:1px solid #DCDCDC; margin-bottom:10px; padding-bottom:10px;} .downloads h2 {margin-bottom:5px;} .downloads a {display:block; padding:0 0 0 25px;} .downloads .file-title {font-size:1.167em;} .downloads span {font-size:0.833em; text-transform:uppercase;} /* 35 = Pagination */ .paginationTop, .pagination {font-size:0.917em; margin:1em 0; overflow:hidden; position:relative;} .pages {display:block; text-align:center;} .pages a {font-size:11px; padding:6px 10px; text-decoration:none; color:#000;} .pages a:hover {text-decoration:underline;} .pages a.paginationPagerCourant {color:#E10795; font-weight:bold;} .pagination {clear:both; height:22px;} .pages a.paginationPagerPrec, .pages a.paginationPagerSuiv {padding:0; text-indent:120%; top:0; white-space:nowrap;} /* 36 = Annuaire */ .annuaire .themes {color:#079FD9; font-size:0.857em;} /* 37 = Go to top */ .gotoTop {border-top:4px solid #404040; clear:both; height:50px; position:relative; text-align:right;} .gotoTop a {background:url("../img/sprite.png") no-repeat scroll -223px -42px transparent; display:block; font-size:1.167em; position:absolute; right:0; text-decoration:none; top:8px; width:87px;} .gotoTop a:hover {text-decoration:underline;} /* 38 = Sondages */ .poll {margin-bottom:2em;} .poll .alert {background:none;} .poll table {width:100%;} .poll table caption {font-size:1.167em; font-weight:bold; padding:0 0 5px; text-align:left;} .poll table .total {color:#217298; font-weight:bold; padding-bottom:15px;} .poll table tr {vertical-align:top;} .poll table th {padding-right:1em; text-align:left;} .poll table td {padding-left:1em; text-align:right;} .poll .colorBar {padding-left:0; width:100%;} .colorBar div {background:#E8EFF3; height:15px;} .poll .colorBar span {display:block; height:15px; background: -moz-linear-gradient(top, rgba(33,114,152,0.5) 0%, rgba(33,114,152,0.51) 1%, rgba(33,114,152,1) 50%, rgba(33,114,152,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,114,152,0.5)), color-stop(1%,rgba(33,114,152,0.51)), color-stop(50%,rgba(33,114,152,1)), color-stop(100%,rgba(33,114,152,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(33,114,152,0.5) 0%,rgba(33,114,152,0.51) 1%,rgba(33,114,152,1) 50%,rgba(33,114,152,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(33,114,152,0.5) 0%,rgba(33,114,152,0.51) 1%,rgba(33,114,152,1) 50%,rgba(33,114,152,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(33,114,152,0.5) 0%,rgba(33,114,152,0.51) 1%,rgba(33,114,152,1) 50%,rgba(33,114,152,0.5) 100%); /* IE10+ */ background: linear-gradient(top, rgba(33,114,152,0.5) 0%,rgba(33,114,152,0.51) 1%,rgba(33,114,152,1) 50%,rgba(33,114,152,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eadc2', endColorstr='#217298',GradientType=0 ); /* IE6-9 */} .ie7 .colorBar {text-align:left;} /* Médias */ .player-object, .player-mp3, .player-flv {margin-bottom:10px;} .player-object h2, .player-mp3 h2, .player-flv h2 {border-left:5px solid #F56620; color:#367f99; font-size:2em; font-weight:normal; line-height:23px; margin:20px 0; padding-left:10px;} /* XX = Trombinoscope */ .trombi {overflow:hidden;} .trombi h2 {} .trombi .illustration {float:left; margin:0 10px 10px 0;} .trombi .texte {float:left; width:410px;} .trombiMayor .texte {width:365px;} .trombi .title {font-size:1.167em;} .trombi .subtitle {font-size:1.167em;} .trombi .list {border-top:1px solid #DCDBE3; margin-top:10px; padding-top:20px;} .trombi .list:first-child {border-top:none; margin:0; padding:0;} /* Tabulation */ .tabulations {height:235px; overflow:hidden; padding-bottom:20px; position:relative;} .chrome .tabulations {background:url("../img/sprite.png") no-repeat 0 -529px;} .tabulations .tab-header.on h2 {background:url("../img/sprite.png") no-repeat 0 -529px; float:left; height:52px; position:relative; z-index:9;} .tabulations .tab1 .titleTab {margin-right:3px; text-decoration:none; width:97px;} .tabulations .on .titleTab {background:#079FD9;} .tabulations .off .titleTab {background-color:#e2e2e2; color:#333;} .tabulations .titleTab {color:#FFF; float:left; font-size:24px; font-weight:normal; height:30px; padding:1px 0 0 10px; text-transform:lowercase; width:100px;} .tabulations .titleTab:hover {text-decoration:none;} .tabulations .tab-content {background:#079FD9; height:173px; left:0; padding:3px; position:absolute; top:31px; width:214px;} .bloc .tab-content .titre {color:#333; font-size:13px; font-weight:bold; height:15px; /*line-height:16px;*/ overflow:hidden; /*padding-top:7px;*/ text-transform:none;} .bloc .tab-content .date {font-size:13px; height:15px; overflow:hidden; padding-left:10px;} .tabFooter {position:absolute; right:0; top:190px;} .tabFooter a {background:url("../img/sprite_h.png") no-repeat -3390px 0; font-weight:bold; padding-right:28px;} .tab1-wrap .tabFooter a {padding-right:26px;} /* Photos */ .photosAnim {margin:0;} .photosAnim .elements {height:auto; margin:0;} .photosAnim .caption {background:none;} .photosAnim .thumbs {height:0;} .photosAnim .slideshow {border:0;} /* Newsletter */ /* Droite */ .sidebarRight .record {background:#e2e2e2; border-bottom:1px solid #E2E2E2; margin-bottom:20px; padding:10px; width: 200px;} .record .header {display:block; font-size:1.5em; margin-bottom:10px;} .record .newsletterRegister .titre {background:none; color:#333; font-size:1em; margin-bottom:5px; padding:0; text-transform:none;} .record .newsletterRegister {float:none; margin:0; padding:0; width:200px;} .record .newsletterRegister .artifica-form {margin:10px 0;} .record .newsletterRegister .submit_newsletter {left:170px;} /* Habillage */ #wrap .clickHabillage a {display:block; height:100%; overflow:hidden; position:fixed; text-indent:120%; white-space:nowrap; width:100%; top:0px; left:0px;} /* .habillage .habillage p {text-align:center;} .habillage .haut_site {background:none; height:0;} .habillage .gauche_site {background:none;} .habillage .droite_site {background:none;} .habillage .bas_site {background:none; height:0;} .habillage .container {background:#fff;} .habillage .copyrightMenu, .habillage .copyrightMenu a {color:#fff;} */ /* Send to */ #popup .artifica-form div input, #popup .artifica-form div textarea {width:350px;} #popup .artifica-form .buttons .require {right:10px;} /* Météo */ .tx-artificaweather-pi1 {height:40px; overflow:hidden; position:relative;} .tx-artificaweather-pi1 .mairie_clamart {float:left; left:0; position:relative; top:3px;} #current_box_icon {float:left; position:relative; top:2px;} #current_box_temp {font-size:11px; left:10px; position:relative; top:12px;} /* RSS */ .ico-rss {padding:0 0.5em 0 0;} /* Sans colonne */ .sansColonne .main .central {width:940px;} .sansColonne #btnTypoMore {left:850px;} .sansColonne #btnTypoLess {left:880px;} .sansColonne #print {left:910px;} /* Petites annonces */ .artifica-form.connexion {margin:0;} .artifica-form.connexion fieldset {border:0; margin:0; padding:0;} .artifica-form.connexion legend {height:0;} .sansColonne .artifica-form.connexion fieldset {border:0; margin:0; padding:0 10px; width:auto;} .sansColonne .artifica-form.connexion fieldset legend {visibility:hidden;} .artifica-form.connexion fieldset .left {text-align:right; width:86%;} .artifica-form.connexion fieldset .valider {clear:none;} .connexion .valider input {margin:0; width:auto;} body .artifica-form fieldset div.logout {display:none; border:0; left:76px; margin:0; padding:0; position:absolute; top:0; width:750px;} body .artifica-form fieldset div..logout .valider {border:0; height:auto; margin:10px 0 0; padding:3px; text-indent:0; width:auto;} .artifica-form.connexion .valider input {border-radius:0; height:auto; margin:5px 0 0; padding:2px; text-indent:0; width:auto;} .tx-artificasmalladvertisements-pi1 {margin-bottom:15px; position:relative;} .tx-artificasmalladvertisements-pi1 h3 {margin-bottom:5px; font-weight:normal;} .tx-artificasmalladvertisements-pi1 h3 a {color:#367F99; font-size:18px;} .tx-artificasmalladvertisements-pi1 li:first-child {border-top:none;} .tx-artificasmalladvertisements-pi1 ul > li {border-top:1px solid #dcdbe3; padding:15px;} .tx-artificasmalladvertisements-pi1 .colonnage1 {background:#FFF;} .tx-artificasmalladvertisements-pi1 p a {font-size:1.5em;} .tx-artificasmalladvertisements-pi1 p a[href^="mailto"] {font-size:1.2em;} .tx-artificasmalladvertisements-pi1 .colonnage2 {background:#eeedf2;} .tx-artificasmalladvertisements-pi1 .date {margin-bottom:5px; font-size:1.167em;} .tx-artificasmalladvertisements-pi1 .theme {margin:5px 0 10px; font-weight:bold;} .tx-artificasmalladvertisements-pi1 .theme:first-letter {text-transform:capitalize} .listAdvert {border:1px dashed #DCDBE3; padding:10px;} .listAdvert h2 {font-size:2em; font-weight:normal; line-height:27px; margin:20px 0; padding-left:10px;} .listAdvert p {font-size:13px; margin-bottom:10px; line-height:21px;} .backAdvert {font-weight:bold; padding:15px 0 0 15px; text-decoration:underline;} .backAdvert:hover {text-decoration:none;} /* Gabarits du "BO" */ .managementFo h2 { display: block; font-size: 17px; font-weight: bold; margin-bottom: 5px;} .managementFo .tableList { background:none; border: 1px solid #D1D1D1; border-collapse: collapse; font-size: 14px; margin: 0 0 5px; width: 100%;} .managementFo .tableList th { background:#D1D1D1; color: #333333; font-size: 14px; font-weight: bold; padding: 5px; text-align: left;} .managementFo .tableList th a { color: #333 !important; font-size: 14px; font-weight: bold; text-decoration: underline;} .managementFo .tableList th a:hover { color: #333 !important; text-decoration: underline;} .managementFo .tableList tr {background:#F9F9F9;} .managementFo .tableList tr.alter {background:#FFF;} .managementFo .tableList td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #D1D1D1; border-image: none; border-style: none none solid; border-width: medium medium 1px; font-size: 14px; padding: 6px; vertical-align: top;} .managementFo .tableList td a { color: #135991; font-size: 14px; text-decoration: underline;} .managementFo .tableList td a:hover { color: #135991; text-decoration: underline;} .managementFo .tableList td.column-uid { text-align: right; width: 50px !important;} .managementFo .tableList th.column-checkbox { text-align: center;} .managementFo .tableList td.column-checkbox { width: 15px !important;} .managementFo .tableList td.column-status { width: 101px !important;} .managementFo .tableList td.column-title {} .managementFo .tableList td.column-button { overflow: hidden; text-align: right;} .managementFo .tableList td.column-button span { display: inline-block; margin-left: 7px; width: 60px;} .managementFo .tableList td.column-button span a {} .managementFo .tableList td.column-user { width: 114px !important;} .managementFo .tableList td.column-date { width: 125px !important;} .managementFo .tableList td.column-simple {} .managementFo .tableList tr:hover { background:#FFC;} .managementFo .tableList td span.info { color: #666666 !important; font-size: 11px !important;} .managementFo .tableList td.column-title div.buttons { clear: both; color: #4A4A4A !important; font-size: 11px !important; margin-top: 5px; padding: 0; text-align: left; visibility: hidden;} .managementFo .tableList td.column-title div.buttons span { display: inline-block; margin-right: 7px; } .managementFo .tableList td.column-title div.buttons span a { color: #135991 !important; font-size: 11px !important; font-weight: bold;} .managementFo .tableList td.column-title div.buttons span a:hover { color: #135991 !important; font-size: 11px !important; font-weight: bold; text-decoration: none;} .managementFo .tableList td.column-title:hover div.buttons { visibility: visible;} .managementFo .artifica-form { clear: both; margin: 0 0 15px;} .managementFo .artifica-form fieldset, .sansColonne.managementFo .artifica-form fieldset {background-color:transparent; border:none; border-radius:6px; margin:0 auto 20px; padding:0 0 10px; /*width:420px;*/} /*.page-314.managementFo .artifica-form fieldset {width:420px;}*/ .sansColonne.managementFo .artifica-form fieldset.captcha p, .sansColonne.managementFo .artifica-form fieldset.captcha ul {margin:10px auto; width:420px;} .sansColonne.managementFo .artifica-form fieldset.captcha ul {font-size:2em; text-align:center;} .managementFo .artifica-form legend { background:none; color: #277ABE; font-size: 1.25em; font-weight: bold; padding: 0 5px;} .managementFo .artifica-form div, .managementFo .artifica-form fieldset dl { margin: 0 10px 7px;} .managementFo .artifica-form div label, .managementFo .artifica-form dt { font: bold 13px/24px Arial,sans-serif; margin: 0; padding: 0; text-align: left;} .managementFo .artifica-form div label { width: auto;} .managementFo .artifica-form dt { min-height: 33px;} .managementFo .artifica-form div input, .managementFo .artifica-form div textarea { background-color:#FFF; border: 1px solid #CACACA; border-radius: 0 0 0 0; clear: both; color: #666666; display: block; font: 1.167em Arial,sans-serif; padding: 0; width: 99.7%;} .managementFo .artifica-form div input:hover, .managementFo .artifica-form div textarea:hover, .managementFo .artifica-form div input:focus, .managementFo .artifica-form div textarea:focus { border-color: #367F99;} .managementFo .artifica-form div textarea { width: 97.9%;} .managementFo .artifica-form div select { background:#EEE; border: 1px solid #DEDEDE; color: #666666; display: block; font: 1.167em Arial,sans-serif; padding: 4px 0; top: -3px; width: 98%;} .managementFo .artifica-form div textarea { padding: 5px 0 0 5px;} .managementFo .artifica-form div input, .managementFo .artifica-form div select { height: 30px;} .managementFo .artifica-form div input { text-indent: 10px;} .managementFo .artifica-form .submit { border:none; border-radius: 10px 10px 10px 10px; color: #FFFFFF; cursor: pointer; display: block; font: bold 14px/25px Arial; overflow: hidden; padding: 2px 7px; text-transform: uppercase;} .managementFo .artifica-form .submit:hover { background: none repeat scroll 0 0 #6A6A6A;} .managementFo .artifica-form .submit:active { position: relative; top: 1px;} .managementFo .artifica-form dd { font: 12px/15px Arial,sans-serif; margin: 0 0 0 160px; padding: 0;} .managementFo .artifica-form fieldset div, .managementFo .artifica-form fieldset dl, .artifica-form.connexion fieldset div { margin: 0; overflow: hidden; padding: 5px 0;} .page-646.managementFo .artifica-form fieldset div {overflow:visible;} .managementFo .artifica-form fieldset.label-top div {overflow:visible;} .managementFo .artifica-form small { display: block; font-size: 13px; font-weight: normal; line-height: 13px;} .managementFo .artifica-form em { color: #FF6633; font: bold 11px/13px Verdana,sans-serif;} .managementFo .artifica-form .error { border:none; color: #EE333A; font: bold 13px/13px Arial,sans-serif; margin: 0; padding: 10px 0 0;} .managementFo .artifica-form .alert { background: url("../img/icons/error.png") no-repeat 440px 6px;} .managementFo .artifica-form p, .artifica-form.connexion p {font:12px/15px Arial,sans-serif; margin:10px 0;} .managementFo .artifica-form .comments { background:#F5F5F5; border: 1px solid #DEDEDE; margin: 10px; padding: 10px;} .managementFo .artifica-form .captcha ul { list-style:none outside none; margin:0; padding: 0;} .managementFo .artifica-form .captcha li { display: inline; margin: 0 15px 0 0; padding: 0;} .managementFo .artifica-form .buttons { margin: 0; overflow: hidden; padding: 0; text-align: right;} .managementFo .artifica-form .buttons .require { color: #EE333A; display: block; float: left; font-size: 10px; line-height: 12px; padding-right: 3px; padding-top: 2px;} .managementFo .artifica-form .buttons button, .managementFo .artifica-form div input[type="submit"] { background: url("../img/management/bt-admin_valider.png") repeat-x left top; border: 1px solid #CDCDCD; border-radius: 5px 5px 5px 5px; clear: both; color: #000000; cursor: pointer; display: inline-block; height: 28px; overflow: hidden; padding: 2px 7px; width: auto;} .managementFo .artifica-form .buttons button {padding:2px 7px 29px;} .managementFo .artifica-form .buttons button:hover, .managementFo .artifica-form div input[type="submit"]:hover { background:#079FD9; border: 1px solid #BDC03F; color:#FFF;} .managementFo .artifica-form .captcha p strong { color: #EE333A;} .managementFo .artifica-form-response-output { background:#FBFDFC; border: 1px dashed #EE333A; color: #EE333A; font-size: 1.167em; font-weight: bold; margin: 20px !important; padding: 10px; text-align: center;} .managementFo .typo3-form-response-output.success, .managementFo .artifica-form-response-output.success { background:#FFF; border: 1px dashed #5B9D3A; color: #5B9D3A; margin-top: 10px;} .managementFo .artifica-form fieldset.captcha label { margin: 0 13px 0 3%; padding: 14px 0 0; width: 120px;} .managementFo .artifica-form fieldset.captcha input { margin: 4px;} .managementFo .artifica-form fieldset.captcha .error { margin: 0 0 0 199px;} .managementFo .artifica-form-confirmation { border: 2px solid #FFD21E; color: #54BC5B; font: bold 12px/15px 'Trebuchet MS',sans-serif; margin: 0 0 20px; padding: 10px;} .managementFo .artifica-form fieldset.encart { background-color: #F0F2F1;} .managementFo .artifica-form fieldset.encart div select { background-color: #FFF;} .managementFo .artifica-form .check { margin: 0; top: 0;} .managementFo .artifica-form .check input { height: auto; margin: 6px 5px 0 0;} .managementFo .artifica-form .check label { width: auto;} .managementFo .artifica-form fieldset div.focus { background:#DCDBE3; border-radius: 5px 5px 5px 5px; padding: 5px;} .managementFo .artifica-form fieldset div.focus.pass input { width: 240px;} .managementFo .artifica-form fieldset div.focus.pass a { color: #367F99; margin-left: 20px; text-decoration: underline;} .managementFo .column-status span { display: block; float: left; font: 9px verdana,arial,sans-serif; margin: 0;} .managementFo span.tags { font: 9px verdana,arial,sans-serif; margin: 0 0 5px; min-width: 80px; padding: 1px 5px 2px; text-align: center;} .managementFo span.tag-lock { background:#BD6C04; color: #FFF;} .managementFo span.tag-active { background:#01AA01; color: #FFF;} .managementFo span.tag-hidden { background:#C90909; color: #FFF;} .managementFo span.tag-wait { background:#52B5D9; color: #FFF;} .managementFo span.tag-current { background:#C679DA; color: #FFF;} .managementFo span.tag-validate { background:#389CC6; color: #FFF;} .managementFo span.tag-parent { background:#C7C926; color: #000;} .managementFo span.tag-next { background:#C7C926; color: #000;} .managementFo .management .agendaList { margin: 0;} .managementFo .management .agendaList > li { margin: 0; overflow: hidden; padding: 18px; position: relative;} .managementFo .management .agendaList > li:hover { background-color: #F5F5F5;} .managementFo .management .agendaList > li:hover .buttons { visibility: visible;} .managementFo .management .agendaList .texte { border: medium none; width: 630px;} .managementFo .management .agendaList .texte li { background:none;} .managementFo .management .buttons { clear: both; margin-top: 10px; overflow: hidden;} .managementFo .management .btn { color: #005275; font: 12px/16px Arial; margin-left: 10px; text-decoration: none;} .managementFo .management .btn:hover { text-decoration: underline;} .managementFo .management .btn.link-url-remove { background: url("../img/management/ico-edit-remove.png") no-repeat left bottom; padding-left: 25px;} .managementFo .management .btn.link-url-edit { background: url("../img/management/ico-edit-remove.png") no-repeat left top; border-right: 1px solid #005275; padding-left: 25px; padding-right: 10px;} .managementFo .management .buttons .btn { float: right;} .managementFo .management .tags { border-radius: 5px 5px 5px 5px; display: block; float: right; font: 12px/16px Arial; margin: 0; padding: 2px 10px; position: absolute; right: 20px; top: 20px;} .managementFo .management .agendaList .texte .date { color: #F56620; font-size: 0.933em; font-weight: bold; text-transform: uppercase;} .managementFo .management .agendaList .texte .category { color: #367F99; font-size: 1.167em; font-weight: bold;} .managementFo .content h2 {background:url("../img/management/bg-admin_title.png") repeat-x left top #51B4D8; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; height:40px; margin:0 0 20px; overflow:hidden; padding:20px 0 0 20px;} .managementFo .content .adminBox { background:#EEEDF2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: block; overflow: hidden; padding-bottom:5px; /*padding: 0 0 20px;*/} .managementFo .management { background:#EEEDF2; display: block; overflow: hidden; position: relative;} .managementFo .content .management .agendaList { background:#FFF; border: 1px solid #DCDBE3; border-radius: 5px 5px 5px 5px; overflow: hidden;} .managementFo .content .management .agendaList > li { background:#FFF;} .managementFo .content .management .agendaList > li:hover { background:#ECF7FB;} .managementFo .content .management .encart { background:#DCDBE3; display: block; height: 120px; /*margin-top: 20px;*/ overflow: hidden; position: relative; width: 920px;} .managementFo .content .management .encart p { padding: 10px 95px 20px 350px;} .managementFo .content .management .encart .submit { background: url("../img/management/bt-admin_add_event.png") no-repeat left top; color: #000000; font-weight: normal; height: 102px; left: 10px; margin: 0; padding: 0; position: absolute; text-indent: 25px; text-transform: none; top: 10px; width: 292px;} .managementFo .content .management .encart .submit:hover { text-decoration: underline;} .require iframe { background:#FFF;} .managementFo .adminBox .rubriques { display: block; margin: 20px auto 0; overflow: hidden; width: 645px;} .managementFo .adminBox .rubriques li { background: url("../img/management/bt-admin_rubrique.png") repeat-x left top #EEEDF2 !important; border: 1px solid #CDCDCD !important; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 2px #CCCCCC; font-weight: normal; height: 98px; width: 290px;} .managementFo .adminBox .rubriques li a { font-weight: normal;} .managementFo .adminBox .rubriques .list-1 { margin-right: 60px;} .managementFo .adminBox .rubriques .list-1 a { background: url("../img/management/sprite-admin_icons.png") no-repeat 30px 30px; padding: 30px 15px 30px 100px; width: auto;} .managementFo .adminBox .rubriques .list-2 a { background: url("../img/management/sprite-admin_icons.png") no-repeat 30px -120px; padding: 40px 15px 40px 100px; width: auto;} .managementFo .adminBox .management > p { margin: 0 20px;} .managementFo .adminBox .management ul { border: 1px solid #DCDBE3; border-radius: 8px 8px 8px 8px; margin: 0 20px; overflow: hidden;} .managementFo .adminBox .colonnage1, .adminBox .colonnage2 { background:#FFF; border-top: 1px solid #DCDBE3; position: relative;} .managementFo .adminBox .colonnage1 .buttons, .adminBox .colonnage2 .buttons { bottom: 15px; display: none; position: absolute; right: 20px;} .managementFo .adminBox li:first-child { /*background:#FFF; border-top: medium none; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;*/} .managementFo .adminBox li:last-child { /*border-radius: 8px 8px 8px 8px; overflow: hidden;*/} .managementFo .adminBox .colonnage1:hover, .managementFo .adminBox .colonnage2:hover { background:#DCDBE3; cursor: pointer;} .managementFo .adminBox .colonnage1:hover .buttons, .managementFo .adminBox .colonnage2:hover .buttons { display: block;} .managementFo .adminBox .colonnage1 h3, .managementFo .adminBox .colonnage1 .date, .managementFo .adminBox .colonnage2 h3, .managementFo .adminBox .colonnage2 .date { font-size: 1.167em; font-style: normal; font-weight: bold;} .managementFo .adminBox .management form ul { border:none; margin: 0 20px; overflow: hidden;} .managementFo .adminBox .management form li { border:none; padding: 3px 0 0;} .managementFo .adminBox .management form legend, .managementFo .adminBox form legend { display: none; font-size: 1.5em; margin-left: -45px;} .managementFo .rubriqueVert .adminBox .management form legend, .managementFo .rubriqueVert .adminBox form legend { display: block;} .managementFo .adminBox .management form .radio span, .managementFo .artifica-form .label_check { margin-top: 10px;} .managementFo .adminBox .management form .radio ul label, .managementFo .adminBox .management form div .check label { max-width: 400px;} .managementFo .adminBox .management form .buttons { margin: 0 auto; max-width: 420px;} .managementFo .adminBox .tx-artificasmalladvertisements-pi1 form {margin:0 auto; width:500px;} .managementFo .adminBox .tx-artificasmalladvertisements-pi1 .management form {width:auto;} .managementFo .artifica-form a { text-decoration: underline;} .managementFo .adminBox form select, .managementFo .adminBox form select option { background:#FFF; color: #333;} .managementFo .adminBox form ul { border:none; margin: 0 20px; overflow: hidden;} .managementFo .adminBox form li { background:none !important; border: medium none; height:auto; overflow:hidden; padding: 3px 0 0;} .managementFo .adminBox form .radio span, .managementFo .artifica-form .label_check { margin-top: 10px;} .managementFo .adminBox form .radio ul label, .managementFo .adminBox form div .check label { max-width: 400px;} .managementFo .adminBox form .buttons { margin: 0 auto; max-width: 420px;} .managementFo .artifica-form .buttons span.require { display: block; margin-top: 5px; text-align: right; width: 100%;} .managementFo .adminBox fieldset.captcha label { margin:0 13px 0 0; padding:14px 0 0; width: 100%;} .managementFo .adminBox fieldset.captcha input { margin: 0;} .managementFo .adminBox .label-top .error, .managementFo .adminBox .error {bottom:0; height:auto; left:0; margin:0; top:0;} .managementFo .adminBox .error {height:50px;} .managementFo .adminBox .label-top .radio .error { left: 0; top: 0;} .managementFo .adminBox .label-top .alert, .managementFo .adminBox .alert { background-position: 391px 13px;} .managementFo .adminBox .label-top .label_check { display: none; width: auto;} .managementFo .adminBox div input[type="checkbox"] {width:20px;} .managementFo .adminBox .label-top div .radio ul label, .managementFo .artifica-form .label-top div .check label { margin:/* -6px 0 0 20px*/0;} .managementFo .adminBox .rteContent {/*background:#FFF;*/ margin:10px 20px 0; /*padding:10px;*/} .managementFo .lastName { text-transform: uppercase;} .managementFo .content .ToolBar + div { background:#FFF;} .managementFo .content .ToolBar ul li, .managementFo .content .ToolBar ul { border-radius: 0 0 0 0;} .managementFo .adminBox { position: relative;} .adminBox .backToTheFuture, .management .backToTheFuture, .tx-artificasmalladvertisements-pi1 .backToTheFuture {background:url("../img/management/bt-admin_valider.png") repeat-x left top; border:1px solid #ccc; border-radius:5px; font-size:14px; font-weight:bold; padding:0 25px; position:absolute; right:40px; top:10px;} .adminBox .backToTheFuture {padding:5px 25px;} .managementFo .adminBox .compte { color: #FFF; position: absolute; right: 15px; text-align: right; top: 10px;} .managementFo .adminBox .compte a { color: #FFF; text-decoration: underline;} .managementFo .file-uploaded { background:white; display: block; margin: 3px 0; padding: 3px 5px;} .managementFo .file-uploaded a { float: right;} .managementFo .artifica-form fieldset > div { border-top: 1px solid #B0B0B0; margin:15px auto 7px; width:420px;/*width: 750px;*/} .tx-artificasmalladvertisements-pi1 .artifica-form fieldset > div {border:0; width:auto;} .managementFo .artifica-form fieldset label small {background:url("../img/management/help_icon.jpg") no-repeat 0 0; left:450px; min-height:40px; padding-left:22px; position:absolute; top:10px; width:225px;} .page-646.managementFo .artifica-form fieldset label small {width:200px;} .managementFo .artifica-form fieldset input, .managementFo .artifica-form fieldset select, .managementFo .artifica-form fieldset textarea {width:418px;} /* Corrections gabarit */ .managementFo .adminBox form.connexion {/*background:#FFF;*/ margin:0;} .managementFo .adminBox form.connexion .require {border:0; margin:0 auto 10px; text-align:inherit; width:420px;} .managementFo .management .colonnage1 a {/*color:#000;*/} .managementFo .management .colonnage1:hover .theme {/*color:#fff;*/} .error p {color:#f00; font-weight:bold; padding:18px 10px 10px;} .success p { padding:18px 10px 10px;} /* RSS */ .feed-entry a {color:#079FD9;} .feed-entry h2 {display:none;} .feed-entry .date {font-size:1.167em; font-weight:bold;} .feed-entry p {font-size:1.167em;} .feed-entry .mf-viral {margin:5px 0 0;} .artifica-form-response-output {color:#EE333A; background:#FBE3E4; border:1px solid #FBC2C4; margin:10px 0px 20px 0px; margin-top:10px; padding:10px; text-align:center; font-size:1.167em; font-weight:bold;} .typo3-form-response-output.success, .artifica-form-response-output.success {background:#E6EFC2; color:#390; border:1px solid #C6D880;} .artifica-form .artifica-form-response-output {margin:10px 0px 20px 0px;}