/*  
Theme Name: IFB Tuto
Theme URI: http://www.ifb-tuto.com
Description: IFB Tuto est un theme Wordpress avec 2 colonnes 
Version: 1
Author: Williams
Author URI: http://www.ifb-tuto.com
*/

body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;;
background: #EFEFEF url(images/back-body.jpg) repeat-x top left;
color: #333;
margin:0;padding:0;}
/* sous le menu */
#wrap{width:980px;margin:0 auto;padding:0; }
#top{height:169px;width:980px;clear:both;margin:0 auto;padding:0;}
h2{
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-align: center;
}
h3{
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #6A6A6A;
}
blockquote
{
	padding: 10px 10px 5px 10px;
	margin: 15px;
	border: 2px outset #2D409E;
	font-style: oblique;
	background-color: #F1f1f1;
}
#main{width:980px;margin:10px auto;padding:0;
background-color: #fff;}

/*   HEADER   */

#header {
	color: #00008B;
	
	margin-top: 50px;
	/*width: 110px;
	height: 150px;*/
}

#header h1 {font-family: 'Lucida bright', georgia, serif;
	font-weight: normal;
	font-size: 24px;
	text-transform: uppercase;
	color: #00008B;
margin-left: 200px;
}

#header h2 {
	font-family: 'Lucida bright', georgia, serif;
	font-weight: normal;
	font-size: 24px;
	text-transform: uppercase;
	color: #00008B;
	margin-top: 50px;
	margin-left: 100px;
	
}

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

#header div.description {
text-transform: uppercase;
letter-spacing: 1px;

color: #9a9a9a;
margin-bottom: 80px;

}
#header p.desc{font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
	color: #00008B;font-size:15px;
margin-left: 220px;}
/*#header{width:400px;height:169px;float:left;margin:0;padding:0;}
#header h1.blogtitle{font-family:Arial, Helvetica, sans-serif;color:#fff;margin:0;padding:10px 0 0;}*/

/* Navigation menu du haut */
#nav {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 9pt;
	display: block;
	padding: -50px 25px;
	margin-top: -12px;
	
	width: 900px;
	height: 40px;
	text-align: center; }
	

#nav {
	padding-left: 200px;
	min-width: 900px;
	margin: 0 auto auto auto;
}
#nav, #nav ul {
	margin: 0 0 0 -50px;
	padding: 0 auto auto;
	list-style: none;
	text-align: center;
	float: left;
	overflow: hidden;
	height: 25px;
}


#nav li {
	background: url('images/menum.gif') repeat;
	margin: 0 5px;
	padding: 0 5px;
	max-width: 140px;
	display: inline;
	float: left;
	line-height: 24px;
	overflow: hidden;
	font-weight: bold;
	border-left: 2px solid White;
	border-right: 2px solid White;
	
	
}
#nav a:hover { color: #000; }
#nav li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 9pt; /*border-left: 2px solid White;
	border-right: 2px solid White;*/
	background: url('images/menum.gif') repeat-x;
	background: #000;
	/*position: absolute;
	left: -300em;*/
	height: auto;
	width: auto;
	overflow: hidden;
	display: compact;
}
#nav li li {
	display: block;
	margin: 0; 
	border-left: 2px solid White;
	border-right: 2px solid White;
	background: url('images/menum.gif') repeat-x;
	
}
#nav li ul a {color: #fff; margin: 0;}
#nav li ul a:hover {color: #000; }
#nav li:hover ul, #nav li li:hover ul, /*#nav li.sfhover ul, #nav li li.sfhover ul*/ {left: auto;}
#nav li:hover, #nav li.sfhover { color: #000;}



