/* ------------------------
Html, body, générique
------------------------ */
body {
margin : 0 auto;
font-family : Tahoma, Helvetica, sans-serif;
font-size : 0.9em;
color : #000;
}
body.popup {
width : 95%;
margin : 0 auto;
padding : 0;
background-color : #FFF;
}
h2 {
font-size : 1.1em;
margin : 5px 0 5px 0;
background : url('img/back-t.png') repeat-x;
color : #1F537B;
padding: 6px 0 6px 10px;
}
.h2 {
clear : both;
height : 25px;
font-size : 1.1em;
margin : 0px 0 5px 0;
background : url('img/back-t.png') repeat-x;
color : #1F537B;
padding: 6px 6px 6px 10px;
font-weight:bold;
}
h3 {
font-size : 1em;
margin : 0;
padding : 1px 0;
}
a {
color : #1F537B;
text-decoration : none;
font-weight : bold;
}
a:hover {
text-decoration : underline;
}
img {
border : none;
outline : none;
}
.center {
text-align : center;
}
.msg {
color : #1F537B;
padding : 10px 10px 10px 10px;
text-align:center;
}
.error {
padding: 10px 10px 10px 10px;
text-align : center;
}
.alert {
color : #1F537B;
font-weight : bold;
}
/* -------
Menu
------- */
a#link_index { background : url('img/index.png') no-repeat; }
a#link_articles { background : url('img/article.png') no-repeat; outline : none; }
a#link_article-new { background : url('img/article-new.png') no-repeat; outline : none; }
a#link_statiques { background : url('img/page.png') no-repeat; outline : none; }
a#link_commentaires, a#link_commentaires_offline, a#link_commentaires_online { background : url('img/comment.png') no-repeat; outline : none; }
a#link_commentaire_new { background : url('img/comment-new.png') no-repeat; outline : none; }
a#link_medias { background : url('img/media.png') no-repeat; outline : none; }
a#link_categories { background : url('img/categorie.png') no-repeat; outline : none; }
a#link_config, a#link_config2 { background : url('img/reglage.png') no-repeat; outline : none; }
a#link_config1 { background : url('img/base.png') no-repeat; outline : none; }
a#link_view { background : url('img/view.png') no-repeat; outline : none; }
a#link_user { background : url('img/user.png') no-repeat; outline : none; }
a#link_info { background : url('img/info.png') no-repeat; outline : none; }
a#link_check { background : url('img/check.png') no-repeat; outline : none; }
a#link_pluxml { background : url('img/pluxml.gif') no-repeat; outline : none; }
a.back { background : url('img/go.png') no-repeat; outline : none; }
.clearer {clear : both; visibility : hidden; margin : 0; padding : 0;}
/* ------------
PlxToolbar
------------ */
.plxtoolbar input { width : 22px; height : 22px; margin : 0; padding : 0; border: 0px; }
.plxtoolbar input.p { background : url(img/p.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.bold { background : url(img/bold.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.italic { background : url(img/italic.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.underline { background : url(img/underline.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.strike { background : url(img/strike.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.h1 { background : url(img/h1.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.h2 { background : url(img/h2.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.h3 { background : url(img/h3.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.ul { background : url(img/ul.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.ol { background : url(img/ol.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.link { background : url(img/link.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.hr { background : url(img/hr.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.media { background : url(img/mediapt.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.acronym { background : url(img/acronym.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.br { background : url(img/br.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.p_left { background : url(img/left.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.p_center { background : url(img/center.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.p_right { background : url(img/right.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.fullscreen { background : url(img/fullscreen.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.button { border : none; padding : 2px 4px; }
/* ----------
Header
---------- */
#header {
text-align : center;
height:120px;
color : 1F537B;
background : url('img/top.png') repeat-x;
}
#header h1 {
font-size : 2.2em;
padding : 14px 0 12px 0;
margin : 0;
color : #FFFFFF;
text-transform : uppercase ;
}
#header p {
padding : 0 0 4px 0;
margin : 0;
font-style : italic;
color : 1F537B;
}
#logout {
text-decoration : none;
color : #BD0000;
}
/* -------------
Navigation
------------- */
#menus {
width : 200px;
float: left;
margin : 0px auto 5px auto;
padding : 0px 0px 0px 0px;
font-size : 0.8em;
text-transform : uppercase ;
}
#navigation ul {
padding : 0px;
margin : 0;
text-align : left;
}
#navigation {
padding-top: 5px;
}
#sous_navigation {
padding-top: 0px;
color: 003366;
}
#sous_navigation ul {
padding : 0px;
margin : 0;
}
#navigation li {
list-style : none;
margin-right : 0px;
padding-right : 0px;
line-height:55px;
background : url('img/bouton.png') no-repeat;
}
#sous_navigation li {
list-style : none;
margin-right : 0px;
padding-right : 0px;
line-height:55px;
background : url('img/bouton-s.png') no-repeat;
}
#navigation li a{
padding-left : 60px;
padding-top : 20px;
padding-bottom : 20px;
color : #444444;
text-decoration : none;
}
#sous_navigation li a {
padding-left : 60px;
padding-top : 20px;
padding-bottom : 20px;
color : #444444;
text-decoration : none;
}
#navigation li a:hover
{
text-decoration : none;
padding-left : 60px;
padding-top : 20px;
padding-bottom : 20px;
color : #1F537B;
}
#sous_navigation li a :hover{
text-decoration : none;
padding-left : 60px;
padding-top : 20px;
padding-bottom : 20px;
color : #1F537B;
}
#sous_navigation a :hover{
color : #1F537B;
}
/* -------------
Pagination
------------- */
#pagination {
width : 100%;
text-align : left;
margin : 10px auto 10px auto;
padding : 10px 0 10px 0;
}
#pagination span {
padding : 3px 5px 3px 5px;
margin-right : 5px;
}
/* -------------
Contenu
------------- */
#main {
width : auto;
margin : 0 auto;
margin-left:200px;
padding : 20px 20px 20px 20px;
}
#comments {
margin-top: 20px;
}
#comments .comment {
background : #D4DAE2;
margin : 0 0 8px 0;
}
#comments .comment blockquote {
padding : 2px 30px 2px 40px;
margin : 0;
}
#comments .info_comment {
background : #C3C9D0;
padding : 2px 8px 2px 8px;
}
#comments .info_comment p {
padding : 0;
}
#comments .current { }
#comments .type-admin { background-color : #EFEFEF; }
/* -------------------
Footer
------------------- */
#footer {
width : 100%;
padding-top : 200px ;
background : url('img/footer.png') no-repeat bottom right;
}
#footer ul {
padding : 0;
margin : 0;
text-align : right;
}
#footer li {
list-style : none;
display : inline;
margin-right : 10px;
padding : 0;
}
#footer li a {
padding : 2px 0 2px 20px;
text-decoration : none;
color: #333;
}
#footer p{
text-align : right;
margin : 0;
padding : 6px 0 4px 0;
}
/* -------------------
Authentification
------------------- */
body#auth {
background : url('img/pluxtwitter.jpg') repeat-x;
margin-top:0px;
padding-top:0px;
text-align : center;
color : #1F537B;
}
#auth h1 {
color : #FFFFFF;
text-transform : uppercase ;
float:right;
font-size : 1em;
padding-right: 10px;
}
#auth form {
color : #FFFFFF;
text-transform : uppercase ;
text-align : center;
margin-top:0px;
padding-top:0px;
width : 525px;
height : 225px;
background : url('img/back-admin.png') repeat-x;
}
#auth fieldset {
text-align : right;
margin-top:0px;
padding-top:0px;
}
#auth legend {
text-align : center;
font-size : 1em;
margin-bottom : 15px;
color:#FFFFFF;
margin : auto;
text-transform : uppercase ;
}
#auth input {
width : 50%;
margin : 15px 70px 0 0;
background-color : #BFD3E4;
color:#1F537B;
}
.legend {
color : #1F537B;
text-align : center;
}
.auth_return {
text-align : center;
margin : 0;
font-size : 0.85em;
padding-top : 200px ;
background : url('img/footer.png') no-repeat center;
}
/* -------------------
Form et fieldset
------------------- */
fieldset {
border : 0;
margin : 10px 0;
padding : 0 0 14px 16px;
}
fieldset.withlabel {
}
fieldset p {
margin : 0;
padding : 12px 0 2px 0;
}
textarea {
width : 99%;
border : 1px solid #BBB;
}
input {
margin : 0 4px 0 4px;
padding : 3px 5px 3px 5px!important;
border : 1px solid #BBB;
cursor : pointer;
}
input.button {
margin : 0 4px 0 4px;
padding : 0 5px 0 5px;
border : 1px solid #BBB;
cursor : pointer;
}
input:hover {
background: #DDF0F8;
}
.fld1 { width : 20px; }
.fld2 { width : 35px; }
ul.opts { margin : 0; padding : 0 0 0 15px; }
ul.opts li { padding-bottom : 5px; }
/* -----------------------
Galerie et documents
----------------------- */
.backupload {
background : url('img/go.png') no-repeat;
padding : 2px 0 5px 20px;
}
.bloc_gal {
margin : 0 10px 10px 0;
width : 220px;
float : left;
text-align : center;
}
.thumb {
margin : 5px;
min-height : 120px;
}
.thumb_link {
background : #EEE;
margin :5px 0 0 0;
padding : 0;
}
/* --------
Autre
-------- */
a.help {
padding : 0 0 0 16px;
margin : 0 0 0 2px;
width : 16px;
cursor : help;
background : url('img/help.gif') no-repeat 0 0;
}
ul.feed {
margin : 20px 10px 10px 15px;
padding : 0;
font-size : 1em;
line-height : 1.3em;
}
ul.feed li {
padding : 0 0 0 18px;
margin : 3px;
text-decoration : none;
list-style-type : none;
background : url('img/feed-icon-14x14.png') no-repeat 0 0;
}
#preview {
border : 1px solid #CCC;
padding : 10px;
margin : 20px 10px 10px 10px;
}
div.preview {
padding : 10px 0 5px 5px;
margin : 0;
}
div.encart {
float : right;
text-align : right;
margin : 20px 20px;
padding : 0 10px 10px 10px;
}
/* --------
Table
-------- */
.table {
width : 90%;
margin : 0 0 20px 0;
}
th {
background-color : #B2CDE8;
color : #1F537B;
}
th.head {
text-align : left;
background-color : #E1EBF6;
font-size : 1.1em;
padding : 3px 0 3px 8px;
color : #1F537B;
}
th, td {
padding : 2px 2px 2px 2px;
vertical-align : top;
}
.line-0 { background-color : #FFF; }
.line-1 { background-color : #E1EBF6 }
.tcl { width : 5%; white-space : nowrap; }
.tc2 { width : 40%; white-space : nowrap; }
.tc3 { width : 5%; text-align : right; white-space: nowrap; }
.tc4 { width: 14%; white-space: nowrap; }