[THEME] Habillage du site facon v2
[lhc/web/www.git] / www / themes / theme_lhc / habillage.css
diff --git a/www/themes/theme_lhc/habillage.css b/www/themes/theme_lhc/habillage.css
new file mode 100644 (file)
index 0000000..ce4f9cb
--- /dev/null
@@ -0,0 +1,735 @@
+\r
+h3.spip {\r
+    text-align: left;\r
+}\r
+#hierarchie {\r
+    clear: both;\r
+    font-size: 0.9em;\r
+    margin-bottom: 2em;\r
+}\r
+#hierarchie, #hierarchie a {\r
+    color: #666666;\r
+}\r
+.cartouche {\r
+    margin-bottom: 2em;\r
+}\r
+.cartouche .spip_logos {\r
+    float: right;\r
+    margin-bottom: 4px;\r
+    margin-left: 16px;\r
+}\r
+.cartouche p {\r
+    clear: left;\r
+    margin: 0;\r
+    padding: 0;\r
+}\r
+.surtitre, .soustitre {\r
+    color: #666666;\r
+    font-size: 0.9em;\r
+    letter-spacing: 0.1em;\r
+    text-transform: uppercase;\r
+}\r
+.cartouche .surtitre {\r
+    margin-bottom: 0.3em;\r
+}\r
+.cartouche .soustitre {\r
+    margin-bottom: 0.3em;\r
+    margin-top: 0.5em;\r
+}\r
+.cartouche .traductions {\r
+    font-size: 0.9em;\r
+}\r
+.chapo {\r
+    color: #666699;\r
+    font-weight: bold;\r
+    line-height: 1.4em;\r
+    margin-bottom: 1.5em;\r
+}\r
+.texte {\r
+    line-height: 1.6em;\r
+}\r
+.hyperlien {\r
+    background: none repeat scroll 0 0 #EEEEEE;\r
+    display: block;\r
+    font-weight: bold;\r
+    padding: 0.5em 1em;\r
+}\r
+.ps, .notes {\r
+    line-height: 1.4em;\r
+    margin-bottom: 2em;\r
+}\r
+.notes {\r
+    clear: both;\r
+    font-size: 0.9em;\r
+}\r
+abbr.published {\r
+    border: 0 none;\r
+}\r
+.documents_portfolio {\r
+    clear: both;\r
+    margin: 2em auto;\r
+    text-align: center;\r
+}\r
+.documents_portfolio .spip_logos {\r
+    border: 1px solid #DDDDDD;\r
+    margin: 6px 3px 0;\r
+    padding: 4px;\r
+}\r
+.documents_portfolio a:hover .spip_logos {\r
+    border-color: #F57900;\r
+}\r
+.documents_portfolio a.on .spip_logos {\r
+    border-color: #8B6F92;\r
+}\r
+#document_actif {\r
+    margin: 1em auto;\r
+}\r
+#document_actif img {\r
+    border: 1px solid #DDDDDD;\r
+    padding: 4px;\r
+}\r
+.pagination {\r
+    clear: both;\r
+    color: #666666;\r
+    font-size: 0.95em;\r
+    text-align: right;\r
+}\r
+.pagination .on {\r
+    color: #666666;\r
+    font-weight: bold;\r
+}\r
+.menu-liste, .liste-items {\r
+    list-style: none outside none;\r
+}\r
+.liste-items {\r
+    border-bottom: 20px solid #EBEBEB;\r
+}\r
+.liste-items .item {\r
+    border-bottom: 3px dashed #000000;\r
+    border-top: 3px dashed #000000;\r
+    clear: both;\r
+    margin-bottom: 15px;\r
+    overflow: hidden;\r
+    padding: 5px;\r
+}\r
+.liste-items + .pagination {\r
+    margin-top: 0;\r
+    padding-top: 0;\r
+}\r
+.menu-liste {\r
+    margin: 7px 0 8px;\r
+    padding: 0;\r
+    text-align: left;\r
+}\r
+.menu-liste .menu-entree {\r
+    list-style: none outside none;\r
+    margin: 0 2px;\r
+    padding: 5px;\r
+}\r
+* html body .menu-liste .menu-entree {\r
+    height: 1%;\r
+}\r
+.menu-liste .menu-entree a {\r
+    background-image: none;\r
+    border-bottom: medium solid #FFFF00;\r
+    color: #000000;\r
+    text-decoration: none;\r
+}\r
+.menu-liste .menu-entree a:hover {\r
+    background: none repeat scroll 0 0 #FFFF00;\r
+    color: #333333;\r
+    margin-top: 15px;\r
+}\r
+.menu-liste .menu-liste {\r
+    margin-left: 5px;\r
+    padding: 0;\r
+}\r
+.menu-liste .menu-liste .menu-entree {\r
+    border: medium none;\r
+}\r
+.formulaire_recherche {\r
+    margin-bottom: 2em;\r
+}\r
+.repondre {\r
+    clear: both;\r
+    font-style: italic;\r
+    font-weight: bold;\r
+    margin-right: 1em;\r
+    margin-top: 0;\r
+    text-align: right;\r
+}\r
+ul.forum {\r
+    clear: both;\r
+    display: block;\r
+    margin: 0;\r
+    padding: 0;\r
+}\r
+ul.forum, ul.forum ul {\r
+    list-style: none outside none;\r
+}\r
+ul.forum, ul.forum ul {\r
+    border-color: #F0F0F0;\r
+    border-style: solid;\r
+    border-width: 10px 10px 0;\r
+    margin: 12px 10px;\r
+    padding: 0;\r
+}\r
+ul.forum ul.spip {\r
+    border: 0 none;\r
+}\r
+ul.forum ul {\r
+    margin: 0;\r
+}\r
+.forum li {\r
+    border-bottom: 15px solid #F0F0F0;\r
+    list-style: none outside none;\r
+    margin: 0;\r
+    padding: 10px;\r
+}\r
+.forum ul.spip li {\r
+    border: 0 none;\r
+    padding: 0;\r
+}\r
+.forum li cite {\r
+    display: block;\r
+    font-style: normal;\r
+    font-weight: bold;\r
+    padding: 7px;\r
+}\r
+.forum li cite img {\r
+    float: left;\r
+    margin-right: 10px;\r
+}\r
+.forum li cite .forum-chapo {\r
+    font-size: 0.8em;\r
+    font-weight: normal;\r
+}\r
+.forum li .forum-texte {\r
+    clear: both;\r
+    margin: 0;\r
+    padding: 0;\r
+}\r
+.forum li.alt {\r
+    background: none repeat scroll 0 0 #F8F8F8;\r
+}\r
+tables.spip tr, tables.spip tr.row_odd, tables.spip tr.row_even {\r
+    background: none repeat scroll 0 0 transparent;\r
+}\r
+* {\r
+    margin: 0;\r
+    outline: 0 none;\r
+    padding: 0;\r
+}\r
+body {\r
+    background: url("img/fond4.png") no-repeat scroll 50% 0 transparent;\r
+    color: #666666;\r
+    font: 10px Verdana,Tahoma,Arial,Geneva,sans-serif;\r
+    text-align: center;\r
+}\r
+a, a:visited {\r
+    background: inherit;\r
+    color: #0000FF;\r
+    text-decoration: none;\r
+}\r
+a:hover {\r
+    background: inherit;\r
+    color: #000033;\r
+    text-decoration: underline;\r
+}\r
+h1, .h1, h2, .h2, h3, .h3, h3.spip {\r
+    color: #444444;\r
+    font-family: 'Trebuchet MS',Tahoma,Sans-serif;\r
+    line-height: 100%;\r
+}\r
+h1, .h1 {\r
+    font-size: 230%;\r
+    font-weight: normal;\r
+    letter-spacing: -1px;\r
+}\r
+h2, .h2 {\r
+    color: #333333;\r
+    font-size: 180%;\r
+}\r
+h3, .h3, h3.spip {\r
+    font: bold 15px/100% Geneva,Helvetica,Arial,sans-serif;\r
+    letter-spacing: 1px;\r
+    text-transform: uppercase;\r
+}\r
+h1, .h1, h2, .h2, h3, .h3, h3.spip, p {\r
+    margin: 0;\r
+    padding: 10px 0;\r
+}\r
+ul.spip, ol.spip, ul.forum ul.spip {\r
+    margin: 5px 10px;\r
+    padding: 0 20px;\r
+}\r
+ul {\r
+    list-style: none outside none;\r
+}\r
+.spip_documents img, .spip_logos img {\r
+    border: 1px solid #DCDCDC;\r
+    padding: 5px;\r
+}\r
+.spip_documents_right {\r
+    margin: 5px 10px 10px;\r
+}\r
+.spip_documents_left {\r
+    margin: 5px 20px 10px 0;\r
+}\r
+.spip_code, code {\r
+    font: 500 1em/1.5em 'Lucida Console','courier new',monospace;\r
+}\r
+.spip_cadre {\r
+    background: none repeat scroll 0 0 #FAFAE7;\r
+    display: block;\r
+    font: 500 1em/1.5em 'Lucida Console','courier new',monospace;\r
+    margin: 5px 0;\r
+    overflow: auto;\r
+    padding: 10px;\r
+    text-align: left;\r
+    width: 90%;\r
+}\r
+acronym, abbr {\r
+    border-bottom: 1px dashed #777777;\r
+    cursor: help;\r
+}\r
+blockquote.spip {\r
+    background: url("img/quote.jpg") no-repeat scroll 7px 10px #FAFAE7;\r
+    border: 1px solid #F4F3EC;\r
+    color: #FF0066;\r
+    font: bold 1.3em/1.5em 'Trebuchet MS',Tahoma,Sans-serif;\r
+    margin: 10px 0;\r
+    padding: 0 0 0 45px;\r
+}\r
+table.spip {\r
+    border-collapse: collapse;\r
+    margin: 10px 0;\r
+}\r
+table.spip caption {\r
+    text-align: left;\r
+}\r
+table.spip th strong {\r
+    color: #FFFFFF;\r
+}\r
+table.spip th {\r
+    background: url("img/nav.jpg") repeat-x scroll 0 0 #93BC0C;\r
+    border: 0 none;\r
+    height: 35px;\r
+    padding-left: 12px;\r
+    padding-right: 12px;\r
+    text-align: left;\r
+}\r
+table.spip tr {\r
+    height: 32px;\r
+}\r
+table.spip td {\r
+    -moz-border-bottom-colors: none;\r
+    -moz-border-left-colors: none;\r
+    -moz-border-right-colors: none;\r
+    -moz-border-top-colors: none;\r
+    border-color: -moz-use-text-color -moz-use-text-color #FFFFFF #FFFFFF;\r
+    border-image: none;\r
+    border-style: none none solid solid;\r
+    border-width: 0 0 1px 1px;\r
+    padding-left: 11px;\r
+    padding-right: 11px;\r
+}\r
+td.first, th.first {\r
+    border-left: 0 none;\r
+}\r
+table.spip tr.row_even {\r
+}\r
+table.spip tr.row-odd {\r
+}\r
+.formulaire_spip {\r
+    margin: 10px 0;\r
+    padding: 10px;\r
+}\r
+.formulaire_spip fieldset legend {\r
+}\r
+.formulaire_spip label {\r
+    display: block;\r
+    font-weight: bold;\r
+    margin: 5px 0;\r
+}\r
+.formulaire_spip input.text, input.password {\r
+    font: 1em Verdana,sans-serif;\r
+    padding: 2px;\r
+}\r
+.formulaire_spip textarea {\r
+    display: block;\r
+    font: 1em Verdana,sans-serif;\r
+    height: 100px;\r
+    padding: 2px;\r
+}\r
+#contenu .formulaire_spip textarea {\r
+    width: 400px;\r
+}\r
+.formulaire_spip .boutons input {\r
+    font: bold 12px Arial,Sans-serif;\r
+    height: 24px;\r
+    margin: 0;\r
+    padding: 2px 3px;\r
+}\r
+.formulaire_recherche {\r
+    background-color: transparent;\r
+    border: medium none;\r
+    margin: 0;\r
+    padding: 5px 0 15px;\r
+}\r
+#formulaire_recherche {\r
+    width: 250px;\r
+}\r
+.formulaire_recherche p {\r
+    margin: 0;\r
+    padding: 0;\r
+}\r
+.formulaire_recherche input.text {\r
+    background-image: none;\r
+    height: 18px;\r
+    padding: 2px;\r
+    vertical-align: top;\r
+}\r
+#formulaire_recherche input.text {\r
+    width: 170px;\r
+}\r
+.formulaire_recherche input.submit {\r
+    height: 24px;\r
+    padding: 2px 5px;\r
+    vertical-align: top;\r
+    width: 60px;\r
+}\r
+#wrap {\r
+    background-color: #FFFFFF;\r
+    margin: 0 auto;\r
+    position: relative;\r
+    text-align: left;\r
+    width: 900px;\r
+}\r
+#content-wrap {\r
+    background: none repeat-x scroll 0 0 #FFFFFF;\r
+    clear: both;\r
+    display: inline;\r
+    margin-left: 15px;\r
+    position: relative;\r
+    width: 870px;\r
+}\r
+#header-wrap {\r
+    background: none repeat scroll 0 0 #FFFFFF;\r
+    height: 218px;\r
+    margin: 0 auto;\r
+    padding: 0;\r
+    position: relative;\r
+    width: 900px;\r
+}\r
+#header {\r
+    background: url("img/titre.png") no-repeat scroll 0 0 #FFFFFF;\r
+    height: 218px;\r
+    width: 900px;\r
+}\r
+#header #nom_site_spip {\r
+    color: #111111;\r
+    font: 0 Georgia,"Times New Roman",Times,serif;\r
+    left: 20px;\r
+    letter-spacing: -1.5px;\r
+    margin: 0;\r
+    padding: 0;\r
+    position: absolute;\r
+    text-decoration: none;\r
+    text-transform: none;\r
+    top: 22px;\r
+    visibility: hidden;\r
+}\r
+#header .accueil img.spip_logos {\r
+    position: absolute;\r
+    right: 0;\r
+    top: 0;\r
+}\r
+#header #slogan_site_spip {\r
+    color: #00FF00;\r
+    font: 12px Georgia,"Times New Roman",Times,serif;\r
+    left: 25px;\r
+    margin: 0;\r
+    padding: 0;\r
+    position: absolute;\r
+    text-transform: none;\r
+    top: 67px;\r
+}\r
+#descriptif_site_spip {\r
+    color: #333333;\r
+    font: oblique 12px Georgia,"Times New Roman",Times,serif;\r
+    text-transform: none;\r
+}\r
+#menu_lang {\r
+  margin-top:198px;\r
+  position:absolute;\r
+  right:5px;\r
+}\r
+#header .formulaire_menu_lang {\r
+    background: none repeat scroll 0 0 transparent;\r
+    border: 0 none;\r
+    display: block;\r
+    margin: 0;\r
+    padding: 0;\r
+    position: absolute;\r
+    right: 0;\r
+    top: 250px;\r
+    width: 235px;\r
+}\r
+#header #header-links {\r
+    color: #CC99CC;\r
+    font: 11px Georgia,"Times New Roman",Times,serif;\r
+    position: absolute;\r
+    right: 10px;\r
+    text-transform: uppercase;\r
+    top: 25px;\r
+}\r
+#header #header-links a {\r
+    font-weight: bold;\r
+    padding: 0 2px;\r
+    text-decoration: none;\r
+}\r
+#header #header-links a:hover {\r
+    color: #111111;\r
+}\r
+#header-photo {\r
+    background: none repeat scroll 0 0 #FFFFFF;\r
+    clear: both;\r
+    height: 206px;\r
+    margin: 5px auto;\r
+    padding: 0;\r
+    width: 870px;\r
+}\r
+#header-photo img {\r
+    border: medium none;\r
+    margin: 0;\r
+    padding: 0;\r
+}\r
+#nav {\r
+    clear: both;\r
+    font: oblique bolder 20px Georgia,"Times New Roman",Times,serif;\r
+    height: 30px;\r
+    margin: 0;\r
+    padding: 0;\r
+}\r
+#nav .menu-liste {\r
+    display: inline;\r
+    float: left;\r
+    height: 30px;\r
+    list-style: none outside none;\r
+    margin-left: 55px;\r
+    margin-top: 15px;\r
+    padding: 0;\r
+    width: 910px;\r
+}\r
+#nav .menu-liste .menu-entree {\r
+    display: inline;\r
+    margin: 13px;\r
+    padding: 0;\r
+}\r
+#nav .menu-liste .menu-entree a {\r
+    display: block;\r
+    float: left;\r
+    letter-spacing: 1px;\r
+    margin: 0;\r
+    padding: 0;\r
+    width: auto;\r
+}\r
+#nav .menu-liste .menu-entree a:hover, #nav .menu-liste .menu-entree a:active {\r
+    background: none;\r
+}\r
+#nav .menu-liste .menu-entree.on a {\r
+}\r
+#nav .menu-liste li.menu-entree {\r
+    border-bottom: medium none;\r
+    display: inline;\r
+    float: left;\r
+    position: relative;\r
+}\r
+#nav li .menu-liste {\r
+    background-color: #FFFF00;\r
+    background-image: none;\r
+    border-bottom: medium none;\r
+    display: none;\r
+    font: oblique bolder 12px Georgia,"Times New Roman",Times,serif;\r
+    height: auto;\r
+    left: 0;\r
+    position: absolute;\r
+    top: 9px;\r
+    width: 220px;\r
+    z-index: 5;\r
+    display: none;\r
+       margin-left: 15px;\r
+}\r
+#nav li .menu-liste .menu-entree {\r
+    background: url("img/nav.jpg") repeat-x scroll 0 0 transparent;\r
+    border-bottom: medium none;\r
+    border-right: medium none;\r
+    line-height: 0;\r
+    width: 255px;\r
+}\r
+#nav li .menu-liste .menu-entree a {\r
+    border-bottom: medium none;\r
+    display: block;\r
+    width: 226px;\r
+}\r
+#nav li:hover ul, #nav li.hover ul {\r
+    display: block;\r
+}\r
+#nav li:hover li ul, #nav li.hover li ul {\r
+    display: none;\r
+}\r
+#nav li:hover li:hover ul, #nav li.hover li.hover ul {\r
+    display: block;\r
+}\r
+#nav li:hover li:hover li ul, #nav li.hover li.hover li ul {\r
+    display: none;\r
+}\r
+#nav li:hover li:hover li:hover ul, #nav li.hover li.hover li.hover ul {\r
+    display: block;\r
+}\r
+#nav li:hover li:hover li:hover li ul, #nav li.hover li.hover li.hover li ul {\r
+    display: none;\r
+}\r
+#nav li:hover li:hover li:hover li:hover ul, #nav li.hover li.hover li.hover li.hover ul {\r
+    display: block;\r
+}\r
+#nav li ul ul {\r
+}\r
+#main {\r
+    display: inline;\r
+    float: left;\r
+    margin: 0 0 0 10px;\r
+    padding: 15px 0 0;\r
+    width: 400px;\r
+}\r
+#main .h2 {\r
+    font: 11px 'Trebuchet MS',Tahoma,Sans-serif;\r
+    margin-top: 10px;\r
+    padding-bottom: 3px;\r
+    text-transform: uppercase;\r
+}\r
+#main .h2 a {\r
+    color: #3300CC;\r
+    text-decoration: none;\r
+}\r
+#main .h3 a {\r
+    background: url("img/souligne-jaune.jpg") repeat-x scroll 0 0 transparent;\r
+    color: black;\r
+    text-decoration: none;\r
+       line-height:18px; \r
+}\r
+#main ul.spip li {\r
+    list-style-image: url("img/bullet.gif");\r
+}\r
+#sidebar {\r
+    float: right;\r
+    margin: 0;\r
+    padding: 25px 0 0;\r
+    width: 450px;\r
+}\r
+#sidebar .h2, #sidebar .formulaire_recherche label {\r
+    font: 11px 'Trebuchet MS',Tahoma,Sans-serif;\r
+    margin-top: 10px;\r
+    padding-bottom: 3px;\r
+    text-transform: uppercase;\r
+}\r
+#sidebar .menu ul {\r
+}\r
+#sidebar .menu ul li {\r
+}\r
+#sidebar .menu ul li a {\r
+    border-bottom: medium none;\r
+}\r
+#sidebar .menu ul li a:hover {\r
+}\r
+#footer-wrap {\r
+    border-top: 27px solid #FFFF00;\r
+    clear: both;\r
+    font-size: 95%;\r
+    padding: 15px 0;\r
+    text-align: left;\r
+    width: 100%;\r
+}\r
+#footer-wrap a:hover {\r
+    color: #000000;\r
+}\r
+#footer-wrap .h3 {\r
+    color: #976834;\r
+    font-weight: bold;\r
+    line-height: 100%;\r
+    margin: 0;\r
+    padding: 0 10px;\r
+    text-transform: uppercase;\r
+}\r
+#footer-content {\r
+    color: #888888;\r
+    margin: 0 auto;\r
+    padding: 0;\r
+    width: 840px;\r
+}\r
+#footer-content a {\r
+    color: #666666;\r
+    font-weight: bold;\r
+    text-decoration: none;\r
+}\r
+#footer-bottom {\r
+    clear: both;\r
+    color: #666666;\r
+    margin: 0 auto;\r
+    padding: 15px 0 0;\r
+    text-align: center;\r
+    width: 870px;\r
+}\r
+#footer-bottom a {\r
+\r
+    color: #976834;\r
+}\r
+.articles ul li {\r
+    clear: both;\r
+    padding: 0.4em 0.2em;\r
+}\r
+.articles ul li h3 {\r
+    margin: 0.3em 0;\r
+}\r
+.articles .spip_logos {\r
+    clear: right;\r
+    float: right;\r
+    margin: 0 0 4px 16px;\r
+}\r
+.articles ul li .enclosures {\r
+    float: right;\r
+    margin: 0;\r
+    max-width: 60%;\r
+    text-align: right;\r
+}\r
+.articles ul li .introduction {\r
+    line-height: 1.4em;\r
+    margin-top: 0.3em;\r
+}\r
+.meta-publi {\r
+    border: medium none;\r
+    clear: both;\r
+    font-size: 10px;\r
+    font-style: oblique;\r
+    font-weight: bold;\r
+    padding: 5px;\r
+    text-decoration: underline;\r
+}\r
+.meta-publi .date-redac {\r
+    margin: 0 10px 0 5px;\r
+}\r
+.meta-publi .nb_commentaires {\r
+    margin: 0 10px 0 5px;\r
+}\r
+.meta-publi .lire-la-suite {\r
+    margin: 0 10px 0 5px;\r
+}\r
+.info-publi {\r
+    font-size: 0.95em;\r
+    margin-left: 1px;\r
+    padding-top: 0;\r
+}\r
+.h3 + .info-publi {\r
+    margin-top: -10px;\r
+}\r