/*
Theme Name: Theme for SocialEcology
Theme URI: http://www.socialecologie.fr
Description: Theme pour le site de socialecologie.fr
Version: 3.02
Author: Marie Fleisch, Olivier BRONDEL, Olivier DUMONT
Author URI: http://www.socialecologie.fr
*/
/*
Historique :
Version: 3.01 : modification du style de la div latespost (MF)
Version: 3.02 : modification de zoom3 qui devient foire aux questions - suppression du fil Actu environnement (MF)
*/

/**********HTML Elements***************/

html{font-family: Arial,Verdana,Helvetica, sans-serif;}
<meta name="verify-v1" content="ZUMcwsuYiVUrP05lWwVwQJOSnZccAg5WXdzk9MSWce4=" />
body{
margin:0;
background-color:#ffffff;
}
.clearall{clear:both;}

a{
color:#009;
text-decoration:none;
}

a:hover{
color:#000;
}


/**********DIV Elements***************/
div#maincontainer{	 
	width:100%;
	position:relative;
	padding-top:15px;

}

div#maincontainer h1{

	position:absolute;
	top:15px;
	left:240px;

white-space: nowrap;

height:100px;

margin-bottom:10px;
margin-top:0;
margin-left:0;
margin-right:0;

padding:0;
}

div#maincontainer img{
	border:none;
}

div#maincontainer h1 a{
	text-decoration:none;
}

div#navcontainer{
	position:absolute;
        top:125px;
        left:150px;
	padding-left:7px;
	padding-right:7px;
	width:750px;
	height:20px;
	background-color:#d23628;	
	font-weight:bold;
}

div#navcontainer>ul{
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
}

div#navcontainer li{
	margin-left:0px;
	margin-right:40px;
	list-style:none;
	display:inline;	
}

div#navcontainer a{
	color:#fff;
	text-decoration:none;
	padding:5px 5px 5px 5px;
}

div#navcontainer a:hover{ 
	background-color:#77dd66;
	padding:5px 5px 5px 5px;

}


/**************Title*******************/

span#socialecologie{
	font-size:80px;
	letter-spacing:-5px;
	word-spacing:-16px;
	vertical-align:super;

}

span#social{
	color:#d23628;
}

span#ecologie{
	color:#95cc3a;
}


/**************Sidebar*******************/
div#menu{
  position:absolute;
  top:132px;
  left:20px;
  width:110px;
background-color:#ffffff;

}

div#menu ul{
 margin:0px;
 padding:0px;
}

div#menu li{
 list-style:none;
}

div#menu h2{
	margin:0px;
	padding-left:7px;
	padding-right:7px;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	background-color:#d23628;
}

div#menu a{	
	color:#000000;
	font-size:0.8em;
	margin:0px;
	text-decoration:none;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:5px;
	display:block;
	border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:gray;

}

div#menu a:hover{  
	background-color:#77dd66;
}

.current_page_item{
	background-color:#99ff88;
}

div#menu>ul>li>ul{
}

div#menu>ul>li>ul>li{	
}

div#menu>ul>li>ul>li>a{	
}

div#menu>ul>li>ul>li a:hover{
}


div#menu li.pagenav{display:none;}
div#menu li.pagenav h2{	}
div#menu li.pagenav ul{	}
div#menu li.pagenav ul>li{}
div#menu li.bloglink h2{
		
}
div#menu li.categories h2{
		
}
div#menu li.search{
	display:none;
	position:fixed;
	top:0px;
	right:0px;	
	padding:5px;	
	background-color:#eee;
	z-index:99;	
	font-size:0.9em;
	width:160px;
}
div#menu li.search>h2{
	display:inline;
	margin:0px;
	padding:0px;
	font-size:1em;
	background-color:#eee;
	color:#980000;
	font-weight:bold;
}
div#menu li.search form{	
	margin:0px;
	padding:0px;
}
div#menu li.search input#searchbox{	
	border:1px solid #980000;
	color:#980000;
	background-color:#eee;	
	width:100%;
}
div#menu li.search input#searchbutton{	
	display:block;
	border:1px solid #980000;
	color:#eee;
	background-color:#980000;
	margin-top:5px;
}

