@charset "ISO-8859-1";
@import url(/webfontkit/stylesheet.css);

/* GENERAL */

html, body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-family: 'siglo_xxregular', sans-serif;
}

form, p {
	margin: 0;
}

#axe {
	margin: 0 1%;
	clear: both;
}

#page {
	padding: 0 1% 2%;
	background: #fff;
}

#bt {
	display: block;
	float: right;
	clear: both;
	text-align: right;
	margin-top: 10px;
}

legend {
	padding: 0 10px 0 30px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

a {
	color: #45A6FF;
	text-decoration: none;
}

a:hover {
	color: #4F6681;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Zapf Calligraphic 801 BT', serif;
	clear: both;
}

h1 {
	font-size: 30px;
	margin-top: 0;
	padding-bottom: 3px;
}

img {
	border: none;
}

.nodisplay {
	display: none;
}

/* RECHERCHE */

#search {
	display: block;
	float: right;
	margin: 10px;
}

#search #q {
	padding-left: 20px;
	background: #fff url("magnifier.gif") no-repeat 2px;
}

#search #input-rechercher {
	margin-left: 5px;
}

/* TOP */

#top h1, #nav a, #wikipage, #form-images, #images, .image {
	display: block;
	float: left;
}

#top {
	padding-top: 10px;
	width: 100%;
	clear: both;
	background: #f6f6f6 url("bgtop.gif") repeat-x bottom;
	margin-bottom: 20px;
}

#top h1 {
	width: 100%;
	clear: both;
	font-size: 18px;
}

/* NAVIGATION */

#nav {
	padding-left: 15px;
	margin: 0;
	height: 50px;
}

#nav a {
	padding : 25px 10px 5px 10px;
	line-height: 19px;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	border: 1px solid transparent;
	border-bottom: none;
	color: #222;
}

#nav li {
	list-style-type: none;
	padding-left: 7px;
}

#nav a.current {
	border: 1px solid #c8c8c8;
	border-radius: 4px 4px 0 0;
	border-bottom: none;
	background-color: #fff;
}

#lien-liste { background: #fff url("page_copy.gif") no-repeat center 5px; }
#lien-site { background: #fff url("report_magnify.gif") no-repeat center 5px; }
#lien-lscom { background: #fff url("comments.gif") no-repeat center 5px; }
#lien-nouveau { background: #fff url("page_edit.gif") no-repeat center 5px; }
#lien-preferences { background: #fff url("cog.gif") no-repeat center 5px; }
#lien-image { background: #fff url("images.gif") no-repeat center 5px; }
#lien-deconnexion { background: url("lock.gif") no-repeat center 5px; }

/* SUBNAV */

#subnav {
	margin-bottom: 10px;
}

#lien-edit {
	margin-right: 10px;
}

#lien-comments {
	padding-left: 10px;
	border-left: 1px solid #777;
}

#backlist {
	margin-left: 25px;
	text-decoration: none;
}

/* AIDE WIKI */

#wikipage {
	width: 100%;
	background: #fff;
}

/* FORMULAIRE IMAGE */

#form-image {
	width: 95%;
	padding: 10px;
	border: 1px solid #ddd;
	margin-top: 15px;
}

/* LISTE IMAGES */

.image_popup span.im {
	display: none;
}

.image_popup:hover span.im {
	top: 25px ; right: 25px;
	display: block;
	position: fixed;
	padding:0;
	max-width: 40%;
	max-height: 70%;
	box-shadow: 5px 5px 10px black;
	background: url(transparent_bg.png) repeat;
}

.image_popup:hover span.res {
	background: black;
	color: white;
	padding: 5px;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
	box-shadow: -2px 2px 2px lime;
	border-radius: 0 0 0 4px;
}
#images {
	width: 100%;
	margin-top: 15px;
}

.image {
	width: 145px;
	height: 140px;
	text-align: center;
	list-style-type: none;
	margin-left: 0;
	margin: 4px;
	background: #eee;
	border: 1px dashed #ccc;
}

.image img {
	padding: 4px;
	margin: 5px;
	background: #fff;
	border: 1px solid #ddd;
}

.image p {
	margin: 0;
}

.image .del {
	background: #eee;
	float: right;
	bottom: 0;
	border: none;
	margin: 0;
}

/* COMMENTAIRES */

.commentbloc {
	padding : 5px 15px 5px 30px;
	margin-bottom: 10px;
	background: #edf3fe url("comment.gif") no-repeat 5px 5px;
	border-bottom: 1px solid #ccc;
}
.commentbloc .admin, .commentbloc a .admin  {
	color: #f53151;
}

.commentbloc h3, .commentbloc .email {
	display: inline;
	margin-right: 15px;
}

.commentbloc .date {
	font-style: italic;
	margin-right: 15px;
	margin-bottom: 15px;
}

.commentbloc .lien_article_de_com {
	display: inline;
	float: right;
}

