/* ***** 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
 */
 
/* A propos de ce theme
 * Tests effectues:
 * - IE de 5.01 a 6 Windows
 * - Firefox 0.9x Windows
 * - Opera 7.51 Windows
 * - Safari 1.2.2 MacOS X (10.3)
 * - Konqueror Linux
 * - Opera Linux
 *
 * Le layout est dans une feuille de style separee
 * 1 - Global style
 * 2 - Header
 * 3 - Post
 * 4 - Trackbacks et commentaires
 * 5 - Sidebar
 * 6 - Footer
 */
 
 /* Couleurs principales utilisées : 
 -doré : #BB9E4C
 -bordeau : #780032
 - bordeaux pâle (liens) : #8A4444
 - blanc : # FFFFFF
 
 */
 
 
@import "layout.css";


/* ****Global style**** */
html, body{
	margin: 0;
	padding: 0;
}

	/* ****corps de texte général**** */
	body{
		background: #8F1E49 /*url(img/background.png) repeat-x;  // ajoute une image de fond qui se répète horizontalement*/;
		color: #000; /* couleur générale du texte*/
		font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
		font-size: 0.8em;
		margin: 0;
	}

	/* ****Styles titres**** */

	h1, h2, h3, h4, h5, h6{
		font-family: "Verdana", sans-serif;
	}
.h1special{ visibility:hidden; height:0;margin:0; line-height:0; }
	h2{font-size: 1.2em; margin: 1em 0; /*font-weight: normal;*/}
	h3{font-size: 1em; margin: 0.8em 0;}
	h4{font-size: 1em; font-weight: normal}
	h5{font-size: 1.1em; margin: 1em 0; font-weight: bold;}
	/* ****Fin titres**** */


	/* ****liens**** */
	a:link{color:#780032; background:transparent;}
	a:visited{color:#8A4444; background:transparent;}
	a:hover{color:#BB9E4B; background:transparent;}
	a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;}
	a img{border: none;}
	/* ****Fin liens**** */


	/* ****???**** */
	abbr, acronym{
		border: none;
		background: transparent url(img/dotted.png) repeat-x bottom;
		cursor : help;
	}

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

	pre {
	overflow: scroll;
	width: 100%;
	}
	
	html>body pre {
	overflow: auto;
	width: auto;
	background: #FFFFFF url(img/menu.gif) repeat-y right; 
	}
	/* ****Fin ???**** */
#homemessage{
color:#780032;

}

#page {
background: #FFFFFF url(img/menu.gif) repeat-y left; 

}




/* ****Champ -Commentaires- **** */
fieldset{
	border: none;
}


.field label{
	display: block;
	cursor: pointer;
	/*cursor: hand;  pour IE */
}

 /* ****Zone texte  -ajout de commentaire-**** */
input, textarea{
	border: 1px solid #BB9E4C;
	background: #FCFCFC;
	/* -moz-border-radius connu pour ne pas etre valide */
	-moz-border-radius: 4px;
}

textarea{
	width: 99%;
}
 /* ****Fin Zone texte  -ajout de commentaire-**** */


.left{
	float: left;
	margin: 0 1em 1em 1em;
}


.right{
	float: right;
	margin: 0 1em 1em 1em;
}
/* ****Fin Champ -Ajout de comentaire- **** */



/* ****Header : Bandeau**** */
#top{
	background: #780032 url(img/header.jpg) no-repeat;
}

#top h1{
	line-height: 15px;
	margin: 0;
	font-size: 1em;
	text-align:center;
}

/* ****titre du blog (actuellement désactivé en commentaire, voir template.php**** */
#top h1 a{
	text-decoration: none;
	color: #780032;
	background: transparent;
}

/* ****style des liens dans le bandeau "  Accueil du blog  Accès à la boutique  Contactez-nous"**** */
#prelude{
	color: #BB9E4C;
	background: transparent;
	text-align: right;
	margin: 0;
	padding-right: 150px;
}

#prelude a{
	color: #BB9E4C;
	background: transparent;
	text-decoration:none;
}

#prelude a:hover{
	color: #FFFFFF;

	background: transparent;
}
/* ****Fin style des liens dans le bandeau**** */

/* ****Bandeau avec zone cliquable**** 
#bandeau{
	background: #780032 url(img/header.jpg) no-repeat;
	color:780032
*/
#bandeau a{
	display:block;
	width:150px;
	height:150px; 
}

#header1 {
	float:left;
	width:150px;
	height:150px; 

}

#header2 {
	float: right;
	width:150px;
	height:150px; 

}
/* ****Fin Header : Bandeau**** */


/* ****Post**** */
#content{
	color: #222;
	background: transparent;
	padding-left: 10px;
	text-align:justify;

}

.post{
	margin-top: 20px;
	post-info-co
}

.day-date{
	display: none;
}

.post-title{
	padding-left: 20px;
	background: #FFF url(img/sstar.png) no-repeat left;
	background-position: 0 0.1em;
	color: #000;
	margin-bottom: 0;
}

