/* ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is DotClear Weblog.
 *
 * The Initial Developer of the Original Code is
 * Olivier Meunier.
 * Portions created by the Initial Developer are Copyright (C) 2003
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either the GNU General Public License Version 2 or later (the "GPL"), or
 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the MPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the MPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */

body {
	font-family: Verdana,Arial,Helevetica,sans-serif;
	color: #000;
	font-size: 0.8em;
	margin: 2em 2em 2em 2em;
/*	background: #fcfcfc url("images/fond.jpg"); */
	background-color: #ddd;
}

a {
	/* color: #039; */
	color: #05b;
}

/* html*a:hover, html*a:focus {
	text-decoration: none;
} */

h1,h2, h3, h4 {
	font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
}

h1 {
/*	color: #069; */
	color: #55728B; /*17d*/
	position: relative;
}
div>h2 {
	position: static;
}

h2, h3 {
/*	color: #f60; */
	color: #6F96B7; /*05b*/
}

h4 {
	color: #090;
}

p { margin: 1em 0; }
img { border: 0; }

dt {
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

dd {
	margin-left: 0.5em;
}

pre, code, kbd, samp {
	font-family:"Courier New",Courier,monospace;
	font-size: 1.1em;
}

code {
	color: #666;
	font-weight: bold;
}

hr.invisible {
	clear: both;
    visibility: hidden;
}

hr.soft {
    width: 80%;
    color: #ccc;
    border-style: solid;
}


img.minihelp {
	padding: 0; 
	margin-bottom: -3px;
}

span.accesskey {
	color: #999;
}

/* LAYOUT
-------------------------------------------------------- */
/* Main */
#main {
	position: static;
	margin: 0 0 1px 0;
	padding: 0 0 1px 0;
	background: #fff;
	color: #000;
	clear: left;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #999;
}

#main-pop {
	position: relative;
	margin: 0 0 1px 0;
	padding: 0 0 1px 0;
	background: #fff;
	color: #000;
	clear: left;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	-moz-border-radius: 8px 8px 0 0;
}

/* Contenu */
#content {
	padding: 1em;
}

/* footer */
#footer {
	text-align: right;
	margin: 10px 0 5px 0;
}

#footer span.small{
	float: left;
	margin: 0 0 5px 0;
}



/* ONGLETS
-------------------------------------------------------- */
#menu {
	display: block;
	margin: 0;
	padding: 0;
	height: 41px;
	background-image: url("images/bg-header.png");
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #999;
	border-bottom-color: #999;
}

#menu li {
	display: block;
	float: left;
	padding: 5px 5px 0 5px;
	margin: 0 5px 0 0;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: transparent;
}

/* IE hack */
* html #menu li {
	border-width: 0px 0px 0px 0px;
	height: 42px;
}

#menu li:hover {
	background: #d2e0e6 url("images/degrade_bleu.png") repeat-x 0 100%;
	border-width: 0px 1px 1px 1px; 
	border-color: #999;
}

#menu li:hover a {
	color: #000;
}

#menu li.active {
	border-color: #999;
	border-width: 0px 1px 1px 1px;
	border-bottom-color: #e7e7e7;
	background: #e7e7e7 url("images/bg-header-light.png");
}

#menu li.active a {
	color: #000;
}


#menu li.first {
	border-left-width: 1px;
	border-left-color: #999;
}

#menu li a {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #777;
	line-height: 33px;
}

/* IE hack */
* html #menu li a {
	height: 28px;
}

#menu li img {
	margin-right: 2px;
}

#submenu {
	display: block;
	position: relative;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 1em;
	margin: 0;
	background: #e7e7e7 url("images/bg-header-light-gradient.png") repeat-x 0 100%;
	color: #666;
}

#submenu li {
	display: inline;
	list-style: none;
}

/*#submenu a {
	text-decoration: none;
}*/

/* CLASSES
-------------------------------------------------------- */
ul.checklist li 
{
	list-style-type: none;
}

hr.hidden {
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #fff;
}

hr.thin {
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ddd;
}

.small {
	font-size: 0.8em;
}

.center {
	text-align: center;
}

p.sans-marge {
	margin: 0;
}

.message {
	color: #f60;
	font-weight: bold;
}

.line {
	border: 1px solid #ccc;
	/* border-top-width: 3px; */
	padding: 0 0.5em;
	margin: 0 0 0.5em 0;
}

.line img.status {
	float: right;
	margin: 0 0 0 0;
}

.line p.action {
	float: right;
}

/* list of files
-----------------------*/
.thumbnail {
	border: 1px solid #000;
}

.thumbnailicon {
	border: 0px;
}

div.spacer {
	clear: both;
}

