@import "layout.css";



/* ***** 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):

 * Kozlika (http://www.kozlika.org/)

 */



body {

	font-family : Tahoma,Arial,Helvetica,sans-serif;

	font-size : 75%;

	background : #454B62 url(images/background2.jpg) repeat-x;

	text-align: center;

}



/*Formulaires*/

input, textarea{border: 1px solid #DDD;background: #F2F2F2;color: #333; 	font-size: 12px;}

textarea{width: 100%; }

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

fieldset{border: none;}



.form-help {

	font-size: 0.8em;

	color: #999;

}





img{

	border: 0;

}



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

/* Merci Kozlika :) */

pre {

	background: #EEE;

	color: #000;

	border: 1px solid #DDD;

	margin : 0 auto;

	margin-bottom : 1em;

	padding : 0.5em;

	text-align:left;

	white-space:normal;

		/* cach� pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/

		white-space:pre;

		width: 95%;

		overflow : auto;

}

	/* Fin hack Ne pas supprimer cette ligne */



acronym, abbr{border-bottom: 1px dotted;cursor : help;}

q{font-style : italic;}



a{color : #222;}

a:visited{color: #622;}

a:hover, a:focus, a:active{color: #111; }

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



h2, h3 {

	font-family : "Trebuchet MS",Arial,Helvetica,sans-serif;

}



h2{font-size: 1.4em;}

h3{font-size: 1.3em;}

h4{font-size: 1.2em;}

h5{font-size: 1.1em;}

h6{font-size: 1.0em;}



.left{

	float: left;

	margin-right: 1em;

}



.right{

	float: right;

	margin-left: 1em;

}








/* Personalisation blazouf Flicker */



****************************************************************/







.flickrEmailImage{

	float: left;
	 

	width: 472px; height: 385px;

	margin-right: 1em;
	border: solid 4px black;

}




.flickrEmailImage-v{

	float: left;
	 

	width: 142px; height: 116px;

	margin-right: 1em;
	border: solid 4px black;

}









/* Plugin citation

****************************************************************/



.citation-auto {

 margin: 0 0em;

 text-align: justify;

 font-family:  "Times New Roman", Georgia, serif;

 font-style : italic;

  font-size: 120%;



}



.citation-auto cite {

 display: block;

 text-align: right;

 font-size: 80%;

 line-height: 100%;

 margin-top: 1em;

}



/* Plugin Presentation

****************************************************************/



#presentation {

	font-family : Verdana, Georgia,"Times New Roman","New York",serif;

	

	text-align : justify ;   

	color: #8A7575;	

	font-style: strong ;



}



#presentation p{

	font-size : 1em;

	word-spacing: -0.1em

}



/* Plugin Catimage

****************************************************************/

.catimage { 

	border:0; 



	margin: 0 0 -14px -60px; 



	padding-left: 40px;

}



/* Plugin table des mati�re

****************************************************************/



#toc {

	font-family : Osaka,Georgia,"Times New Roman","New York",serif;

	font-size: 100%;

	text-align : justify ; 

	 line-height: 160%;

	color: #8A7575;	

	font-style: strong ;



}



#toc  a{

	text-decoration: none



}



#toc ul{

	list-style: disc url(images/puce.png) inside;

}



.toc-title{

	margin-bottom: 10px;

}





/* Plugin pagination

****************************************************************/



.pagenav {

	 	margin-top: 0px;   

	font: 0.9em;	

}



p.pagenav a {

	background : #FDF1D1;

	color: black;

	padding:2px;

	border: 1px solid #B4A888;

	text-decoration: none;

	font-size:90%;

	 line-height : 220%;

}



p.pagenav a:hover {

	background:#573C19;

	color:white;

}



p.pagenav strong {

	color: black;

	padding:2px;

	border: 1px solid #bbb;

	font-size:90%;

}



/* Plugin Gallery

****************************************************************/



#Galerie_sidebar  {

	background-repeat: no-repeat;

	background-position: 20px 0;

	width: 163px; 

	height: 175px; 

	padding-left: 20px;

	padding-top: 15px;

	background-image: url("images/diapo.jpg");



}



