/* Copyright (c) 2006 Skyline-arts.com. All rights reserved
Style.css - Thème 'default' */


/* ===== Sommaire =====
1/ html et body
2/ Styles généraux
3/ Haut de page (#top)
4/ Zone de contenu (#content)
5/ Paneau latéral (#sidebar) 
6/ Commentaires 
7/ Pied de page (#footer)
=================== */

/* ---------------------
Pour IE 6
--------------------- */

#sidebar , #content {
display:inline; /* elimine bug double marge sur flottants */
}


/* ---------------------
Html et body
--------------------- */
html {
	font : 80%/1.7em "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	color : #737373;
	text-align: justify;
	line-height: 1.3em;
	background : url(img/fond.jpg) repeat-x #e6e6e6;
	margin : 0; padding : 0;
	}

body {
	margin : 0; padding : 0;	
	scrollbar-face-color: #e6e6e6;
	scrollbar-highlight-color: #f1f1f1;
	scrollbar-shadow-color: #737373;
	scrollbar-3dlight-color: #f1f1f1;
	scrollbar-arrow-color:  #737373;
	scrollbar-track-color: #f1f1f1;
	}
	

#page {
	width : 1000px;
	background : url(img/fond-content.jpg) repeat-y;
	margin : 0 auto; padding : 0;
	clear : both;
	}
	
	
/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.8em;}
h2, span {font-size : 1.2em;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
p {margin : 0; padding : 3px 0;}
a {color : #85be81; text-decoration:none;}
a:hover {color : #000;text-decoration:none ;}
hr, .clearer {clear : both; visibility : hidden; margin : 0; padding : 0;}

a img  { background :  white ; padding : 3px; border: 1px dotted #dadada; }
a:hover img  { background :  #white ; padding : 2px; border: 2px solid #dadada; }


/* ---------------------
Présentation 
--------------------- */

.couleur  {
color: #75c3ff; font-weight: bold;
	}


/* ---------------------
Haut de page (#top)
--------------------- */
#top {

	}
#header {
	position : relative; width : 1000px; height : 489px;
	background : url(img/header-effr.jpg) no-repeat left;
	margin : 0 auto; padding : 0;
	display : block;
	}
#header h1{ /* titre et sous-titre du site */
	margin : 0; padding-left : 30px;
	font-weight : normal;font-size : 0.8em;
	letter-spacing : 1px;
	color : #3f3f3f;
	display : inline;
	}
#top h1 a { /* lien du titre */
	text-decoration : none;
	color : #482018;
	}
#top h1 a:hover {
	color : #fff;
	}
#header p {
	display : inline;
	}
	
	
#skinswitcher { 
	position : absolute; display: block ;
	left : 568px; top : 30px;

	text-align:left ;
	color : #898989;
	font-size : 0.75em;
	}
#btok {
 	position : absolute;display: block ; width: 23px ; height: 25px; 
	margin: auto 0;	border : 0; 
	left : 710px; top : 30px;
	background : url(img/bt-ok.jpg) no-repeat 0 0 ;
}
#btok:hover {
	width: 23px ; height: 25px; 
	cursor: pointer;
	background-position : 0 -25px;
}
	
#btrss a {
 	position : absolute;display: block ; width: 26px ; height: 25px; 
	left : 752px; top : 30px;
	background : url(img/bt-rss.jpg) no-repeat 0 0 ;
}
#btrss a:hover {
	display: block ; width: 26px ; height: 25px; 
	background-position : 0 -25px;
}
#btmail a {
 	position : absolute;display: block ; width: 26px ; height: 25px; 
	left : 788px; top : 30px;
	background : url(img/bt-mail.jpg) no-repeat 0 0 ;
}
#btmail a:hover {
	display: block ; width: 26px ; height: 25px; 
	background-position : 0 -25px;
}
#btplugoo a {
 	position : absolute;display: block ; width: 26px ; height: 25px; 
	left : 826px; top : 30px;
	background : url(img/bt-plugoo.jpg) no-repeat 0 0 ;
}
#btplugoo a:hover {
	display: block ; width: 26px ; height: 25px; 
	background-position : 0 -25px;
}

