/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay 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 *****
 *
 * Contributor(s):
 *  Maurice Svay
 */

/* Ce fichier d�finit le style visuel pour les diff�rents �l�ments du blog.
 * Dans l'ordre, vous trouverez les r�gles qui d�finissent l'apparence pour:
 * - les �l�ments HTML en g�n�ral
 * - la page
 * - l'ent�te
 * - le pr�lude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est d�fini dans le fichier layout.css
 * Pour mettre la barre de navigation � gauche, d�commentez l'appel � 
 * layout-gauche.css
 */

@import "layout.css";
/* @import "layout-gauche.css"; */
 
/* Les �l�ments HTML en g�n�ral   
3A4A1C BD9178
3A4A1C
3E4928
-------------------------------------------------------- */
body{
	font-size: 80%;
	line-height: 1.6em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


h1{font-size: 1.6em;}
h2{font-size: 1.2em;}
h3{font-size: 1em;}
h4{font-size: 0.8em;}
h5{font-size: 0.8em;}
h6{
	font-size: 0.85em;
	text-align: center;
	padding: 0px;
	margin-top: 2px;
	margin-right: 16px;
	margin-bottom: 20px;
	margin-left: 16px;
	line-height: 1.4em;
	font-weight: normal;
}

pre, code{
	font-size: 1.2em;
}

p{
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
	margin: 0px;
	padding: 10px;
}

label{
	cursor: pointer;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #000;
}

a:visited{
	color: #3A4A1C;
}

a:hover{
	color: #863F0F;
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

.center{
	text-align: center;
}


blockquote{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color: #000000;
	margin: 5px 15px 0px;
	padding: 0px 10px;
	background-color: #F4ECD9;
}

img.bis{
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 22px;
	margin-bottom: 5px;
	margin-left: 0px;
}

img.bisa{
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 1px;
}
img.une{
	float: left;
	padding: 0px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

img.medisto{
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
}




img.ter{
	float: right;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 22px;
}


img.tera{
	float: right;
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 22px;
}

img.ac{
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

img.acadd{
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 3px;
}

img.in{
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}

.cache {
	display: none;
}

#post-plus li{
	margin-bottom: 12px;
}

.post-content ul {
	padding-bottom: 5px;
	padding-bottom: 15px;
}

.post-content li {
	margin-bottom: 12px;
}

.post-content ul {
	margin-bottom: 12px;
}

.post-content h3 {
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 1.05em;
}

/* La page
-------------------------------------------------------- */
/* L'ent�te
-------------------------------------------------------- */

#top {
	height: 95px;
	background: #B97D56;
}


.intro { /* in home */
	font-size: 0.8em;
	text-align: left;
	margin: 10px;
	padding: 0px;
	font-style: normal;
	color: #000000;
	font-weight: lighter;
}

/*.color{
	background-color: #3A4A1C;
}*/

/* .post-une{ color: #3A4A1C; letter-spacing: 0.1em; color: #302834;/* titre */

#svt ul{
	display: block;
	text-align: right;
	font-size: 0.9em;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 3.8em;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #3A4A1C;
	border-top-width: 2px;
	border-top-style: none;
	border-top-color: #3A4A1C;
}

#svt ul li{
	display: inline;
	padding: 3px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.7em;
	background-color: #FFFFFF;
}


/* La barre de navigation
-------------------------------------------------------- */

#sidebar div{
}

#sidebar div ul{
	list-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-right: 3.2em;
	padding-left: 6px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sidebar li{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

#sidebar h3{
	color: #5B4D3D;
	background-color: #FCFCF3;
	margin-top: 20px;
	margin-right: 42px;
	margin-bottom: 25;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 5em;
	padding-bottom: 5px;
	padding-left: 5px;
}


.nb{ /* nb billet */
	color: #5B4D3D;
	font-size: 0.8em;
}



/* pub
-------------------------------------------------------- */


#pub {
	margin-top: 35px;
	margin-left: 40px;
}

/* twit
-------------------------------------------------------- */


#twit {
	float: right;
	display: block;
	position: relative;
	margin-right: 45px;
}



/* tags
-------------------------------------------------------- */


#tagcloud ul {
	margin: 0;
	display: block;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;
}

#tagcloud li {
	display: list-item;
	padding: 0;
	background-image: none;
	margin-top: 3px;
	margin-right: 0.1em;
	margin-bottom: 3px;
	margin-left: 0.1em;
}

/* niveaux des tags */
#tagcloud li.level-1 { font-size: 1em; }
#tagcloud li.level-2 { font-size: 1em; }
#tagcloud li.level-3 { font-size: 1em; }
#tagcloud li.level-4 { font-size: 1em; }
#tagcloud li.level-5 { font-size: 1em; }

/* couleur des liens des tags */

/* tagsre
-------------------------------------------------------- */


