/*
Theme Name: F2
Theme URI: http://srinig.com/wordpress/themes/f2/
Description: F2 is a fast loading flexible width theme for WordPress. Customizable header, any of the two sidebars can be optionally turned off, and much more options in the settings page. Compatible with WordPress 2.8 and above. Valid XHTML, CSS.
Version: 1.0.10
Author: Srini G
Author URI: http://srinig.com/wordpress
Tags: blue, light, flexible-width, two-columns, three-columns, right-sidebar, left-sidebar, theme-options, custom-header, threaded-comments, translation-ready

	The CSS, XHTML and design is released under GPL:
	http://wordpress.org/about/gpl/

*/

/*
	You are encouraged to customize the theme any whichever way you want, but if
	you modify this and other template files directly, you will lose your
	customizations when you upgrade the theme to a newer version. For this
	reason, it is advised that you use the theme inheritence method to customize
	the theme. View readme.html for details.
*/ 

body {
	margin:0;
/*	padding:20px;*/
	background:#ffffff;
	color:#444;
	font-size: .5em;
	font-family: 'Verdana', Sans-Serif;
line-height:1.3em;
}
forum, forum a {height:50px; width:100%; vertical-align:middle; display:block;font-size:2em;
line-height:1.5em;
	text-align:left;} 

a, li a { 
	color:#336;
	text-decoration:none;
        text-align: left;
}

a:hover {
	text-decoration:underline; 
}

h1, h4, h5 {
	color:#336;
	font-family:'Arial';
	text-align:left;
}
h2{
	color:#444;
	font-family:'Arial';
	text-align:left;
        font-size:1.95em;
line-height:1.4em;
	text-transform:uppercase;letter-spacing:.1px;

}
h3{
	font-size:1.0em;
	padding-top:1px;
	color:#910825;
	font-family:'Arial';
	text-align:left;
	text-transform:uppercase;
}
h6{
        font-size:1.9em;
	color:#910825;
	font-family:'Arial';
	text-align:left;

}
h1 {font-size:2.2em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}

.title {
       padding-left: 27px;
       text-align: left;
       color:#336;
       font-size:1.7em;
       font-family:'Lucida Console';

}


img {
       border:0px solid;
       color:#ededed;
       float:left;
       margin-right: 10px;
}

input, textarea {
	font-size:12px;
}

input[type=text], textarea{
	border:1px inset #aaa;
	background:#fff;
}
input[type=submit] {
	border:1px outset #aaa;
	background:#ddd;
}

pre {
	overflow:auto;
	border:1px solid #ccc;
	padding:5px 10px;
	background: #f8f8f8;
	font-size: 12px;
}
code {
	background-color:#f8f8f8;
	color:#111;
}
	


/* Layout */
#page {
	width:100%;
	margin:0 auto;
}
#container{
	margin:auto;
	padding:0 240px 0 240px;
	width: 720px;
}
#wrapper{

       float:left;
       width:98%;
       border-left:240px solid #fff; /* Sidebar left background color */
       border-right:200px solid #fff; /* Siderab right background color */
       margin-left:-240px;
       margin-right:-240px;
       background-color:#fff;
       display:inline;
}
.sidebar {
	padding:0px;
        padding-right:0px;
}

#sidebar_left{
	float:left;
	width:200px;

	margin:0 0 0 -240px;
	position:relative;
}
#content{
	float:left;
	width:96%;
	margin-right:-200%;
        margin-left:10px;
        padding-top: 26px;
	overflow:hidden;
	background:#fff;

}
#sidebar_right{
	float:right;
        margin-top:45px;
	margin-left:-300px;
        margin-right:-100px;


        padding-left:40px;
}


/* Header */

#header {
font-family: Arial;
font-size: 10px;
    width: 977px;
	margin:auto;
	height:90px;
	border:none; 
	
background :#cccccc;
		

}

