/***************************************/
/***** Template pour Frugalware.fr *****/
/*****  Réalisation Dhoko - McKey  *****/
/***************************************/

header, footer, aside, nav, article, section   {display: block;}
*{
    margin: 0;
    padding: 0;
}
body{background: #5A5A5A;}
a{color: #4071AB;}
a:hover{color: #C00418;}

	.both{
		visibility: hidden;
		clear:both;
	}
	.left{float: left;}
	.right{float: right;}

/***************************************
		Gestion du haut de page
***************************************/

#post h2 {   color:#3A3A3A; font-family:Trebuchet MS; font-size:27px; line-height:26px; margin-bottom:15px; text-shadow:0 0 1px #000000;   }

#header{
	background: #4071AB url(images/header_back.jpg) repeat-x;
	height: 185px;
	width: 100%;
}
	.logo_frugalware{
		background: #4071AB url(images/fw_logo.png) no-repeat;
		width: 527px;
		height: 143px;
		position: absolute;
		/*top: 25px;*/
		left: 50%;
		margin-left: -490px;
	}
	.logo_frugalware h1{
		opacity: 0;
		padding: 25px;
	}
#header p{
	text-shadow: 1px 1px 1px rgba(205, 205, 205, 0.5);
	font-family: Verdana;
	font-style: italic;
	display: block;
	position: relative;
	width: 550px;
	top: 75px;
	left: 50%;
	margin-left: -370px;
}

/***************************************
	   Gestion de la navigation
***************************************/

#navigation {
	/*background: rgba(56,88,122,0.5);*/
	background: #558bcd;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	border-radius: 5px 5px 0 0;
	min-width: 575px;
	height: 38px;
	position: absolute;
	top: 145px;
	left: 50%;
	margin-left: -120px;
	font-family: Verdana;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);*/
}
#navigation ul {
	list-style: none;
	padding: 10px 0 10px 10px;
}
#navigation ul li {
	text-decoration: none;
	display: inline;
	color: #111;
	/*text-shadow: 0 -1px 2px #555, 0 0 2px #000;*/
}
#navigation ul li:last-child {
	padding-right: 20px;
}
#navigation ul a{
	text-decoration: none;
	display: inline;
	color: #111;
	text-shadow: 1px 1px 1px rgba(205, 205, 205, 0.5);
	padding: 10px 0 10px 12px;
}
#navigation ul a:hover{color: #fff;}
/***************************************
	   Gestion des news forum-planet
***************************************/

#direct_frugal{
	height: 190px;
	width: 980px;
	margin: 15px auto 10px auto;
}
	.box{
		width: 475px;
		height: 170px;
		background: #fff;
		overflow: auto;
		word-wrap: break-word;
		text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.5);
	}
	.box h2{
		font-family: Verdana;
		font-size: 21px;
		color: #3A3A3A;
		background: url(images/rss_icone.jpg) no-repeat 25px 10px;
		padding: 10px 0 10px 60px;
		/*text-shadow: 0 0 2px #000;*/
	}
	.box ul{
		margin-left: 55px;
		list-style: circle;
		font-family: Verdana;
		padding-bottom: 10px;
	}
	.box ul a{
		color: black;
		text-decoration: none;
	}
	.box ul a:hover{
		color: #7A99C8;
	}
/***************************************
		Gestion du corps de page
***************************************/

