/* 
Style.css - Thème 'aamf' pour pluxml*/


/* ===== 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/ Pied de page (#footer)
=================== */



/* ---------------------
Html et body
--------------------- */
 * {margin : 0 auto; padding : 0;}
html {
	font-size :;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	
	color : #222;
	margin : 0; padding : 0;
	}

body {background-color: #000000;
	background : url(img/FleurLuneWeb_ptt_3.jpg) repeat;
	margin : 0 auto; padding : 0;
	}



/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.5em;}
h2 {font-size : 1.3em;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
p {margin : 0 ;
 padding : 3px 0;}
a { color: rgb(0, 139, 139);
}
a:active { color: Purple;
}
a:hover { color: rgb(220, 20, 60);
}
a:visited { color: rgb(0, 100, 0);
}
hr {clear : both; visibility : hidden; margin : 0; padding : 0;}
img {
border: 2px solid #CCC3C ;
padding:2px;
margin-right:6px;
float: left;
}
a img {
 border: 2px solid #CCC3C0 ;
    }
a:hover {
 border: 0px none ;
    }
a:hover img {
border: 2px solid #F1E6E3;
    }

/* ---------------------
Blocks 
--------------------- */
#header, #page, #footer {
	width : 90%;
	margin : 0 auto;
	 padding : 0;
	}
	
/* ---------------------
Haut de page (#top)
--------------------- */
#header {
	}
#top {width : 100%;
	margin: 0 0 0 1em;
	/* border-left : 0px solid #ff8183; */
	}
#top h1{ /* titre et sous-titre du site */
	font-family: georgia;
	font-weight : normal;
	font-size: 2.7em;
	text-align : left;
	margin:0;
	padding-top:20px;
	padding-right:3%;
	
	
	color : #474747;
	}
#top h3 { /* titre et sous-titre du site */
	text-align : right;
	margin:0;
	padding : 0;
	padding-right:3%;
	color : #474747;
	}
#top h1 a { /* lien du titre */
	text-decoration : none;
	color : #474747;
	}
#top h1 a:hover {
	color : #C3C3C3;
	}
.cap {
color : #ff8183;
font-size: 1.2em;

}
.esp {

letter-spacing:0.8em;
}
/* --------------------- 
plateau (#page ) 
--------------------- */
#page { /* Bloc */
	/*background : url(img/FleurLuneWeb_ptt_4.jpg) repeat;*/
	margin-top : 3px ;
	border-top : 1px solid #ff8183;
	}
/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content { /* Bloc */
	float : right;
	width : 80%;
	margin : 20px 0 0 0;
	padding: 2px;
	border-left : 1px solid #ff8183;
	
	background : url(img/FleurLuneWeb_ptt_4.jpg) repeat;
	}

.post { /* Conteneur de l'article */
	padding : 0 5px 35px 15px;
	}

.title { /* Titre de l'article */
	color : #ff8183;
	font-size : 1.5em;
	font-weight : bold;
	margin : 0 0 10px 0; padding : 5px 0 5px 0;
	font-family : Georgia;
	
	}
.title a { /* Lien sur le titre de l'article */
	color : #ff8183;
	text-decoration : none;
	}
.title a:hover{
	color : #970B07;
	}

.post-info { /* Informations de l'article (auteur, date etc...) */
	color : #C3C3C3;
	margin : 0; padding :0 8px 0 0;
	text-align : right;

	}
.post-info a{
	color : #C3C3C3;
	}
.post-info a:hover {
	color : #808080;
	}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	margin-top : 10px;
	text-align : center;
	}

ul.illu {
text-align: center; 
list-style-type: none; 
margin-right: auto;
margin-left: auto;
 float: left; 
padding:5px 5px 5px 5px ;}
li.illu {
	padding-top: 5px;
	padding-bottom:20px;
}
ul.illu img{
 float: none; }
/* Pour complaire à wymeditor */

p.block     { float: right;
	 width: 30%; border: 1px solid gray;
	 padding: 15px;
	 margin: 0 0 20px 20px;
	 clear: both;
	 text-align: left !important;
	 background: /*#737E8A; border-color: black;*/
	 }
	 
p.important { border: 3px double black;
	padding: 3px;
	background: #f6eecd;
	}
	
.hidden-note { display: none;}

/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
	float : left;
	width : 18%;
	padding : 0 0;
	margin : 20px 0 0 0;
	
	}
#sidebar div {
	margin : 8px 0 ;
	}
#sidebar h3 { /* Titre des menus de la sidebar */
	color : #666;
	font-size : 1.1em;
	margin : 0;
	padding : 30px 0 0 10px;
	font-weight : normal;
	}
#sidebar ul { /* bloc de liste */
	margin : 0; padding : 6px 0;
	}
#sidebar li { /* élément de liste */
	list-style-type : none;
	padding: 1px 0 2px 10px;
	}
#sidebar li a { /* Liens dans les listes */
	/*color : #8F8F8F;*/
	text-decoration : none;
	}
#sidebar li a:hover {
	/*color : #970B07;*/
	}
div#categories{ /* Bloc 'catégories' (application du background) */
	margin : 0;
	padding : 3px 0;
	}



/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
/*	border-top : 1px solid #ff8183;*/
	text-align : right;
/*	width : 500px;*/
	margin : 10px auto 0 auto;
	font-size : 0.85em;
	color : #666;
	}
#footer a {
	text-decoration : none;
	}