#sidebar2  {
	display: block ; position:absolute;
	left : 863px; top : 22px;
	background : white;
	width : 138px;
	filter:alpha(opacity=100);
	border-bottom : 1px solid #8b8b8b;
	border-right : 1px solid #8b8b8b;
	}

.pict a{display: block ; width : 133px; height : 78px;
	filter:alpha(opacity=60);
	-khtml-opacity: 0.6;
	opacity: 0.6;
	background :  white ; padding : 2px; 
  }

.pict a:hover{display: block ; width : 133px; height : 78px;
	filter:alpha(opacity=90);  
	-khtml-opacity: 0.9;
	opacity: 0.9;
	padding : 0; border : 2px solid #e9fdd6;
  }



/* --------------------- 
Zone de contenu (#content)  
--------------------- */

.global, .global a { /* Lien sur le titre de l'article */
	filter:alpha(opacity=60); 
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding : 15px 0 3px 0 ; text-decoration : none;  
	position: relative; z-index: 1;
	}
	
.global:hover {
	filter:alpha(opacity=90);  
	-khtml-opacity: 1;
	opacity: 1;
	background-color : #EAEAEA; text-decoration : none;
	}


#content { /* Bloc */
	position: relative;
	float : right;	 font-size : 1em;
	width : 630px; margin-right : 150px; margin-top : -300px; 
}


.post, #comments, #form { /* Conteneur de l'article */
	padding : 5px 0 15px 0;
	}
	
.categorie {	
	padding : 5px 0; margin : 0;
	font-size : 0.9em;
	line-height : 1em; color : #bababa;	text-align : right;
	}
	
.categorie a {
color : #abd96a; text-decoration:none;
	}
.categorie a:hover {
color : #737373; text-decoration:underline;
	}
	
.post {
	margin : 0; padding : 20px 5px;
	text-align : justify;
	font-size : 0.9em;
	border-bottom : 1px solid #b4b4b4;
	}
	
.date {
	display : block;float: left;
	padding : 0; margin : 0;
	text-align : right; 
	font-size : 0.9em; color : #abd96a;
	}

.datedroite, .datedroite a {
	float: right;
	padding : 0; margin-bottom : -17px;
	text-align : right; 
	font-size : 0.9em; color : #abd96a; text-decoration:none;
	}	

.articletitle, .articletitle a{ /* Lien sur le titre de l'article */
	color : #85be81;
	font-size : 1.5em;
	margin : 0 0 -17px 0;
	padding : 0 0 0 21px;
	letter-spacing : 2px;
	text-decoration : none;
 	position: relative; z-index: 2;
	}
	
.articletitle a:hover{
		color : #abd96a;
	}

.articletitlehome { /* Lien sur le titre de l'article */
	display : block; margin : 0;
	color : #81be8e;
	font-size : 2em; font-weight:lighter;
	padding : 2px 2px 10px 2px;
	text-decoration : none;
	border-bottom : 1px dotted #81be8e;
	}
	
.articletitlehome a{ /* Lien sur le titre de l'article */
	display : block; margin : 0; text-align:center;
	color : #81be8e;
	}

.articletitlehome a:hover{		
	color : #b4b4b4;
	border-bottom : #b4b4b4;
	}
	
.comment_nb a { /* Informations de l'article (auteur, date etc...) */
	margin-top : -15px; padding : 0 0 0 22px ; color: #75c3ff;font-size : 0.9em;
	text-align : right;	float: right;
	background : url(img/bulle-comment.png) no-repeat 0 0 ;
	}

.comment_nb a:hover { /* Informations de l'article (auteur, date etc...) */
 	color: #38a8ff; text-decoration:none;
	background-position : 0 -18px;
	}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	text-align : center;
	margin : 0; padding : 0;	border-bottom : 2px dotted #b4b4b4;
	}



/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
	position: relative;
	float : left;  margin-left: 30px; margin-top : -296px; 
	width : 170px;
	}
#sidebar div {
	margin : 0 2px 10px 0;
	}
