/*---------------------------------------------------------*/
/*			STRUCTURE GLOBALE		*/
/*---------------------------------------------------------*/
body{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: url('images/background/background.png')  top center; 
	background-repeat: no-repeat ;
	background-color: #f8f8f8;
	color: #333;
}

#page {
	width: 810px;
	background-color: #FFFFFF;;

}
#topmenu{
	height:37px;
	width:810px;
	margin:0px 0px 0px 0px;
	background:#393939 url('images/menu/fon_menu.png') no-repeat;
	
}
#titre {
	background:#000000 url('images/header/titre.png') no-repeat;	
width:810px;
height:100px;
}


#header {
	height: 400px;
	width: 810px;
	background-color: #FFFFFF;
	/*background: transparent url('images/header/header.jpg') no-repeat bottom center;*/		
}

#footer {
	background-color: #000000;	
	width: 810px;
	height:300px;
}

/*---------------------------------------------------------*/
/*			MENU DU HAUT		*/
/*---------------------------------------------------------*/

#topmenu .page_item{
	background:#000000 url('images/menu/menu.png') no-repeat;
	font-size:10px;
}
#topmenu .page_item a{		
	margin:0 20px 0 20px;
	height:37px;
	line-height:37px;	/*mettre meme valeur que height pour centrer en hauteur*/
	color:#FFFFFF;
}
#topmenu .page_item a:hover{
	color:#f2136d;
}
/*---------------------------------------------------------*/
/*			FOOTER		*/
/*---------------------------------------------------------*/
#footer p {
	color:#FFFFFF;
	font-size:12px;
}
#footer .logo
{
	/*top:15px;
	 right:25px
	 */
}
#footer a{	color:#303030;}
#footer a:hover{	color:#8c8c8c;}

/*---------------------------------------------------------*/
/*			SIDEBAR		*/
/*---------------------------------------------------------*/

#sidebar {
	padding: 20px 0 10px 0;
	margin-left: 565px;
	width: 230px;
	font: 10px 'Verdana', Arial, Helvetica, sans-serif;
}
#sidebar h2 {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size:12px;
}

#sidebar h3{
	width:110px;
	color:#4c4c4c;
	text-indent:10px;
	height:23px;
	background: #f5f5f5 url('images/sidebar/categoriePuce.png') repeat-y left;
	line-height:23px;
	/*HACK pour que la sidebar fonctionne sur IE*/
	!font-size:12px; /* tous les IE */
   _font-size:12px; /* tous les IE sauf le 7 */
}

#sidebar ul ul li, #sidebar ul ol li {	
	margin: 3px 0;/*decallage en hauteur entre chanque bouton*/
	padding-left:10px;/*decalage du texte dans le bouton*/	
	right:10px;
	background: transparent url('images/sidebar/categoriePuce.png') repeat-y left; 
	line-height:15px;
}
#sidebar ul ul li a, #sidebar ul ol li a{
	color:#000;		
	font-size: 10px;

}
#sidebar ul ul li a:hover, sidebar ul ol li a:hover {
	color:#4c4c4c;	
}
#sidebar #searchsubmit {
	background-color:#000000;
	color:#FFFFFF;
	width:100px;
	font-size:10px;
	height:22px;
	line-height:22px;
}
#sidebar #searchform #s {
	width: 114px;
	border:1px solid #000000;
}

.sideBarsep{	
	/*width:230px;	
	height:20px;	
	background: transparent url('images/sidebar/separateur.jpg') no-repeat bottom center;	
	margin:10px 0;	
	padding: 0;	*/
	
	padding: 0;
	color: #FFFFFF;
	background-color: #FFF;
	display:block;
	width:230px;
	height:20px;
	background: transparent url('images/sidebar/separateur.jpg') no-repeat bottom center;
	margin:10px 0;
	border:0;
}
/*---------------------------------------------------------*/
/*			CONTENUS DU SITE		*/
/*---------------------------------------------------------*/
/*image de fond du l'interieur du site, pour mettre une trame par ex.*/
#siteContent{	
	background-color:#FFFFFF;
	background: transparent url('images/background/sitecontent.jpg') repeat-y bottom center;	
}

/*un post*/
#content{
font-size:11px;
}
/*titre d'un post*/
#content h2 {
	font-size:30px;
	font-weight:bold;
}
/*Le bloc avec commentaire et categorie en dessous d'un post*/
.extraPost p{
	font-size: 10px;
}
/*le bouton en savoir plus*/
p .more-link {
	background: transparent url('images/article/more.png');
	display:block;
	width:118px;
	height:16px;
	left:311px;
	margin:10px 0 0 0;
}
/*le bouton en savoir plus - rollOver*/
p .more-link:hover {
	background: transparent url('images/article/more_over.png');	
}
.wp-pagenaviContainer{font-size:11px;}	/*le module de pagination*/

.postSep {
background-color:#f5f5f5;
height:5px;
width:495px;
}
/*---------------------------------------------------------*/
/*			GLOBALS										   */
/*---------------------------------------------------------*/

#content a{color:#000000;}
#content a:hover{color:#4c4c4c;}

h2  {color:#4c4c4c;}
h2 a:hover {color:#E4312C;}


h1,h2 {
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h2 {
	font-size:10px;
	margin:20px 0 0;
}