﻿/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Samuel Latchman and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 */


/* ---------------------------------------------------- */
/* General						*/
/* ---------------------------------------------------- */

body {

	padding : 0;
	background : #666666;
	color : #000;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-size/* */:/**/small;
        font-size: /**/small; 
        color: #444;
}

table { font-size : 1em; }
p { margin : 1em 0; }
q { text-decoration : none; }
ul { list-style-type : none; }

pre { 
	width : 100%;
	padding-bottom : 1.5em;
	white-space : normal;
	/* cach� pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
	overflow : auto;
	white-space : pre;
	/* Fin hack Ne pas supprimer cette ligne */
}
code { width : 100%;}
img  { border : none; }
form { display : block; margin : 0; padding : 0; }

h1 { font-size : 2.25em;  margin : 0.67em 0; text-decoration : none; }
h2 {
	font:Bold 14pt  Georgia;
	color:#938E7A;
	/* padding-top:10px; */
}
h3 { font-size : 1.3em;   margin : 1em 0; font-family : "Trebuchet MS",Arial,Helvetica,sans-serif;}
h4 { font-size : 1em; 	  margin : 1.33em 0; }
h5 { font-size : 0.83em;  margin : 1.67em 0; }
h6 { font-size : 0.67em;  margin : 2.33em 0; }

a:link 	  { color: #938E7A; text-decoration : none;}
a:visited { color : #938E7A; text-decoration : none; }
a:hover   { color: #DFD9C3; text-decoration : none;  }
a:active  { text-decoration : none; }
a:focus   { text-decoration : none;}

a[hreflang]:after {
        content: "\0000a0[" attr(hreflang) "]";
	color : #938E7A;
	background : transparent;
}

.clear {
	clear : both;
	display : block;
	height : 1px;
	margin : 0;
	padding : 0;
}

/* ---------------------------------------------------- */
/* Layout		#94a9c6				*/
/* ---------------------------------------------------- */
#page {
	width : 960px;
	margin : 10px auto;
	padding : 5px;
	border : 1px solid #000;
	background : white;
	text-align : left;
}
#main {
	width : 960px;
	padding : 0;
	margin : auto;
	text-align : left;
}
#wrapper {
	float : left;
	width : 783px;
	margin : 0;
	padding : 0;
	text-align : left;
	background: #FFFFFF url(images/bgwrapper.png) repeat-y center center;
}

#toc {
	padding : 2px;
	
}

#content {
	float : left;
	width : 560px;
	margin : 0;
	padding : 0;
	text-align : left;
        font: 85%/160% 'bitstream vera sans', 'lucida grande', verdana, sans-serif;
}
#sidebar {
	float : left;
	width : 160px;
	padding : 5px;
	margin : 0;
  margin-left: 5px;
	background-color:#FFFFFF;
	text-align : center;
  font-size: 7pt;
}

#moreads {
	float : left;
	width : 160px;
	padding : 5px;
	margin : 0;
        margin-left: 5px;
	background-color:#FFFFFF;
	text-align : center;
        font-size: 7pt;
}


#extra {
	float : right;
	width : 190px;

	padding : 2px;
	/*margin : 380;*/
	text-align : left;
        background-color: #DFD9C3;
	color: #000066;
	border-right: 4px solid #FFF;
}

#extra h3 {
        padding-left: 5px;
        font-size: 9pt;
        border: 1px solid #938D77;
        background: #FFFCEF;
        font-family: Georgia;
        color: #DFD9C3;
}

#extra h2 {
        padding-left: 5px;
        font-size: 9pt;
        border: 1px solid #938D77;
        color: #FFFFFF;
        font-family: Georgia;

}


#extra ul{
        margin-left : 2px; 
        padding-left : 0; 
        list-style : none;
        font-size: 7pt;
        color: #938E7A;
}
#extra a {
        color: #5E5E5E;
}

#extra a:hover {
        background: #EFECE0;
}

#extra fieldset{
        font-size: 7pt;
        color: #938E7A;
}     