#headerwrapper {
        width: 100%;
        margin: auto;
        border:none;
 background: url(http://www.alain-lambert-blog.org/wp-content/uploads/2010/11/longnewblog1.jpg) repeat-x; 
       
clear:both;
}

#headerlogo {
	position:relative;
	top:10px;
	left:180px;
}
#headerlogo h1, #headerlogo div.description {
	position:relative;
/*	bottom:26px;*/
}
#headerlogo h1 {
	margin:0;
/*	font-size:3em;*/
	text-indent: -9999em;
}
#headerlogo h1 a {
	background:transparent;
	color:#2A3350;
/*	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size:1.4em;
	letter-spacing:1px;
	padding:0;
	text-shadow:0 1px 1px black;*/
	text-indent: -9999em;
	display:block;
	height:100px;
	margin-left:-134px;
	text-indent:-9999em;
	width:400px;
}
#headerlogo h1 a:hover {
	text-decoration:none;
}

#headerlogo div.description {
	margin:0;
	background:transparent;
	color:#910826;
	font-size:1.1em;
	text-transform: uppercase;
	width: 250px;
	text-indent: -9999em;
}


/* Top navigation */
#hmenu {
	float:right;
	width:auto;
	border:0;
	padding:0px;
	position:relative;
	bottom:25px;
	right:5px;
	height:0;
	margin-bottom:-23px;
}
#hmenu ul {
	width:auto;
	float:right;
	list-style:none;
	padding:0;
	margin:0;
}
#hmenu ul li {
	display:inline;
	float:left;
	width:auto;
	padding:0;
	margin:0;
}
#hmenu ul li a {
	display:block;
	background:#888  url('button.jpg') repeat-x ;
	color:#fff;
	padding:5px 11px;
	margin:0px 0px 0px 2px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
}

#hmenu ul li a:hover, #hmenu ul li.hmenu_rss a:hover {
        
	background-color: #ebebeb;
	color: #444;
}
#hmenu ul li ul {
	padding:0.5px 0 0 0;
	position:absolute;
	display:block;
	visibility:hidden;
	z-index:599;
}
#hmenu ul li.hmenu_rss ul {
	right:0;
}
#hmenu ul li:hover ul {
	visibility:visible;
}
#hmenu ul ul li {
	display:block;
	float:none;
	width:auto;
}
#hmenu ul ul a {
	margin:1px;
}
#hmenu ul  a {
	background:#27567a ;
	padding:4px 30px 4px 20px;
}
/* Sidebar */

.sidebar {
	color:#888;
background:#fff;
}
.sidebar ul {
	padding:0;
	margin:0;
	list-style: none;
	font-size:1.3em;
line-height:1.5em;
	text-align:left;

}
.sidebar ul ul {
	font-size:1em;
}

.sidebar ul li {
	margin:0 0 2em 0;
}

.sidebar li a:hover{
	text-decoration:none;
        color:#910825;
}
.sidebar ul ul {
	margin:0;
	padding:0;
}

.sidebar li li {
	margin:0.1em 0;
}

.sidebar li li:before {
	content: "\203A \0020";
	font-size:1.2em;
font-weight:bold;
        color:#336;
}

.sidebar li li li {
	padding-left:10px;
}

.sidebar ul h2 {
	margin-left:-5px;
        margin-right:-10px;
line-height:1em;
	padding:6px;
	font-size:1.6em;
       color:#336;
       font-family:'Arial';
      
background:#f6f6f6;

}
.sidebar a.rsswidget img {
       border:0;
       float:right;
       display:none;
}




/* Footer */
#footer{ 
       height:260px;
       width:960px;
       margin:auto;
       text-align:left;
       line-height:1.4em;
       background:#b8cee3;
       border:0px;
       padding-top:0px;
       padding-left:30px;
       clear:both;
       overflow:hidden;
       font-family: 'Verdana', Sans-Serif;

}
#footerwrapper {
        width: 100%;
        margin: auto;
        border:0px;
        background:#b8cee3; 

}

