/* 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
 *
 
/* Les éléments HTML en général
-------------------------------------------------------- */
* {
	margin:0; /* Bug IE */
}
html,body {
	margin:0;
	padding:0;
	text-align:center;
	background:url(img/fond.png) repeat-x 0px 30px #FFF;
	color:#000;
	font-size:0.9em;
	line-height:1.8em;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-family:"Trebuchet MS",sans-serif;
}
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1.3em;
}
h3 {
	font-size:1.3em;
}
h4 {
	font-size:1.2em;
}
h5 {
	font-size:1.1em;
}
h6 {
	font-size:1em;
}

pre,code {
	font-size:1.0em;
}
pre {
	width:100%;
	overflow:auto;
	border:1px solid #CCC;
}
fieldset {
	border:none;
}
label {
	cursor:pointer;
	cursor:hand;
}
.field label {
	display:block;
}
input,textarea {
	border:1px solid #DDDDDD;
	color:#333;
}
input:focus,textarea:focus {
	border:1px solid #999;
}
textarea {
	width:100%;
	font-size:1em;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}
a {
	color:#888;/*initialement #888*/
	text-decoration:none;
}
a:visited {
	color:#888;
}
a:hover {
	/*background:#A3D900;*/
	background:#FFF;
	color:#FA0; /*jaune*/
}
/**pour les lien dnas les articles uniquement******/
a.lien_txt {
	color:#166ACA;/*initialement #888*/
	text-decoration:none;
}
a.lien_txt:visited {
	color:#166ACA;
}
a.lien_txt:hover {
	/*background:#A3D900;*/
	background:#FFF;
	color:#666; /*jaune*/
}
/**************************************************/
img {
	border:none;
	background:transparent;
}
.left {
	float:left;
	margin-right:1em;
}
.right {
	float:right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */

#page{
background: url(img/page.png) repeat-y #fff;
	color: inherit;
	width: 898px;
	margin: 0 auto;
	text-align: left;
	padding:0 1px 0 1px;
}
 
/* L'affichage des erreurs
-------------------------------------------------------- */
.error{
	border:1px solid #FF0000;
	background:#f1f9d3;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
	color:#FF000;
}

.error ul{
	font-size:9px;
	list-style-type:square;
}



/* L'entête
-------------------------------------------------------- */
#top {
	background:transparent url(img/top.png) repeat-x 0px 0px;
	height:100px;
	padding-left:100px;
	padding-top:20px;
}
#top h1 {
	font-size:20px;
}
#top h1 a {
	text-decoration:none;
	color:#333;
	display: none;/**/
}
#top h1 a:hover {
	border:none;
	background:transparent;
}
#top p {
	color:#999;
	font-weight: bold;
}

/* Le Menu
-------------------------------------------------------- */ 
#menu {
	width:auto;
	height: 43px;
	background:url(img/menu/menu_bordd.png) top right no-repeat;
	padding-left: 0px;
	clear:both;
}

#menu a{display:block;}
	/* les liens en images
	------------------------------------------------ */
	ul.liste_menu{
		list-style:none;
		padding:0px;
		margin:0px;
	}
		ul.liste_menu li{
			float:left;
			padding:0px;
			margin:0px;
			border:none;
		}
	
			/* BORD GAUCHE */
			li.bordg{
				width:6px;
				height:43px;
				background:url(img/menu/menu_bordg.png) top left no-repeat;
			}
			
			/* RETOUR */
			a.btn-back{
				line-height:43px;
				width:44px;
				border:none;
				text-decoration:none;
				background-attachment:fixed;
				background:url(img/menu/menu_retour1.png) no-repeat 0px 0px;
				
			}
			a.btn-back:hover{
				border:none;
				text-decoration:none;
				background-attachment:fixed;
				background:url(img/menu/menu_retour1.png) no-repeat 0px -43px;
			}
			
			/* KIWIX HOME */
			a.btn-home{
				line-height:43px;
				width:126px;
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_home1.png) no-repeat 0px 0px;
			}
			a.btn-home:hover{
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_home1.png) no-repeat 0px -43px;
			}
			
			/* TELECHARGEMENT */
			a.btn-dl{
				line-height:43px;
				width:155px;
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_download1.png) no-repeat 0px 0px;
			}
			a.btn-dl:hover{
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_download1.png) no-repeat 0px -43px;
			}
			
			/* GALERIES */
			a.btn-galeries{
				line-height:43px;
				width:112px;
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_galeries1.png) no-repeat 0px 0px;
			}
			a.btn-galeries:hover{
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_galeries1.png) no-repeat 0px -43px;
			}
			
			/* PORTFOLIO */
			a.btn-portfolio{
				line-height:43px;
				width:124px;
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_portfilio1.png) no-repeat 0px 0px;
			}
			a.btn-portfolio:hover{
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_portfolio1.png) no-repeat 0px -43px;
			}
			
			/* DIFFUSION */
			a.btn-diffusion{
				line-height:43px;
				width:108px;
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_diffusion1.png) no-repeat 0px 0px;
			}
			a.btn-diffusion:hover{
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_diffusion1.png) no-repeat 0px -43px;
			}
			 /* CONTACT */
			a.btn-contact{
				line-height:43px;
				width:107px;
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_contact1.png) no-repeat 0px 0px;
			}
			a.btn-contact:hover{
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_contact1.png) no-repeat 0px -43px;
			}
			
			/* A PROPOS */
			a.btn-apropos{
				line-height:43px;
				width:110px;
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_apropos1.png) no-repeat 0px 0px;
			}
			a.btn-apropos:hover{
				border:none;
				text-decoration:none;
				background:url(img/menu/menu_apropos1.png) no-repeat 0px -43px;
			}
			
			/* BORD DROIT */
			li.bordd{
				width:6px;
				height:43px;
				background: transparent;
				text-align:right;
			}
	
	span.jouj {
		float:right;
		background: none;
		margin-right: 5px;
	}