#Galerie_sidebar img {



	border : 2px solid #999; 

	 left: 50%; 

     top: 50%;

     width: 140px;

     height: 100px;

     margin-top: 20px; /* moiti� de la hauteur */

     margin-left: 0px; /* moiti� de la largeur */

}





/* Plugin Gstat - tables sans bordure

****************************************************************/



.statTable {

	margin-top: 1em;

	border-style : none;

	border-collapse: collapse;

	border : 0;

	}



/* Personalisation Smiley */



****************************************************************/

.post-content .smiley {



	vertical-align: text-top; 

}



.post-content img.smiley {

	vertical-align: text-top; 

}





/* Page

****************************************************************/

#page {

	background: transparent url(images/bg.png) repeat-y left;

}



#pagegal {

	background: transparent url(images/bg2.png) repeat-y left;

}



/* Top

****************************************************************/

#top {

	background: #FFF url(images/bandeau-2007.jpg) no-repeat center top;

}



#top h1{

	font-family: Georgia, "Times New Roman", serif;

	font-size: 1.2em;

	text-align: center;
	display: none;

}



#top h1 a{

	color: #FFF;

	text-decoration: none;

}



#prelude{

	text-align: center;

	color: #444;

}



#prelude a{

	color: #444;

	background: transparent;

}



#prelude a:hover{

	color: #999;

}



/* Navigation Blazouf

****************************************************************/



/* Param�tres g�n�raux de la boite (div) qui contient la liste : pas de marge, 

* indication essentielle pour IE qui en met par d�faut ; d�finition de la couleur

* du fond. Je r�duis un peu la taille des caract�res � une valeur de neuf

* dixi�mes et je demande que le contenu soit align� � droite : */

#nav-box {

		

        margin : 0;

 		margin-top: -5px;       

		margin-right: 10px; 

		margin-left: 10px;	

		border-top: 1px solid #ddd;	

		border-bottom: 1px solid #ddd;	

        padding : 0;
background : transparent url(images/fond-navig.jpg);
        background-color: #f1f1f1;

        font-weight : normal;

		font-family: Arial, Georgia, "Times New Roman", serif, sans-serif;

        font-size: 11px;

        text-align: center;      

}

/* Param�tres g�n�raux de la liste (ul). Toujours mes marges � z�ro,

* le padding (marge int�rieure) servira � d�gager le texte en haut et en

* bas de 5 pixels tout en le d�collant �galement de 1em du bord droit

* ce dernier point est indispensable pour Internet Explorer, comme on

* le verra pour #nav-box ul li a { }. list-style-type : none; d�clare que

* je ne place pas de puces devant chaque item. */

#nav-box ul {

        padding-left: 0;

        padding-bottom: 6px;

        padding-right: 1em;

        padding-top: 4px;

        margin : 0;

        list-style-type : none;

}



/* Param�tres des liens. display : inline; donne comme instruction de ne

* pas faire de saut de ligne pour chaque item. Je redonne �galement une

* marge int�rieure haute et basse de 5 pixels pour que les items occupent

* toute la place verticale cr��e pour la liste */

        

#nav-box ul li {

        display: inline;

        padding : 5px 0;

}

/* On retrouve le padding haut et bas de 5 pixels (car sinon Internet Explorer 

* va n'en faire qu'� sa t�te) et j'ajoute un espace lat�ral de 1em de chaque

* c�t� des liens. J'indique �galement la couleur des caract�res des liens et je

* place un bord gauche continu et blanc de 1 pixel de large. text-decoration :

* none; indique que je ne veux pas que les liens soient soulign�s (ce qui serait

* le cas par d�faut. */

#nav-box ul li a {

        font-weight: bold;

        padding-left: 1em;

        padding-bottom: 6px;

        padding-right: 1em;

        padding-top: 6px;

        color: #fff;

        text-decoration: none;



}





/* Ici, ce qui se passe au survol des liens : changement de la couleur du fond,

* de la couleur des caract�res, je n'oublie pas de remettre � ce lien survol� le 

* bord gauche que j'ai d�fini pour les liens � au repos �. */





