/@import 'main.css'; /* Story Content ---------------------------------------------- */ #story-hd { padding:0 20px 20px 20px; position:relative; display:block; margin-bottom:30px; } #story-hd h1 { font-family:Georgia,times, serif; margin:0; color:#151B1D; font-size:22px !important; line-height:108%;} #story-hd #subtitle { color:#669; margin:10px 0; font-family:Georgia,times, serif; font-size:142%; line-height:108%;} #story-hd #byline { color:#808080; line-height:150%; } #story-bd { color:#353535; font-family:Georgia,times, serif; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } #story-bd p { line-height:165%; font-size:120%; padding:0 0 1em 0; margin:0 } #story-bd h3 { color:#000000; padding:0 0 1em 0; font-weight:bold; font-size:110%; } #story-bd strong { font-weight:bold; } #story-bd .spip_documents_center { display:block; margin:0 auto; text-align:center;} #story-bd .spip_documents_left { margin:0 10px 10px 0;} #story-bd .spip_documents_right { margin:0 0 10px 10px;} #story-bd .spip_documents .spip_doc_titre { font-size:87%; color:#777; font-weight:normal; margin-bottom:10px;} #story-bd .spip_note { color:#777; font-size:87%;} #story-ft { font-size:87%; color:#777 } .hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; } .ps, .notes { margin-bottom: 2em; line-height: 1.40em; } .notes { clear: both; font-size: 0.90em; } abbr.published { border: 0; } /* PAGE TOOLS */ #tools-top { position:relative; margin:10px 0; text-align:right; display:block; border-top:4px #ddd solid; padding:4px 0; } #tools-top li { display:inline; margin:0 0 0 2px; padding:0 2px;} #tools-top li a { margin-left:10px; vertical-align:middle; color:#777777 } #tools-top li a:hover { margin-left:10px; vertical-align:middle; } #tools-botto, #socialtags { font-size:89%; height:33px; margin:11px 0 0; border-style:dotted; border-width:1px 0 1px 0 !important; border-color:#d5d5d5; line-height:34px; padding:0 20px; display:block; width:100%; } #tools-bottom li { float:left; margin:-2px 0 0 2px; padding:0 2px; position:relative;} #tools-bottom li a { margin-left:10px; vertical-align:middle; } .resize a { background:transparent url(../imgs/icons/resize.gif) no-repeat scroll 0 .25em; padding-left:22px; } .send a { background:transparent url(../imgs/icons/send.gif) no-repeat scroll 0 .25em; padding-left:16px; } .comment a { background:transparent url(../imgs/icons/comment.gif) no-repeat scroll 0 .25em; padding-left:16px; } .print a { background:transparent url(../imgs/icons/print.gif) no-repeat scroll 0 .25em; padding-left:16px; } .share a { background:transparent url(../imgs/icons/share.gif) no-repeat scroll 0 .25em; padding-left:16px; } #socialtags {display:inline; float:right;} /* STORY MEDIAS */ #story-medias { width:250px; float:left; margin:0 10px 0 0; padding:0; color:#777; font-size:87%; } #story-medias .story-slide {width:250px; position:relative; overflow:hidden; margin:0; clear:both; padding:0; } #story-medias #prev { height:16px; width:13px; text-indent:-9999px; float:left; background:url(../imgs/icons/btn_pre.gif) no-repeat 0 0; } #story-medias #next { height:16px; width:13px; text-indent:-9999px; float:left; background:url(../imgs/icons/btn_next.gif) no-repeat 0 0; margin-left:-1px; } #story-medias cite { display:block; overflow:hidden; padding:6px; margin:0 0 0 0; position:relative; color:#333; background-color:#ddd; } #story-medias object { width:250px !important; } #story-medias embed { width:250px !important;} .slideContainer { width:250px !important; overflow:hidden; padding:0; margin:0 0 25px 0; display:block; } .icount { width:50px; position:absolute; top:0; left:10px; font-family:arial; color:#777; } .slidenav { width:50px; position:absolute; top:0; right:10px; font-family:arial; color:#777; } .timestamp { color:#808080; font-size:87%; font-weight:normal;} .published { clear:both; color:#808080; font-size:87%; position:relative; border-bottom: 2px #d5d5d5 solid; line-height:21px; height:21px; margin:0 0 20px 0; } /* Comments Preview ---------------------------------------------- */ .spip_barre{display:none;} textarea{width:500px; height:80px;} .all-comments { background:url(../imgs/plus.gif) no-repeat 280px 5px; padding: 0 0 0 14px; } #comments-preview { background:#f5f5f5; color:#696969; border:1px #d5d5d5 solid; margin:15px 0; padding:15px; } .preview-bd { } .preview-hd { } .preview-hd.trigger { padding:0 20px; height:20px; line-height:20px; position:relative; margin:1px; cursor:pointer; background:transparent url(../imgs/icons/plus.png) no-repeat 0 .25em; font-size:100%} .preview-hd.trigger.active { cursor:pointer; background:transparent url(../imgs/icons/minus.png) no-repeat 0 .25em; } #comments-preview li { margin:10px 0; padding:10px 0; border-bottom:1px #ccc dotted;} #comments-preview li span, #comments-preview li strong, #comments-preview li i { color:#ccc; font-weight:normal; font-style:italic;} #comment-form {clear:both;} /* Habillage des petitions ---------------------------------------------- */ #signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; } #signatures table { width: 100%; margin: 1em 0 0 0; } #signatures thead { text-align: center; color: #555; } #signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; } #signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; } #signatures td.signature-nom { background: #ECF4F4; text-align: center; } #signatures td.signature-nom small { display: block; } #signatures td.signature-message { background: #F4F8F8; } #signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/ #signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/ /* Autres supports ------------------------------------------ */ /* Affichage pour les petits ecrans (type 400 x 300) */ @media handheld, only screen and (max-device-width: 481px), only and (max-device-width: 400px), only and (max-width: 400px) { div#page, div#conteneur, div#navigation, div#extra { width: auto; } }