.commentbloc .lien_article_de_com img {
	vertical-align: middle;
	margin-left: 15px;
}

#erreurs, .erreurs {
	display: block;
	clear: both;
	color: #D40000;
	margin: 0 0 15px 0;
}

.titre-commentaire {
	font-size: 16px;
}

.suppr-commentaire {
	text-align: right;
}

.poster-comment {
	padding-left: 20px;
	background: url("user_comment.gif") no-repeat left;
}

.form-commentaire label {
	margin-top: 10px;
}

.form-commentaire textarea {
	width: 99%;
	padding: .5%;
	background: #f9f9f9;
}

.form-commentaire input {
	padding: 2px;
}

.form-commentaire fieldset {
	border: none;
	margin:0;
	padding:0;
}

.formatbut input, .infos input, .infos label {
	display: inline;
	min-width: 32px;
}

.formatbut input[value="B"] { font-weight: bold; }
.formatbut input[value="I"] { font-style: italic; }
.formatbut input[value="U"] { text-decoration: underline; }
.formatbut input[value="S"] { text-decoration: line-through; }

.formatbut input {
	text-align: center;
}

.form-commentaire fieldset.infos input {
	margin-top: 2px;
}
.form-commentaire fieldset.infos {
	margin-top: 15px;
	width: 500px;
	text-align: right;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=search] {
	border: 1px solid #999;
	margin: 0;
}

textarea {
	font-family: 'siglo_xxregular', sans-serif;
	font-size: 12px;
	display: block;
	border: 1px solid #9999a3;
}

.submit {
	display: block;
	float: right;
	margin: 0 0 0 2px;
	padding: 2px 5px;
	color: #fff;
	background: #45A6FF;
	border: 1px solid #2E83D9;
	font-size: 14px;
	font-weight: bold;
}

fieldset.valid-center .submit {
	float: none;
	margin: 0 auto;
}

.submit-suppr {
	background: #CC0000;
	border-color: #990000;
	font-weight: normal;
}

q, blockquote {
	font-style: italic;
}

.pm {
	float: right;
}

/* ERREURS */
#erreurs, .erreurs, #succes, .succes {
	display: block;
	clear: both;
	margin: 0 0 15px 0;
}

#erreurs, .erreurs {
	color: #D40000;
}
#succes, .succes {
	color: #00A400;
}

#erreurs ul, #succes ul {
	list-style-type: square;
	padding-left: 20px;
	margin-top: 10px;
}

#erreurs li, #succes li {
	margin: 0;
}

/* CONFIRM */

.confirmation, .no_confirmation {
	clear: both;
	font-weight: bold;
	margin: 0;
	padding: 5px 5px 5px 25px;
}
.confirmation {
	background: #e8fcd9 url("accept.gif") no-repeat 4px;
	border-bottom: 1px dashed #badca0;
	color : #4E9B41;
}
.no_confirmation {
	background: #fcdfd9 url("deny.gif") no-repeat 4px;
	border-bottom: 1px dashed #fe90b7;
	color : #ff3b3b;
}

/* PREFERENCES */

#preferences fieldset {
	clear: both;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 10px;
	border-radius: 4px;
}

#preferences fieldset p {
	display: block;
	clear: both;
	margin: 10px 0;
}

p.activer_yesno label {
	vertical-align: middle;
	line-height: 1em;
	width: 50%;
}

#preferences fieldset label {
	color: #666;
	float: left;
	width: 30%;
	margin: 0 15px 0 0;
	padding: 3px;
	text-align: right;
	vertical-align: middle;
	line-height: 1em;
}

#preferences fieldset input, #preferences fieldset textarea {
	display: inline;
	padding: 2px;
	vertical-align: middle;
	line-height: 1em;
}

.legend-bin { background: url("bin.gif") no-repeat 5px; }
.legend-tic { background: url("on.gif") no-repeat 5px; }
.legend-user { background: url("user.gif") no-repeat 5px; }
.legend-image { background: url("image.gif") no-repeat 5px; }
.legend-cross { background: url("off.gif") no-repeat 5px; }
.legend-images { background: url("images.gif") no-repeat 5px; }
.legend-backup { background: url("save.gif") no-repeat 5px; }
.legend-config { background: url("bullet_wrench.gif") no-repeat 5px; }
.legend-picture { background: url("picture.gif") no-repeat 5px; }
.legend-question { background: url("question.gif") no-repeat 5px;}
.legend-securite { background: url("lock_edit.gif") no-repeat 5px; }
.legend-addimage { background: url("image_add.gif") no-repeat 5px; }
.legend-dateheure { background: url("clock.gif") no-repeat 5px; }
.legend-apparence { background: url("overlays.gif") no-repeat 5px; }

/* APERCU */

#apercu {
	display: block;
	clear: both;
	padding: 15px;
	margin: 0 0 20px 0;
	border: 1px dashed #ccc;
}