div.icon {
    position:relative;
	float: left;
	margin: 0.5em;
	padding: 0;
	height: 150px;
	width: 250px;
	overflow: auto;
	font-size: 80%;
	border: 1px solid #ccc;
}

div.icon p.action {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 2px;
	right: 2px;
}

div.icon p.icon {
	text-align: center;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
}
div.icon p.legend {
	margin: 0;
	padding: 0;
	text-align: center;
}


/* -----------------------*/

.erreur {
	border-left: 6px solid #f93;
	padding: 0 0 0 0.5em;
}
.erreur strong {
	color: #f60;
}

.errno {
	color: #666;
}

.errmsg {
	color: #c00;
	font-weight: bold;
}

.post-info {
	color: #f60;
}

.cancel, .cancel .post-info {
	color: #666;
}

.user-info {
	float: right;
	position: relative;
	border: 1px solid #ccc;
	/* -moz-border-radius: 8px; */
	margin: 0;
	padding: 8px 8px 8px 25px;
	white-space: nowrap;
	background: #e7e7e7 url("images/ico_author.png") no-repeat 3px 0.5em;
	/* background: #e7e7e7 url("images/bg-header-light.png"); */
    z-index: 2;
}

.nowrap {
	white-space: nowrap;
}

.bloc-droite {
	display: block;
	text-align: right;
	position: relative;
	float: right;
	z-index: 2;
/*	top: 1em; */
}

dl.plugin-list dt {
	margin: 0;
	padding: 0 0 0 35px;
}

dl.plugin-list dt img {
	float: left;
	margin-left: -35px;
    position: relative;
}

dl.plugin-list dd {
	margin: 0.5em 0 1.5em 35px;
}

dl.credits-list dt {
	margin: 0;
	padding: 0 0 0 110px;
}

dl.credits-list dt img {
	float: left;
	margin-left: -110px;
    position: relative;
}

dl.credits-list dd {
	margin: 0.5em 0 1.5em 110px;
}

dl.themes-list dt {
	margin: 0;
	padding: 0 0 0 420px;
}

dl.themes-list dt img {
	float: left;
	margin-left: -420px;
    position: relative;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 5px;
}

dl.themes-list dd {
	margin: 0.5em 0 1.5em 425px;
	height: 160px;
}

table.clean-table {
	border-collapse: collapse;
}

table.clean-table tr {
}

table.clean-table th {
	border: 1px solid #000;
	padding: 0.5em;
}

table.clean-table td {
	border: 1px solid #666;
	padding: 0.5em;
}

ul.folders {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.folders li {
    padding-left: 20px;
    background-image: url('images/dossier.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
}


/* FORMULAIRES
-------------------------------------------------------- */
input, textarea, option, select {
        background: #eef3f5;
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
    margin-top: 2px;
}
input, textarea {
	border: 1px solid #999;
}

fieldset {
	border: 1px solid #ccc;
	padding:0.5em;
}


legend {
	font-weight: bold;
}

* html form {
	position: relative;
}

label, span.label {
	display: block;
	position: static;  /* IE n'aime pas relative */
}

input.submit {
	border-style: solid;
	border-color: #999;
	background: #d2e0e6 url("images/degrade_bleu.png") repeat-x 0 100%;
	font-weight: bold;
}
/*
input.submit:hover, input.submit:focus {
	background: #fc3 url("images/degrade_orange.png") repeat-x 0 100%;
	color: #fff;
}*/

input.submit:active {
	border-style: solid;
}

input.size-control {
	border: none;
	background: none;

}
span.size-control {
	display: block;
	float: right;
}

p.field {
	clear: left;
	margin: 0;
	padding: 1em 0 0 0;
}

label.float, span.label {
	position: relative;
	float: left;
	width: 25%;
	padding-right: 0.5em;
}

div.login {
	width: 14em;
	margin: auto;
	text-align: left;
	padding: 1em 1em 2em 1em;
	background: #fff;
	color: #000;
	border: 1px solid #999;
}

div.login h2 { 
	padding-bottom: 1em ;
	background: #fff;
	color: #3393b8;
}

#switch p {
	text-align: right; 
    /*
    right: 0;
    left: auto; */   
}


/* Zone de prévisualisation
-------------------------------------------------------- */
.preview {
	padding: 0.5em;
	border: 1px outset #999;
	margin-bottom: 1em;
}

.preview h1 {
    color: #f60;
    font-size: 1.6em;
}    

.preview h3 {
	color: #069;
}

.preview h2 {
	color: #069;
}

div.gallery-img {
	float: left;
	padding: 0 1em;
}

p.gallery-legend {
	text-align: center;
}

img.px-center {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.px-right {
	float: right;
}

img.px-left {
	float: left;
}