/* ---------------------------------------------------- */
/* Block "Top"						*/
/* ---------------------------------------------------- */
#top {
	margin : 0;
	padding : 5px 10px 2px 10px;
   height: 142px;
   background-image: url(img/header3.jpg);
   background-repeat: no-repeat;
}
#top a {
	color : #FFFFFF;
	text-decoration : none;
}

#top a:hover {
	text-decoration : underline;
}



#top h1 {
	float : right;
	margin : 0;
	padding : 0;
  font-size: 1.0em;
  color : #FFFFFF;
}



#navbar-top {
	float : right;
	margin : 0;
	padding : 0;
}

.navbar {
	text-align : right;
}

/* ---------------------------------------------------- */
/* Block "Footer"					*/
/* ---------------------------------------------------- */
#footer {
	clear : both;
	margin : auto;
	padding : 5px;
	background-color:#EFECE0;
	
}
#foot {
	width : 960px;
	margin : 5px auto;
	padding : 3px;
	border : 0px solid #000;
	background : #666666;
	text-align : center;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 10px;
}
#dotclear {
	width : 30%;
	float : left;
	margin : 0;
	padding : 0;
}
#navbar-bottom {
	width : 65%;
	float : right;
	margin : 0;
	padding : 0;
}
.clear {
	clear : both;
	margin : 0;
	padding : 0;
	height:1px;
}

/* ---------------------------------------------------- */
/* Block "Sidebar"					*/
/* ---------------------------------------------------- */
#sidebar h2 {
	padding : 0;
        font-size: 9pt;
}
#sidebar ul {
	    margin-left : 0; 
            padding-left : 0; 
            list-style : none; 
}
#sidebar li {
	list-style : none;
	margin-top : 0.15em;
        margin:0;
	color : #999;
}
#sidebar li:hover {
	color : #333;
}

/* Calendar box -------------------------------------- */
#calendar {
	margin : 0;
	padding : 0;
}
#calendar h2 {
	display : none;
}
#calendar table {
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
}
#calendar caption {
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	margin : 0 auto;
}
#calendar abbr {
	border : none;
}
#calendar th, #calendar td {
	font-weight : normal;
	border : none;
	padding : 1px;
}
#calendar td {	
	text-align : center;
}
#calendar td.active {
	border : 1px solid #000;
	
}
#calendar td a{
	display: block;
	font-weight: bold;
	background: #DFD9C3;
	
}
#calendar td.active a {
	font-weight : normal;
	color : #000;
	
}
#calendar a {
	color : #4364a1;
	font-weight: bold;
	font-size : 0.88em;
	
}


/* Search form box ----------------------------------- */

#search fieldset, #search p{
	margin: 0;
	padding: 0;
	text-align : center;
}

#q{
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}


/* Categories box ------------------------------------ */
#categories {
}
#categories h2 {
}

/* Archives box -------------------------------------- */
#archives {
}

/* Links box ----------------------------------------- */
#links {
}

/* Syndication box ----------------------------------- */
#syndicate {
}


/* ---------------------------------------------------- */
/* Post							*/
/* ---------------------------------------------------- */
.day-date {
	font-size : 1em;
	margin : 0;
        font-weight: bold;
	text-align : right;
	color : #000;
	
}
.post {
	padding : 5px;
	background-color:#fff;
}

/*
.post:hover {
	padding : 5px;
	background-color:#efefef;
}
*/

.post-title {
	color : #938E7A;
	margin : 0;
	padding : 0;
	background-color:#fff;
	
}
.post-info {
	color : #666;
	margin : 2px;
	padding : 2px;
}

.post-chapo {
	margin : 0;
	padding : 0;
}
.post-content {
	margin : 2px;
	padding : 2px;
        text-align: justify;
}

.post-chapo{
	margin : 2px;
	padding : 2px;
        text-align: justify;
}

.post-content a {
        color: #DFC66F;
}
.post-info-co {
	padding : 2px;
	text-align : right;
        margin: 2px;
        border: 1px solid #DFD9C3;
        background: #EFECE0;
        font-size: 7pt;
}