#apercu p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#apercu img {
	display: block;
	margin: 0 auto;
	padding: 2px;
	border: 1px solid #ddd;
}

h1#titre-apercu {
	padding-left: 25px;
}

/* LABEL */

label {
	display: block;
	margin-bottom: 5px;
}

.info {
	padding-left: 20px;
	background: no-repeat left center url("info.gif");
}

/* ECRIRE */

#form {
	clear: both;
	margin-right:10px;
}

#form #wiki {
	float: right;
	text-align: right;
	padding-left: 20px;
}

#showw {
	margin: 3px 0;
	background-color: silver;
}

.tags {
	color: black;
	padding: 1px 3px;
	background-color: silver;
	border: 1px solid #999;
}

.tags:hover {
	text-decoration: none;
	cursor: pointer;
}

#masknshow {
	width: 99%;
	text-align: justify;
}

/* MODES ECRIRE */

#mode {
	display: block;
	float: right;
	margin: 0 25px 0 0;
}

#mode li {
	float: left;
	color: #666;
	font-weight: bold;
	list-style-type: none;
}

#mode li a {
	text-decoration: none;
	font-weight: normal;
}

#date, #opts {
	float: left;
	clear: both;
	margin-top: 10px
}

#formdate, #formheure {
	display: block;
	float: left;
	padding-left: 20px;
}

#formdate {
	background: url("date.gif") no-repeat left;
}

#formheure {
	margin-left: 15px;
	background: url("clock.gif") no-repeat left;
}

/* FORMS ECRIRE */

#formdate label {
	display: none;
}

#formstatut {
	float: left;
	padding-left: 20px;
	background: url("book_open.gif") no-repeat left;
}

#formstatut label, #formallowcomment label {
	display: inline;
	margin-right: 5px;
}

#formallowcomment {
	float: left;
	padding-left: 20px;
	margin-left: 15px;
	background: url("comments.gif") no-repeat left;
}

#titre, #categories, #contenu, #mots_cles {
	width: 100%;
	clear: both;
	padding: 5px;
	margin-bottom: 15px;
	background: #f9f9f9;
}

#titre {
	font-weight: bold;
	font-size: 16px;
	background: #fff;
}

#blocchapo {
	margin-right: 420px;
}

#blocnote {
	width: 400px;	
	float:right;
}

#chapo, #notes {
	width: 100%;
	padding: 5px;
	height: 100px;
	background: #f9f9f9;
}

label.inline {
	display: inline;
	margin-right: 10px;
}

input.inline {
	margin: 0;
	display: inline;
}

/* AUTH */
#pageauth {
	width: 35%;
	display: block;
	clear: both;
	margin: 50px auto 25px auto;
	padding-left: 150px;
	background: url("logo.jpg") no-repeat left top;
}

#pageauth input {
	padding: 2px;
	background: #f5f5f5;
}

#pageauth #subauth, #pageauth label {
	margin-top: 15px;
}

#pageauth .inpauth {
	margin-top: 15px;
	padding: 2px 5px;
	color: #fff;
	background: #45A6FF;
	border: 1px solid #2E83D9;
	font-size: 14px;
	font-weight: bold;
}

#logo {
	margin: 0;
	font-size: 36px;
}

#step {
	font-size: 20px;
	margin: 0;
	color: #999;
}

#freecap {
	border: 1px dashed silver;
}

/* LISTE BILLETS */

#billets {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

#billets a {
	text-decoration: none;
}

#billets th {
	text-align: left;
	padding: 3px 0 3px 5px;
	font-size: 14px;
	font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Zapf Calligraphic 801 BT', serif;
	border-bottom: 1px solid #ccc;
}

#billets tr {
	width: 100%;
}

#billets td {
	padding: 5px;
}

#billets .c {
	background: #edf3fe;
}

#billets .on, #billets .off {
	padding-left: 25px;
	color: #000;
	margin: 0;
}

.black { /* link */
	color: #000;
}

#billets .on {
	background: url("on.gif") no-repeat left;
}

#billets .off {
	background: url("off.gif") no-repeat left;
}

#billets .lien {
	text-align: right;
	padding-right: 10px;
}

#billets a:hover {
	color: #45A6FF;
	text-decoration: underline;
}

#billets .titre {
	font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Zapf Calligraphic 801 BT', serif;
	font-size: 14px;
	width: 50%;
}

#billets #nbart {
	padding-top: 8px;
	font-weight: normal;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: none;
}

#form-filtre {
	margin-bottom: 15px;
}

#form-filtre label {
	display: none;
}

/* FOOTER */

#footer {
	clear: both;
	width: 100%;
	text-align: center;
	color: #666;
	padding: 10px 0 6px;

	margin: 0;
	font-size: 10px;
}

#footer a {
	color : #888;
	text-decoration : none;
}

#footer a:hover {
	color : #333;
}