/********************************************************* * CSS screen * * name: purple is my crown * * date: 2009.09.24 * author: erational * version: 0.6 * licence: GPL * **********************************************************/ @import "layout.css"; /***************** * tags *****************/ body { color: #4C4C4C; background:#F4F4F4 url(../img/bg_color.png) repeat-y top center; font-family:Arial, Helvetica, verdana, sans-serif;} h1,h2,h3,h4,h5,h6,p,div,form { margin:0;padding:0;} a { color:#FF8400; text-decoration:none; } a:hover { color:#03377D; } img {border:0;} hr {height:0;border:0;clear:both;} table {margin:0;border-collapse:collapse;/*width:95%;*/} table.spip {margin:-0.8em 0 0.6em 0;} td {font-size:0.8em;} form { margin: 0; padding-left: 5px; } form li {list-style:none;margin:0;padding:0;} fieldset {border:0;} legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;} label {display:block;font-weight:bold;} label span {color:red;} textarea {font-family:Arial, Helvetica, verdana, sans-serif;font-size:1em;} /* FF fix*/ /***************** * bodywrap *****************/ #bodywrap {} /***************** * banner *****************/ #banner {} #banner .inside {background:#2D67B4 url(../img/bg_banner.png) repeat-x top left;} #banner h1,#banner h2{display:none;} #banner img {margin:0;} #banner a {font-weight:bold;color:#F9B700;} #banner a:hover {color:#fff;} #blogo {float:right;width:460px;} #blonget {position:absolute;top:78px; } #blonget ul {margin:0 0 0 12px;padding:0;} #blonget li {list-style:none;margin:0;padding:0;display:inline;} #blonget li a {display:block;width:90px;text-align:center;background:transparent url(../img/bg_onglet.png) no-repeat top center;padding:5px 0;float:left;margin-right:9px;} #blonget li a:hover {background:transparent url(../img/bg_onglet_over.png) no-repeat top center;} /* langue */ #navlang {margin:0;padding:7px;font-size:.8em;} #navlang a {margin-left:3px;} #navlang a.contact {margin-right:10px;} #navlang a.on {border:1px solid #BDB692; padding:2px;background:#F4F3E1;border:1px solid #726E5C;} /***************** * navbar *****************/ #navbar {clear:both;font-size:11px;} #navbar div {text-align:left;background:#F9B700;height:32px;} /* menu */ #navbar .submenu { color:#fff;width:95px;float:left;text-align:center;} #navbar .doublesize {width:110px;} #navbar .submenu a {display:block;text-decoration:none;font-weight:bold;} #navbar .submenu a.on {background:#FFF;color:#F9B700;} #navbar .submenu a.first {border-left:1px solid #E8E8E8;} #navbar .submenu h3 {font-weight:normal;font-size:1em;text-transform:uppercase;} #navbar .submenu h3 a {color:#fff;padding:0.8em 0;} #navbar .submenu h3 a:hover {background:#D7D7FF;color:#437889;} #navbar .submenu ul { list-style:none;text-align:left;margin:0;padding:0; position:relative;height:0; /* surtout ne pas mettre de top ou left (casse le rollver) */ display:none; /* on masque les sous-menus pour les vieux navigateurs sans javascript */ z-index:50; /* empeche le chevauchement sur la home avec jquery cycle */ } #navbar .submenu ul li a {background:#D7D7FF;color:#4C4C4C;font-size:1em;padding:3px 6px;width:218px; border-left:1px solid #e8e8e8;font-weight:normal;} #navbar .submenu ul li a:hover {background:#F9B700;color:#fff;} /* formulaire recherche */ #navbar form {float:right;display:inline;margin-top:7px;} #navbar form div {/*display:inline;*/width:140px;height:16px;margin-right:13px;background:#fff;border:1px solid #fff;} #navbar label {display:none;} #navbar input {float:left;} /* bug IE espace blanc*/ #navbar input.text {border:0px solid #fff;font-size:11px;width:120px;margin:0;padding:0 0 0 2px;} #navbar input.image {margin:0;padding:0;} /***************** * container *****************/ #container {clear:both;} /***************** * footer *****************/ #footer {clear:both;font-size:0.88em;padding:20px 0 5px 0;text-align:center;} #footer div {width:625px;margin:0 auto;text-align:center;padding-right:260px;} #footer ul {list-style:none;padding:0;} #footer li {margin:0;padding:0 10px;display:inline} #footer a {text-decoration:none;color:#6F6F6F;font-size:.94em;} #footer a:hover {color:#000;} #footer a.rss {background:transparent url(../img/but_rss.png) no-repeat center right;padding:5px 20px 5px 0;} #footer p {font-size:0.96em;margin:2em 0 .6em 0;line-height:1.6em;} /***************** * left menu *****************/ #menul {} /* le formulaire newsletter */ #menul .newsletter-fr { width:226px; height:110px; background:transparent url(../img/menul_newsletter_fr.png) no-repeat top left; } #menul label {display:none;} #menul input.text {background:#fff;font-size:9px; border:1px solid #ccc;border-bottom:1px solid #aaa;border-right:1px solid #aaa; position:relative;top:40px; left: 60px; width:110px; } #menul input.image {position:relative;top:40px; left: 60px;} #menul input.submit {position:relative;top:40px; left: 60px;background:#FFAC41;color:#fff;border:none;font-size:9px;} #menul input.submit:hover {background:#D17908;} #menul .reponse_formulaire_erreur, #menul .formulaire_ok {font-size:.9em;text-align:left;} /* les blocks txt */ #menul a {text-decoration:none;} #menul a.spip_out{padding:0;margin-right:4px;background:transparent;} #menul ul {margin:0;padding:0;list-style-type:none;} #menul ul li a {color:#5B5B5B;display:block;padding:5px;font-size:.8em;} #menul ul li.on a { /*background:#FBFBFB;*/font-weight:bold; } #menul .block {margin-top:1.2em;width:214px;padding-top:21px;} #menul .bleu-fr {background:#E0E7EF url(../img/menul_more_fr.png) no-repeat top left;} #menul .bleu-en {background:#E0E7EF url(../img/menul_more_en.png) no-repeat top left;} #menul .bleu ul li a:hover {background:#C3D0DF;} #menul .bleu ul li {border-bottom:1px solid #DCE2E8; } #menul .orange-fr {background:#FFE7A2 url(../img/menul_agenda_fr.png) no-repeat top left;} #menul .orange-en {background:#FFE7A2 url(../img/menul_agenda_en.png) no-repeat top left;} #menul .orange ul li a:hover {background:#EED58E;} #menul .orange ul li {border-bottom:1px solid #F4E2AC; } #menul .gris-fr {background:#F1F1F2 url(../img/menul_web_fr.png) no-repeat top left;} #menul .gris-en {background:#F1F1F2 url(../img/menul_web_en.png) no-repeat top left;} #menul .gris ul li a:hover {background:#DBDBDB;} #menul .gris ul li {border-bottom:1px solid #EAEAEA; } /***************** * content *****************/ #content {font-size:0.88em;color:#50534D;} #content h1,#content h2,#content h3 {color:#003479;} #content h1 { font-size: 1.8em; margin:0.8em 0 0.4em 0;} #content h1 a {text-decoration:none;} #content h1 a span {color:#8D8E8D;font-size:0.8em;font-weight:normal} #content h1 a img {border:1px solid #fff;} #content h1.hidden {display:none;} #content h2, #content h3{ font-size: 1.2em; margin:0.3em 0 0.2em 0;} #content h3 {margin-top:1em;} #content label.inline {display:inline;} #content p{margin:0.2em 0 0.8em 0;} #content #ariane {color:#4E4848;background:transparent url(../img/bg_ariane.png) no-repeat center left;padding-left:20px;} #content #ariane a {text-decoration:none;color:#5D5F48;} #content #ariane a.on {text-decoration:none;font-weight:bold;} #content #ariane a:hover,#content #ariane a.on:hover {color:#000;} #content #ariane h1 {display:inline; } #content .surtitre {font-weight:bold;margin:1em 0 -1em 0;} #content .surtitre2 {font-weight:bold;margin:1.2em 0 0 0;} #content .soustitre {} #content .texte {} #content .descriptif {} #content .chapo {font-weight:bold;margin-bottom:1em;} #content .date {clear:both;margin:1em 0; color:#B2B5A5;} #content .license_detail {clear:both;margin: 0; color:#B2B5A5;} #content .auteur {margin-bottom:1em; color:#B2B5A5;} #content .auteur a {text-decoration:none;font-weight:bold;} #content .note {font-size:0.88em;border-top:1px solid #eee;padding-top:0.5em;margin-top:1em;} #content .pagination {margin:1em 0;} #content .toppage {float:right;width:30px;} #content .article_preview {margin-top:1.2em;} #content .article_preview h1 {margin:0;font-size:1.4em;} #content .article_preview h2 {margin:0 0 .2em 0;font-size:1.8em;} #content .article_preview .meta_date {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:right;margin:3px 0px 3px 8px;padding:10px 2px;} #content .article_preview .meta {margin-bottom:0.5em;font-size:0.92em;} #content .article_preview small {display:block;text-align:right;margin-bottom:.6em;} #content .article_preview_liner {padding:12px 10px;border-bottom:1px solid #eee;margin:0 !important;} #content .article_preview_even {background:#F7F1F0;} #content .article_preview_even h2 {color:#9E8D8A;} #content .printer {float:right;width:50px;text-align:right;margin:2em 0 1em 0;} #content .printer a img, #content .printer a:hover img {border:0;} /* social tags (non w3c valid) */ #content .socialtags-hovers { opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); } /* forum */ #content a.forum {margin:2.2em 0 1em 0;text-decoration:none;display:block;padding:4px 0 4px 37px;font-weight:bold;color:#B1B686;background:transparent url(../img/but_forum.png) no-repeat center left;} #content ul#forums {list-style:none;margin:0;padding:0;} #content ul#forums {margin:2em 0 0 0;padding:0;list-style:none;} #content ul#forums li {padding:6px;clear:both;} #content ul#forums li.odd {} #content ul#forums li.even {background:#fafafa;} #content ul#forums {text-decoration:none;font-weight:bold;} #content ul#forums strong {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:left;margin:3px 8px 3px 0;padding:10px 2px;} #content ul#forums span {font-weight:normal;color:#8D8E8D;} #content ul#forums div {font-weight:normal;margin:0.4em 0;padding:0 0 0 95px;} /* listes */ #content ul.puce, #content ul.puce2 { margin: 0 0 0 45px;padding: 0; line-height: 1.3em;} #content ul.puce li, #content ul.puce2 li { list-style-type: none;} #content ul.puce li a {list-style-type:circle;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce1.gif) no-repeat 0 0;} #content ul.puce2 {margin-top:1em;} #content ul.puce2 h2 {font-size:1em;} #content ul.puce2 li a {list-style-type:circle;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce2.gif) no-repeat center left;font-weight:bold;font-size:1.2em;} #content ul.puce2 ul {margin: 0;padding: 0;/*border-bottom:1px solid #F2F6DF;*/ background:#F7F1F0;margin-bottom:1.4em;} #content ul.puce2 ul li {border-top:1px solid #fff;margin:0;padding:3px 3px 3px 24px;} #content ul.puce2 ul li a {list-style-type:none;text-decoration: none;padding-left:0;background:transparent;font-size:1em;} /* #content a img {border:1px solid #aaa;} #content a:hover img {border:1px solid #0171bb;} #content a.discrete img {border:none;} */ #content #portfolio {margin:1.2em 0 0 0;} #content #portfolio .gallery-thumb {width:140px;height:200px;float:left;} #content #portfolio .gallery-thumb img {border:1px solid #fff;} #content #portfolio .gallery-thumb img:hover {border:1px solid #697FC7;} #content .docjoint {float:left;width:150px;margin:15px 25px 0 0;} #content .docjoint a img{border:0;} #content .cadre {border:1px solid #57D300;} #content .bicol {width:45%;float:left;margin:0 10px 0 0;} #content .bicol h3 {color:#fff; font-size:1.1em;background:#57D300;padding:2px;margin:0;} #content .bicol ul {padding:0;margin:4px 4px 15px 4px;list-style-type:none;} #content .bicol ul li {margin-bottom:4px;font-size:0.98em;} #content .bicol ul li a {padding:0;margin:0;text-decoration:none;} #content .bicol ul li a.on {color:#d00;} #content .puce_active ul.spip {margin-left:18px;list-style-type:disc !important;} #content ul.discrete {padding:0;margin:0;list-style-type: none;} #content ul.discrete li {padding:5px;/*border-bottom:1px solid #ddd;*/margin-bottom:5px;} #content ul.discrete li.odd0 {background:#76c9ff;/*#DDEEF9;*/} #content ul.discrete li.odd1 {background:#d2e7ff;/*#F2F8FF;*/} #content ul.discrete li a {padding:0;margin:0;text-decoration:none;} #content .item_syndic {background:#fafafa;padding:5px;margin-bottom:20px;} #content .item_syndic ul.discrete {background:#f0f0f0;} /* page recherche */ #content .formulaire_recherche label {display:none;} /* page sommaire*/ #content #home_focus_container { background:#f4f4f4;border:5px solid #f4f4f4;margin-bottom:10px; position:relative; z-index:1; /* http://www.mail-archive.com/jquery-en@googlegroups.com/msg85660.html */ } #content .home_focus_item {padding:5px;} #content .home_focus_item .illus {float:left;width:140px;text-align:left;} #content .home_focus_item .texte {float:left;width:430px;text-align:left;} #content .home_focus_item h1 {font-size:1.4em; margin:1em 0 0 0;} #content #home_focus_thumb {margin:-5px 0 0 0 ;} #content #home_focus_thumb ul {list-style:none;margin:0;padding:0;} #content #home_focus_thumb li {float:left;} #content .home_thumb_item {float:left;width:130px;border:5px solid #fff;/*#F9B700;*/} #content .home_thumb_item .legende { display:block;width:130px;font-size:0.9em; /*height:60px;position:relative;top:-70px; */ } #content .home_thumb_item .legende a {/*color:#fff;*/} #content .homebloc {width:285px;display:block;margin:10px 15px 0 0;float:left;font-size:.92em;} #content .nomarginright {margin-right:0;} #content .homebloc img.spip_logos {margin:0 5px 0 0;float:left;border:0;} #content .homebloc a {text-decoration:none;color:#50534D;} #content .homebloc a:hover {color:#3C7FC2} #content .homebloc h3 {font-size:1.1em;width:100%;text-align:right;color:#fff;background:#2A64B2;padding:2px 5px;margin:0;} /* agenda */ #content .event {border-top:1px solid #eee;padding:5px 0;clear:both; } #content .event a {text-decoration:none;} #content .event h2 {font-size:1.2em;margin-bottom:0;} #content .event h3 {float:right;width:300px;text-align:right;} #content .event h4 span {font-weight:normal;color:#888;} #content .event .illus {float:left;width:50px;padding-top:0.75em;} #content .event .illus img {padding-bottom:5px;} #content .event .event2 {float:left;width:570px;margin-bottom:1em;border-left:15px solid #B1B686;padding-left:24px;} /***************** * content > right menu *****************/ #content #more {background:#fefcc4;font-size:.9em;} #content #more ul{padding:0;margin:0.5em 0.5em 0.5em 0;list-style-type: none; } #content #more ul li{} #content #more ul li a {padding:0;margin:0;color:#aba84e;text-decoration:none; background:transparent;} #content #more ul li a.on {font-weight:bold;} #content #more ul li a:hover {color:#4b4a24;} /***************** * misc *****************/ .spacer { clear: both; } a.discrete {color: #4C4C4C;} a.discrete:hover { color:#FF8400; } /***************** * page lettre.html (formulaire) *****************/ .row { clear: both; padding-top: 10px; } .row label { float: left; width: 90px; padding-right:20px; text-align: right; } .required {color:#f00;} .warning { margin: 5px; padding: 15px 15px 15px 60px; background: #fff url(../img/but_warning.png) no-repeat 5px 5px;} .congratulation { margin: 5px; padding: 15px 15px 15px 60px; background: #fff url(../img/but_congratulation.png) no-repeat 5px 5px;} .hidden {display:none;} /***************** * spip (reprise de dist + spip-contrib) *****************/ /* lien */ a.spip_out{text-decoration:underline;padding-right:14px;margin-right:4px;background:transparent url(../img/spip_out.gif) no-repeat right;} a.spip_in {/*border-bottom:1px dashed;*/} #content a.spip_in img {border:0px #fff !important;} /* Document (version 2009.10.10) */ .spip_doc_titre {font-size:0.8em;} dl.spip_documents {width:120px;} #content .spip_documents a.spip_out {background:transparent !important;text-decoration:none!important;border:0px #fff !important;} /* pour eviter les bordures sur lien img [->url] */ .spip_documents_left { float: left; margin-right: 8px; margin-bottom: 8px;} .spip_documents_right { float: right; padding-left: 8px; padding-bottom: 8px;} dl.spip_documents_center, .spip_documents_center { display: block !important; float:none;text-align: center; margin: 5px auto;} .spip_doc_titre, .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; } img.spip_logos {margin:0 8px 8px 0 !important;} #content .spip_documents a img {border:0 !important;} /* Paragraphes, citations, code et poesie */ blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; } blockquote, blockquote.spip { margin: 1em 0; padding : 4px 1em 4px 1em; border: 1px solid #CCC; border-left: 4px solid #A0C0E0;color: #333;} .spip_poesie { margin: 1em; padding-left: 1em; border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; } .spip_poesie div { text-indent: -60px; margin-left: 60px; } tt, .spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em;} .spip_code { color: #345DA4; } tt { color: #333; } .spip_cadre { width: 98%; padding: 4px; padding-top: 0.5em; background: #eee; color: #3465a4; border: 1px inset #eee; border-left: 4px solid #345DA4;} .spip_surligne {background: yellow;} /* Formulaires */ .reponse_formulaire {padding:5px;background:#efefef;} .formulaire_ecrire_auteur {margin:1.2em 0 0 0;} .formulaire_ecrire_auteur label {display:block;} .formulaire_ecrire_auteur ul {list-style:none;margin:0;} .formulaire_spip fieldset ul {padding:.2em;} .formulaire_lettre {background:#F7F1F0;margin:1.2em 0 0 0;padding-top:1em;} .formulaire_lettre .reponse_formulaire {margin:1em;background:#fff;border:2px dashed #DD9085;} .formulaire_lettre label {float:left;padding-right:8px;text-align:right;width:200px;} .formulaire_don {background:#F1F1F1;padding:5px;line-height:1.6em;margin-bottom:1em;} .formulaire_don_bicol {float:left;margin-top:10px;width:250px;text-align:center;padding:5px;} .formulaire_don_bicol img {vertical-align:middle;margin-right:8px;} .formulaire_don small {display:block;text-align:right;} .formulaire_don2 {background:#F1F1F1;padding:5px;line-height:1.6em;margin-bottom:1em;} .formulaire_don2 label {float:left;width:140px;text-align:right;margin-right:5px;} .formulaire_don2 li {clear:both;margin-bottom:0.2em;} /* Tableaux */ table.spip { margin: auto; margin-bottom: 1em; border: 1px solid; border-collapse: collapse; font-size:14px; font-weight:bold; } table.spip caption { caption-side: top; text-align: center; margin: auto; padding: 3px; font-weight: bold; } table.spip tr.row_first { background: #FFC; } table.spip tr.row_odd { background: #DDD; } table.spip tr.row_even { background: #EEE; } table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; } table.spip a img {border:0;} /* CVT */ .reponse_formulaire_erreur {color:#900;} .formulaire_ok {color:#090;} .erreur_message {color:#900;float:right;font-size:x-small;} li.erreur input {background:#f90;color:#fff;} /* plugin liens ouvrants (overide) */ body a[hreflang]:after { display:none; } body a.external {padding-right:0;background:transparent;}