#nav-box ul li a:hover {		

        background-color: #e1e1e1;

        color: #fff;
	background:transparent url(images/fond-navig2.jpg);
}

        

/* Le comportement des liens activ�s. Pour l'instant ne marche pas : le lien une 

* fois cliqu� ne semble pas acqu�rir l'�tat actif... Si quelqu'un sait pourquoi ? */



#nav-box a:active { 



}









/* Main

****************************************************************/

.rss_nav img{
	margin-bottom: -4px;
	line-height: 10px;
}







#main {
	margin-top: 0em;

	background: #FFF;

	color: inherit;

	overflow: hidden; /* Cache ce qui d�border (images par ex.) pour ne pas casser la mise en page */

}



/* Contenu

****************************************************************/

#content {

	padding-right: 10px;

	margin: 10px;

	padding-bottom: 1em;

	padding-left: 20px;

}



.day-date{

	display: none;

}



/* post-title */

.post-title {

/*	background : transparent url(images/sstar3.png) no-repeat 0 0.2em; */

	padding-left : 20px;

	margin: 0 0 0 -20px;

	text-shadow: 0 2px 3px silver;	

}



.post-title a {

	color : #000;

	text-decoration : none;



}





.post-title a:hover {

	


	
text-shadow: 0 0px 3px #ECB96C;

}



/* post-info */

.post-info{

	font-size: 0.85em;

	margin-top: 0;

	margin-left: 10px;

	color: #333;

	background: transparent;

}



.post-content, .post-chapo{

	line-height: 1.6em;

	text-align: justify;

	color: #222;

	background: transparent;

}



.post-content ul{

	list-style-image: url(images/puce.png);



}



.post-content li{

	color: #7A1521;

	font-family: "Georgia, trebuchet MS";

	font-size: 11px;



}



/* Pour limiter la taille des images trop grandes

*  ajoutez un slash derri�re l'�toile -> *

.post-content img{

	max-width: 100%;

}

/**/



/* post-info-co */

.post-info-co {

	clear: both;

	font-size: 0.85em;

	text-align: right;

	margin-bottom: 3em;

	

	margin: 0 -40px 10px -30px; padding: 0 40px 20px 30px; border-bottom: 1px dashed #ccc;



}



.post-info-co span{

	display: none;

}



.post-info-co a, .inlinedoco a {

	color:#C78F22;

	padding-left: 12px;

	text-decoration:none;

}





/* Blazouf Trackbacks

****************************************************************/



#trackbacks {

	color:#999;

}



#trackbacks p {



	text-align:left;

	font-size:0.9em;

	margin-left:1em;

}



	

	

/* comments 

*****************************************************************/







#comments blockquote{

	background-image: url(none);

	border-style: none;

	text-align: justify;

}



.commentid{

	border-right: 1px solid #DDD;

	text-decoration: none;

	color: #999;

	background: transparent;

	padding: 3px 6px;

}



.field label{

	display: block;

	cursor: pointer;

	cursor: hand;

}







/* Blazouf commentaires

****************************************************************/



.inlineco {

	font-size:11px;

	background:#f9f9f9 url(images/commentaire-coin2.gif) top right no-repeat;

	color:#777;

	clear:both;

	padding-top:6px;

	padding-bottom:1px;

	border: solid 1px #E6E6E6 ;

}





#co{

	margin-bottom: -4px;

	color: #999;



}



#comments {

	font-size:0.9em;

}



.comment-number {

	font-family: Georgia, serif;

	font-weight: bold;

	font-style:italic;

	font-size:1.3em;

	color: #008080;

}



.comment-number a {

	color: #008080;

	text-decoration:none;

}



.comment-number a:hover {

	text-decoration:underline;

}



.comment-info {

	padding-bottom:0.25em;



	font-size:0.85em;

	text-align:left;

	margin-right : 170px;

	margin-left : 20px;

	font-style:italic;

	border-bottom: 1px dotted #999



}



.form-help {

	margin-left:1em;

	font-size:0.85em;

}

