/* --------------------------------------------------------- */ /* Feuille de style des squelettes par defaut pour SPIP 2.0 */ /* --------------------------------------------------------- */ /* ------------------------------------------ /* Typographie generale (style transversaux) /* ------------------------------------------ */ body { margin: 0; padding: 0; background-color: #ffd431; width: 100%; height: 100%; font-weight: normal; color: #000000; font-family: helvetica, arial, verdana ; } #page_sommaire { font-size: 0.8125em; font-family: helvetica, arial, verdana ; color: #333; background-image: url('http://www.theatremassalia.com/dyn/img_site/background-saison.jpg'); background-position: center top; background-repeat: repeat-y; } /* ------------------------------------------ /* Disposition a l'ecran des blocs principaux /* ------------------------------------------ */ #entete { width: 1043px; margin: 0 auto; background-image: url('http://www.theatremassalia.com/dyn/img_site/saison_fond_transparent.png'); background-repeat: repeat-y; background-position: center top; height: 340px; } #entete div { width: 1013px; margin-left: 30px; } #conteneur-fond { clear: both; width: 1043px; margin: 0 auto; background-image: url('http://www.theatremassalia.com/dyn/img_site/saison-haut.png'); background-position: center top; background-repeat: no-repeat; } /* Couleurs des liens ---------------------------------------------- */ a { color: #000000; text-decoration: underline; } a:hover { color: #AC0101; text-decoration: underline; } #conteneur { width: 790px; overflow: hidden; margin: 0 auto; background-image: url('http://www.theatremassalia.com/dyn/img_site/saison_fond_transparent.png'); background-position: center top; background-repeat: repeat-y; } #contenu { padding-left: 20px; } #contenu .liste-spectacles { padding-top: 0.30em;} #hierarchie { clear: both; margin-bottom: 2em; text-align: left; vertical-align:middle; } #hierarchie a { color: #666; text-decoration: none; font-size: 1em;} #hierarchie a:hover {color: #666; text-decoration: underline; font-size: 1em; } #hierarchie .chemin { clear: both; margin-bottom: 2em; margin-top: 14px; font-size: 0.90em; font-size: 0.90em; font-family: helvetica, arial, verdana ; text-align: left; float: left; } #actu { width: 407px; height: auto; padding: 0; margin: 0; float: left; } #actuContenu { padding: 0; margin: 0; float: left; } .actuGche{ width: 191px; height: auto; float: left; margin-bottom: 20px;} .actuDte{ width: 191px; height: auto; float: right; margin-bottom: 20px; margin-left: 22px;} .actuImg{ padding: 0; margin: 0 0 6px 0; } .actuPublic{ font-weight: bold; color: #cc6600; font-family: helvetica, arial, verdana ; font-size: 11px; } .actuCie{ font-weight: bold; color: #ff0099; font-family: helvetica, arial, verdana ; font-size: 11px; } .actuDate{ font-weight: bold; color: #ff6600; font-family: helvetica, arial, verdana ; font-size: 12px; } a.actuTitre3 { font-weight: bold; font-size: 18px; color: #9900cc; text-decoration: none; } a.actuTitre3:hover { font-weight: bold; font-size: 18px; color: #de1613; text-decoration: none; } a.actuTitre7 { font-weight: bold; font-size: 18px; color: #cc6600; text-decoration: none; } a.actuTitre7:hover { font-weight: bold; font-size: 18px; color: #de1613; text-decoration: none; } a.actuTitre10 { font-weight: bold; font-size: 18px; color: #339900; text-decoration: none; } a.actuTitre10:hover { font-weight: bold; font-size: 18px; color: #de1613; text-decoration: none; } a.actuTitre15 { font-weight: bold; font-size: 18px; color: #0066ff; text-decoration: none; } a.actuTitre15:hover { font-weight: bold; font-size: 18px; color: #de1613; text-decoration: none; } a.actuTitreTt { font-weight: bold; font-size: 18px; color: #990000; text-decoration: none; } a.actuTitreTt:hover { font-weight: bold; font-size: 18px; color: #de1613; text-decoration: none; } /* ------------------------------------------ /* Habillage des elements du contenu /* ------------------------------------------ */ .rechercheMot { font-weight: bold; font-size: 18px; color: #de1613; } .focus { border: 0; text-align:left; width: 247px; float: right; padding: 0 50px 20px 56px;} .focusBloc { clear: both; border: 0; margin-bottom: 25px;} .focusTitre{ font-weight: bold; color: #990066; font-family: helvetica, arial, verdana ; font-size: 16px; } .focusTexte{ font-weight: normal; color: #000000; font-family: helvetica, arial, verdana ; font-size: 12px; } /* Portfolio */ #documents_portfolio { clear: both; margin: 2em auto; text-align: center; } #documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; } #documents_portfolio a.on .spip_logos { border-color: #F57900; } #documents_portfolio a:focus .spip_logos, #documents_portfolio a:hover .spip_logos, #documents_portfolio a:active .spip_logos { border-color: #8B6F92; } /* ------------------------------------------ /* Sous-navigation et autres menus /* ------------------------------------------ */ /* Habillage general des la liste saison */ .saisonListe { border: 0; text-align:left; width: 450px; float: left; padding: 0 20px 20px 50px;} .saisonBloc { clear: both; width: 372px; margin: 0 0 10px 0; } .saisonTexte { display:block; float:left; width: 262px; padding: 0 7px 0 0px; } .saisonVignette { float:right; width: 98px; padding: 0; margin: 0;border: 0;} a.saisonTitre3 { font-weight: bold; font-size: 21px; color: #9900cc; text-decoration: none; } a.saisonTitre3:hover { font-weight: bold; font-size: 21px; color: #de1613; text-decoration: none; } a.saisonTitre7 { font-weight: bold; font-size: 21px; color: #cc6600; text-decoration: none; } a.saisonTitre7:hover { font-weight: bold; font-size: 21px; color: #de1613; text-decoration: none; } a.saisonTitre10 { font-weight: bold; font-size: 21px; color: #339900; text-decoration: none; } a.saisonTitre10:hover { font-weight: bold; font-size: 21px; color: #de1613; text-decoration: none; } a.saisonTitre15 { font-weight: bold; font-size: 21px; color: #0066ff; text-decoration: none; } a.saisonTitre15:hover { font-weight: bold; font-size: 21px; color: #de1613; text-decoration: none; } a.saisonTitreTt { font-weight: bold; font-size: 21px; color: #990000; text-decoration: none; } a.saisonTitreTt:hover { font-weight: bold; font-size: 21px; color: #de1613; text-decoration: none; } .saisonCie{ font-weight: bold; color: #ff0099; font-family: helvetica, arial, verdana ; font-size: 12px; } .saisonDate{ font-weight: bold; color: #ff6600; font-family: helvetica, arial, verdana ; font-size: 16px; } .saisonPublic{ font-weight: bold; color: #cc6600; font-family: helvetica, arial, verdana ; font-size: 12px; } .saisonHeure{ font-weight: normal; color: #000000; font-family: helvetica, arial, verdana ; font-size: 14px; } #calendrier { width: 220px; height: auto; padding: 0 17px 20px 12px; margin: 0; float: left; font-size: 13px; } #calendar table { width: 190px; background-color: #FFFFFF; } /*Personnalisation de l'entete :*/ #calendar caption{ background-color: #FFFFFF; vertical-align: middle; font-size: 16px; text-decoration: none;} #calendar th { background-color: #FFFFFF; } /*Personnalisation des cellules :*/ #calendar td { background-color: #FFFFFF; text-align: center; } /*Personnalisation des cellules du mois en cours :*/ #calendar td.libre{ color: #000000; } /*Personnalisation des cellules n'appartenant pas au mois en cours :*/ #calendar td.horsperiode{ color: #CCCCCC; } /*Personnalisation de la cellule du jour en cours :*/ #calendar td.today{ background-color: #ffd431; } /*Personnalisation des cellules des jours occupés :*/ #calendar td.occupe { color: #ff0099; font-weight: bold;} #calendar td.occupe a { color: #ff0099; text-decoration: none; } #calendar td.occupe a:hover { color: #AC0101; text-decoration: none; } #calendar caption a.moisLien { color: #000; text-decoration: none; font-size: 16px; } #calendar caption a.moisLien:hover { color: #AC0101; text-decoration: none; font-size: 16px; } #titreGenre{ color: #993300; font-weight: bold; font-size: 14px; } .genre{ color: #CC6600; font-weight: bold; font-size: 12px; } .genre a { color: #CC6600; text-decoration: none; font-size: 12px; } .genre a:hover { color: #CC6600; text-decoration: underline; font-size: 12px; } #spectacleGche{ width: 210px; height: auto; padding-right: 7px; margin-top: 15px; float: left; } .spectacleTitre{ clear: both; font-weight: bold; font-family: helvetica, arial, verdana ; color: #000000; font-size: 24px; text-align: right; margin-bottom: 4px;} .spectaclePublic{ clear: both; font-weight: bold; color: #cc6600; font-family: helvetica, arial, verdana ; font-size: 12px; text-align: right; line-height: 15px; margin-bottom: 18px;} .spectacleTitre3{ clear: both; font-weight: bold; font-family: helvetica, arial, verdana ; color: #9900cc; font-size: 24px; text-align: right; margin-bottom: 4px;} .spectacleTitre7{ clear: both; font-weight: bold; font-family: helvetica, arial, verdana ; color: #cc6600; font-size: 24px; text-align: right; margin-bottom: 4px;} .spectacleTitre10{ clear: both; font-weight: bold; font-family: helvetica, arial, verdana ; color: #339900; font-size: 24px; text-align: right; margin-bottom: 4px;} .spectacleTitre15{ clear: both; font-weight: bold; font-family: helvetica, arial, verdana ; color: #0066ff; font-size: 24px; text-align: right; margin-bottom: 4px;} .spectacleTitreTt{ clear: both; font-weight: bold; font-family: helvetica, arial, verdana ; color: #990000; font-size: 24px; text-align: right; margin-bottom: 4px;} .spectacleSsTitre{ clear: both; font-weight: bold; font-family: helvetica, arial, verdana ; font-size: 13px; text-align: right; margin-bottom: 4px;} .spectacleCie{ clear: both; font-weight: bold; color: #ff0099; font-family: helvetica, arial, verdana ; font-size: 12px; text-align: right; margin-bottom: 18px;} .spectacleDate{ clear: both; font-weight: bold; color: #ff6600; font-family: helvetica, arial, verdana ; font-size: 16px; text-align: right; margin-bottom: 4px;} .spectacleHeure{ clear: both; font-weight: bold; color: #999999; font-family: helvetica, arial, verdana ; font-size: 13px; text-align: right; margin-bottom: 18px;} .spectacleSalle{ clear: both; font-weight: bold; color: #666666; font-family: helvetica, arial, verdana ; font-size: 14px; text-align: right; margin-bottom: 22px;} .spectacleDesc{ clear: both; font-weight: bold; color: #000000; font-family: helvetica, arial, verdana ; font-size: 12px; text-align: right; line-height: 15px; } .spectacleTexte{ clear: both; font-weight: normal; color: #000000; font-family: helvetica, arial, verdana ; font-size: 12px; height: auto; text-align:justify; padding-right:40px;} #datesHeures{ font-weight: normal; color: #990000; font-family: helvetica, arial, verdana ; font-size: 12px; text-align: right; } .spectacleHeure a{ font-weight: bold; color: #ff6600; font-family: helvetica, arial, verdana ; font-size: 13px; text-align: right; text-decoration: none;} .spectacleHeure a:hover { font-weight: bold; color: #ff6600; font-family: helvetica, arial, verdana ; font-size: 13px; text-align: right; text-decoration: underline;} .spectacleAutour{ clear: both; font-weight: bold; color: #009900; font-family: helvetica, arial, verdana ; font-size: 12px; height: auto;} #spectacleDte{ width: 530px; height: auto; padding-right: 12px; margin-top: 15px; float: right; } #spectacleVisu { width: 530px; height: auto; padding: 0; margin: 0; overflow:hidden; cursor:pointer; position:relative; } .spectacleCache { visibility: hidden; width: 530px; height: 0; display:none } .billeterieTitre{ font-weight: bold; color: #ff0099; font-family: helvetica, arial, verdana ; font-size: 15px; } .archiveGche{ width: 360px; height: auto; float: left; margin-bottom: 30px;} .archiveDte{ width: 360px; height: auto; float: right; margin-bottom: 30px; margin-left: 10px; margin-right: 10px;} a.archiveTitre { font-weight: bold; font-size: 18px; color: #000000; text-decoration: none; } a.archiveTitre:hover { font-weight: bold; font-size: 18px; color: #de1613; text-decoration: none; } .toutTexte { display:block; float:left; width: 242px; padding: 0 7px 0 0px; } .toutVignette { float:right; width: 98px; padding: 0; margin: 0;border: 0;} #conteneur-bas { clear: both; width: 1043px; height: 376px; margin-top: -310px; background-image: url('http://www.theatremassalia.com/dyn/img_site/saison-bas.png'); background-position: center top; background-repeat: no-repeat; } #pied a { font-weight: bold; color: #993300; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; } #pied a:hover,a:active { font-weight: bold; color: #fff; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; } #pied a.menuRoll { font-weight: bold; color: #fff; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; } #pied a.menu2 { font-weight: bold; color: #ff9900; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; } #pied a.menu2:hover,a:active { font-weight: bold; color: #fff; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; } #pied a.menu2Roll { font-weight: bold; color: #fff; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; } #pied .barre { font-weight: bold; color: #993300; font-family: helvetica, arial, verdana ; font-size: 11px; } #pied .barre2 { font-weight: bold; color: #ff9900; font-family: helvetica, arial, verdana ; font-size: 11px; }