/********************************************************* * CSS screen * * name: omar s president ! * * date: 2010.10.15 * author: erational * version: 0.8 * licence: GPL * **********************************************************/ @import "layout.css"; /***************** * tags *****************/ body { color: #000; background:#fff;font-family:Arial, Helvetica, verdana, sans-serif;} h1,h2,h3,h4,h5,h6,p,div { margin:0;padding:0;} a { color:#0171bb; } a:hover { color:#44b4fe; } img {border:0;} hr {height:0;border:0;clear:both;} table {margin:0;border-collapse:collapse;} td {font-size:0.8em;} form { margin: 0; padding-left: 5px; } fieldset {border:0;margin-top:10px;padding:10px 0 8px 0;} legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;} .print_only, .hidden {display:none;} .no_print {} textarea {width:300px;} /***************** * banner *****************/ #banner {font-size:0.88em;font-weight:bold;line-height:220%;margin-bottom:1em;background:#808285 url(../img/bg_banner.png) repeat top left;border-bottom:1px solid #939296;} #banner h1 {display:none;} /***************** * navbar *****************/ #navbar {text-align:center;text-transform:lowercase;} #navbar ul {margin:0;padding:0;list-style:none;} #navbar li {margin:0;padding:0;display:inline;} #navbar h2 {margin:0;padding:0;display:inline;font-size:1.1em;/*font-weight:normal;*/} #navbar a {color:#6C6970;text-decoration:none; display:block;float:left; background:#F8F8F8 url(../img/tab_left.png) no-repeat top left; margin-right:5px; } #navbar a span { display:block;float:left; padding:1px 17px; background:transparent url(../img/tab_right.png) no-repeat top right;} #navbar a:hover {color:#000; background:#cacaca url(../img/tab_left_over.png) no-repeat top left;} #navbar a:hover span {background:transparent url(../img/tab_right_over.png) no-repeat top right;} #navbar a.on {color:#fff; background:#C14A31 url(../img/tab_left_on.png) no-repeat top left;} #navbar a.on:hover {background:#92301B url(../img/tab_left_on_over.png) no-repeat top left;} #navbar a.on span {background:transparent url(../img/tab_right_on.png) no-repeat top right;} #navbar a.on:hover span {background:transparent url(../img/tab_right_on_over.png) no-repeat top right;} /***************** * main *****************/ #main { color:#6C6B6B;background:#fff;} #main2 {} /***************** * footer *****************/ #footer {clear:both;padding:2em 0 0 0;text-align:center;font-size:0.98em;} #footer ul {list-style:none;margin:0 0 0.2em 0;padding:0;} #footer li {margin:0;padding:0;display:inline;border-right:1px solid #98979C;} #footer li.last {border-right:1px solid #fff;} #footer a {text-decoration:none;font-weight:bold;color:#38393D;margin:0 1em;} #footer a:hover {color:#C24B32;} /***************** * content *****************/ #content {font-size:1em;color:#50534D;} #content h1,#content h2,#content h3 {color:#C14A31;} #content h1 { font-size: 1.4em; margin:0.2em 0 0.5em 0;} #content h1 a {text-decoration:none;} #content h1 a span {color:#8D8E8D;font-size:0.8em;font-weight:normal} #content h2 { font-size: 1.2em; margin:0.2em 0 0.2em 0;} #content h3 { font-size: 1.2em; margin:0.3em 0 0.2em 0;} #content h3.outline {/*background:#C14A31;color:#fff;*/padding:3px;margin-top:0.6em;border-bottom:3px solid #C14A31;} #content h3.traduction {font-size:1em;margin:0em 0 0.2em 0;font-weight:normal;color:#50534D;position:relative;top:-0.2em;font-style:italic;} #content label.inline {display:inline;} #content p{margin:0.2em 0 0.8em 0;} #content .descriptif {} #content .traduction {} #content .chapo {font-size:1.2em;font-weight:bold;margin:1em 0 2em 0;} #content .auteur {color:#000;font-weight:bold;margin:0.6em 0 0 0;font-size:1.2em;} #content .auteur a {color:#000;text-decoration:none;} #content .texte {text-align:justify;} #content .date {margin-top:2em;font-size:0.88em;text-align:right;} #content .date 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 .pagination_inline {font-weight:normal;font-size:0.85em;color:#000;float:right;margin-top:0;} #content .important {color:#C14A31;font-weight:bold;} #content .logo_auteur {width:260px;font-size:x-small;float:right;margin:0 0 15px 15px;text-align:right;} #content .tools2 {margin:2em 0 0 0; text-align:center;} #content .insert_livre {float:left;width:210px;margin:10px 20px 10px 0;} #content .insert_livre .spip_documents img {border:1px solid #aaa;} #content .insert_livre .meta {color:#666;font-size:0.9em;text-align:center;} #content .insert_livre .meta span {position:relative;top:-5px;} #content .insert_livre .meta form {display:inline;} #content .bat {margin:1em 0.2em 0 0.2em;} #content .bat a img, #content .bat a:hover img, #content .bat img {border:none;} #content .meta2 { margin:25px 0 5px 0;padding:5px 0;border-top:1px dashed #7F8184;border-bottom:1px dashed #7F8184;} /* forum */ #content a.forum {margin:2.2em 0 1em 0;text-decoration:none;display:block;padding:4px 0 4px 25px;border-top:1px solid #eee;font-weight:bold;background:#fff url(../img/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;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;color:#0171bb;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce1.gif) no-repeat 0 0;} #content ul.puce li a:hover { color: #05283f; } #content ul.puce2 {margin-top:0.6em;} #content ul.puce2 li a {list-style-type:circle;color:#C14A31;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 li a:hover { color: #05283f; } #content ul.puce2 ul {margin: 0;padding: 0;background:#efefef;} #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;color:#8D8E8D;;text-decoration: none;padding-left:0;background:transparent;font-size:1em;} #content a { color:#C14A31; } #content a:hover { color:#731B08; } #content a.spip_in {text-decoration:none;border-bottom:1px dashed #C14A31;} #content a.spip_in:hover {border-bottom:1px dashed #731B08;} #content a.spip_out {text-decoration:none;background: url(../img/spip_out.png) right center no-repeat; padding-right: 13px; border-bottom: 1px solid;} #content a img {border:1px solid #aaa;} #content a:hover img {border:1px solid #0171bb;} #content a.lien_pagination {text-decoration:none;} #content a.discrete {text-decoration:none;color:#8D8E8D;} #content a.discrete:hover {color:#000;} #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 .summary {width:260px !important;} #content .bicol h3 {color:#fff; font-size:1.1em;background:#C14A31;padding:2px;margin:0;} #content .bicol h3.normal {color:#C14A31; background:#fff;padding:2px 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 {} #content ul.discrete a {text-decoration:none;} #content .item_syndic {background:#fafafa;padding:5px;margin-bottom:20px;} #content .item_syndic ul.discrete {background:#f0f0f0;} /* page sommaire*/ #content ul#home_news {margin:2em 0 0 0;padding:0;list-style:none;border-top:1px solid #eee;} #content ul#home_news li {padding:4px 0;border-bottom:1px solid #eee;clear:left;height:4em;} #content ul#home_news a {text-decoration:none;font-weight:bold;} #content ul#home_news a.discrete {font-weight:normal;} #content ul#home_news a 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#home_news a span {font-weight:normal;color:#8D8E8D;} /* page rubrique*/ #content .aparaitre {border-top:1px solid #ddd;background:#efefef;margin-bottom:1.6em;} #content .aparaitre_date {color:#C14A31;font-weight:bold;margin-bottom:1em;font-size:0.9em;} #content .preview {clear:both;padding:10px;border-bottom:1px solid #ddd;/*#7F8184*/} #content .preview h1 {font-size:1.1em;} #content .preview .illus {float:left;width:100px;margin-top:1.6em;} #content .preview .illus a img {border:1px solid #aaa;} #content .preview .illus a:hover img {border:1px solid #C14A31;} #content .preview .meta {float:right;width:160px;text-align:right;margin-top:2.4em;} #content .preview .summary {float:left;width:350px;} #content .preview .summary .auteur {margin:0;} #content .preview .summary strong a {text-decoration:none;color:#50534D;} #content .preview .summary strong a:hover {color:#B11C00;} #content .choix_listing {/*width:100%; text-align:right;*/float:right;margin:0.5em 0.5em 1em 0;} #content .choix_listing a {text-decoration:none;} #content .choix_listing a.on {color:#000;font-weight:bold;} /* special catalogue */ #content .preview .illus_catalogue {width:150px;float:left;} #content .page_before, #content .page_break {display:none; } /* tab */ #content .tab {margin:1em 0;} #content a.tabfiche {text-decoration:none;font-weight:bold;border:1px solid #C14A31;color:#C14A31;float:left;padding:5px;margin-right:3px !important;} #content a.tabfiche:hover {background:#92301B;color:#fff;} #content a.tabfiche_on {background:#C14A31;color:#fff;} /* paypal */ form.paypal {} form.paypal p {clear:both;} form.paypal p label {width:140px;display:block;float:left;} #os_amount {color:#C14A31;padding-left:150px;font-size:1.3em;font-weight:bold;} /***************** * main > right menu *****************/ #main #more {color:#777;line-height:120%;} #main #more h3 {background:#C14A31;color:#fff;padding:3px 8px;margin-top:2em;font-weight:bold;/*normal;*/font-size:1em;} #main #more h3.first {margin-top:0;} #main #more ul {margin:0;padding:0;list-style:none;} #main #more li {margin:10px 0;} #main #more li.on {font-weight:bold;} #main #more a {text-decoration:none;color:#777;} #main #more a span {color:#C14A31;padding-right:2px;} #main #more a:hover {color:#C24B32;} #main #more form {margin:10px 0;} #main #more input.submit {border:0;background : url(../img/but_submit.png) left bottom no-repeat;height:18px; width:20px; cursor:pointer;text-indent:-9999px;} #more label {display:none;} .editer_mesabos_sub {display:none;} #more .formulaire_spip .editer_mesabos_sub label {display:inline !important;font-size:x-small;} #main #more .item {clear:both;margin:10px 0 0 0;} #main #more .item a img {border:1px solid #aaa;} #main #more .item a {color:#777;/*8E8E91*/;} #main #more .item a:hover {color:#C24B32;} #main #more .item a span {color:#C14A31;} #main #more .item a span.auteur {color:#343434;} #main #more .item .illus {float:left;margin:0 14px 14px 0;} #pub_lie {text-align:center;} #pub_lie h3{text-align:left;} /***************** * misc *****************/ .spacer { clear: both;} .cache {display:none !important;} .erreur_message {color:red;} /***************** * 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;} /***************** * spip (reprise de dist + spip-contrib) *****************/ /* Document */ .spip_doc_titre {font-size:0.8em;} #content .spip_documents img {border:1px solid #aaa;} dl.spip_documents {width:120px; text-align:center;} dt a img {border:0 !important;} .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: 14px; margin-bottom: 8px;} .spip_documents_right { float: right; padding-left: 8px; padding-bottom: 8px;} .spip_documents_center { display: block !important; text-align: center; margin: 5px auto;} .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; } img.spip_logos {margin:0 8px 8px 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 */ .formulaire_spip ul {margin:0;padding:0;list-style:none;} .reponse_formulaire {padding:15px;border:4px solid #C14A31;margin:1em 0;} .formulaire_ecrire_auteur {margin-top:1.2em;} .formulaire_ecrire_auteur label {display:block;} /* 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;}