blockquote {

	border-color: #989898;

	border-style: dotted;

	border-width: 1px;

	padding: 6px;

	background-color: #eaeaea;

	font-size: 11px;
	
	-moz-border-radius: 10px;
	
	-webkit-border-radius: 10px;
}


#comments blockquote p {


	margin:0 0 0.5em 0;

	padding:0;

}



#comments blockquote{

	border-color: none;
	
	background-color: transparent;
	
	margin: 0 0 1em 1em;

	padding: 0.5em 0.5em;

	text-align:justify;

}



.me  {

	color: #494747;

	background: #F2EBF8;

	border: 1px dotted #E6E6E6;

	background:#F2EBF8 url(images/papoti4.png) top left no-repeat;

}



.notme  {

	background: #fafafa;

	border: 1px solid #EEE;

}





/* Sidebar

****************************************************************/

#sidebar {
	

	

	margin-top: 0em;

	padding-top: 10px;	

	padding-bottom: 30px;

	background: #F6F5F4;

	font-family : Verdana,Tahoma,Arial,Helvetica,sans-serif;

	font-size: 0.9em;
	

	color: inherit;



	line-height: 1.4em; /* peek-a-boo bug d'IE */

}



#sidebar div{

	padding-left: 10px;

	padding-right:  10px;

}



#sidebar h2 {

	background: transparent url(images/h2side4.jpg);

	color: #fff;

	padding: 5px 5px 5px 10px;

	font-size: 1.2em;
	margin-left: -10px; 
	margin-right: -10px; 

}



#sidebar ul{

	list-style: none;

	margin: 0;

	padding: 0;

}



#sidebar a{

	color: #6D421F;

	text-decoration: none;

}

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





#selection a{
	font-size: 10px;
	padding-left: 20px;

	background: #f6f5f4 url(images/puce.png) no-repeat left center;

}

/* Bloc de recherche */

#search{

	position: absolute;

	width: 240px;

	top: 178px;

}



#search h2{

	display: none;

}



#search p{

	margin: 0;

}



#search #q{

	background: #FFF url(images/search.png) no-repeat 3px center;

	color: #535353;

	border: 1px solid #CCC;

	padding-left: 20px;

	width: 70%;

}













/* Calendrier 

****************************************************************/

#calendar {

	text-align: center;

}



#calendar h2 {

	display : none;

}



#calendar a{

	text-decoration: none;

}



#calendar table {

	font-size : 0.8em;

	margin : 0 auto;

	width: 220px;

}



#calendar caption {

	padding : 0 0 0.3em 0;

	font-size : 1.2em;

	margin : 0 auto;

}



#calendar abbr {

	border : none;

}



#calendar th{

	color: #892C0F;

	font-style: normal;

}



#calendar td {

	color: #999;

	background: #EEECEA;

	text-align: center;

}



#calendar td a{

	font-weight : bold;

	display: block;

	color: #666;

	background: #FFF url(images/dayevent.png) no-repeat right top;

}



#calendar td a:visited{

	color: #888;

	background: #FFF url(images/dayeventv.png) no-repeat right top;

}



#calendar td.active a{

	color: #F60;

	background: #FFF url(images/dayevent.png) no-repeat right top;

}



/* Divers

****************************************************************/



#links, #galerie, #Statistiques, #meteo, #adsense {

	margin-top: 1em;

}





#videos_k750 {

	margin-left: -10px;

}





#categories {

	display: none;

	margin-top: 1em;

}



#liens_rss a{
	

	color: #666;

	margin-top: 1em;

	font-size: 0.8em;
	padding-left: 0px;

}



.titre_rss  { 	font-size: 1.2em; color: #756B65; font-weight: bold; margin-left: -10px; margin-right: -10px; padding-left: 10px; border-top: 1px; border-bottom: 1px dashed #999 }





/* Liens */

#links h3{

	color: #999;

	background: transparent;

	margin-bottom: 0.5ex;

	font-size: 1em;

}



#links a{

	padding-left: 20px;

	background: transparent; url(images/chkd.png) no-repeat left center;

}