/* Le prélude
-------------------------------------------------------- */ 

#haut {
	background:#222;
	margin:0;
	height:24px;
	overflow:hidden;
	padding:6px 40px 0 40px;
	font-size:10px;
}
#prelude {
	color:#DFDFDF;
	float:left;
	width:500px;
	height:30px;
	
}
#prelude a {
	color:#FFF;
}

#prelude a:hover {
	color:#666;
	background:transparent;
}

#search {
	width:250px;
	float:right;
	height:30px;
	padding-right: 80px;
	vertical-align:top;
}
#search fieldset,#search p {
	margin:0;
	padding:0;
}
#search .submit {
	height:20px;
	border:1px solid #999;
	padding-bottom: 1px;
}
/* Le contenu
-------------------------------------------------------- */

#main {
	float:left;
	width:640px;
	margin-bottom:20px;
}
#content {
	margin:0 0 0 30px;
	padding:1em 0 0 0;
}
.day-date {
	padding-left:3px;
	color:#FA0;
	font-style:italic;
}
#comments h3,#trackbacks {
	margin-top:50px;
}
.post-title {
	/*color:#F90; titre de l'article*/
	color:#333;
	background:transparent;
	margin-bottom:0;
}

.post-title a, .post-title-galerie a {
	/*color:#F90;  lien titre de l'article*/
	color:#333;
	background:transparent;
	text-decoration:none;
}
.post-title a:visited, .post-title-galerie a:visited {
	/*color:#F90;  lien titre de l'article*/
	color:#333;
	background:transparent;
	text-decoration:none;
}

.post-title-galerie {
	/*color:#F90; titre des galeries*/
	color:#53D604;
	background:transparent;
	margin-bottom:0;
	font-size: 16px;
	font-weight: bold;
}

span.lien_vert_categ_post a:link, span.lien_vert_categ_post a:visited{
	color:#53D604; /*vert*/
}
.post-info { /*qui a posté l'article, la date et l'heure*/
	margin-top:0;
	color:#999;
	padding-bottom:1px;
	margin-bottom:5px;
}
.post-info a { /* le lien de la category de l'article dans "qui a posté l'article"...*/
	color:#53D604; /*vert*/
	background:transparent;
	text-decoration:none;
}
.post-content {
	text-align:justify;
}
.post-content blockquote {
	font-family:Georgia,serif;
	font-style:italic;
	margin:18px auto 18px auto;
	padding:6px;
	border-left:4px solid #999;
	background:url(img/blockquote.png) repeat-y right #FBFBFB;
	color:#545454;
}
.post-content img {
	border:1px solid #D9D9D9;
	background:transparent;
	padding:2px;
}
.post-content .smiley {
	border:none;
}
.post li {
	background:url(img/puce.gif) no-repeat 0px 7px;
	padding-left:15px;
	margin-bottom:3px;
}
.post ul {
	list-style-type:none;
	margin-left:-20px;
	margin-top:10px;
	margin-bottom:10px;
}
.post-info-co {
	text-align:right;
	margin-bottom:50px;
}
#trackbacks blockquote,#comments blockquote {
	border:1px solid #EEE;
	margin:1em 0;
	padding: 1ex 1em;
}


/* Page Contact
-------------------------------------------------------- */



#contact h2 {
	padding-left:14px;
	padding-bottom:3px;
	margin-bottom:12px;
	background:url(img/etoile2.jpg) no-repeat 0px 2px;
	border-bottom:1px dotted #B7C1B7;
}
#contact h3 {
	font-size:1em;
	margin:0;
}
#contact legend{
	color:#53D604;
	font-weight:bold;
}