#tagre ul{
	margin: 0;
	display: block;
	line-height: 1.5em;
	background-color: #C99A7B;
	font-size: 1em;
	padding: 0.6em;
	border-top-style: inset;
	border-left-style: inset;
	border-top-color: #C99A7B;
	border-left-color: #C99A7B;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: outset;
	border-bottom-style: outset;
	border-right-color: #C99A7B;
	border-bottom-color: #C99A7B;
}

#tagre li {
	display: inline;
	padding: 0;
	background-image: none;
	margin-top: 0;
	margin-right: 0.3em;
	margin-bottom: 0;
	margin-left: 0.3em;
}

/* niveaux des tags */
#tagre li.level-1 { font-size: 0.8em; }
#tagre li.level-2 { font-size: 0.9em; }
#tagre li.level-3 { font-size: 1em; }
#tagre li.level-4 { font-size: 1.1em; }
#tagre li.level-5 { font-size: 1.2em; }


/* ------------------#3E3529 perso -- */


#infoperso p{
	font-size: 1em;
	line-height: 1.4em;
	color: #000;
	text-align: left;
	padding-top: 1em;
	padding-right: 3.2em;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#infoperso ul{
	margin: 0px;
	padding: 0px;
}

#infoperso li{
	font-size: 1em;
	list-style-position: inside;
	list-style-type: disc;
	line-height: 1.2em;
}
img.film{
	margin-left: 30px;
}


/* ------------------ cit -- */

#sidebar h3.marge{
	margin-top: 25px;
	margin-bottom: 0px;
}
p.cit{
	font-size: 0.95em;
	line-height: 1.6em;
	color: #5B4D3D;
	text-align: left;
	background-color: #FCFCF3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 13px;
	margin-right: 42px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

/* ------------------ caption-- */


p.leg{
	font-size: 0.95em;
	line-height: 1.3em;
	text-align: justify;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}


/* ------------------ categorie -- */

#categories ul{
	margin: 1ex 0 0 0;
	padding-right: 3.2em;

}

/* ------------------ recherche -- */

#search{
	text-align: center;
}

#search form {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.btnsubmit{ /* ok search */
	cursor:pointer;
	font-family: "Trebuchet MS", sans-serif;
}

.btnsearch{ /* champ search */
	color: #000000;
	font-size: 0.9em;
}

#q{
	/*padding-left: 14px; */
	/*background-color: #fff;*/
	/*background-image: url(img/q.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: 12px center;*/
}

/* ------------------ abonnement -- */

#abon ul{
	font-size: 1em;
	margin: 0;
}

#abon li{
	margin-top: 10px;
}



/* Le pied de page
-------------------------------------------------------- */
#footer{
	color: #3A4A1C;
	font-size: 0.9em;
	text-align: right;
	background-color: #FFFFFF;
	background-image: url(img/footer-20-12.jpg);
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 0;
	height: 30px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

#footer a{
	color: #000000;
}

#number{
	font-size: 0.8em;
	color: #5B4D3D;
}


/* Le contenu post et list
-------------------------------------------------------- */

.post { /* a definir ou virer */
}
h4.big{
	font-size: 0.9em;
	padding-top: 3px;

}


.post-une{ /* titre 3A303F/ #353145 */
	color: #3A4A1C;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #3A4A1C;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.post-une-home{ /* home titre 3A303F/ #353145 */
	color: #3A4A1C;
	text-align: center;
	padding: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #3A4A1C;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.post-une-list{ /* home titre 3A303F/ #353145 */
	font-size: 1em;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #636368;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	line-height: 1.1em;
	margin: 0px;
}

.post-une a{
	color: #000;
	background: transparent;
	text-decoration: none;
}
.post-une a:visited{
	color: #3A4A1C;
}

.post-une a:hover{
	color: #8E3720;
}
.post-une-home a{
	color: #000;
	background: transparent;
	text-decoration: none;
}
.post-une-home a:visited{
	color: #3A4A1C;
}

.post-une-home a:hover{
	color: #8E3720;
}

.post-info{ /* date et categorie */
	color: #3A4A1C;
	background: transparent;
	text-align: center;
	margin: 0;
	padding: 0;
}

.post-info-essai{ /* date et categorie */
	color: #000000;
	text-align: right;
	font-size: 0.9em;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-bottom-width: 0.5px;
	border-bottom-style: dotted;
	border-bottom-color: #3A4A1C;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}

.post-info-par{ /* date et categorie */
	color: #000000;
	text-align: right;
	font-size: 0.9em;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	font-weight: bold;
	border-bottom-width: 0.5px;
	border-bottom-style: dotted;
	border-bottom-color: #3A4A1C;
}


.post-info-home{ /* date et categorie */
	color: #3A4A1C;
	background: transparent;
	padding-bottom: 3ex;
	text-align: center;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.post-content{ /* txt */
	text-align: justify;
}


#post-content-list h2{
	padding-top: 16px;
	margin-top: 5px;
}

#post-content-list p{
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#post-plus{ /* titre en plus */
}

