@CHARSET "UTF-8"; /** * CSS FIle pour le site Bleucitron V4 * © COME WITH US 2009 */ /** ############################################# balises communes à l'ensemble des pages ############################## **/ body,input,select,textarea {font-family: arial,verdana,sans-serif;font-size:11px;color:#FFFFFF; } body {margin:0px;padding:0px;background:#303030 url(../images/fondBC1.jpg) repeat-x top left} img {border:0px} a,a.link,a.visited {color:#6da1dc;text-decoration:none } a:hover {color:#6da1dc;text-decoration:underline} a:hover img:hover {border-color:#6da1dc } input.inputText {border:1px solid #7d7d7d;background:transparent url(../images/inputFond.gif) repeat-x top left;padding:2px;color:#FFFFFF;font-weight:bold;font-size:10px} input.inputSubmit {border:0px;background:transparent;font-size:14px;font-weight:bold;color:#8bb4e3} textarea {border:1px solid #7d7d7d;background:#333333} select {color:#c0c0c0;font-weight:bold;background:url(../images/selectFond.jpg) repeat-x top left;border:0px;padding:4px;} select option {border:0px;background:#3e3e3e} b, strong {font-weight:bold;color:#6da1dc} p,span,h1,h2,h3,h4,ul,li,form,tr,td,div {margin:0px;padding:0px;} /** ############################################# class communes à l'ensemble des pages ##################### **/ .tableau {width:580px;color:#000000;} .tableau .header {font-size:12px;font-weight:bold;border-top:1px solid black;} .tableau img {} .tableau td {text-align:center;padding:2px} .tableau a {color:#000000} .champVide {margin:10px 30px;} .idErreur {margin:10px 30px;} a.bouton,input.bouton {display:block;color:#FFFFFF;font-size:11px;font-weight:bold;background:url(../images/bouton2.png) no-repeat top left;padding:6px 0px 4px 0px;text-align:center;width:141px;height:17px } a.bouton:hover {text-decoration:none;color:#000000} input.bouton {height:auto;border:0px;} input.bouton:hover {cursor:pointer} .bouton.annule {background:url(../images/boutonAnnule.png) no-repeat top left; } .bouton.complet {background:url(../images/boutonComplet.png) no-repeat top left; } .bouton.complet:hover,.bouton.annule:hover {color:#FFFFFF} .inputOK {background:none;border:none;color:#6da1dc;font-weight:bold;font-size:13px;padding:2px 0px 0px 0px} .formulaire {padding: 0px 0px 10px 0px;width: 688px;float: left;} .formulaire .blocElement {width: 670px; float: left;margin:4px 0px 0px 10px} .formulaire input,.formulaire textarea { margin-top: 4px;} .formulaire .label {padding:8px 6px 0px 0px;font-weight: bold; margin-top: 4px;width: 230px;float: left;text-align: right; padding: 2px;} .formulaire .element { float: left; width: 400px;} .formulaire .erreur { color: #FF0000; float: left; width: 600px; margin-left: 136px;} .formulaire .header {font-size:13px;font-weight:bold;margin-left:100px;margin-top:20px;float: left;width:500px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left;padding-bottom:10px;margin-bottom:10px} .formulaire .required { color: #FF0000;} .formulaire .requiredNote { float: left; margin: 10px 0px 0px 100px; font-size: 10px;} .formulaire .inputText,.formulaire select,.formulaire textarea {width:200px} .formulaire textarea {width:204px} .popup {width:520px;min-height:800px;padding:10px 50px 50px 50px;background:transparent url(../images/corpsFond.jpg) repeat-x top left } .popup h1 {background:transparent url(../images/bleucitronLogoTitre.png) no-repeat top left;padding:10px 0px 0px 50px;margin-bottom:6px;height:36px} .popup h2 {background:transparent url(../images/separateurPointille.png) repeat-x bottom left;padding-bottom:4px;margin:10px 0px 10px 0px} .popup p {text-align:justify} /** ############################################# structure du site ##################### **/ #content {width:965px;position:absolute;left:50%;margin-left:-483px;padding:0;top:20px} #entete {background:transparent url(../images/entete.png) no-repeat top left;width:965px;height:293px} #entete #retourAccueil {position:absolute;top:0px;left:0px} #entete #retourAccueil img {width:450px;height:146px} #entete #billetterieEnLigne {position:absolute;top:0px;right:0px} #entete #billetterieEnLigne img {width:300px;height:146px} #bandeauPub {position:absolute;top:156px;left:32px} #bandeauPub img ,#bandeauPub .bandeauFlash {border:6px solid #FFFFFF} #milieu {width:944px;float:left;background:transparent url(../images/milieuFond.png) repeat-y top left;padding-left:21px;} #colonneGauche {clear:left;float:left;width:204px;background:transparent url(../images/colonneGaucheFond.jpg) repeat-x top left;padding-top:30px;} #colonneGauche #menu {} #colonneGauche #menu ul,#colonneGauche #menu ul li {margin:0px;padding:0px } #colonneGauche #menu ul li {list-style:none;display:block} #colonneGauche #menuBilletterie {margin:30px 0px 0px 16px} #colonneGauche #menuRoster {margin:30px 0px 0px 16px} #colonneGauche #menuNewsletter {background:transparent url(../images/menuNewsletter.png) no-repeat top left;padding:174px 10px 10px 10px;width:155px;margin-left:16px} #colonneGauche #menuNewsletter h3 {display:none} #colonneGauche #menuNewsletter p {color:#bcbcbc;margin-bottom:10px;font-weight:bold;text-align:justify; } #colonneGauche #menuNewsletter .inputText {width:110px} #colonneGauche #menupub {text-align:center} #corps {float:left;width:736px;background:transparent url(../images/corpsFond.jpg) repeat-x top left;padding-top:10px} #corps .page {position:relative;background:transparent url(../images/menuSeparateur.png) no-repeat top left;padding:0px 0px 0px 10px;min-height:800px;display:block;float:left;width:720px} #corps .page h1 {color:#aec1d7;margin-bottom:20px;position:relative;background:transparent url(../images/titreFond.png) no-repeat top left;padding:18px 0px 20px 66px;height:47px;font-size:28px } #corps .page h2 {height:auto;display:block;font-size:20px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left;padding-bottom:4px;margin:10px 0px 10px 10px} /* #corps .page h1 span { background: url(../images/gradient.png) repeat-x; position: absolute; top:22px; display: block; width: 600px; height: 28px; } */ #pied {margin-left:204px;margin-top:50px;clear:left;float:left;background:transparent url(../images/pied.png) no-repeat top right;width:720px;height:auto;margin-right:6px;padding:20px 0px 20px 0px} #pied p {text-align:center;} #pied p.ligne1 {color:#FFFFFF;font-weight:bold} #pied p.ligne2 {color:#959595;font-weight:bold;font-size:10px} /** ############################################# BLOCS COMMUNS A L'ENSEMBLE DU SITE ######################## **/ /** le bloc de trois spectacles sur la page d'accueil et sur l'espace CE **/ #blocTroisSpectacles {float:left;padding-bottom:30px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left } #blocTroisSpectacles .cellule {position:relative;height:322px;float:left;width:217px;margin:0px 11px 0px 11px;background:url(../images/accueilFondSpectacle.jpg) no-repeat top left} #blocTroisSpectacles .cellule h2 {background:none;margin:8px 20px 8px 20px;padding:0px;text-align:left;text-transform:uppercase;color:#FFFFFF;font-size:20px;font-weight:bold} #blocTroisSpectacles .cellule h3 {margin:6px 4px 6px 4px;padding:0px;text-align:center;text-transform:uppercase;color:#FFFFFF;font-size:18px;font-weight:bold} #blocTroisSpectacles .cellule h3 a {color:#FFFFFF} #blocTroisSpectacles .cellule .image {text-align:center} #blocTroisSpectacles .cellule .image img {border:6px solid #FFFFFF} #blocTroisSpectacles .cellule .image img:hover {border:6px solid #6da1dc } #blocTroisSpectacles .cellule .lien {background:transparent url(../images/degrade_languette.png) repeat-x top left;position:absolute;bottom:1px;left:1px;height:38px;width:215px; } #blocTroisSpectacles .cellule .lien a {padding:0px 0px 0px 14px;z-index:2;display:bloc;position:absolute;top:12px;left:14px;font-size:11px;font-weight:bold;display:block;color:#FFFFFF;background:transparent url(../images/flecheGrisePetite.png) no-repeat top left } #blocTroisSpectacles .cellule .lien .lienFond {z-index:1;position:absolute;top:0px;left:0px;width:215px;height:38px;-moz-opacity:0.40;opacity: 0.40;filter:alpha(opacity=40);} #blocTroisSpectacles .cellule .flash {position:absolute;top:-20px;right:10px;width:51px;height:51px} /** un ligne dfe spectacle dans le listing **/ #blocSpectacle { clear:left; } #blocSpectacle div.trier {float:left;margin-right:10px} #blocSpectacle table {border-spacing:0px;width:720px} #blocSpectacle table tr td {} #blocSpectacle tr.trier td {height:30px} #blocSpectacle tr.trier td div,#pageSpectacle #blocSpectacle tr.trier td span {display:none} #blocSpectacle tr.ligneSpectacle td {padding:10px;vertical-align:top} #blocSpectacle tr.ligneSpectacle0 td {background:#404040} #blocSpectacle tr.ligneSpectacle td.image {width:70px} #blocSpectacle tr.ligneSpectacle td.image img {border:4px solid #FFFFFF} #blocSpectacle tr.ligneSpectacle td.image img:hover {border-color:#6da1dc} #blocSpectacle tr.ligneSpectacle td.texte {padding-left:0px} #blocSpectacle tr.ligneSpectacle td.texte h2 {background:none;padding:0px;margin:0px} #blocSpectacle tr.ligneSpectacle td.texte h2 a {color:#FFFFFF;font-size:14px;} #blocSpectacle tr.ligneSpectacle td.texte .type {color:#c0c0c0;font-weight:bold;font-size:12px} #blocSpectacle tr.ligneSpectacle td.texte .date {color:#88bbf7;font-weight:bold;font-size:12px} #blocSpectacle tr.ligneSpectacle td.lieu {width:200px;font-size:12px;font-weight:bold} #blocSpectacle tr.ligneSpectacle td.lieu a {color:#FFFFFF} #blocSpectacle tr.ligneSpectacle td.prix {width:150px} #blocSpectacle tr.ligneSpectacle td.prix {font-size:14px;font-weight:bold;text-align:right} #blocSpectacle tr.ligneSpectacle td.prix a.bouton {margin-top:20px;float:right} #blocSpectacle tr.ligneSpectacle td.texte a.bouton {background:transparent url(../images/bouton2Gris.png) no-repeat top left} /** ############################################# PAGE ACCUEIL ################################ **/ #pageAccueil { } #pageAccueil h1 {display:none} #pageAccueil #blocTroisSpectacles {margin-top:26px } #pageAccueil #blocNews {float:left;width:720px;margin-top:20px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left;padding-bottom:20px } #pageAccueil #blocNews h2 {display:none} #pageAccueil #blocNews #image {float:left;width:190px;text-align:right} #pageAccueil #blocNews #image img {border:6px solid #FFFFFF} #pageAccueil #blocNews #news {float:left;width:510px;margin-left:10px;} #pageAccueil #blocNews #news h3 {margin:0px 0px 14px 0px;padding:0px;color:#FFFFFF;font-size:16px } #pageAccueil #blocNews #news p {color:#FFFFFF;font-size:11px;} #pageAccueil #blocNews #news #boutonLireLaSuite {margin-top:20px;background:transparent url(../images/bouton1.png) no-repeat top left;width:87px} #pageAccueil #listeNews {clear:left;width:710px;text-align:left;background:#343434 url(../images/newsAccueilFond.jpg) repeat-x top left;padding:20px 0px 20px 0px} #pageAccueil #listeNews li.ligneNews {list-style-type: none;} #pageAccueil #listeNews .ligneNews a { position:relative;padding:6px;background:#454545;margin:4px 30px 4px 30px;color:#FFFFFF;display:block;font-weight:bold} #pageAccueil #listeNews .ligneNews a:hover {background:#6da1dc;text-decoration:none} #pageAccueil #listeNews .ligneNews a span {display:none} #pageAccueil #listeNews .ligneNews a:hover span {display:block;position:absolute;top:0px;right:0px;text-align:right;padding:6px 4px 0px 0px;color:#000000} #pageAccueil #blocSpectacles2 {clear:left;margin-top:20px} #pageAccueil #blocSpectacles2 table {width:710px} #pageAccueil #blocSpectacles2 #menuSpectacles td.menu {} #pageAccueil #blocSpectacles2 #menuSpectacles td.menu a {font-size:13px;font-weight:bold;padding:10px 0px 10px 0px;color:#FFFFFF;display:block;margin-left:10px;text-align:center;background:#2b2b2b url(../images/spectaclesAccueilOngletFond.jpg) repeat-x top left} #pageAccueil #blocSpectacles2 #menuSpectacles td.menu a:hover {text-decoration:none} #pageAccueil #blocSpectacles2 #menuSpectacles td.actif a {background:#5b5b5b url(../images/spectaclesAccueilOngletFondActif.jpg) repeat-x top left;} #pageAccueil #blocSpectacles2 #menuSpectacles td.menu:FIRST-CHILD a{margin-left:0px} #pageAccueil #blocSpectacles2 .celluleListeSpectacles {background:#5e5e5e;padding:10px} #pageAccueil #blocSpectacles2 #listeSpectacles {float:left;position:relative } #pageAccueil #blocSpectacles2 #listeSpectacles .liste {display:none;float:left;position:relative} #pageAccueil #blocSpectacles2 #listeSpectacles .actif {display:block} #pageAccueil #blocSpectacles2 #listeSpectacles .cellule {text-align:center;float:left;width:110px;height:110px;margin:20px 0px 0px 22px } #pageAccueil #blocSpectacles2 #listeSpectacles .cellule img {border:6px solid #FFFFFF} #pageAccueil #blocSpectacles2 #listeSpectacles .cellule img:hover {border-color:#6da1dc} /** ############################################# PAGE LISTE SPECTACLES ################################ **/ #pageSpectacle {} #pageSpectacle #blocRecherche {text-align:center;padding-bottom:10px } #pageSpectacle #blocRecherche #rechercher {width:200px} #pageSpectacle #blocRecherche .formLabel {font-weight:bold;font-size:12px} #pageSpectacle #blocFiltres {text-align:center;background:transparent url(../images/separateurPointille.png) repeat-x bottom left; padding-bottom:20px} #pageSpectacle #blocFiltres select {margin-right:10px;width:200px} #pageSpectacle #blocFiltres select option {color:#FFFFFF} #pageSpectacle #blocFiltres select option.level2 {padding-left:20px } #pageSpectacle #blocFiltres select.focus option {padding:2px} #pageSpectacle #blocResultat {margin-top:20px } #pageSpectacle #blocNavigation {background:#000000;color:#FFFFFF;padding:4px;margin-top:20px;height:24px } #pageSpectacle #blocNavigation a {color:#FFFFFF} #pageSpectacle #blocNavigation #nombreResultatPage {float:left} #pageSpectacle #blocNavigation #nombreResultatPage span {font-weight:bold;color:#c0c0c0} #pageSpectacle #blocNavigation .navigationPage {float:right} #pageSpectacle #blocSpectacle .navigationPage {text-align:center;margin-top:20px;padding-bottom:20px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left;margin-bottom:30px} #pageSpectacle #blocRSS {position:absolute;top:20px;right:20px} /** ############################################# PAGE FICHE SPECTACLE ################################ **/ #pageFicheSpectacle #blocRetour {position:absolute;top:16px;right:16px} #pageFicheSpectacle #blocRetour a.bouton {background:transparent url(../images/bouton2Gris.png) no-repeat top left} #pageFicheSpectacle #blocImage {float:left;margin-left:20px} #pageFicheSpectacle #blocImage #image img {border:6px solid #FFFFFF} #pageFicheSpectacle #blocContenu {float:left;margin-left:10px;position:relative;width:505px} #pageFicheSpectacle #blocContenu h2 {background:none;margin:0px;padding:0px;width:350px} #pageFicheSpectacle #blocContenu #categorie {color:#c0c0c0;font-weight:bold;font-size:12px;width:350px } #pageFicheSpectacle #blocContenu #salle {width:300px;font-size:12px;font-weight:bold;margin-top:10px } #pageFicheSpectacle #blocContenu #salle a.bouton {background:url(../images/bouton2Gris.png) no-repeat top left;margin-top:10px} #pageFicheSpectacle #blocContenu #date {color:#88bbf7;font-weight:bold;font-size:12px } #pageFicheSpectacle #blocContenu .fiche {margin-top:20px;text-align:justify;font-size:12px} #pageFicheSpectacle #blocContenu .fiche h3 {color:#88bbf7} #pageFicheSpectacle #blocTarif {position:absolute;top:0px;right:0px;text-align:right} #pageFicheSpectacle #blocTarif span {font-size:12px;font-weight:bold} #pageFicheSpectacle #blocTarif a.bouton {margin-top:10px} #pageFicheSpectacle #blocVideos {float:left;width:720px } #pageFicheSpectacle #blocVideos table {margin-left:34px;border-spacing:24px} #pageFicheSpectacle #blocVideos td.cellule { width:100px;vertical-align:top;text-align:center} #pageFicheSpectacle #blocVideos td.cellule img {border:4px solid #FFFFFF;margin-bottom:6px} #pageFicheSpectacle #blocVideos #player {text-align:center;padding-bottom:20px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left} #pageFicheSpectacle #spectaclesAssocies {clear:left;float:left;} /** ############################################# PAGE NEWS ################################ **/ #pageNews #choixRubrique { font-weight:bold;color:#6187b2; margin-bottom:20px;padding-bottom:20px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left} #pageNews #choixRubrique a {color:#FFFFFF;font-size:12px;text-decoration:none;padding:4px } #pageNews #choixRubrique a:hover ,#pageNews #choixRubrique a.actif {background:#6187b2 } #pageNews #listeNews {clear:left;float:left } #pageNews #listeNews .ligneNews {width:720px;float:left;padding-bottom:20px;margin-bottom:20px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left} #pageNews #listeNews .ligneNews .date {font-size:11px;color:#6187b2;font-weight:bold;margin-bottom:20px} #pageNews #listeNews .ligneNews .texte { } #pageNews #listeNews .ligneNews .blocImage { float:left;clear:left;margin-right:10px} #pageNews #listeNews .ligneNews .blocImage .image {text-align:right} #pageNews #listeNews .ligneNews .blocImage .image img {border:6px solid #FFFFFF} #pageNews #listeNews .ligneNews .blocImage .rubriques {text-align:center;margin-top:10px } #pageNews #listeNews .ligneNews .blocImage .rubriques a {font-weight:bold} #pageNews #listeNews .ligneNews .blocTexte {float:left;width:530px} #pageNews #listeNews .ligneNews .blocTexte h2 {margin:0px;background:none} /** ############################################# ESPACE CE / GROUPE ############################################## **/ #pageCE {} #pageCE #blocTroisSpectacles {background:none;padding:0px} #pageCE #blocFichiers {clear:left;float:left;width:720px;margin:20px 0px 20px;} #pageCE #blocFichiers .fichier {margin:0px 20px 20px 40px;width:94px;height:120px;float:left;background:transparent url(../images/ceFichierFond.jpg) no-repeat top left } #pageCE #blocFichiers .fichier a {display:block;text-align:center;color:#FFFFFF;font-weight:bold } #pageCE #blocFichiers .fichier a:hover {text-decoration:none;color:#6187b2} #pageCE #blocFichiers .fichier a img {margin:10px 4px 10px 4px} #pageCE #blocFichiers .fichier a span {display:block} #pageCE #contactCE {clear:left;text-align:center} #pageCE #formulaireMessageValidation {border:1px solid #FFFF;margin:10px;padding:20px;background:#CCCCCC;color:#000000} #pageCE #blocFormulaire {clear:left;width:720px} #pageCE #blocBandeauPubCE {margin:0px 0px 40px 16px ;position:relative;background:transparent url(../images/separateurPointille.png) repeat-x bottom left;padding-bottom:20px;float:left} #pageCE #blocBandeauPubCE #bandeauPubCE img {width:670px;height:176px;border:4px solid #FFFFFF} #pageCE #blocBandeauPubCE #bandeauPubCENumeros {position:absolute;top:10px;right:16px} #pageCE #blocBandeauPubCE #bandeauPubCENumeros .bandeauPubCENumero {margin-left:6px;width:26px;height:26px;float:left;background:transparent url(../images/rondBlanc.png) no-repeat top left;} #pageCE #blocBandeauPubCE #bandeauPubCENumeros .bandeauPubCENumero a {color:#000000;display:block;font-weight:bold;font-size:14px;padding:5px 9px 5px 9px} #pageCE #blocBandeauPubCE #bandeauPubCENumeros .bandeauPubCENumero a:hover {text-decoration:none} /** ############################################# PAGE PARTENAIRES #################################################### **/ #pagePartenairesListe { } #pagePartenairesListe.page h2 {background:transparent url(../images/partenairesCategorie.png) no-repeat top center;text-align:center;height:57px;color:#FFFFFF} #pagePartenairesListe.page h2 span {display:block;padding:20px 4px 0px 4px;font-weight:bold} #pagePartenairesListe.page h2 span a {color:#FFFFFF;} #pagePartenairesListe #blocListePartenaires {text-align:center } #pagePartenairesListe #blocListePartenaires table {border-spacing:30px } #pagePartenairesListe #blocListePartenaires table td.cellule {background:#6b6b6b;vertical-align:middle;text-align:center;width:100px;height:120px } #pagePartenairesListe #blocListePartenaires a.bouton {background:transparent url(../images/bouton2Gris.png) no-repeat top left;margin:20px 0px 0px 280px} /** ############################################# PAGE CONTACT #################################################### **/ #pageContact #blocCentre {float:left;width:380px;margin-left:20px;text-align:justify; } #pageContact #colonneDroite {min-height:700px;width:300px;background:transparent url(../images/menuSeparateur.png) no-repeat top left;float:left;margin-left:20px;} #pageContact #colonneDroite #blocContact { margin-left:20px;float:left} #pageContact #colonneDroite #blocContact .contact {float:left;width:300px;font-weight:bold;margin-bottom:10px} #pageContact #colonneDroite #blocContact .contact div.photo {width:90px;float:left;text-align:right } #pageContact #colonneDroite #blocContact .contact div.photo img {border-color:#FFFFFF;border-top:3px;border-bottom:16px;border-left:3px;border-right:3px;border-style:solid;} #pageContact #colonneDroite #blocContact .contact div.texte {width:180px;float:left;margin-left:10px } #pageContact #colonneDroite #blocContact .contact .nom {font-size:14px } #pageContact #colonneDroite #blocContact .contact .poste {color: #c0c0c0} #pageContact #colonneDroite #blocContact .contact .email { } #pageContact #colonneDroite #blocContact .contact .telephone { } #pageContact #blocInfosContact {clear:left;margin-top:10px;padding-top:10px;text-align:center;background:transparent url(../images/separateurPointille.png) repeat-x top left } #pageContact #blocInfosContact .email {padding-bottom:10px;margin-bottom:20px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left} /** ############################################# FICHE SALLE #################################################### **/ #pageSalle #blocInfos {text-align:right;padding:0px 0px 10px 0px;margin-top:-30px; } /** ############################################# ESPACE PRO #################################################### **/ #pagePro #blocLogin {float:left;width:370px} #pagePro #blocLogin .formulaire {width:350px} #pagePro #blocLogin .formulaire .blocElement {width:350px } #pagePro #blocLogin .formulaire .blocElement .label { width:100px} #pagePro #blocLogin .formulaire .blocElement .element {width:220px } #pagePro #blocInfos {height:702px;padding:0px 10px 0px 20px;float:left;width:320px;background:transparent url(../images/menuSeparateur.png) no-repeat top left} #pagePro #blocDeconnexion {position:relative;height:30px;padding-bottom:10px;padding-top:6px;margin-bottom:10px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left } #pagePro #blocDeconnexion a {position:absolute;top:0px;right:0px} #pagePro #blocRecherche {padding-bottom:10px;margin-bottom:10px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left} #pagePro #blocResultat {padding-bottom:10px;margin-bottom:10px;background:transparent url(../images/separateurPointille.png) repeat-x bottom left} #pagePro #blocNavigation {background:#000000;height:26px; } #pagePro #blocNavigation #pagination {float:right;margin:4px 10px 0px 0px} #pagePro #blocListe {clear:left } #pagePro #blocListe #listeSpectacles {width:720px;border-spacing:0px;position:relative;float:left} #pagePro #blocListe .ligneSpectacle0 {background:#404040} #pagePro #blocListe .ligneSpectacle {float:left;width:720px;} #pagePro #blocListe .ligneSpectacle div {padding:4px;font-weight:bold;float:left} #pagePro #blocListe .ligneSpectacle .date {color:#6da1dc;font-size:13px;width:150px;float:left; } #pagePro #blocListe .ligneSpectacle .nomSpectacle {width:320px;text-align:center;float:left; } #pagePro #blocListe .ligneSpectacle .salle {width:220px;text-align:right;float:left; } #pagePro #blocListe .ligneBoutonTelechargement {margin-top:1px;padding:8px;float:left;width:704px} #pagePro #blocListe .ligneBoutonTelechargement a {font-weight:bold;text-decoration:none} #pagePro #blocListe .ligneBoutonTelechargement a span.plus {padding:0px 3px 0px 3px;text-align:center;background:#FFFFFF;color:#252525} #pagePro #blocListe .ligneListeTelechargement {display:none;position:relative;padding:4px 0px 4px 0px;float:left} #pagePro #blocListe .ligneListeTelechargement div {position:relative;;height:26px;padding:4px 0px 4px 180px} #pagePro #blocListe .ligneListeTelechargement div a.bouton {position:absolute;top:0px;left:20px} /** ############################################# INSCRIPTION NEWSLETTER #################################################### **/ #pageNewsletter .bouton {margin: 0px 10px 0px 0px} /** ############################################# PAGE VIDEOS #################################################### **/ #pageVideos { } #pageVideos #blocPreviewVideo {text-align:center} #pageVideos #blocPreviewVideo div#player {} #pageVideos object,#pageVideos embed {} /** display:block;border:6px solid #FFFFFF;text-align:center **/ #pageVideos #blocListeVideos {} #pageVideos #blocListeVideos table {margin-left:34px;border-spacing:24px} #pageVideos #blocListeVideos td.cellule { width:100px;vertical-align:top;text-align:center} #pageVideos #blocListeVideos td.cellule img {border:4px solid #FFFFFF;margin-bottom:6px} #pageVideos #blocListeVideos #pagination {text-align:center} /** ############################################# PAGE RSS #################################################### **/ #pageRSS #listeRSS { } #pageRSS #listeRSS li {list-style-type: none} #pageRSS #listeRSS li a {margin:0px 10px 0px 10px;display:block;width:680px;padding:8px;color:#FFFFFF;font-weight:bold;background:#464646} #pageRSS #listeRSS li a:hover {font-size:18px;text-decoration:none} #pageRSS p {margin:0px 10px 0px 10px;text-align: justify;} /** **/