/* Page Diffusion + Telechargement + galeries + A Propos
-------------------------------------------------------- */
#mailing h2, #download h2, #galeries h2, #apropos h2 {
	padding-left:14px;
	padding-bottom:3px;
	margin-bottom:12px;
	background:url(img/etoile2.jpg) no-repeat 0px 2px;
	border-bottom:1px dotted #B7C1B7;
}
#mailing h3, #download h3, #galeries h3, #apropos h3 {
	font-size:1em;
	margin:0;
}
#mailing legend, #download legend, #galeries legend, #apropos legend{
	color:#53D604;
	font-weight:bold;
}
#mailing p.desc-liste, #download p.desc-liste, #galeries p.desc-liste, #apropos p.desc-liste{
	font-size:9px;
	padding-left:16px;
	line-height:14px;
	margin-bottom:10px;
	color:#666;
	padding-bottom:10px;
	border-bottom:1px solid #FA0;
}
#mailing p.intro, #download p.intro, #galeries p.intro, #apropos p.intro{
	text-align:justify;
	padding:5px 5px 5px 60px;
	border-bottom:1px solid #FA0;
	margin-bottom:35px;
	font-size:11px;
	font-style:italic;
}
#mailing p.field, #download p.field, #galeries p.field, #apropos p.field{
	color:#333;
}


/* Specifique aux pages de telechargement
--------------------------------------------------------- */
#download p.intro{ background: url(img/related/download.gif) top left no-repeat;}

#download p.fichier_dl{background:#CCCC00;}

#download span.deb_fich{
	float:left;
	width:83%;
	background:transparent;
	line-height: 30px;
	color: #333;
}

#download span.fin_fich{
	float:right;
	width:17%;
	background:transparent;
	text-align: right;
	line-height:30px;
	color: #999;
	
}

/* Specifique aux pages de Galeries
--------------------------------------------------------- */
#galeries p.intro{ background: url(img/related/gallery.gif) top left no-repeat;}

#galeries .img_link {
	border:1px solid #D9D9D9;
	background:transparent;
	padding:2px;
	margin:5px 0 5px 0;
}


/* Specifique aux pages de A Propos
--------------------------------------------------------- */
#apropos p.intro{ background: url(img/related/apropos.jpg) top left no-repeat;}

#galeries .img_link {
	border:1px solid #D9D9D9;
	background:transparent;
	padding:2px;
	margin:5px 0 5px 0;
}

/* Specifique aux pages de Mailing
--------------------------------------------------------- */
#mailing p.intro{ background: url(img/related/diffusion.jpg) top left no-repeat;}



/* La barre de navigation
-------------------------------------------------------- */
#sidebar div {
	color:inherit;
	margin:0 30px 12px 0;
	padding:1em 0 1em 2em;
}
#sidebar {
	float:right;
	width:220px;
	padding-bottom:4em;
	margin-bottom:10px;
}
#sidebar div ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar h2,#sidebar h3 {
	color:#333;
	margin:0 0 1ex 0;
}
#sidebar h2 {
	padding-left:14px;
	padding-bottom:3px;
	margin-bottom:12px;
	background:url(img/etoile2.jpg) no-repeat 0px 2px;
	border-bottom:1px dotted #B7C1B7;
}
#sidebar h3 {
	font-size:1em;
	margin:0;
}
#q {
	padding-left:18px;
	background:#fff url(img/q.png) no-repeat 4px center;
}
#sidebar div#calendar table {
	text-align:center;
	margin:0 auto;
	border-collapse:collapse;
		font-size:10px;
}
#sidebar div#calendar table caption {
	margin:0 auto;
	
}
#sidebar div#calendar table th {
	color:#FA0;
	background:transparent;
}
#sidebar div#calendar table td {	
	font-size:10px;
	padding:0;
	margin:0 0 2px 0;
}
#sidebar div#calendar table td a {
	display:block;
	background:#FFF;
	color:#53D604;
	font-weight:bold;
	text-decoration:none;
	border:none;
}
#sidebar div#calendar table td a:hover {
	background:#FA0;
	color: #FFF;
}


span.titre_sidebar a:link, span.titre_sidebar a:visited{
	color:#333;
}


/* LECTEUR DEEZER */
#sidebar div#deezer{
	margin-top:-20px;
	margin-bottom:0px;
	width:180px;
	height:270px;
}

/* Pagination pagnav
--------------------------------------------------------*/
.pagenav {
	font: 0.9em;
	text-align:right;
	width:auto;
	margin-bottom:25px;
	margin-top:0px;
	padding-bottom:2px;
	border-bottom:1px dotted #FFAA00;
}

p.pagenav a {
	background : #FFF;
	color: #000;
	padding:3px;
	border: none;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:hover {
	background:none;
	color:#53D604;
}

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

/* Plugin Weather
-------------------------------------------------------- */
#weather {
	background:#fff;
	width:100%;
	padding-left:0px;
}


/* Le plugin Last Comments
-------------------------------------------------------- */

span.lastcomment_date {
	font-size: 11px;
	color: #53D604;
	font-weight:bold;
	line-height: 8px;
}

/* Le plugin HightLight Search keyword
-------------------------------------------------------- */

span.highlight0 {background-color: #FFFF99;}
span.highlight1 {background-color: #FF99FF;}
span.highlight2 {background-color: #99FFFF;}
span.highlight3 {background-color: #FF9999;}
span.highlight4 {background-color: #9999FF;}

/* Le pied de page
-------------------------------------------------------- */
#footer {
	padding:5px;
	vertical-align:middle;
	border-top:1px solid #CCC;
	background:#EEE;
	color:#666;
	clear:both;
}
#footer img {
	float:right;
}
#footer a {
	color: #999;
}