/*
Theme Name: Soft Grey SEO
Theme URI: http://iambogdan.com/nostalia26
Description: Theme opimisé SEO by Fred
Version: 1.0
Tags: blue, one-column, fixed-width
Author: Fred
Author URI: http://galline.fr
*/



/*  COULEURS

Foncé : #344d75
clair : #d1ddf0

*/


/* DIMENTIONS

Page    : 900px
sidebar : 300px
Contenu : 600px

*/



/* GENERAL */

body {
		background: #FFF;
		background-attachment: fixed;
		font: 10px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
		margin: 0;
		text-align: center;
		height:100%;
}

#page {
		margin: 0 auto;
		width:900px;
		display:block;
		text-align:left;
}

a { color:#344d75;}


/* HEADER */

#header {
		margin: 0 auto;
		width:100%;
		height: 45px;
		background:/*url(images/bg-header.jpg)repeat-x*/ #344d75;
		border-top:solid 1px #808793;
		border-bottom:solid 1px #263957;
}

#titre_box {
		margin: 0 auto;
		width:900px;
		height: 34px;
		padding-top: 0px;
		padding-left:0px;
		text-align:left;	
}

#titre {
		margin: 5px 0px 0px 10px ;
		width:280px;
		height: 24px;
		padding-top: 0px;
		padding-left:0px;
		float:left;	
}

#baseline {
		margin: 22px 0px 0px 0px;
		color:#d1ddf0;
		font-weight:bold;
		width:500px;
		text-decoration:none;
		font-size:10px;
		float:left;
}


.search_box {
		display:float;
		margin: 0px 0px 0px 0px ;
		text-align:left;
		width:300px;
		padding-top: 0px;
		padding-left:0px;
}

.search_box H3{
		margin:0px 0px 0px 0px ;
		display:float;
		color:#344d75;
		text-decoration:none;
		font-size: 1.2em;
		font-weight:bold;
		padding: 0px 10px 0px 10px;
		border-left:solid 1px #e6f3ff;
}


#header h1{
		margin:0px;
		margin-bottom:0px;
		padding:0px;
		text-decoration:none;
		font-size: 2.6em;
		font-weight:bold;
		background:none;
}

#header h1 a{ 
		color:#eeeeee;
		text-decoration:none; 
}

#header h2{
		margin:0px;
		margin-bottom:5px;
		padding:0px;
		color:#eeeeee;
		text-decoration:none;
		font-size: 2.6em;
		font-weight:bold;
		background:none;
}

#header h2 a{
	 	color:#eeeeee;
		text-decoration:none; 
}

/* MENU */


#menu_bg {
		margin: 0 auto;  
  		padding: 0px 0px 0px 0px;
		width:100%;
		height: 25px;		
		background:/*url(images/bg-header.jpg)*/ #d1ddf0;
		border-top:solid 1px #e6f3ff;
		border-bottom:solid 1px #c7d2e4;
}

#menu_box {
		position: relative; /* on positionne le conteneur */ 
 		margin-left: auto; 
 		margin-right: auto; 
  		text-align:center;
		width:900px;`
		height: 25px;
}

ul.topnav {
	list-style: none;
	margin: 0 auto;
	width: 900px;
	padding: 0px 10px 0px 0px;
	float: left;
	
	line-height: 25px;
	vertical-align: middle; 
	font-size: 1.2em;
	text-align:left;
	
	/*background: url(images/topnav_bg.gif) repeat-x;*/
}
ul.topnav li {
	float: left;
	margin: 0;
	position: relative;
	padding: 0px 9px 0px 10px;
	border-left:solid 1px #e6f3ff;
	border-right:solid 1px #c7d2e4;
}
ul.topnav li a{
	padding: 0px 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	
}
ul.topnav li a:hover{
	/*background: url(images/topnav_hover.gif) no-repeat center top;*/
}
ul.topnav li span { /*-- Style du bouton qui exécutera l'action qui déroulera le menu déroulant (représenté par une flèche) --*/
	width: 17px;
	height: 25px;
	float: left;
	background: url(images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*-- Changement au survol de la flèche (bouton Drop Down)--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute;
	left: 0; top: 26px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #e6f3ff; /*--Cré un effet de bevel--*/
	border-bottom: 1px solid #c7d2e4; /*--Cré un effet de bevel--*/
	clear: both;
	width: 165px;
	
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #d1ddf0 url(dropdown_linkbg.gif) no-repeat 10px center;
	color:#344d75;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Changement au survol d'un lien de la sous-navigation--*/
	background: #344d75 /*url(dropdown_linkbg.gif) no-repeat 10px center*/;
	color:#FFF;
}


/* CONTENT */

#content {
		background: #FFF;
		width:580px;
		margin:0px 0px 0px 0px;
		padding:20px 10px 10px 10px;
		float:left;
}

.pagenavi {
		text-align: center;
		padding-left: 0px;
		padding-top:30px;
}

#content h2{
		text-decoration:none;
		font-size: 1.3em;
		font-weight:bold;
		background:none;
}

#content h2 a{ 
		text-decoration:none;
}

.post {
		margin-bottom:10px;
		margin-top:0em; 
		background:#FFF;
}


/* SIDEBAR */

#sidebar {
		width:280px;
		height:100%;
		padding:20px 10px 30px 10px;
		float:left;
		background:#eeeeee;
}

li {
		font-size:12px;
		font-weight:bold;
		margin:0px;
		margin-bottom:5px;
		padding:0px;
		color:#FF8B00;
		list-style-type: none;
}

ul {
		margin: 0;
		padding: 5px 0px 10px 5px;
		font-size:12px;
		font-weight:none;
		margin-bottom:5px;
		color:#FF8B00;
		list-style-type: none;
}

a {
		text-decoration:none;
}

a:hover {
		color:#FF8B00;
}

H2 {
		font-size:12px;
		font-weight:bold;
		margin:0px;
		color:#FF8B00;
}

H3 {
		font-size:11px;
		font-weight:none;
		margin:0px;
		color:#FFF;
}

/* FOOTER */

#footer {
		text-align:center;
		width:100%;
		height:40px;
		margin-left:0px;
		padding-top:20px;
		float:left;
		background:#fff;
}