#links a:visited{

	padding-left: 20px;

	background: #f6f5f4 url(images/chkh.png) no-repeat left center;

}









/* Syndication box */

#syndicate {

	font-size : 10px;

	color : #999;

}









/*tagcloud*/

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

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

#tagcloud li.level-1 { font-size: 0.8em; color: #ded4cb; }

#tagcloud li.level-2 { font-size: 1.2em; }

#tagcloud li.level-3 { font-size: 1.4em; }

#tagcloud li.level-4 { font-size: 1.8em; }

#tagcloud li.level-5 { font-size: 2em; }





/*tags*/

.tags

{

	font-size: 0.9em;

	font-style: normal;

	color: #000;

	font-weight: normal;

	border-top: 1px dashed #ccc;
	
	border-bottom: 0px dashed #ccc;
	
	padding: 4px 0px 5px 25px; 
	
	margin: -7px 0 0px 10px;

	background: url('images/tag.png') no-repeat 5px 50% #ffffff;

}



.tags a

{

	font-size: 0.9em;

	color: #666;

	font-weight: lighter;

	font-style: normal;
	
	text-decoration: none;

}

.tags a:hover

{	
	text-decoration: underline;
	color: #000;
}



/*Digg*/

.digg

{

	background-color: #f6f6f6;

	margin-left: -30px;

	margin-bottom: 10px;

	margin-right: -20px;

	margin-top: 5px;

	padding-left: 30px;

	padding-bottom: 8px;

	padding-right: 10px;

	padding-top: 8px;

	border-bottom-color: #cccccc;

	border-top-color: #cccccc;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-top-style: dotted;

	border-top-width: 1px;
	font-size: 0.9em;

	font-style: normal;

	color: #666;

	font-weight: normal;

	

}



.digg a

{

	font-size: 0.9em;

	color: #063;

	font-weight: lighter;

	font-style: normal;
	
	text-decoration: none;
	

}

.digg img

{

	padding: 0px 3px 0px 0px; 

}


/* Footer

****************************************************************/

#footer {

	background: #EEE;

	color: #AAA;

	text-align: center;

}



#footer a{

	color: #AAA;

	background: transparent;

	font-weight: bold;

	text-decoration: none;

}

#twitter{
	height: 57px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 14px;
	color: #3b414e;
	padding-right: 20px;
	background-color: #b8f2ff;
	font-size: 11px;
	border-bottom-color: #ababab;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 7px;
	padding-top: 10px;
	padding-left: 30px;
}

#twitter a{
	text-decoration: none;
	color: #383d57;
}

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

#my_twitter_status{
	text-align: left;
	margin-top: 4px;
	font-size: 12px;
}

#my_twitter_status_time{
	font-style: italic;
	font-size: 10px;
}

#twitter img{
	margin-right: 10px;
	border-width: 0px;
	border-style: solid;
		margin-top: -5px;
}

#randompost{
	padding-top: 10px;
	margin-top: -10px;
	padding-right: 20px;
	margin-right: -20px;
	background-color: #f6f8ff;
	padding-left: 30px;
	margin-left: -30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #414b64;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 0px;
	border-bottom-color: #595959;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.rand_billet_chapo{
	display: none;
	font-size: 11px;
	text-align: justify;
	margin-left: -40px;
	list-style-type: none;
}

.rand_billet_chapo img{
	display: none;
}

.rand_billet_titre{
	margin-top: -15px;
	line-height: 2em;
	font-weight: bold;
	font-size: 12px;
	padding-left: 20px;
	background : transparent url(images/h2.png) no-repeat 0 3px;
	text-decoration: none;
	margin-left: -60px;
	list-style-type: none;
}

.rand_billet_titre a{
	color: #3a76b1;
	text-decoration: none;
}

.rand_billet_titre a:hover{
	text-decoration: underline;
}

.wikio {

	margin-top: 12px;

}

#flickr { 

	margin-bottom: -15px; 

	margin-top: -10px; 

	margin-left: -20px; 

	left: 0px; 

}

#ads_apple { 

	margin-left: -5px; 

}