#corps{
	width: 980px;
	min-height: 600px;
	margin: 0 auto 10px;
	background: #fff;
	#text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.5);
}
	.frugal_community{
		width: 370px;
		padding: 15px 0;
		height: 150px;	
	}
	.community{
		width: 370px;
		height: 120px;
		background: url(images/community_discussion2.png) no-repeat 0 40%;
		position: absolute;
		left: 50%;
		margin-left: 120px;
		margin-top: 60px;
		*margin-left: 100px; /* Propriétés pour la compatibilité IE7 */
		*margin-top: 50px; /* Propriétés pour la compatibilité IE7 */
		_margin-left: 120px; /* Propriétés pour la compatibilité IE6 */
		_margin-top: 30px; /* Propriétés pour la compatibilité IE6 */
	}
	.community h2{
		font-family: Verdana;
		font-size: 26px;
		text-align: center;
		padding: 10px 0 10px 110px;
		color: #222;
		text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.5);
	}
	.community p {
		padding-left: 150px;
		font-weight: bold;
		font-family: Verdana;
		font-size: 17px;
		color: #38587A;
		/*text-shadow: 0 0 2px #555;*/
	}
	.community p span{color: #222;font-style: italic;}
	.community p a {text-decoration: none;}
	.slider{
		width: 600px;
		height: 250px;
		margin: 20px auto;
		background: #777;
	}
	
/***************************************
		Gestion du contenu
***************************************/

#content{
	width: 640px;
	min-height: 500px;
	margin-left: 10px;
	font-family: Verdana;
	font-size: 14px;
	line-height: 20px;
	word-spacing: 2px;
}
	.homebox{
		padding: 10px;
		margin: 10px auto;
	}
	.homebox h2{
		font-size: 25px;
		color: #3A3A3A;
		margin-left: 130px;
		text-shadow: 0 0 2px #000;
	}
	.homebox p{padding: 25px 0 25px 130px;}
	.homebox p:first-letter{padding-left: 35px;}
	.atelier{
		background: url(images/logo_atelier_frugal.jpg) no-repeat 10px 40%;
		min-height: 140px;
	}
	.art_frugal{
		background: url(images/logo_art_frugal.jpg) no-repeat 15px 40%;
		min-height: 140px;
	}

/***************************************
		Gestion des articles
***************************************/
	
#post{
	width: 560px;
	padding: 15px 20px;
	font-family: Verdana;
	font-size: 14px;
	line-height: 20px;
	word-spacing: 2px;
	color: #333;
}
#post h2{
	font-size: 27px;
	color: #3A3A3A;
	/*text-shadow: 0 0 1px #000;*/
	font-family: Trebuchet MS;
	padding-top: 11px;
	margin-bottom: 15px;
}
#post h2 a{
	font-size: 27px;
	color: #3A3A3A;
	text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.5);
	font-family: Trebuchet MS;
	padding-top: 11px;
	margin-bottom: 15px;
	text-decoration: none;
}
#post p{margin-bottom: 7px;}
#post hr+p{margin-top: 15px;}
#post ul{
	list-style: square;
	margin-left: 55px;
}
#post ul li + ul{
	margin-bottom: 10px;
	margin-top: 10px;
	list-style: circle;
}
#post blockquote{
	font-style: italic;
	padding: 5px 5px 5px 45px;
	background: url(images/edit_news.jpg) no-repeat 0 50%;
}
	.date_post{
		text-align: center;
		font-size: 19px;
		font-family: Trebuchet MS;
		border-radius: 2px 0 0 2px;
		padding: 5px;
		background: #7A99C8;
		margin-right: 15px;
		-webkit-border-radius: 5px;
		border-radius:5px
		-moz-radius-border : 5px;
	}
	.day_post{
		font-weight: bold;
		font-size: 23px;
	}
	.sub_post{
		margin: 10px 0 5px;
		padding: 1px 0 5px;
		border-top: 3px dotted #838A94;
	}
	.post p{margin-top: 25px;}
/***************************************
		Gestion de la page erreur
***************************************/	
	
.title {
	font-size: 27px;
	color: #3A3A3A;
	/*text-shadow: 0 0 1px #000;*/
	font-family: Trebuchet MS;
	padding-top: 11px;
	margin-bottom: 15px;
	text-decoration: none;
}
/***************************************
		Gestion de la sidebar
***************************************/

#sidebar{
	width: 300px;
	min-height: 500px;
	margin-top: 220px;
	margin-right: 10px;
	font-family: Verdana;
	font-size: 14px;
	line-height: 20px;
	word-spacing: 2px;
	padding: 5px;
}
#sidebar h2{
	font-size: 18px;
	color: #3A3A3A;
	/*text-shadow: 0 0 2px #000;*/
	padding: 5px 0 15px;
}
#sidebar ul{
	list-style: none;
	margin-left: 45px;
}
#sidebar ul li a{
	background: url(images/puce_sidebar.gif) no-repeat 0 59%;
	padding: 5px 0 5px 16px;
	font-family: Verdana;
	font-size: 14px;
	color: black;
	text-decoration: none;
}
#sidebar ul li a:hover{
	color: #7A99C8;
}
#sidebar ul li:last-child{
	margin-bottom: 35px;
}

/***************************************
		Gestion du pied de page
***************************************/
p#footer{
	padding: 10px 40px 10px 10px;
	font-family: Verdana;
	font-size: 14px;
	line-height: 20px;
}