#nav a { display: block; line-height: 25px; padding: 0 15px; background: url('images/menum.gif') repeat-x; color: #fff; text-decoration: none; font-weight: bold;}
/*

#nav{height:25px;float:left;width:550px;margin:0;padding:0;}
ul.nav{height:25px;line-height:25px;float:right;list-style:none;font-size:11px;text-transform:uppercase;margin:0;padding:0;}
ul.nav li{
	background: #535353;
	float: left !important;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.nav li a,ul.nav li a:visited,{color:#fff;float:left;display:block;text-decoration:none;padding:0 10px;}
ul.nav li a:hover{
	
	color: #E0FFFF;
	text-decoration: none;
}
ul.nav li.current_page_item a{
	text-decoration: none;
	
	color: #fff;
}
ul.nav li ul{float:left;margin:0;padding:0;}*/
#content{
	width: 650px;
	float: left;
	margin: 0;
	padding: 20px 0 0;
	
}
.entry{font-size:11px;float:left;width:645px;text-align:justify;margin:0;padding:0 0 20px;}
#sidebar{ float:right;width:250px;margin:0;padding:20px 0 0;}
.rsidebar{float:right;width:230px;margin:0;padding:0; overflow:hidden;}
.rsidebar h2{background:url(images/h2c.gif) no-repeat;height:22px;font-size:13px;font-weight:700;color:#6995c2;margin:0;padding:0 0 10px 8px;}
.postmetadata{background:#eee;border-bottom:1px #ccc solid;border-top:1px #eee solid;font-size:10px;margin:0;padding:5px;}
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:url(images/latestbck.gif) repeat-x;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:transparent url(images/c.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
#eof{width:980px;clear:both;height:3px;background:#EFEFEF;margin:0 auto;padding:0;}
.navigation{width:500px;float:left;color:#666;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
#footer{background:url(images/footerbck.gif) repeat-x;height:31px;line-height:31px;clear:both;}
.footer{width:980px;text-align:center;font-size:11px;margin:0 auto;}
.lsidebar{float:left;width:200px;margin:0;padding:0;}
.lsidebar h2{background:url(images/h2.gif) no-repeat;height:22px;font-size:13px;font-weight:700;color:#6995c2;margin:0;padding:0 0 10px 8px;}
a:link,a:active,a:visited,a:hover{text-decoration:none;color:#356aa0;border:none;}
#header h1 a:link,#header h1 a:active,#header h1 a:visited,#header h1 a:hover{text-decoration:none;color:#fff;border:none;}
.rsidebar ul,.lsidebar ul{list-style-type:none;line-height:200%;font-size:11px;margin:0 auto;padding:0;}
.rsidebar ul li,.lsidebar ul li{list-style-type:none;margin:0 0 20px;padding:0;}
.rsidebar ul li ul,.lsidebar ul li ul{list-style-type:square;margin:0 auto;padding:0 3px;}
.rsidebar ul li ul li,.lsidebar ul li ul li{list-style-type:none;border:0;border-bottom:#dadada solid 1px;margin:0 auto;padding:0;}
.rsidebar ul li ul li ul.children li,.lsidebar ul li ul li ul.children li{list-style-type:none;border:0;margin:0 auto;padding:0;}
.rsidebar ul li ul li a,.lsidebar ul li ul li a{text-decoration:none;}

.post .date {
	height: 50px;
	width: 45px;
	background: url(images/calendar.gif) no-repeat;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 0px 2px 0 0;
	line-height: 100%;
	float: left;
}
.post .date span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}
.post .title {
	float: left;
	margin-left: 10px;
	width: 438px;
}
/* Commentaires Number Block*/
.commentaires {
	position: absolute;
	top: 0;
	right: 3px;
	width: 82px;
	height: 60px;
	text-align: center;
	padding: 0.4em 3px;
	font-size: 0.9em;
	background: #ebebeb url(images/commentaires.jpg) top right no-repeat;
}

.commentaires:hover{
	background: #ebebeb url(images/commentaires-hover.jpg) top right no-repeat;
}

.commentaires .count {
   font-size: 1.2em;
   display: block;
}
.entry-footer {
	color:#ccc;
	font-size:10px;
	text-align:right;
	margin:0 0 20px;
	padding:4px 2px 2px;
	}

.commentaires .unit {
   display: block;
   font-size: 0.45em;
   font-weight: normal;
   letter-spacing: -0.01em;
}
.commentairestitle {
   color: #00AAE7;
   font-weight: bold;
   font-size: 2.2em;
   letter-spacing: -0.035em;
   position:relative;
   float:right;
   height:90px;
}
.commentairestitle a {
   color: #00AAE7;
   text-decoration:none;
}
.commentairestitle a:hover {
   color:#98CC00;
}
.metapost {
background:url(images/metapost.gif) left center no-repeat;
padding-left:15px;
}n:none;
}
.commentairestitle a:hover {
   color:#98CC00;
}
.metapost {
background:url(images/metapost.gif) left center no-repeat;
padding-left:15px;
}

#moteurrecherche {
	border: 1px outset #000179;
}
.h2landing {
	font-style: italic;
	color: #00AAE7;
}
.landing {
	margin-left: 10px;
}

#global-feed {
width: 150px;
height: 155px;
display: block;
position: absolute;
top: 35px;
left: 50%;
margin-left: 320px;
background: transparent url(images/rss.gif) no-repeat top left;
}

#global-feed span {
display: none;
}
#logowp {
width: 110px;
height: 160px;
display: block;
position: absolute;
top: 35px;
left: 50%;
margin-left: -440px;
background: transparent url(images/logo-wp.gif) no-repeat top left;
}
#logowp span {
display: none;
}