div#menu li.archives h2{
		
}
div#menu li.meta h2{
  margin-top:30px;	
}




div#menu li.calendar h2 {
	
}
div#menu li.calendar div { 
	font-size:0.8em;
}

div#menu li.calendar caption { 
font-size:1em;
background-color:#bbb;
color:#009;
font-weight:bold;
text-align:left;
padding-left:10px;
 }

div#menu li.calendar #wp-calendar { width:100%;}

div#menu li.calendar #wp-calendar thead { }

div#menu li.calendar #wp-calendar td {}

div#menu li.calendar #wp-calendar td a:link{
	color:#009; font-weight:bold;
	text-decoration:none;
	font-size:1em;
  }
div#menu li.calendar #wp-calendar td a:visited{
	font-weight:normal;	
	font-size:1em;
}
div#menu li.calendar #wp-calendar td a:hover {color:#980000; }

/************* Right side bar***********/
div#rightsidebar{
	position:absolute;
	top:131px;
	right:0px;
	width:170px;
	height:1450px;
	z-index:2;
	text-align:right;
	vertical-align:top;
}

/*************Content Area*************/

div#contentarea{	
  margin-left:140px;
  border:0;
  background-color:#ccffbb;

}

/**********Blog Post*******************/
div.post{
	position:absolute;
        top:150px;
        left:140px;
	margin:5px 5px 5px 10px;
	padding:15px 15px 15px 15px;
	width:730px;
	overflow:auto;
	border-right:1px solid #d23628;
	border-left:1px solid #d23628;
	background-color:#ffffff;
}

div#text{
        font-family:georgia;
	font-size:1.2em;
	text-align:justify;
}


div.post img{
	
}
div.post a{
	
}
div.post a:hover{
	
}
div.post h2{		
	margin:0px;	
	font-size:1.3em;
	font-weight:normal;	
}

div.post p.postmetadata{
	display:inline;
	font-size:11px;	
	color:#8b8b8b;
	padding-left:15px;
	background:url('images/posticon.png') no-repeat center left;
	border-top:1px solid #ddd;
	width:auto
}
div.post p.postmetadata a{
	color:#1c1c1c;
	text-decoration:none;
}
div.post p.postmetadata a:hover{
	text-decoration:underline;
}

div.post p.postmetadata strong{
	color:#1c1c1c;
	font-weight:normal;
}
div.post p.postmetadata i{
	margin-left:10px;
	color:#1c1c1c;
	padding-left:15px;
	background:url('images/commenticon.png') no-repeat center left;
	font-style: normal
}

div.post>h2>a{
	color:#009;
	text-decoration:none;	
}
div.post>h2>a:hover{
	color:#000;
}
div.entry{
 	color:#000;
	font-weight:normal;
	font-size:0.8em;
}
div.post>p{
	margin:0; padding:0;
}

/**********Blog Post*******************/
div.news{	
	position:absolute;
        top:150px;
        left:140px;
	margin:5px 5px 5px 10px;
	padding:15px 15px 15px 15px;
	width:425px;
	overflow:auto;
	border-right:1px solid #d23628;
	border-left:1px solid #d23628;
	background-color:#ffffff;
}

div.news img{
	
}
div.news a{
	
}
div.news a:hover{
	
}
div.news h2{		
	margin:0px;	
	font-size:1.3em;
	font-weight:normal;	
}

div.news p.postmetadata{
	display:inline;
	font-size:11px;	
	color:#8b8b8b;
	padding-left:15px;
	background:url('images/posticon.png') no-repeat center left;
	border-top:1px solid #ddd;
	width:auto
}
div.news p.postmetadata a{
	color:#1c1c1c;
	text-decoration:none;
}
div.news p.postmetadata a:hover{
	text-decoration:underline;
}