blockquote {
	clear: both;
	background-color: #ffffff;
	background-image: url(img/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	/* border: 1px solid #999999; */
	padding: 5px;
        padding-left: 20px;
	margin: 4px;
	color: #666666;
        border: 1px solid #efefef;
	font: 85%/160% 'bitstream vera sans', 'lucida grande', verdana, sans-serif;
}

#comments{
	padding-left: 10px;
}

#comments blockquote.author_comment {
        clear: both;
	background-color: #efefef;
	background-image: url(img/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	/* border: 2px solid #999999; */
	padding: 5px;
        padding-left: 20px;
	margin: 4px;
	color: #000;
	font: 85%/160% 'bitstream vera sans', 'lucida grande', verdana, sans-serif;
}

.commentid{
        float: right;
        font-size: 22px;
        font-family: Georgia, "Times New Roman", serif;
        text-decoration: none;
        font-weight: bold;
       	color: #666666;
}

/* ---------------------------------------------------- */
/* Comments & Trackbacks				*/
/* ---------------------------------------------------- */
#trackbacks, #comments {
}
#comments-list, #trackback-list {
	margin : 2px;
	padding : 2px;
}
#comment-preview {
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
}
.comment-info {
}
#trackbacks .comment-info {
}
#comments .comment-info {
}
.comment-number {
	font-weight : bold;
}
.comment-number a {
	text-decoration : none;
}
.linktop {
}

/* ---------------------------------------------------- */
/* Form							*/
/* ---------------------------------------------------- */
#add-comment, #change-comment {
}
#comment-form {
}
#dcwikibar {
	padding : 2px;
}
fieldset {
	display : block;
	border : none;
}
input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border: 1px solid #ECECEC;
}
input[type], textarea[name] {
	background : #FAFAFA;
}

input[type=submit], input[type=reset] {
	background : #FAFAFA;
	color : #000;
}

input[type=submit]:hover {
	background : #FAFAFA;
	color : #D96C00;
}
textarea {
}
p.field {
}
p.field label {
	display : block;
}
.form-help {
}
input.preview {
}
input.submit {
}
#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}

/* ---------------------------------------------------- */
/* Error messages					*/
/* ---------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}

/* ---------------------------------------------------- */
/* Extra */
/* ---------------------------------------------------- */

#right a:link, #right a:visited {
	color: #336699;
	text-decoration: none;
	border-bottom: 1px dotted #003366;
}

#right a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #003366;
	border-bottom: 1px solid #FFF;
}

#right a:active, #right a:focus {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
}

#right h1 {
	width: 206px;
	height: 125px;
	padding: 0px;
	margin: 0px;
	background: #6699CC url(images/header-respect.gif) no-repeat center center;
	text-indent: -10000px;
	color: #FFF;
}
 
#right h2 {
	width: 198px;
	padding: 4px;
	margin: 0px;
	font-size: 13px;
	line-height: 1.4em;
	background-color: #6699CC;
	color: #FFF;
}
 
#right ul {
	list-style-type: none;
	padding: 4px;
	margin: 0px;
}

#right li {
	padding: 0px 0px 4px 12px;
	background: url(images/bullet-doc.gif) no-repeat 0 4px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

/* Tagcloud 
-------------------------------------------------------- */
#tagcloud {
        text-align: center;
        line-height: 200%;
}

#tagcloud ul { 
	margin:0; 
	padding:0 1em; 
	display:block; 

}

#tagcloud li { 
	display:inline; 
	margin: 0 .1em; 
}

#tagcloud li.level-1 { font-size: 1.1em; }
#tagcloud li.level-2 { font-size: 1.3em; }
#tagcloud li.level-3 { font-size: 1.5em; }
#tagcloud li.level-4 { font-size: 2.7em; }
#tagcloud li.level-5 { font-size: 2.9em; }

#tags {
        text-align: right;
        font-size: 7pt;
}

/* Affichage des images et lÃ©gendes */ 	