#fade{       
height:60px;
background: url(http://www.alain-lambert-blog.org/wp-content/uploads/2010/09/fade.jpg) repeat-x top; 
clear:both;

}

.footer a{
        color:#444;
}
.footer a:hover{
	text-decoration:none;
        color:#910825;
}

.footer h2 {
	font-size:1.9em;
       color:#fff;
       font-family:'Arial';
       font-weight:bold;

}

/* Post */

.post, .page {
	clear:both;
}

.blog .post, .archive .post, .search-results .post, .search-results .page {
	margin:0 0 4em 0;
}

.postentry {
	font-size:1.35em;
	line-height:1.7em;
text-align:justify;
}
.postentry p, .postentry ul, .postentry ol {
/*	text-align:justify;*/
}
.postentry blockquote {
       text-align: left;
       color:#910825;
       font-family:'Verdana';
       font-style:italic;
       margin:0px 5px 0px 30px;
       padding-top:5px;
       font-size:1.1em;
       line-height:1.6em;

}


.postentry a {
	border-bottom:1px solid #ddd;
}
.postentry a:hover {
	border-bottom:1px solid #258;
	text-decoration:none;
}


div.navigation {
	font-size:1.1em;
}

.postentry table {
	border-width:0 0px 0px 0;
	border-style:solid;
	border-color:#ccc;
	font-size:0.9em;
}


.postentry table tr td {
	padding:5px 10px;
	border-width:0px 0 0 0px;
	border-style:solid;
	border-color:#ccc;

}

.postentry table tr th {
	border-width:0px 0 0 0px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
h2.posttitle {
	margin:0 0 5px 0;
	padding:0;
padding-top:20px;
}
.postmetadata{
	clear:both;
	margin:1em 0;
padding-bottom:4px;
	font-size:1.1em;
	background-color:#fff;
	color:#910825;
	text-align:left;
}
.postmetadata a {
	border-bottom:1px solid #ddd;
	color:#910825;
}
.postmetadata a:hover {
	border-bottom:1px solid #910825;
	text-decoration:none;
}

.postmetadata2  {
	clear:both;
	font-size:1.1em;
	background-color:#fff;
	color:#910825;
	text-align:right;
}
.postmetadata2 a {
	border-bottom:1px solid #ddd;
	color:#910825;
}
.postmetadata2 a:hover {
	border-bottom:1px solid #910825;
	text-decoration:none;
}
.subscribe-to-comments  {
	font-size:1.2em;
font-weight:bold;
	background-color:#fff;
	color:#910825;
	text-align:left;
text-transform:uppercase;
padding-bottom:60px;
}
.posttagscat {
	margin:0 0 10px 0;
}
.postcat {
	margin:0 10px 0 0;
}
.postcomment {
	font-size:1.1em;

}
.postedit:before {
	content:' | ';
}
.poststicky {
	margin:0 0 0 10px;
}
.poststicky:before {
	content:'\2022 \0020';
}
div.archive-desc {
border:1px solid #ccc;
	background-color:#f8f8f8;
	padding:5px 10px;
	margin:0 0 10px 0;
	font-size:1.4em;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
}
.wp-caption a, .wp-caption a:hover, .gallery a, .gallery a:hover, .attachment a, .attachment a:hover {
	border:none;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 0.8em;
   margin:4px 0 0 0;
   padding:0 4px;
}
.gallery {
	border:1px solid #ddd;
	background-color: #f3f3f3;
}
.gallery-item {
	margin:10px;
}
.gallery-caption {
	font-size:0.8em;
}
.attachment img {
	border:1px solid #ddd;
	background-color:#f3f3f3;
	padding:4px;
}
/* Comments */

textarea#comment {
	width:100%;

}
.commentlist {
	margin:0;
	padding:0;
}
.children {
	margin: 0 -21px -21px 0;
	padding:0;
}
li.comment, li.trackback, li.pingback {
	list-style:none;
	border:1px solid #eee;
	padding:20px;
	margin:10px 0;
}
ul.children li.comment {
	margin: 10px 0 -11px 0;
}
	
