/* PRESSEDIPLO.COM Le Studio Americain - Bruno Bartkowiak contact@le-studio-americain.com june 2009 ====================== commons HEADER PAGE > pageMenu PAGE > pageContent + spip styles (+form) + custom sommaire.html + custom rubrique=2.html (l'association) + custom rubrique=3.html (activites) + custom rubrique=4.html (publications) + custom rubrique=5.html (quai d'orsay) FOOTER ====================== */ html, body {margin: 0; padding: 0; background: #fff;} body {color: #212d33; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.2em; background: #fff url(img/bg-body.gif) left top repeat-x;} a {color: #547483; text-decoration: underline;} a:hover {color: #212d33; text-decoration: underline;} img {border: none;} h2, h3, h4, p, ul, ul li {margin: 0; padding: 0;} form {margin:0; padding: 0; display: inline;} :link, :visited, :hover, :active, :focus {outline-style:none; } /* hack Firefox - no dotted border on focus */ .spacer {clear: both;} /* ======= HEADER ======= */ #header {margin: 0 auto; clear: both; width: 960px;} #header h1 {margin: 0; padding: 0;height: 130px;} #header h1 img {display: block;} #header ul {display:block; width: 960px; height: 40px; padding:0; margin:0; background: url(img/bg-ul-mainmenu.gif) left top no-repeat; color: #547483;} #header ul li {display: block; width: 155px; height: 30px; padding: 0; margin: 10px 0 0 6px; list-style: none; float: left; text-align: center; } #header ul li a {display: block; width: %; height: 23px; padding: 7px 0 0 0; text-decoration: none;} #header ul li a:hover {background: url(img/bg-ul-mainmenu-hover.gif) left top repeat-x; height: 21px; margin: 0;} #header ul li.first {margin: 10px 0 0 0;} #header ul li.on {background: #fff; padding: 7px 0 0 0;} #header ul li.on span { border-bottom: 2px solid #becd00;} *+html #header ul li.on {line-height: 2em; padding: 1px 0 0 0;} /* ======= PAGE ======= */ #page {margin: 15px auto; clear: both; width: 960px;} /* PAGE > pageMenu */ #page #pageMenu {position: fixed; width: 220px; min-height: 425px; margin: 0; padding: 5px 23px 0 0; background: url(img/bg-page-pagemenu.gif) right top no-repeat;} * html #page #pageMenu {position: absolute; height: 425px;} /* ie6 Fix */ #page #pageMenu strong {display: block; height: 17px; padding: 3px 0 0 22px; font-size: 1.1em; color: #fff; text-transform: uppercase; background: #547483 url(img/puce-pagemenu-arrow.gif) left top no-repeat;} #page #pageMenu ul {padding: 10px 0 10px 10px;} #page #pageMenu ul li {list-style: none; background: url(img/puce.gif) 1px 3px no-repeat; padding: 2px 0 2px 12px;} #page #pageMenu ul li.topLink {background: url(img/puce-top.gif) 0px 3px no-repeat} * html #page #pageMenu ul li.topLink {display: none;} /* ie6 fix - uselesss item cuz no f*cking ie6 fixed position */ #page #pageMenu ul li a {text-decoration: none;} #page #pageMenu ul li a:hover {text-decoration: underline;} /* PAGE > pageContent */ #page #pageContent {float: right; width: 700px; margin: 0; padding: 5px 0 0 0;} #page #pageContent h2 {height: 20px; padding: 5px 0 0 30px; font-size: 1.7em; color: #fff; text-transform: uppercase; background: #547483 url(img/bg-pagecontent-h2.jpg) left top no-repeat; clear: both;} #page #pageContent h3 { padding: 3px; margin: 0; font-size: 1em; color: #fff; text-transform: uppercase; background: #becd00; clear: both; } /* SPIP styles */ #page #pageContent .articleHeader {font-weight: bold; color: #547483; font-size: 1.1em; padding: 0 0 5px 0;} #page #pageContent .articleBody {padding: 10px 0; line-height: 1.3em;} #page #pageContent .articleBody p {padding: 5px 0;} #page #pageContent h3.spip {margin: 5px 0;} #page #pageContent .rubriqueHeader {font-weight: bold; color: #547483; font-size: 1.1em; padding: 10px 0 0px 0;} /* Logos, documents et images */ .spip_documents { text-align: center; line-height: normal; } .spip_documents p { margin: 0.10em; padding: 0; } .spip_documents_center { display: block; clear: both; width: 100%; margin: 0 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.90em; } .spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; } /* Form */ div.formulaire_spip {margin:0 0 70px 0;} form ul li {list-style: none;} form fieldset {padding: 10px 10px 0 10px; border:1px solid #ddd;} form fieldset legend {color: #212d33; } * html form fieldset legend {margin-bottom:10px;} /* ie6 */ *+html form fieldset legend {margin-bottom:10px;} /* ie7 */ form fieldset.previsu {border-color : #becd00; margin-bottom: 30px;} form fieldset input, form fieldset textarea {margin: 2px 0 10px 0; padding: 3px; background: #fff; width: 664px; border:1px solid #547483;} form fieldset input.submit, form input.submit {margin: 10px; float: right; width: 220px;padding: 3px; background: #547483; color: #fff; border:1px solid #547483;} form .erreur_message {color: #ff0000; font-weight: bold;} form p.reponse_formulaire_ok {font-size: 1.4em; font-weight: bold; color:#547483;} /* CUSTOM : sommaire.html */ #home #page {margin: 0 auto 20px auto;} #home #page #pageMenu {position: static; float: left; margin: 8px 0 0 0;} #home #page #pageMenu h2 {height: 17px; padding: 3px 0 0 22px; font-size: 1.1em; background: #547483 url(img/puce-pagemenu-arrow.gif) left top no-repeat; color: #fff; text-transform: uppercase; clear: both;} #home #page #pageMenu ul {padding: 10px 0 5px 10px;} #home #page #pageMenu ul li {padding: 1px 0 1px 12px;} #home #page #pageMenu strong {display: static; height: auto; padding: 0; font-size: 1em; color: #212d33; text-transform: none; background: none;} #home #page #pageMenu ul.homeActuUne li p {} #home #page #pageMenu a.homeMenuVoir {float: right; padding: 0 0 10px 0; font-size: 0.86em; font-weight: bold; text-transform: uppercase; text-decoration: none;} #home #page #pageContent {padding: 0;} #home #page #pageContent img.spip_logos {display: block; width:700px; height: 300px; padding: 15px 0 0 0; background: #becd00 url(img/bg-home-pagecontent-img.jpg) left top no-repeat;} #home #page #pageContent h2 {height: 21px; padding: 9px 0 20px 27px; font-size: 1.7em; color: #fff; background: #becd00 url(img/bg-home-pagecontent-h2.gif) left bottom no-repeat; text-transform: uppercase;} /* CUSTOM : rubrique=2.html - L'Association */ #page #pageContent ul.trombi {float: left; padding: 0 0 20px 0; } #page #pageContent ul.trombi li {display: block; float: left; width: 220px; height:240px; margin: 0 20px 0 0; background: #547483 url(img/bg-pagecontent-li-trombi.jpg) left top no-repeat; text-align: center; color: #fff;} #page #pageContent ul.trombi li.singleItem {float: none; margin: 0 auto;} #page #pageContent ul.trombi li.noMargin {margin: 0;} #page #pageContent ul.trombi li img {display: block; padding: 13px 0; margin: 0 auto; height: 170px;} #page #pageContent ul.trombi.lines3 li img {padding: 13px 0 7px 0;} #page #pageContent ul.trombi li strong {color: #becd00; text-transform: uppercase;} #page #pageContent #membersList { width: 700px; padding: 10px 0 20px 0;} #membersList ul {list-style: none;} /* ONGLETS 'tri des membres' */ .ui-tabs-nav {float: left; position: relative; z-index: 1; bottom: -1px;} .ui-tabs-nav ul {display: block; float: left; list-style: none;} .ui-tabs-nav li {float: left;} .ui-tabs-nav li a {float: left; width: 339px; padding: 2px 2px 0 5px; margin: 0; font-size: 1em; color: #bbb; border: 2px solid #fff; text-transform: uppercase; font-weight: bold; text-decoration: none;} .ui-tabs-nav li a:hover {color: #212d33; background: #eee;border: 2px solid #eee; text-decoration: none;} .ui-tabs-nav li.ui-tabs-selected {} .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {background: #becd00; color: #fff; border: 2px solid #becd00; cursor: default;} .ui-tabs-panel {clear:left; border-top: 2px solid #becd00; padding: 10px 0 10px 0; margin:0; float: left;} .ui-tabs-hide {display: none;} /* tables liste des membres */ #page #pageContent #membersList table {margin: 0px auto;width: 700px;border-collapse: collapse; text-align: left; table-layout: fixed;} #page #pageContent #membersList table tbody tr.whiteRow {background: #fff;} #page #pageContent #membersList table tbody tr.grayRow {background: #eee;} #page #pageContent #membersList table tbody tr td {padding: 5px; vertical-align: middle;} #page #pageContent #membersList table#parOrganeTable tbody tr td {vertical-align: top;} #page #pageContent #membersList table tbody tr td.col75 {width: 75%;} #page #pageContent #membersList table tbody tr td.col30 {width: 30%;} /* CUSTOM : rubrique=3.html - Activites */ #page #pageContent #laureatListe {padding: 0px; float: right; margin: 0 0 20px 0;} #page #pageContent #laureatListe .laureatLogo {float: left; width:200px; height: 200px; padding: 20px 10px 0 10px; margin: 20px 0 0 0; background: #547483 url(img/bg-pagecontent-laureatlogo.jpg) left top no-repeat; text-align: center; clear: left;} #page #pageContent #laureatListe h3 {float: right; clear: none; width: 460px; padding: 0; background: none; color: #547483; font-size: 1.6em; line-height: 1.4em; text-transform: none;} #page #pageContent #laureatListe h4 {float: right; width: 460px; color: #547483; font-size:1.1em; margin: 20px 0 0 0;} #page #pageContent #laureatListe strong.voirDescriptif {float: right; width: 440px; height: 15px; padding: 1px 20px 1px 0px; background:#becd00 url(img/puce-toggle-plus.gif) 444px 1px no-repeat;color: #fff; text-align: right; text-transform: uppercase;} #page #pageContent #laureatListe .ui-accordion-header {cursor: pointer;} #page #pageContent #laureatListe .ui-accordion-header:hover {color:#547483;} #page #pageContent #laureatListe .ui-accordion-header.selected {background:#becd00 url(img/puce-toggle-minus.gif) 444px 1px no-repeat;} #page #pageContent #laureatListe .articleBody {float: right; width: 460px; padding: 10px 0 0 0; border-bottom: 2px solid #becd00;} /* CUSTOM : rubrique=4.html - Publications */ #page #pageContent ul#bulletinDwnld {display: block; padding: 0; margin: 20px 0 0 0;} #page #pageContent ul#bulletinDwnld li { display: block; float: left;list-style: none; margin: 0 0 20px 0;} #page #pageContent ul#bulletinDwnld li a {display: inline; float: left; width: 140px; height:50px; margin: 0 20px 0 0; padding: 10px 0 0 80px; background: url(img/img-picto-pdf.gif) 20px top no-repeat; color: #212d33; text-decoration: none;} #page #pageContent ul#bulletinDwnld li a strong {color: #547483} #page #pageContent ul#bulletinDwnld li a.noMargin {margin: 0;} #page #pageContent ul#bulletinDwnld li a:hover strong {color: #212d33; text-decoration: underline;} #page #pageContent #publicationsListe {padding: 0px; float: right; margin: 0 0 20px 0;} #page #pageContent #publicationsListe .publicationsLogo {float: left; width:200px; height: 200px; padding: 20px 10px 0 10px; margin: 20px 0 0 0; background: #547483 url(img/bg-pagecontent-publicationslogo.jpg) left top no-repeat; text-align: center; clear: left;} #page #pageContent #publicationsListe h3 {float: right; clear: none; width: 460px; padding: 0; background: none; color: #547483; font-size: 1.6em; line-height: 1.4em; text-transform: none;} #page #pageContent #publicationsListe h4 {float: right; width: 460px; color: #547483; font-size:1.1em; margin: 20px 0 0 0;} #page #pageContent #publicationsListe strong.voirDescriptif {float: right; width: 440px; height: 15px; padding: 1px 20px 1px 0px; background:#becd00 url(img/puce-toggle-plus.gif) 444px 1px no-repeat;color: #fff; text-align: right; text-transform: uppercase;} #page #pageContent #publicationsListe .ui-accordion-header {cursor: pointer;} #page #pageContent #publicationsListe .ui-accordion-header:hover {color:#547483;} #page #pageContent #publicationsListe .ui-accordion-header.selected {background:#becd00 url(img/puce-toggle-minus.gif) 444px 1px no-repeat;} #page #pageContent #publicationsListe .articleBody {float: right; width: 460px; padding: 10px 0 0 0; border-bottom: 2px solid #becd00;} /* CUSTOM : rubrique=5.html - Quai d'Orsay */ #page #pageContent ul.quaidOrsay {float: left; padding: 0 0 20px 0; } #page #pageContent ul.quaidOrsay li {display: block; float: left; width: 340px; height:220px; margin: 20px 20px 0 0; background: #547483 url(img/bg-pagecontent-li-quaidorsay.jpg) left top no-repeat; text-align: center; color: #fff;} #page #pageContent ul.quaidOrsay li.singleItem {float: none; margin: 20px auto 0 auto;} #page #pageContent ul.quaidOrsay li.noMargin {margin: 20px 0 0 0;} #page #pageContent ul.quaidOrsay li img {display: block; float: left; padding: 23px 0 0 10px; margin: 0 auto; height: 170px;} #page #pageContent ul.quaidOrsay li p{display: block; float: right; width: 170px; padding: 100px 10px 0 0} #page #pageContent ul.quaidOrsay li p strong {color: #becd00; text-transform: uppercase;} /* ======= FOOTER ======= */ p#footer {clear: both; width: 700px; text-align: center; margin: 20px 0; padding: 10px 0; border-top: 2px solid #becd00; text-transform: uppercase; font-size: 0.86em; line-height: 1.2em;font-weight: bold; color:#547483;} p#footer a {text-decoration: none;} p#footer a:hover {text-decoration: underline;} p#footer span {color: #becd00;} p#footer span.lowerCase {text-transform: none; color: #547483;}