img.photo {
	display : block;
	margin : 0;
	padding : 2px;
	background : #000;
	border : 12px solid #fff;
	margin : 0 auto;
	text-align : center;
}
span.photo {
	display : block;
	background : #efefef;
	width : 280px;
	font-size : 0.8em;
	margin : 6px auto 0;
	text-align : center;
}

#navbar ul {
     text-align: left;
     width: 500px;
     padding : 5px;
     margin-bottom: 0;
     margin-top: 0;
     list-style-type : none;
}

#navbar ul li {
     display: inline;
     padding : 5px 0;
     background: #efefef;
}

#navbar ul li a {
     color: #4b4b69;
     text-decoration: none;
     font-weight: bold;
     padding : 5px 1em 5px 1em;
     border-left: 1px solid #fff;
}

#navbar ul li a:hover {
     color: #CFCFCF;
     border-left: 1px solid #fff;
}

#navbar a:active {
     border-left: 1px solid #fff;
}

.post-info-co {
     float: right;
     margin-bottom: 7px;
}

/* Img Shadow */ 	

.img-shadow {
        float:left;
        background: url(http://lostinanywhere.free.fr/shadowAlpha.png) no-repeat bottom right !important;
        background: url(http://lostinanywhere.free.fr/shadow.gif) no-repeat bottom right;
        margin: 10px 0 0 10px !important;
        margin: 10px 0 0 5px;
}

.img-shadow img {
        display: block;
        position: relative;
        background-color: #fff;
        border: 1px solid #a9a9a9;
        margin: -6px 6px 6px -6px;
        padding: 4px;
}
  
.p-shadow {
        width: 90%;
        margin: auto;
        background: url(http://lostinanywhere.free.fr/shadowAlpha.png) no-repeat bottom right !important;
        background: url(ttp://lostinanywhere.free.fr/shadow.gif) no-repeat bottom right;
        margin: 10px 0 0 10px !important;
        margin: 10px 0 0 5px;
 }

.p-shadow div {
        background: none !important;
        background: url(shadow2.gif) no-repeat left top;
        padding: 0 !important;
        padding: 0 6px 6px 0;
}

.p-shadow p {
        color: #777;
        background-color: #fff;
		text-decoration:none;
        font-size: 1em;
		font-family: georgia, serif;
        border: 1px solid #a9a9a9;
        padding: 4px;
        margin: -6px 6px 6px -6px !important;
        margin: 0;
}


/* Flash */

embed{
        margin-left: 100px;
}

.ad {
        text-align: center;
        padding: 5px;
}
.navigation {
        text-align: center;
        width: 380px;
        border: 1px solid #999999;
	padding: 5px;
}
.first, .postprev, .postnext { float:left;}
.postprev, .postnext { width : 10em; }
.first { width : 8em; font-weight:bold; }
.postprev { text-align:right; padding-right:1em; border-right: 1px solid #ccc; }
.postnext { text-align:left; padding-left:1em; }

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxCaption{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");*/
	}
	
.pagenav {
	font-size: 0.9em;
	padding:5px;	
}

p.pagenav a {
	background : #ddd;
	color: black;
	padding:2px;
	border: 1px solid #bbb;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:hover {
	background:#598F9A;
	color:white;
}

p.pagenav strong {
	color: black;
	padding:2px;
	border: 1px solid #bbb;
}

.abc-url {
	padding : 4px;
	text-align : left;
        margin: 4px;
        border: 1px dashed #E0F3FF;
        background: #fff;
        font-size: 8pt;
}

.abc-url a{
color: #170F40;
}

.abc-url a:hover{
text-decoration: none;
color: #170F40;
}

.abc-url a:visited{
color: #170F40;
}
.abc-url a:active{
color: #170F40;
}



.doc-telecharger a {
color:#C0C000 ; 
text-decoration: underline;
}

.doc-telecharger a:hover {
color:#C0C000 ; 
text-decoration: none;
}

.doc-telecharger a:visited {
color:#C0C000 ; 
}

.doc-telecharger a:active {
color:#C0C000 ; 
}

p.welcome {
	padding : 4px;
}


p.ltittle  {
	padding : 4px;
}

#recommandation {
width:160px;
float: right;
}