div.news p.postmetadata strong{
	color:#1c1c1c;
	font-weight:normal;
}
div.news p.postmetadata i{
	margin-left:10px;
	color:#1c1c1c;
	padding-left:15px;
	background:url('images/commenticon.png') no-repeat center left;
	font-style: normal
}

div.news>h2>a{
	color:#009;
	text-decoration:none;	
}
div.news>h2>a:hover{
	color:#000;
}
div.entry{
 	color:#000;
	font-weight:normal;
	font-size:0.8em;
}
div.news>p{
	margin:0; padding:0;
}



/**********Zoom1*******************/
div.zoom1{	
	position:absolute;
        top:150px;
        left:620px;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:280px;
background-color:#ccffbb;

}


div.zoom1img{
	
}
div.zoom1 a{
	font-color:#000000;	
}
div.zoom1 a:hover{
	font-color:#000000;
}
div.zoom1 h2{		
	margin:0px;	
	font-size:1.3em;
	font-weight:normal;	
}

div.zoom1 p.postmetadata{
	display:inline;
	font-size:11px;	
	color:#8b8b8b;
	padding-left:15px;
	background:url('images/posticon.png') no-repeat center left;
	border-top:1px solid #ddd;
	width:auto
}
div.zoom1 p.postmetadata a{
	color:#1c1c1c;
	text-decoration:none;
}
div.zoom1 p.postmetadata a:hover{
	text-decoration:underline;
}

div.zoom1 p.postmetadata strong{
	color:#1c1c1c;
	font-weight:normal;
}
div.zoom1 p.postmetadata i{
	margin-left:10px;
	color:#1c1c1c;
	padding-left:15px;
	background:url('images/commenticon.png') no-repeat center left;
	font-style: normal
}

div.zoom1>h2>a{
	color:#009;
	text-decoration:none;	
}
div.zoom1>h2>a:hover{
	color:#000;
}
div.entry{
 	color:#000;
	font-weight:normal;
	font-size:0.8em;
}
div.zoom1>p{
	margin:0; padding:0;
}



/**********Zoom2*******************/
div.zoom2{	
	position:absolute;
        top:290px;
        left:620px;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:280px;
	overflow:auto;
background-color:#ccffbb;
}


div.zoom2 img{
	
}
div.zoom2 a{
	
}
div.zoom2 a:hover{
	
}
div.zoom2 h2{		
	margin:0px;	
	font-size:1.3em;
	font-weight:normal;	
}

div.zoom2 p.postmetadata{
	display:inline;
	font-size:11px;	
	color:#8b8b8b;
	padding-left:15px;
	background:url('images/posticon.png') no-repeat center left;
	border-top:1px solid #ddd;
	width:auto
}
div.zoom2 p.postmetadata a{
	color:#1c1c1c;
	text-decoration:none;
}
div.zoom2 p.postmetadata a:hover{
	text-decoration:underline;
}

div.zoom2 p.postmetadata strong{
	color:#1c1c1c;
	font-weight:normal;
}
div.zoom2 p.postmetadata i{
	margin-left:10px;
	color:#1c1c1c;
	padding-left:15px;
	background:url('images/commenticon.png') no-repeat center left;
	font-style: normal;
}

div.zoom2>h2>a{
	color:#009;
	text-decoration:none;	
}
div.zoom2>h2>a:hover{
	color:#000;
}
div.entry{
 	color:#000;
	font-weight:normal;
	font-size:0.8em;
}
div.zoom2>p{
	margin:0; padding:0;
}



/**********Zoom3*******************/
div.zoom3{	
	position:absolute;
        top:430px;
        left:620px;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:280px;
	overflow:auto;
background-color:#ccffbb;
}