.post-title a{
	color: #780032;
	/*background: transparent;*/
	text-decoration: none;
}
.post-title a:hover{
	color: #BB9E4C;
	background: transparent;
	text-decoration: none;
}

/* ****style info auteur, date du billet...**** */
.post-info{
	padding-left: 20px;
	margin-top: 0;
	color: #BB9E4C;
	background: transparent;
	font-size: 0.8em;
}

.post-info a{
	color: #BB9E4C;
	background: transparent;
	
}

.post-content p{
	width: 480px;
	text-align: justify;
	/*overflow: auto;*/
}

.post-content img{
	max-width: 100%;
}

.post-content ul{
	list-style-image: url(img/puce.png);
}
	/* Pour limiter la taille des images trop grandes
	*  ajoutez un slash derrière l'étoile -> *
	.post-content img{
		max-width: 100%;
	}

/*post blockquote*/

.post blockquote{
	color: #BB9E4C;
	font-style : italic;
	border-left : 5px dashed  #BB9E4C;
	padding-left : 1em;
}

.post blockquote p{
	width: auto;
}

/*cadre "Lu, Commentaire, Trackback"*/
.post-info-co{
	color: #BB9E4C;
	clear: both;
	text-align: center;
	font-size: 0.8em;
	border: 1px dashed #BB9E4C;
	/*background: #FFF url(img/postinfo.png) repeat-x;*/
	margin-top: 1em;
	margin-bottom: 3em;
	padding: 0.5ex;
	/* -moz-border-radius connu pour ne pas etre valide */
	-moz-border-radius: 5px;
}

.post-info-co a{
	color: #780032;
	background: transparent;
	text-decoration: none;
}
.cloud {
	border: 1px dashed #780032;
	margin-top: 1em;
	margin-bottom: 3em;
	padding: 0.9ex;
	/* -moz-border-radius connu pour ne pas etre valide */
	-moz-border-radius: 5px;
}
.cloud a{
	color: #780032;
}

	/* ****Style page Contact-SendToiFriend-Recommander**** */
.courrieleurh2	{
font-size: 1.2em; 
padding-left: 20px;
margin: 1em 0; 
background: #FFF url(img/sstar.png) no-repeat left;
background-position: 0 0.1em;
color:#780032;
}
	/* ****Style page Contact-SendToiFriend-Recommander**** */



/* **** style de "|" dans lus, commentaires, trackbacks**** */
#separation{
	content: url(img/puce.png);
	color: #BB9E4C;
}


#co{

	color :#BB9E4C;
 }

#adco{
	color:#BB9E4C;
}
.post-info-co a:before{
	content: url(img/puce.png);
	margin-right: 1ex;
}
/* ****Fin Post**** */



/* ****Trackbacks et commentaires**** */

#trackbacks, #comments{
	margin-top: 4em;
}
#tb{
	color:#BB9E4C;}

#trackbacks blockquote, #comments blockquote{
	background: #F5F5F5;
	color: inherit;
	border: 1px dotted #AAA;
	margin: 0.5ex 0 1em 0;
	padding: 1ex;
	overflow: auto;
}

#trackbacks blockquote p, #comments blockquote p{
	margin: 1ex 0;
}

.comment-info{
	margin-bottom: 0;
}

#comments blockquote{
	text-align: justify;
	background: #ffffff;
	padding: 1em;
	margin: 1em;
	border: 1px dashed   #BB9E4C;
}

/* ****Fin Trackbacks et commentaires**** */


/* ****Sidebar - Menu de droite**** */
#sidebar{
	/*menu.png est l'image de fond de la colonne, elle se répète verticalement*/
	background: #6D0027 url(img/menu.gif) repeat-y; 
 	/*couleur du texte dans la side bar*/
	color: #FFFFFF;
	float: left;
	line-height: 1.4em; /* peek-a-boo bug d'IE */
}

#sidebar div{
	/* aurait du etre #sidebar > div */
	margin-right: 30px;
}

#sidebar h2{
	margin: 0 0 1ex 0;
}