#post-plus h4{
	color: #FFFFFF;
	font-size: 0.9em;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.color{
	background-color: #3A4A1C;
	padding: 4px 6px;
}

.post-info-co{/*nb comment */
	text-align: right;
	font-size: 0.9em;
}

p.post-info-suite{/*nb comment */
	text-align: right;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}

#comments{/* le div = definir ou virer de postphp */
}

.rep{
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: inset;
	border-bottom-style: inset;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #3A4A1C;
	border-left-color: #3A4A1C;
}

.comment-info{ /* ligne ref comment */
	padding: 3px 5px;
	color: #3A4A1C;
}

/*.comment-number{ /* numero comment
	background-color: #F4F2ED;
	padding: 3px 5px;
} */

#co{ /* titre */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#coadd{ /* titre ajouter un commentaire*/
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


p.tr{
	margin-top: 30px;
}


#add{
	padding-left: 255px;
	font-size: 0.9em;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

/* oeil	background-image: url(/themes/themesm/img/oeil2.gif);
 */


/* form comment
-------------------------------------------------------- */

.submit, .preview{ /* btn */
	cursor:pointer;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: inset;
	border-bottom-style: inset;
	border-right-color: #666666;
	border-bottom-color: #666666;
	background-color: #FFFFFF;
	font-size: 1em;
}
p.field{ /* intitule champ */
	margin: 0px;
	padding: 2px 0px;
}


/* form comment!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!-------------------------------------------------------- */
#comment-form{  /* ancien #BFBDCC #E2E2E7 */
	background-color: #B97D56;
}

#trackbacks h3{ /* a supprimer */
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #3A4A1C;
}

#comments blockquote{
	border: 1px solid #EEE;
	margin: 1em 0;
	padding: 1ex 1em;
}

input {
	font-size: 1em;
}

/* reponse comment
-------------------------------------------------------- */

blockquote.comback_content {
	background-color: #FFFFFF;
}


/* a propos
-------------------------------------------------------- */


#sm{
	text-align: justify;
}

#sm li{
	margin-top: 0.8em;
	margin-bottom: 0.2em;
	line-height: 1.4em;
}

#lgn{
	border-top-color: #3A4A1C;
	border-top-width: medium;
	border-top-style: solid;
	margin-top: 2em;
}

#lgn ul{
	margin-top: 2.5em;
	margin-bottom: 1.8em;
}

#lgn li{
	margin-top: 0;
	margin-bottom: 0.8em;
	line-height: 1.3em;
}

img.sm{
	float: left;
	padding: 0px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 0px;
}


/* pagination
-------------------------------------------------------- */


#pagnav p{
	text-align: center;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #E8E4D9;
}

/* resume cat
-------------------------------------------------------- */

.titrecat {
	text-align : justify;
	line-height: 1.4em;
	font-size: 0.9em;
	margin-bottom: 3em;
	font-style: italic;
 }
.colresum {
	color: #3A4A1C;
	font-weight: bold;
 }


/* last
-------------------------------------------------------- */

#last li{
	font-size: 1em;
	list-style-type: disc;
	list-style-position: inside;
}

#last a:visited{
	color: #3A4A1C;
}

/* plus vu
-------------------------------------------------------- */

#succes li{
	font-size: 1em;
	list-style-type: decimal;
	list-style-position: inside;
}

#succes a:visited{
	color: #3A4A1C;
}

/*liens
-------------------------------------------------------- */


#links li{
	font-size: 0.9em;
	list-style-type: disc;
	list-style-position: inside;
}

#links a:visited{
	color: #3A4A1C;
}

#flickr_badge_source_txt{
	color: #000;
	text-align: center;
}

/*trad
-------------------------------------------------------- */
#trad{
	font-size: 0.9em;

}

#google_translate_element{
	font-size: 0.9em;
	color: #5B4D3D;
	padding: 5px;
	margin: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 28px;
}


/*essa i
-------------------------------------------------------- */

/** Menu **/
.menu{
	margin-bottom: 60px;
	text-align: center;
	font-family:Verdana,sans-serif;
	font-size:0.85em;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
}
.menu li{
	display: inline;
	margin: 0 10px;
	list-style-type: none;
}
.menu li a{
	padding: 3px;
	text-transform: uppercase;
}
.menu li a:hover{
	background: #8F8F8F;
	color: #fff;
}

/** Liens de droite **/
#prelude,
#topnav {
	position: absolute;
	top: -100px;
	left: 540px;
	width: 150px;
	margin: 0;
	padding: 0;
}

#prelude{
	top: 20px;
	left: 910px;
}

#topnav ul {
	margin: 0;
	padding: 0;
}

#prelude li,
#topnav ul li{
	margin: 15px 0;
	list-style-type: none;
}
#prelude li a,
#topnav ul li a{
	display: block;
	padding: 0 2px;
	background: #fff;
	font-size: 8px;
	font-family:Verdana,sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
}