.comment-body {
	overflow:auto;
}
.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}
.commentlist li.bypostauthor {
	background-color:#fffff8;
}
.commentlist li.bypostauthor > .comment-body > .comment-author > cite {
	border-bottom:1px solid #aaa;
}
.comment-body p {
	font-size:1.5em;
line-height:1.7em;
}
.comment-body blockquote {
	margin:5px 10px;
	padding:0 0 0 5px;
	border-left:0.4em solid #ddd;
	font-size:0.9em;
}
.comment-body blockquote blockquote {
	font-size:1em;
}
.comment-body img.avatar {
	float:right;
	border:1px solid #eee;
	margin-left:15px;
	background:#fff;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	color:#555;
	font-size:1.5em;
}
.comment-meta {
	margin:4px 0 0 0;
}
.reply {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
}

/* Comment ends */


/* Calendar */
#wp-calendar {
	text-align:center;
	width:100%;
}
#wp-calendar caption, #wp-calendar thead th{
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
}
#wp-calendar tbody td {
	border:1px solid #ccc;
	background:#f2f2f2;
}
#wp-calendar tbody td a {
	font-weight:bold;
}
#wp-calendar td#today {
	background:#e4e4e4;
}
#wp-calendar tbody td.pad {
	border:none;
	background:transparent;
}
/* Calendar ends */

#searchform {

        width: 230px;
        height:20px;
        margin-bottom:40px;
        margin-left:-5px;
        
	}

.sidebar #searchform #s {
	width: 140px;
	background: transparent url('http://www.alain-lambert-blog.org/wp-content/uploads/2010/09/searchnotext11.jpg') no-repeat;
	height:24px;
	border:none;
        padding-left:25px;
        padding-top:7px;
        margin:0px 0px 0px 0px;
        float:left;
	}

.sidebar #searchsubmit {
	background: url('http://www.alain-lambert-blog.org/wp-content/uploads/2010/09/searchnotext22.jpg');
        width:36px;
        height:30px;
        border:none;
        float:left;
        padding:0px;
        margin:0px;
	}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 

abbr {
	cursor:help;
	border-bottom: 0.1em dotted;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 15px 0 0;
   width:auto;
}

.alignright {
   float: right;
   width:auto;
   margin: 0 0 0 15px;
}
	.addtoany_share_save_container{margin:16px 0;}
	ul.addtoany_list{
		display:inline;
		list-style-type:none;
		margin-left:-40px !important;
		padding:0 !important;
		text-indent:0px !important;
	}
	ul.addtoany_list li{
		background:#none !important;
		border:0;
		display:inline !important;
		line-height:26px;
		list-style-type:none;
		margin:0 !important;
		padding-bottom:10px !important;
	}
	ul.addtoany_list li:before{content:"";}
	ul.addtoany_list li a{padding:0 9px;}
	ul.addtoany_list img{
		float:none;
		border:0;
		margin:0;
		padding:0;
		vertical-align:middle;
	}
	ul.addtoany_list a img{
		opacity:.7;
	}
	ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
		opacity:1;
	}
	a.addtoany_share_save img{border:0;width:auto;height:auto;}

.alert-ie{
	text-align: center;
	border: 1px solid yellow;
	background-color: #FFF3AD;
	font-size: 12px;
}

.alert-ie a{
	text-decoration: underline ;
	color: blue !important;
}

/*	
	By default, the horizontal navigation menu displays inside the header area.
	If for some reason you don't like this behaviour, you can make it display
	below the header area by including the code below into your custom.css.
*/
/*

#hmenu {
	background-color:#27567a;
	float:none;
	position:static;
	height:24px;
	border:1px solid #aaa;
	border-top:none;
	margin:0;
}
#hmenu ul {
	float:none;
}




*/

#reseauxsociaux { 
float: right;
margin: -17px 330px 5px 5px;
color: #555;
font-size:11px;
font-weight:500;


}