#sidebar ul{
	/*list-style-image: url(img/sstar.png); ajoute une image en fond, pour chaque élément de la liste*/
	margin: 0px;
	padding: 8px;
}



	/* ****Sidebar + Table des matières**** */
	#sidebar a{

	text-decoration: none;
	color: #BB9E4C;
	/*background: transparent url(img/sstar.png) no-repeat right center;
	/*list-style-image: url(img/sstar.png); */

	}
	
	
	#sidebar a:hover{
	text-decoration: none;
	color: #FFFFFF;
	}
	#sidebar a:active{
	text-decoration: none;
	color: #FFFFFF;
	}
	  
	/* ****Fin Table des matières**** */


	/* liens du menu*/
	#sidebar li a{
		display: block;
		color: #BB9E4C;
		list-style-image: url(img/puce2.gif); 

	}
	
	#sidebar li a:hover{
		color: #FFFFFF;
		list-style-image: url(img/puce.gif); 
}

	/*#sidebar li a:visited{
		color: #FFFFFF;
	}*/
	
	/* ****Fin liens du menu**** */

	/* ****Style liste du menu**** */
	#sidebar ul li:first-child{
		/* :fisrt-child selector ne fonctionne pas dans IE */
		border-top: 1px solid #BB9E4C;
		padding: 0.5ex 0;
	}

	#sidebar ul li{
		border-bottom: 1px solid #BB9E4C;
		padding: 0.5ex 0;

	}
	/* ****Fin Style liste du menu**** */
		
	#jourj li {
		display: block;
		color: #BB9E4C;
		list-style-image: url(img/puce2.gif); 
	}
	
	#jourj li a{
		display: block;
		color: #BB9E4C;
		list-style-image: url(img/puce2.gif); 
	}
	
	#jourj li a:hover{
		color: #FFFFFF;
		list-style-image: url(img/puce.gif); 
	}
	
	
	/* ****Barre de recherche + bouton**** */
	#search p{
		text-align: center;
		margin: 0;
	}

	#search input{
		/*input-type : image url(img/ico_val_blc.gif) ne fonctionne pas => directement changé dans le template ;*/
		
			background-color: #FFFFFF;
			/*border-color: #FFFFFF;*/
			border-width:0px;
	}
	.submit {
		/*input-type : image url(img/ico_val_blc.gif) ne fonctionne pas => directement changé dans le template ;
		
		position:absolute;*/
		align="absmiddle";
		
			background-color: #BB9E4C;
			border-color: #FFFFFF;
			border-width:0px;
	}
	/* ****Fin Barre de recherche + bouton**** */


	/* ****Barre de recherche SEULE**** */
	#search input#q{
		
		width: 70%;
		background-color: #FFFFFF;
	}
	/* ****Fin Barre de recherche SEULE**** */
	
	
		/* ****Couleur utilisées par le Plugin HighLight pour surligner des mots clés recherchés**** */
span.highlight0 {background-color: #8F1E49; color:#FFFFFF}
span.highlight1 {background-color: #8F1E49; color:#FFFFFF}
span.highlight2 {background-color: #8F1E49; color:#FFFFFF}
span.highlight3 {background-color: #8F1E49; color:#FFFFFF}
span.highlight4 {background-color: #8F1E49; color:#FFFFFF}
		/* ****Fin Couleur utilisées par le Plugin HighLight pour surligner des mots clés recherchés**** */
	
	
	/* ****Catégories**** 
	#categories a{*/
		
		/*background: #FFF url(img/sstar.png) no-repeat left center;*/
		/*list-style-image:  url(img/sstar.png); 
	}
	/* ****Fin Catégories**** */


	/* ****Liens**** 
	#links a{
		
		background: #FFF url(img/sstar.png) no-repeat left center;
}
	/* ****Fin Liens**** */


	/* ****Archives	**** 
	#archives a{
		
		background: #FFF url(img/sstar.png) no-repeat left center;
	}
	/* ****Fin Archives	**** */


	/* ****Calendrier**** */
	#calendar table{
		color: #FFFFFF;
		background: transparent;
		margin: 0 auto;
		/* Desole pour la taille de fonte en pixel, mais IE craint trop */
		font-size: 10px;
		text-align: center;
	}


	#calendar table td a{
		color: #FFFFFF;
		font-weight: bold;
	}
	/* ****Fin Calendrier**** */
	
	/* ****Billets les plus populaires**** */
	#itallique {
	color:#BB9E4C;
	font-size:9px;}
	
	/* ****Fin Billets les plus populaires**** */
	/*#stats{
	}
	
	
/* ****Fin Sidebar - Menu de droite**** */




/* ****Footer**** */
#footer{
	clear: both;
	margin: 0;
	background: #FFFFFF url(img/footer.jpg) no-repeat center bottom;
	text-align: center;

}


#footer a{
	text-decoration: none;
	color: #999;
	background: transparent;
	border: none;
}
#footer img{
	width:800px;
	height:134px; 
	border: none;
}
/* ****Fin Footer**** */


/* ****blocks supplémentaires pr images, voir fin du template.php**** */
#block1 {	
	background: #8F1E49;
	color: #BB9E4C;
	text-align:center}
/* couleurs des liens dans le block*/
#block1 a{	
	color: #BB9E4C;
	text-decoration:none;
	}
#block1 a:hover{	
	color: #FFFFFF;
	}
/* ****Fin blocks supplémentaires pr images, voir fin du template.php**** */


.tit_fram a:hover {font-family:arial; font-size:13px; color:#BB9E4C; text-decoration:underline;}
.tit_fram a {font-family:arial; font-size:13px; color:#990033; text-decoration:none;}
.or {font-family:arial; font-size:11px; color:#BB9E4C; text-decoration:none; font-weight: bold;}