/* CSS Document */ * {margin:0; padding:0; border: none; text-decoration: none; } body { font-family: Verdana, Helvetica, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; background-color: #000; } h1 {display: none;} h1 a {height: 100px;display: none;text-indent: -999em;} h2#BigTitle { font: bold 17px verdana; text-transform: uppercase; color: white; text-align: left; padding: 3px 0 0 10px; background: url(../images/titre/cine.jpg) left top no-repeat; width: 625px; height: 36px } h2#BigTitle2 { font: bold 17px verdana; text-transform: uppercase; color: white; text-align: left; padding: 3px 0 0 10px; background: url(../images/titre/cine2.jpg) left top no-repeat; width: 625px; height: 36px } h2#BigTitle span { float: right; margin: -5px 24px 0 0; font: normal 12px arial; color: #040000; text-transform: none;} h2#BigTitle2 span { float: right; margin: -5px 24px 0 0; font: normal 12px arial; color: #040000; text-transform: none;} h3 {} /* -------------- Home swicting colors ------------------*/ h3#contactSection a { display: block; width: 152px; height: 32px } /* .contour .image, .contour .image a img { display: block; width: 152px; overflow: hidden; } */ div.pink h3#contactSection a{background: url(../images/pink/sectiongray.jpg) left top no-repeat; } div.pink h3#contactSection a:hover{background: url(../images/pink/section.jpg) left top no-repeat; } div.blue h3#contactSection a{background: url(../images/blue/sectiongray.jpg) left top no-repeat; } div.blue h3#contactSection a:hover{background: url(../images/blue/section.jpg) left top no-repeat; } div.green h3#contactSection a{background: url(../images/green/sectiongray.jpg) left top no-repeat; } div.green h3#contactSection a:hover{background: url(../images/green/section.jpg) left top no-repeat; } div.orange h3#contactSection a{background: url(../images/orange/sectiongray.jpg) left top no-repeat; } div.orange h3#contactSection a:hover{background: url(../images/orange/section.jpg) left top no-repeat; } /*---------CONTACT--------------*/ #contact {} #contact h2 { margin: 5px 0 15px 0; } #contact form { width: 600px; } #contact p label { display: block; width: 120px; float: left; } #contact p { overflow: auto; margin: 0 10px 10px 20px; } #contact p input, #contact p select, #contact p textarea { margin: 0 10px 0 0 ; border: 1px solid gray; } p.submit { text-align: center; margin: 5px 0 15px 0; } div#main2, body#comment {background-color: black; text-align: left; } div#main2 h2 { color: white; font-weight: bold; } div#main2 h3 { color: white; font: bold 14px arial; margin: 0 0 5px 0; } /*--------COMMENT-------------*/ #blocDuHaut { padding: 20px; } #writecomment { margin: 1px 0 15px 0;} #writecomment h2.toto {font: bold 16px verdana; width: 100%; height: 20px; padding: 0 0 0 10px; color: white; text-align: left; margin: 0 10px 0 0; } #writecomment h3 { margin-right:10px; } div.pink h2.toto{background-color: #cc0099; } div.blue h2.toto{background-color: #0099cc; } div.green h2.toto{background-color: #669900; } div.orange h2.toto{background-color: #ff6600; } #writecomment form { background-color: gray ; padding: 15px 10px 10px 10px; } #writecomment p label { display: block; width: 120px; float: left; color: white ; text-align: left; } #writecomment p { overflow: auto; margin: 0 10px 10px 20px; } #writecomment p input, #writecomment p select { margin: 0 10px 0 0 ; border: 1px solid black; } p.link {font: normal 12px arial; text-align: left;} p.link a {font: bold 12px arial; } p.link a:hover {text-decoration: underline; } div.pink p.link a{color: #cc0099; } div.blue p.link a{color: #0099cc; } div.green p.link a{color: #669900; } div.orange p.link a{color: #ff6600; } #writecomment p textarea { border: 1px solid black; } /*---------MENU---------------*/ #menu-top ul{ margin: 0 0 4px 0; list-style: none; } #menu-top ul li a { margin: 0 0 2px 0; } #menu-top ul li a {display: block; width: 139px; height: 18px; text-indent: -5000px; } a.cine{ background: url(../images/menu/cinema_off.gif) left top no-repeat;} a.cine:hover{ background: url(../images/menu/cinema_on.gif) left top no-repeat;} li.selected a.cine{ background: url(../images/menu/cine2.jpg) left top no-repeat; } a.spe{ background: url(../images/menu/spectacles_off.gif) left top no-repeat;} a.spe:hover{ background: url(../images/menu/spectacles_on.gif) left top no-repeat;} li.selected a.spe{ background: url(../images/menu/art2.jpg) left top no-repeat;} a.livre{ background: url(../images/menu/livres_off.gif) left top no-repeat;} a.livre:hover{background: url(../images/menu/livres_on.gif) left top no-repeat; } li.selected a.livre{ background: url(../images/menu/livre2.jpg) left top no-repeat;} a.musi{ background: url(../images/menu/musique_off.gif) left top no-repeat;} a.musi:hover{ background: url(../images/menu/musique_on.gif) left top no-repeat;} li.selected a.musi{ background: url(../images/menu/mus2.jpg) left top no-repeat;} /*--------------------------------- Conteneurs generaux -----------------*/ div#pub {position: absolute; top: 38px; right: 31px; border: 1px solid gray; width: 468px; height: 58px;} #main { position: absolute; top: 20px; left: 50%; text-align: left; margin-left: -415px; padding: 17px 11px 17px 19px; background: #D2CBCB; } #intro { width: 772px; height: 92px; background: url(../images/fond/header.jpg); } #body {padding: 0 5px; } table.tab-gl { width: 772px;} table.tab-gl td { vertical-align: top; } td.colonneLeft {width: 139px; } td#cinema {width: 418px; } td.colonneArticle {padding: 0; width: 200px; } td.colonneArticleMain {padding: 0; width: 208px; } td.colonneNews { width: 208px; } /* ----------------- Switching Colors -------------*/ div.pink h2#BigTitle {background: url(../images/pink/titre/cine.jpg) left top no-repeat; } div.blue h2#BigTitle {background: url(../images/blue/titre/cine.jpg) left top no-repeat; } div.green h2#BigTitle {background: url(../images/green/titre/cine.jpg) left top no-repeat; } div.orange h2#BigTitle {background: url(../images/orange/titre/cine.jpg) left top no-repeat; } div.pink h2#BigTitle2 {background: url(../images/pink/titre/cine2.jpg) left top no-repeat; } div.blue h2#BigTitle2 {background: url(../images/blue/titre/cine2.jpg) left top no-repeat; } div.green h2#BigTitle2 {background: url(../images/green/titre/cine2.jpg) left top no-repeat; } div.orange h2#BigTitle2 {background: url(../images/orange/titre/cine2.jpg) left top no-repeat; } div.pink #intro { width: 772px; height: 92px; background: url(../images/pink/fond/header.png); } div.blue #intro { width: 772px; height: 92px; background: url(../images/blue/fond/header.png); } div.green #intro { width: 772px; height: 92px; background: url(../images/green/fond/header.png); } div.orange #intro { width: 772px; height: 92px; background: url(../images/orange/fond/header.png);} div.pink .headline div.fond{background-color: #cc0099;} div.blue .headline div.fond{background-color: #0099cc;} div.green .headline div.fond{background-color: #669900;} div.orange .headline div.fond{background-color: #ff6600;} div.pink div#nletter {background: url(../images/pink/fond/nl.jpg) left top no-repeat;} div.blue div#nletter {background: url(../images/blue/fond/nl.jpg) left top no-repeat;} div.green div#nletter {background: url(../images/green/fond/nl.jpg) left top no-repeat;} div.orange div#nletter {background: url(../images/orange/fond/nl.jpg) left top no-repeat;} div.pink div#search {background: url(../images/pink/fond/recherche.jpg) left top no-repeat;} div.blue div#search {background: url(../images/blue/fond/recherche.jpg) left top no-repeat;} div.green div#search {background: url(../images/green/fond/recherche.jpg) left top no-repeat;} div.orange div#search {background: url(../images/orange/fond/recherche.jpg) left top no-repeat;} div.pink #jeu {background: url(../images/pink/fond/f_jeu.jpg) left top no-repeat;} div.blue #jeu {background: url(../images/blue/fond/f_jeu.jpg) left top no-repeat;} div.green #jeu {background: url(../images/green/fond/f_jeu.jpg) left top no-repeat;} div.orange #jeu {background: url(../images/orange/fond/f_jeu.jpg) left top no-repeat;} div.pink #tv {background: url(../images/pink/fond/vuTele.jpg) left top no-repeat;} div.blue #tv {background: url(../images/blue/fond/vuTele.jpg) left top no-repeat;} div.green #tv {background: url(../images/green/fond/vuTele.jpg) left top no-repeat;} div.orange #tv {background: url(../images/orange/fond/vuTele.jpg) left top no-repeat;} div.pink p.natureArticle{color: #cc0099;} div.blue p.natureArticle{color: #0099cc;} div.green p.natureArticle{color: #669900;} div.orange p.natureArticle{color: #ff6600;} div.pink p.natureArt{color: #fff;} div.blue p.natureArt{color: #fff;} div.green p.natureArt{color: #fff;} div.orange p.natureArt{color: #fff;} /*-------------------- HEADLINE ---------------------*/ .headline *{color: white} .headline a:hover {text-decoration: underline} .headline {background: url(../images/fond/f_img.jpg) right top no-repeat; width: 424px; height: 157px } .headline div.fond{background-color: #cc0099; width: 417px; height: 149px; overflow: hidden; } p.natureFilm {font: normal 12px arial; text-transform:uppercase; padding: 3px 10px; } p.natureFilm span{ float: right; } .imgCine { float: left; margin: 0 4px 0 0; } .titreCine span.upper { font: bold 12px arial; text-transform: uppercase; } .titreCine span{ font: normal 12px arial; } .desc { padding: 0 4px; } .lireCine { float: right; margin: 0 8px 0 0; } /*-------------------- ARTICLES MAIN ---------------------*/ .articlesmain{ width: 213px; } .articlesmain a:hover {text-decoration: underline} div.inside {background: url(../images/fond/f_articlesMain.jpg) right bottom no-repeat; margin: 0; height: 97px ; padding: 3px 5px 3px 3px; } div.insideblack {background-color: black; height: 93px; } p.imgArticle {float: left; margin: 0 4px 0 0; } p.natureArticle { color: #be008f; font: normal 12px arial; text-transform:uppercase; padding: 2px 0 2px 0; } p.natureArticle span{ float: right; font: normal 12px arial; color: white; margin: 0 4px 0 0; } /*Date*/ p.titreArticle a { font: bold 12px arial; color: white; } p.titreArticle a:hover{ text-decoration: underline; } p.titreArticle span { font: normal 12px arial; color: white; text-transform: normal } /*DE ... */ p.lire { float: right; margin: 0 6px 0 0; } /*-------------------- ARTICLES ---------------------*/ .f_artiTop{background: url(../images/fond/f_artiTop.jpg) left top no-repeat; width: 208px; } .f_artiBop{background: url(../images/fond/f_artiBop.jpg) left bottom no-repeat; padding: 0 0 14px 0; } .f_artiMid {background: url(../images/fond/f_artiMid.jpg) left bottom repeat ; width: 208px; } .f_artiTop2{background: url(../images/fond/f_artiTop2.jpg) left top no-repeat; width: 208px; margin: 0; } .f_artiBop2{background: url(../images/fond/f_artiBop.jpg) left bottom no-repeat; padding: 0 0 14px 0;width: 208px; } .f_artiBop2 p{ text-align: center; } .f_artiBop2 a{ color: black; font: bold 12px arial; position:relative; top: 5px; left: 0; } .f_artiBop2 a:hover{ color: #be008f } .articles p{ padding: 4px 5px 0 5px; } .articles a:hover {text-decoration: underline} p.natureArt{color: #be008f; font: normal 12px arial; text-transform:uppercase; } p.dateD{float: right; font: normal 12px arial; color: white ; padding: 3px 10px 0 0; } p.titreArt {font: bold 12px arial; color: black; clear: both; } p.titreArt a{font: bold 12px arial; color: black} p.titreArt a:hover{ text-decoration: underline; } p.lireArt {text-align :right; background: url(../images/fond/Bot.jpg) left bottom no-repeat; padding: 0 0 2px 0; } p.lireArt a{margin: 0 6px 0 0; } a#toutlesarticles {color: white; font: bold 12px arial; } a#toutlesarticles:hover{text-decoration: underline; } /*-------------------- ARTICLES ---------------------*/ #archives { } #archives a {color: black; text-decoration: none; font: bold 12px arial; } #archives a:hover {color: #CD0099; text-decoration: underline; font: bold 12px arial; } #archives table {width: 100%; } #archives .ligne {border-bottom: 1px solid #888; } div.pink #archives h3, div.pink #archives a, div.pink #archives a:hover {color: #cc0099; } div.blue #archives h3, div.blue #archives a, div.blue #archives a:hover{color: #0099cc; } div.green #archives h3, div.green #archives a, div.green #archives a:hover{color: #669900; } div.orange #archives h3, div.orange #archives a, div.orange #archives a:hover{color: #ff6600; } /*-------------------- PAGE RECHERCHE ---------------------*/ #searching {background-color: #999896 ; color: #000; padding:5px; } /*-------------------- NEWS ---------------------*/ .news { width: 208px; } .news * { color: black; } .news a:hover {text-decoration: underline} p.titleN { font: bold 12px arial; color: black ; text-transform:uppercase; padding: 2px 2px 2px 5px } p.title a{ font: bold 12px arial; color: black ; } p.title N a:hover{ text-decoration: underline; } p.titleN span{ float: right; margin: 0 10px 0 0; } p.descNews {padding: 5px 9px 5px 5px } p.lireN {text-align :right; padding: 0 6px 3px 0; background: url(../images/fond/sepNews.jpg) left bottom no-repeat; clear: both; } p.lireN a{ margin: 0 4px 0 0; } .NTop{background: url(../images/fond/f_newsTop.jpg) left top no-repeat; width: 208px; } .NBot{background: url(../images/fond/f_newsBot.jpg) left bottom no-repeat; padding: 0 0 14px 0; } .NMid {background: url(../images/fond/f_newsMid.jpg) left bottom repeat-y ; } .lienDuNews {text-align: center; } /*-------------------- Newsletter ---------------------*/ div#nletter {background: url(../images/fond/nl.jpg) left top no-repeat; width: 139px; height: 87px; margin: 0 0 4px 0; } div#nletter p{padding: 39px 0 0 7px; } div#nletter input{ border: 1px solid #878787; width: 102px; float: left; } div#nletter a{ float: right; position:relative; top: -16px; left: -2px; } /*-------------------- SEARCH ---------------------*/ div#search {background: url(../images/fond/recherche.jpg) left top no-repeat; width: 139px; height: 73px; margin: 0 0 4px 0;} div#search p{padding: 39px 0 0 7px; } div#search input{ border: 1px solid #878787; width: 102px; float: left; } /* ----------------------JEU-------------------------*/ div#jeu p{padding: 0 0 0 7px; } div#jeu {background: url(../images/fond/f_jeu.jpg) left top no-repeat; width: 139px; background-color: black; padding: 30px 0 5px 0; color: #fff} p.imgJEU{width: 139px; text-align: center;} div#jeu a {color: white; font: bold 12px arial; text-decoration: underline; } div#jeu a:hover {color: white; font: bold 12px arial; text-decoration: none; } p.txtJEU { color: white; margin: 4px 10px 0 10px; } p.btJEU { text-align :right; } p.btJEU a{ margin: 0 6px 0 0;} /*----------------- TV ------------------------- */ #tv {background-color: black ;background: url(../images/fond/vuTele.jpg) left top no-repeat; width: 139px; margin: 0 0 4px 0; padding: 30px 0 5px 0; color: white } p.imgTV {background-color: black ;width: 139px; text-align: center; padding: 0 } p.txtTV { background-color: black ;color: white; margin: 4px 10px 0 10px; } p.txtTV a{ background-color: black ;color: white; color: white; font: bold 12px arial; } p.txtTV a:hover{ text-decoration: underline; } #tv div { background-color: black ;color: white; padding: 0 6px; } p.lienTV {background-color: black ;text-align :right; padding: 0 7px 4px 0; } p.summary { background-color: black ;color: white; padding: 0 6px; } .bitalicenter {font-weight: bold; font-style: italic; text-align: center; margin: 10px 0 10px 0; } .kill { display: none; } .invisible { visibility: hidden; } .top { vertical-align: top; } /* alignement en haut (valable uniquement pour les tableaux */ .middle { vertical-align: middle; } /* alignement au milieu (valable uniquement pour les tableaux */ .left { text-align: left; } /* alignement à gauche du contenu */ .center { text-align: center; } /* centrage du contenu */ .justify { text-align: justify; } /* justification du contenu (valable uniquement pour les textes) */ .right { text-align: right; } /* alignement à droite du contenu */ .bottom { vertical-align: bottom; } /* alignement en bas (valable uniquement pour les tableaux */ .full { width: 100%; } /* largeur maximale */ .shifttop { margin-top: /* paramétrable */; } /* retrait au-dessus */ .shiftleft { margin-left: /* paramétrable */; } /* retrait à gauche */ .shiftright { margin-right: /* paramétrable */; } /* retrait à droite */ .shiftbottom { margin-bottom: /* paramétrable */; } /* retrait en-dessous */ .strike { text-decoration: line-through; } /* texte barré */ .block { display: block; } /* correction bug IE d'espaces indésirables autour des images */ .inline { display: inline; } /* les balises affectées par cette classe tiennent, dans la mesure du possible, sur la même ligne */ .hidden {overflow: hidden; } /* masque les éléments qui 'sortent' d'un conteneur affecté par cette classe (les dimensions doivent être précisées) */ a img { padding: 0;border: none;} #outro a {color:#1F1D1D; text-decoration: none;} #outro a:hover {color:#1F1D1D; text-decoration: underline;} #outro span {float: right; } #tablebtm td { vertical-align:bottom; } .valingb { vertical-align:bottom; } .denied { color:#FF0000; } .accept { color:#009900; } .textComment { background-color:grey; color:#FFFFFF; } .textComment h4 { margin-right:10px; }