/* Site generique film - Mutins de Pangée Le Studio Americain - Bruno Bartkowiak contact@le-studio-americain.com jan.2010 'PASTEL' CUSTOM STYLES use with COLUMNS LAYOUT ====================== commons / reset HEADER MAIN menu content FOOTER ====================== */ html, body {margin: 0; padding: 0; background: #fff;} body {color: #333; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.2em; } a {color: #777; text-decoration: underline;} a:hover {color: #000; text-decoration: underline;} img {border: none;} * {padding: 0; margin: 0;} h1, h2, h3, h4 {margin: 5px 0; padding: 0; clear: both;} p, ul, ul li {margin: 5px 0; padding: 0;} form {margin:0; padding: 0; display: inline;} .spacer {clear: both;} ul, ol {list-style-position: inside; margin:0; padding: 0;} .on {color: #999;} /* === POUR Le CADRE / FOND DE PAGE === */ #page { width: 860px; margin: 10px auto; background: #fff; border: 1px solid #eee; background-image: url(http://www.lesmutins.org/bernardnidieunichaussettes/IMG/jpg/logoBernard.jpg); background-repeat:no-repeat; } /* ======= HEADER ======= */ #header {width: 700px} #header a { padding:0px 0 0 70px; } /* ======= MAIN ======= */ #main {} /* menu */ #main #menu {} #main #menu ul {margin: 0; padding: 0;font-size: 0.9em;} #main #menu ul li {list-style: none; padding: 3px 5px; border-width: 0 5px 0 0; border-style: solid; text-align: right;} #main #menu {color:#555; font-weight: bold; text-transform: uppercase;} #main #menu a {text-decoration: none; color: #555;} #main #menu a:hover {color:#000000;} #main #menu a.on {text-decoration: none; color: #999;} .rubrique1, .rubrique33 {border-color: #BFA6B9;} .rubrique2, .rubrique34 {border-color: #CCC9AD;} .rubrique3, .rubrique35 {border-color: #A3C6E5;} .rubrique28, .rubrique36 {border-color: #CCC9C2;} .rubrique29, .rubrique37 {border-color: #A5BEC2;} .rubrique30, .rubrique38 {border-color: #C7C08F;} .rubrique31, .rubrique39 {border-color: #D4B6C4;} .rubrique32, .rubrique40 {border-color: #AFB8BD;} /* content */ #main #content {padding: 0 0 0 10px; margin: 5px 0 0 0; border-width: 0 0 0 5px; border-style: solid;} #main #content #blocIntroduction {padding-top: 20px;} #main #content .blocArticle {} .blocArticle .articleTexte {} .articleTexte p {margin: 5px 0; padding: 0;} .blocArticle .articleImages {padding: 5px 0; clear: both;} .articleImages img {margin: 5px 10px 5px 0;} .blocArticle .articleVideo {clear: both;} .blocArticle .articleAudio {clear: both;} .blocArticle .articleTelecharger {clear: both;} #main #content #blocLiens {} /* TITRES */ #main #content h1, h2, h3{font-weight: bold; clear: both;} #main #content h1 {font-size: 3em; padding: 0 0 0px 0; color: #999; text-transform: uppercase;} #main #content h2 {font-size: 1.4em; padding: 30px 0 5px 0; margin: 0 0 10px 0; color:#777; text-transform: uppercase; border-bottom: 1px solid #dedede;} #main #content h3 {font-size: 1.2em; padding: 3px 0 0 0; color:#555;} #main #content #agendaProjections ul li {padding: 2px 0;} #main #content #agendaProjections ul li h3 {margin-bottom: 0px;} #main #content #agendaProjections ul li p {margin-top: 0px;} /* styles des classes produites par .SPIP */ hr.spip { margin: 2em auto; } ul.spip {} ol.spip { list-style: decimal; } blockquote.spip { margin: 2em 0; padding-left: 1em; border-left: 0.30em solid; } blockquote.spip_poesie { margin: 2em 0; padding-left: 1em; border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; } blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; } .spip_code, .spip_cadre { font-family: Courier, "Courier New", monospace; color: #036; } .spip_cadre { width: 99%; background-color: #F4F8F8; border: 1px inset; } div.spip_code, .spip_cadre { margin-bottom: 1em; } .spip_surligne { background: #ffff77; } table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; } table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; } table.spip tr.row_first { background: #aaa; } table.spip tr.row_odd { background: #efefef; } table.spip tr.row_even { background: #dedede; } table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; } table.spip th { vertical-align: bottom; font-weight: bold; } table.spip td { vertical-align: top; } img, .spip_logos { margin: 0; padding: 0; border: 0; } .spip_documents {} .spip_documents p {} .spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; } .spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; } .spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; } .spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.9em; } .spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.9em; } /* ======= FOOTER ======= */ #footer {width:680px; padding: 40px 0 10px 150px; font-size: 0.9em; color: #777; } #footer a {text-decoration: none; } #footer img {vertical-align: middle;} #footer #footerFixe, #footer .footerPerso {clear: both;} #footer .footerPerso {} /* ======= ONGLETS de l'agenda ======= */ ul.tabs {border-bottom: 1px solid #999;} ul.tabs li {border: 1px solid #999; background: #eee;} ul.tabs li a {text-decoration: none; color: #999; text-transform: uppercase; font-weight: bold;} ul.tabs li a:hover {background: #999; color:#fff;} ul.tabs li.active, ul.tabs li.active a:hover {background: #fff; color: #999; border-bottom: 1px solid #fff;} /* ====== THICKBOX (popup javascript de la galerie d'images ======= */ .TB_overlayBG {background-color:#fff;} #TB_window {background: #ffffff; color: #333; border: 5px solid #ddd; font-size: 1em; } #TB_window a {color: #999; text-decoration: none;} #TB_window a:hover {color: #000;} #TB_secondLine {font-size: 0.9em; color: #999;} #TB_window img#TB_Image {border: 1px solid #333;} #TB_closeWindow{display: none;}