#sidebar h2 { /* Titre des menus de la sidebar */
	color : #000;
	font-size : 1em; font-weight:normal;
	background-color:#efefef;
	margin : 0; padding : 0;
	}
#categories ul { /* bloc de liste */
	margin : 0; padding : 0;
	}
#categories li { /* élément de liste */
	display : block;
	list-style-type : none;
	padding: 2px 0;
	}
#categories li a { /* Liens dans les listes */
	display : block;
	color : #737373;
	padding: 6px 0 6px 19px;
	text-decoration : none; 
	background : url(img/fond-categories.png) no-repeat 0 0;
	}
#categories li a:hover {
	color : #000;
	padding-left : 20px;
	background-position : 0 -29px;
	}

#accueil a{ /* Lien sur Accueil */
	display: block ; width: 19px ; height: 29px; 
	background : url(img/bt-accueil.png) no-repeat 0 0;
	margin-left : 120px; margin-top : 90px;
	}
	
#accueil a:hover{
	display: block ; width: 19px ; height: 29px; 
	background-position : 0 -29px;
	}
	
#shoutbox { 
	display: block ; padding : 10px 0;
	width: 165px; height : 300px;
	border-top: 2px dotted #b4b4b4;
	border-bottom: 2px dotted #b4b4b4;
	}

#profil a{ 
	display: block ;
	width: 160px; height : 207px;
	background : url(img/portrait-elodiefrigot.jpg) no-repeat 0 0;
	}
#profil a:hover{ 
	display: block ;
	width: 160px; height : 207px;
	background-position : 0 -207px;
	}


#liens { 
	display: block ; float: left;
	width: 160px;
	text-align:left ;
	color : #515151;
	padding : 10px 0 10px 5px; 
	border-top: 2px dotted #b4b4b4;
	border-bottom: 2px dotted #b4b4b4;
	}
#liens ul { 
	margin : 0; padding : 0;
	}

#liens li { 
	display : block;
	list-style-type : none;
	padding: 5px 0 0 5px;
	}
#liens li a { 
	display : block;
	border-bottom: 1px dotted #fff;
	color : #737373;
	}
#liens li a:hover { 
	display : block;
	border-bottom: 1px dotted #b4b4b4;
	text-decoration : none;
	color: #75c3ff;
	font-weight:bold;
	}

#syndication {
	display: block ; float: left;
	width: 160px;
	text-align:left ;
	color : #515151;
	padding : 0 0 10px 5px; 
	border-bottom: 2px dotted #b4b4b4;
	}

#infos { 
	display: block ;	float: left;
	text-align:left ;	width: 160px;
	color : #c1c1c1;
	margin : 300px 0 0 30px;
	}


/* ---------------------
Commentaires
--------------------- */
.comment {
	padding : 2px 10px 5px 10px;
	}
.comment blockquote{
	padding : 2px 30px 2px 40px; margin : 0;
	}
.ligne0{
	background : #f3f8ec;
	}

/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	width : 1000px; height : 112px;
	margin : 0 auto;
	font-size : 0.85em;
	background : url(img/footer.jpg) no-repeat 0 0;
	}
	
#footertxt {
	padding : 0;	text-align : center;
	color:#bababa; font-size : 0.8em;
	}
	
#footertxt a {
	color:#9a9a9a;
	}

#footertxt a:hover {
	color:#737373;
	}

#footertop a {
	display: block ; position:relative; width: 153px ; height: 112px; 
	left : 724px; top : 0;
	background : url(img/bt-top.png) no-repeat 0 0 ;
}

#footertop a:hover {
	display: block ; width: 153px ; height: 112px; 
	background-position : 0 -112px;
}
	
fieldset {
	border : 0;
	}

label {
	display : block;
	}

input, select, textarea {
	border : 1px dotted #737373;
	border-right : 1px solid #737373; 
	border-top : 1px solid #737373; 
	background: #f8f8f8; 
	}

textarea {
	width : 95%; background: #f5feff; scrollbar-track-color: #f5feff;
	}
input:focus, select:focus, textarea:focus {
	border : 1px solid black ; 
	}
	
input:hover, select:hover, textarea:hover {
	border : 1px solid #737373 ; 
	}