div.zoom3 img{
	
}
div.zoom3 a{
	
}
div.zoom3 a:hover{
	
}
div.zoom3 h2{		
	margin:0px;	
	font-size:1.3em;
	font-weight:normal;	
}

div.zoom3 p.postmetadata{
	display:inline;
	font-size:11px;	
	color:#8b8b8b;
	padding-left:15px;
	background:url('images/posticon.png') no-repeat center left;
	border-top:1px solid #ddd;
	width:auto
}
div.zoom3 p.postmetadata a{
	color:#1c1c1c;
	text-decoration:none;
}
div.zoom3 p.postmetadata a:hover{
	text-decoration:underline;
}

div.zoom3 p.postmetadata strong{
	color:#1c1c1c;
	font-weight:normal;
}
div.zoom3 p.postmetadata i{
	margin-left:10px;
	color:#1c1c1c;
	padding-left:15px;
	background:url('images/commenticon.png') no-repeat center left;
	font-style: normal;
}

div.zoom3>h2>a{
	color:#009;
	text-decoration:none;	
}
div.zoom3>h2>a:hover{
	color:#000;
}
div.entry{
 	color:#000;
	font-weight:normal;
	font-size:0.8em;
}
div.zoom3>p{
	margin:0; padding:0;
}



/**********Page paginee***********************/
div.pagination{
	list-style:none;
	margin-bottom:20px;
	
}

div.pagination li.current_page_item{
}


/**********Page avec liste***********************/
div.textlist{

}


/**********MISC***********************/
p.sociallink img{
	
}

/********* Comment *******************/
div#commentarea{	
	font-size:0.8em; padding-left:0px; padding-right:0px; padding-top:50px; padding-bottom:50px	
}
div#commentarea h3{		
	font-weight:bold;
}
div#commentarea a{
	color:#009;
	text-decoration:none;
}
div#commentarea a:hover{
	text-decoration:underline;
}
div#commentarea ol{
	border-left:8px solid #ddd;
}
div#commentarea form{
	
}
div#commentarea textarea{
	width:90%;
	border:1px solid #980000;
}
div#commentarea input[type='text']{
		border:1px solid #980000;
}
div#commentarea input[type='submit']{
	display:block;
	border:1px solid #980000;
	color:#eee;
	background-color:#980000;
	margin-top:5px;
}

/**********Posting Navigation********/
div#postnav{
	display:none;
	background-color:#eee;
	position:fixed;
	width:170px;
	line-height:25px;
	text-align:center;
	bottom:25px;
	right:0px;
	font-size:0.9em;
	vertical-align:middle;
	color:#444;	
	z-index:99;
}

div#postnav a{
	color:#009;
}

/*********Footer*********************/
div#footer{
display:none;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:0.7em;
	color:#000;
	text-align:center;
	line-height:25px;
	z-index:98;

}
div#footer ul{
	margin:0;padding:0px;	
	display:inline;
	
}
div#footer li{
	list-style:none;
	display:inline;
	padding:0 10px;
	border-right:1px solid #fff;	
}
div#footer a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
div#footer a:hover{
	color:#ccc;
}
/*************Adsense************/
div.squaread h4{display:none;}
div.squaread{
	margin:5px;
	float:left;
}
/***********Latest Post***********/
div#latestpost{
	position:absolute;
	top:125px;
	left:935px;
	width:110px;
	background-color:#ffffff;

}

div#latestpost ul{
 margin:0px;
 padding:0px;
}

div#latestpost li{
 list-style:none;
}

div#latestpost h3{
	margin:0px;
	padding-left:7px;
	padding-right:7px;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	background-color:#d23628;
}

div#latestpost a{	
	color:#000000;
	font-size:0.8em;
	margin:0px;
	text-decoration:none;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:5px;
	display:block;
	border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:gray;

}

div#latestpost a:hover{  
	background-color:#77dd66;
}