/* CSS Document */ /******************************************************************************************************* cette feuille de style : construit la structure générale des pages /********************************************************************************************************/ /* INIT /*-----------------------------------------------------------------------------------------------------*/ body{behavior:url("/fileadmin/templates/montrouge/js/hover.htc");} /* utile pour les roll-over d'autre element que sur IE 5 */ body { margin:auto; text-align:center; height:100%; font-family:Arial, Helvetica, sans-serif; color: #333; padding:0; font-size:76%; background:#E4E4E4 url(../img/bg-body.gif); } * {background-repeat:no-repeat; margin:0; padding:0} body img{border:0;} hr {clear: both;visibility: hidden;} .left {float:left;} .right {float:right;} .spacer{float:none !important; clear:both; visibility: hidden; margin:0px; padding:0px; background:none;} .clear{clear:both; height:0px!important; margin:0!important; padding:0!important; font-size:0px;} .invisible{display:none;} .horaire{font-size:80%;clear:left;padding-top:10px;} .attention{color:#FF9900} .orange{color:#FF9900} .petit{font-size:80%;} #swf-anime{margin: 10px 0 0 0;} /* SKIPLINK /*-------------------------------------------------------------------------------------------------------*/ ul#skiplink{position:absolute; top:0;left:0; width:100%; background-color:#000000; margin:0; padding:0; z-index:1000;} ul#skiplink li { list-style-type : none; position:absolute; top:0; width:98%} ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em; width:100%} ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00} /* LANGUE /*-------------------------------------------------------------------------------------------------------*/ ul#lang{ position:absolute; top:10px; text-align:right; width:750px} ul#lang li{ display:inline} ul#lang a{ color:#999999} /* STRUCTURE des BLOC CONTENEUR PRINCIPAUX /*-------------------------------------------------------------------------------------------------------*/ #global2 {} #global { text-align:left; margin:0 auto; background:#fff; width:750px; } #corps{ width: 570px; z-index:0; text-align:left; padding:0 10px 10px 0; float:right; } #contenuEtNav{} #contenu{ float:right; width:570px; } /* ENTETE */ /* ------------------------------------------------------------------------------------------------------- */ #entete { z-index:0; width: 750px; height:81px; margin-bottom:10px; background:url(../img/bandeau/b.gif) no-repeat bottom; } .rubrique9 #entete{background:url(../img/bandeau/9b.gif) no-repeat bottom;} .rubrique7 #entete{background:url(../img/bandeau/7b.gif) no-repeat bottom;} .rubrique6 #entete{background:url(../img/bandeau/6b.gif) no-repeat bottom;} .rubrique5 #entete{background:url(../img/bandeau/5b.gif) no-repeat bottom;} .rubrique35 #entete{background:url(../img/bandeau/35b.gif) no-repeat bottom;} .rubrique34 #entete{background:url(../img/bandeau/34b.gif) no-repeat bottom;} .rubrique33 #entete{background:url(../img/bandeau/33b.gif) no-repeat bottom;} .rubrique58 #entete{background:url(../img/bandeau/58b.gif) no-repeat bottom;} .rubrique57 #entete{background:url(../img/bandeau/57b.gif) no-repeat bottom;} #entete a{} #entete #accessibilite a{} #logo {} #entete h1 {position:absolute;top:10px;margin: 0 0 0 25px;z-index:3000;} #entete h1 span{} /* CHEMIN */ /* ------------------------------------------------------------------------------------------------------- */ #contenu #chemin {color:#333;font-size:80%; padding:0.5em 0;} #contenu #chemin h2{ display:inline; margin:0; padding:0; color:#333; font-weight:bold; font-size:100%} #contenu #chemin a {color:#666; text-decoration:none;border:none } #contenu #chemin a:hover {text-decoration: underline; background:none!important; color:#000000!important} #contenu #chemin p, #chemin div {padding:0;margin:0;} #contenu #cheminContenu{} /* #outilsIcon{width:90px; float:right; text-align:right; padding:0; padding-bottom:0.5em; margin:0; position:relative; top:-18px} #outilsIcon img{ margin-left:5px;} #outilsIcon a{ padding:0!important;text-decoration:none!important;} */ /* RECHERCHE */ /* ------------------------------------------------------------------------------------------------------- */ #recherche { z-index: 1000; margin-left:600px; position:absolute; top: 30px; /* position:relative; top: -50px;*/ } /*#recherche h2 {display:none;}*/ #recherche form, #recherche p {} #recherche .searchbox-sword {font-family:Arial, Helvetica, sans-serif; border:1px solid #ccc; width:100px; padding:2px;font-size:90%;} #recherche .searchbox-button {vertical-align:middle; border:0;} /* HAUT DE PAGE */ /* ------------------------------------------------------------------------------------------------------- */ #hautDePage{clear:both; text-align:center; background-color:#FFFFFF; border-top:1px solid #c0ae62; padding:10px 0 0 0; width:100%} #hautDePage a{ color:#999999!important; text-decoration:none} #piedDePage{clear:both;margin:auto;width:750px; margin:auto; border-top: 1px solid #ccc} #piedDePage a {color:#999; text-decoration:none;} #piedDePage a:hover {text-decoration:underline;} #piedDePage p {margin:0;} #piedDePage #copyright{font-size:90%} /* OUTILS */ /* ------------------------------------------------------------------------------------------------------- */ #outils { position:absolute; top:0; z-index:50; } /* Navigation niveau 2 */ /* ------------------------------------------------------------------------------------------------------- */ #navigationNiveau2{float:left;display:inline; width:200px; } #navigationNiveau2 h2 { display:none} #navigationNiveau2 ul {list-style-type:none;font-weight:bold;} #navigationNiveau2 li, #navigationNiveau2 li li.on {} #navigationNiveau2 li a {text-decoration:none; padding:4px 10px; display:block; width:180px;color:#006699;} #navigationNiveau2 li.on{ border:none} #navigationNiveau2 li.on a {background-color:#C4CCD0}#navigationNiveau2 li.on ul {background-color:#e2e6e8} #navigationNiveau2 li a:hover {background-color:#e2e6e8;} #navigationNiveau2 ul ul {font-size:90%; font-weight:normal; list-style-type:none;} #navigationNiveau2 ul ul li { padding-left:20px} #navigationNiveau2 li li a,#navigationNiveau2 li.on li a {text-decoration:none!important; color:#000!important; width:140px; background:#e2e6e8;} #navigationNiveau2 li li a:hover{/* background-color:#d0e6a4*/; text-decoration:underline!important} #navigationNiveau2 li li.on a {font-weight:bold; border-color:#fff!important; text-decoration:underline!important; color:#cc0000!important;} #navigationNiveau2 li.on a, #navigationNiveau2 li.on li.on a {text-decoration:underline} /* COLONNE DE DROITE /* ------------------------------------------------------------------------------------------------------- */ #colonneDroite { float:right;width:180px;} #colonneDroite h2{ color:#990000; background:#fff; padding:5px; margin:0; font-size:100%; border-bottom:1px solid #618696} #colonneDroite h2 span{} #colonneDroite ul{list-style-type:none; background:#e2e6e8; margin-bottom:10px} #colonneDroite li{} #colonneDroite a{text-decoration:none;display:block; width:170px; padding:2px 5px; color:#006699; border-bottom:1px solid #bbc9cf} #colonneDroite a:hover{ background:#fff!important;} #rss{padding:5px 5px 5px 30px; background:#fff url(../img/icon-rss.gif) no-repeat left; background-position: 5px 5px; font-size:90%} #rss a{ display:inline; border:none; color:#FF6600} #rss a:hover{ text-decoration:underline} #rss small a { color:#666666} /* FORMATAGE DES LISTES /* ------------------------------------------------------------------------------------------------------- */ #contenu .list{line-height:normal;} #contenu .list ul{list-style-type:none;margin:10px 0 0 0;padding:0;} #contenu .list p{margin:0!important;padding:0!important;} #contenu .list a{font-weight:bold;font-size:120%;} #contenu .list a:hover{} #contenu .list li {padding:10px 10px 10px 0;/*border-top:1px solid #ccc;*/clear:left;} /*#contenu .list li:first-child{border:none;} #contenu .list li.colonnage2{background:#ebedef;}*/ /* POUR FAIRE 2 COLONNES*/ #contenu .list .colonnage1, #contenu .list .colonnage2 {float:left; width:47%; display:inline} #contenu .list .colonnage1 {clear:left;} #contenu .list .colonnage2 {float:right; clear:right} #contenu .list li li {border:0;padding:0 0 0 10px;} .rubrique9 #contenu .list a{color:#3366CC;} .rubrique7 #contenu .list a{color:#6699CC;} .rubrique6 #contenu .list a{color:#009900;} .rubrique5 #contenu .list a{color:#FF9900;} .rubrique35 #contenu .list a{color:#99CC33;} .rubrique34 #contenu .list a{color:#FF3300;} .rubrique33 #contenu .list a{color:#CC0066;} .rubrique58 #contenu .list a{color:#CC33CC;} .rubrique57 #contenu .list a{color:#9900CC;} #contenu .list img{ float: left;margin:0 5px 5px 0;} #contenu .list div.premier{border:0; padding:10px 0 10px 0; border:1px solid #c0ae62;border-width:1px 0 1px 0;font-size:120%;} #contenu .list div.premier img{float:right; margin:0 0 0 10px} #contenu .list .theme{ color:#c0ae62;margin:0; display:inline;font-weight:bold;} #contenu .list .date{ color:#000000; font-weight:bold} /* ---------------------------------------------------------------------------------------------------- AGENDA ---------------------------------------------------------------------------------------------------- */ .tx-artificaagenda-pi1 .admin-preview {border:1px solid #FF0000; background:#FFFFCC; margin:10px; padding:3px; text-align:center; color:#FF0000;} #contenu .tx-artificaagenda-pi1 {} #contenu .tx-artificaagenda-pi1 .calendar {text-align:center; color:#ccc; float:right; margin:0 0 10px 10px; width:150px} #contenu .tx-artificaagenda-pi1 .calendar h2 {} #contenu .tx-artificaagenda-pi1 .calendar table {background-color:#fff; width:100%;} #contenu .tx-artificaagenda-pi1 .calendar table caption {background-color:#006699; color:#fff; padding:3px; font-size:90%} #contenu .tx-artificaagenda-pi1 .calendar table caption a {display:inline; background:none; color:#fff} #contenu .tx-artificaagenda-pi1 .calendar table caption a:hover {display:inline; background:none; color:#fff} #contenu .tx-artificaagenda-pi1 .calendar table a{ display:block;color:#fff; padding:0.2em ; border:none; font-weight:bold; text-decoration:none} #contenu .tx-artificaagenda-pi1 .calendar table a:visited{ color:#fff!important} #contenu .tx-artificaagenda-pi1 .calendar table a:hover {background:#006699} #contenu .tx-artificaagenda-pi1 .calendar td {background-color:#B7C9D5;text-align:right;padding:0; border:1px solid #fff; border-width:1px 1px 0 0} #contenu .tx-artificaagenda-pi1 .calendar th {background-color:#B7C9D5; color:#006699;text-align:center;padding:0; border-width:1px 1px 0 0} #contenu .tx-artificaagenda-pi1 .calendar .cal-today a{background-color:#006699;} #contenu .tx-artificaagenda-pi1 .calendar .cal-semaine {background-color:#B19F51;} #contenu .tx-artificaagenda-pi1 .calendar .cal-selected a{background-color:#B19F51!important;} #contenu .tx-artificaagenda-pi1 .listrow .listrow {} #contenu .tx-artificaagenda-pi1 .listrow h2 {margin:30px 0px 5px 0px; padding:0px 0px 3px 0px; color:#CC0000; border-bottom:2px solid #ccc;} #contenu .tx-artificaagenda-pi1 .listrow .date {color:#000000; font-weight:bold} #contenu .tx-artificaagenda-pi1 .listrow a {font-weight:normal;} .tx-artificaagenda-pi1 .backbutton {text-align:center;} #colonneGaucheContenuLibre {padding:0!important;margin:0!important;} #colonneGaucheContenuLibre #content{display:none} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 {padding:0!important;margin:0!important;} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar {text-align:center; color:#ccc; float:left; margin:0 0 10px 10px;} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar h4 {display:none;} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar table {background-color:#fff; width:100%;} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar table caption {background-color:#006699; color:#fff; padding:3px; font-size:90%} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar table caption a {display:inline; background:none; color:#fff} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar table caption a:hover {display:inline; background:none; color:#fff} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar table a{ display:block; width:auto; height:auto;color:#fff;padding:0.2em ; border:none; font-weight:bold; text-decoration:none} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar table a:visited{ color:#fff!important} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar table a:hover {background:#006699} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar td {background-color:#B7C9D5;text-align:right;padding:0; border:1px solid #fff; border-width:1px 1px 0 0} #contenu .tx-artificaagenda-pi1 .calendar th {background-color:#B7C9D5; color:#006699;text-align:center;padding:0; border-width:1px 1px 0 0} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar .cal-today a{background-color:#006699;} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar .cal-semaine {background-color:#B19F51;} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .calendar .cal-selected a{background-color:#B19F51!important;} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .listrow .listrow {} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .listrow h2 {margin:30px 0px 5px 0px; padding:0px 0px 3px 0px; color:#CC0000; border-bottom:2px solid #ccc;} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .listrow .date {color:#000000; font-weight:bold} #colonneGaucheContenuLibre .tx-artificaagenda-pi1 .listrow a {font-weight:normal;} #magazine {text-align:center; } #magazine li{width:80px;border:1px solid #cccccc; padding:20px;background-color:#e4e4e4;margin:0 10px 10px 0;list-style-type:none;float: left;display:inline;height:140px} .tx-artificaagenda-pi1 .list .buttons {clear:both; margin:20px 0px 10px 0px} .tx-artificaagenda-pi1 .list .previousButton {float:left;} .tx-artificaagenda-pi1 .list .nextButton {float:right;} #contenu .tx-artificaagenda-pi1 .single {} #contenu .tx-artificaagenda-pi1 .single .date {color:#000; font-weight:bold} #contenu .tx-artificaagenda-pi1 .single .theme {color:#c0ae62; font-weight:bold} #contenu .tx-artificaagenda-pi1 .single .infos {margin:20px 0px 20px 0px;} #contenu .tx-artificaagenda-pi1 .single .infos h4 {border-bottom:1px solid #e4e4e4; padding-bottom:3px; margin:0px 0px 7px 0px;} #contenu .tx-artificaagenda-pi1 .single .tariffs {background:#e4e4e4; padding:5px; margin:0px 7px 5px 7px;} #contenu .tx-artificaagenda-pi1 .single .location {background:#e4e4e4; padding:5px; margin:0px 7px 5px 7px;} /* VIDEO */ /* ------------------------------------------------------------------------------------------------------- */ .tx-artificaviewervideos-pi1 .list h2 span{display:none} .tx-artificaviewervideos-pi1 .list ul{margin:10px 0 0 0;padding:0;} .tx-artificaviewervideos-pi1 .list li{padding:10px 10px 10px 0;list-style-type:none!important;clear:both;} .tx-artificaviewervideos-pi1 h3 {margin-top:0px!important; padding-top:0px!important;} .tx-artificaviewervideos-pi1 #player{float:right; margin:5px 5px 0px 10px;} .tx-artificaviewervideos-pi1 #videoDetail{width:551px;border-top:1px solid #b19f51; border-bottom:1px solid #b19f51; background-image:url(../img/fond-video.gif); background-repeat:repeat-x;padding:5px;} .tx-artificaviewervideos-pi1 #videoDetail .lien{border:1px solid #999999;background-color:#FFFFFF; height:15px;width:200px;padding:3px;color:#999999;font-size:0.8em} .tx-artificaviewervideos-pi1 #videoDetail .permalien{color:#b19f51!important;font-weight:bold;} .tx-artificaviewervideos-pi1 .list .libelle{color:#999999;} .tx-artificaviewervideos-pi1 #videoDetail .libelle{color:#333333;font-weight:bold} /* NEWSLETTER */ /* ------------------------------------------------------------------------------------------------------- */ .tx-artificanewsletters-pi1 {} .tx-artificanewsletters-pi1 .FORMgroups {padding:5px 0px 5px 30px;} .tx-artificanewsletters-pi1 .FORMgroups ul {list-style-type:none; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;} .tx-artificanewsletters-pi1 .FORMgroups li {padding:3px 0px 0px 0px;} .tx-artificanewsletters-pi1 .FORMgroups .FORMerreur {text-align:center} .tx-artificanewsletters-pi1 .FORMgroupsButtons {margin:0!important; padding:0!important;} .tx-artificanewsletters-pi1 .check {padding:10px 0px 40px 0px;}