/*
Theme Name: Generations Futures
Theme URI: http://www.generations-futures.fr
Description: Thème créé par Claude
Version: 1.4
Author: Claude 
*/

html, body {
    min-height: 100.1%;
}

body {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 0.9em;
	text-align: center;
	background: #ffffff;
	color: #000000;
	margin: 0;
	padding: 0;
	background-image: url(images/grey.png);
	background-repeat: repeat;
}

a {
    color: #999999;
    text-decoration: none;
    font-size: 0.9em;
    font-weight:bold;
}

a:hover {
    color:#666666;
}

a img {border: none;}

#page {
	text-align: left;
	margin: auto;
	width: 960px;
	-moz-box-shadow: 0px 0px 8px 2px #9b9b9b;
	-webkit-box-shadow: 0px 0px 8px 2px #9b9b9b;
	-o-box-shadow: 0px 0px 8px 2px #9b9b9b;
	box-shadow: 0px 0px 8px 2px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=8);
}

* html  #page {
	text-align: left;
	margin: auto;
	width: 960px;
}

/* header */
#header {
	margin: 0;
	height: 100px;
}

#top-header{
	background-color:#fff;
	height:60px;
	padding: 0 0 0 5px;
}

#top-header a#logo {
	background: url(images/logo.png) no-repeat;
	height:56px;
	width:200px;
	display:block;
	float:left;
}

#accroche-top{
    height:28px;
    margin:0px 5px 0px 0px;
    padding:0;
    clear:right;
    float: right;
}

#accroche-top a{
    letter-spacing:1px;
    padding:5px;
    color: #999;
    font-size: 14px;
    font-weight: bold;
    float:right;
}

#accroche-top a#adhesion{
    color:#FFFFFF;
    background: #ec9420;
    margin:2px 1px 2px 2px;
    padding:5px 9px;
}

#accroche-top a#adhesion:hover{    
    background: #ea8520;
}

#accroche-top a#ml_subscribe{
    color:#FFFFFF;
    background: #96c323;
    margin:2px 0 2px 5px;
    padding:5px 7px;
}

#accroche-top a#ml_subscribe:hover{
    background: #83bf22;
}

/* page search */
#searchno  {
    float: left;
}

 #searchform {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    border-style:solid;
    border-width:1px;
    border-color: #bfbfbf;
    margin:3px 5px 3px 0;
    clear:right;
    float: right;
}

#searchform #searchsubmit, #searchform #s  {
    border: none;
}

#searchform #s{
    height:16px;
    padding:2px 10px;
}

#searchform #searchsubmit{
    padding:0;
    background: url(images/toolbar_find.png) 0 1px no-repeat;
    width:25px;
}

#res_soc{
	clear:left;
	float:left;
	width:200px;
	margin:0px;
	font-size:16px;
	color: #999;
	padding-top:5px;
}

a#fb{
	display:block;	float:left;
	background: url(images/fb-icon.png) no-repeat;
	margin:0;
	height: 25px;
	width:25px;
}

a#rss{
	display:block;
	float:left;
	background: url(images/rss-icon.png) no-repeat;
	margin:0 2px;
	height: 25px;
	width:25px;
}

a#tweet{
	display:block;
	float:left;
	background: url(images/twitter-icon.png) no-repeat;
	margin:0 5px;
	height: 25px;
	width:25px;
}

#bottom-header{
	height:40px;
	background:#999;
}

#bottom-header li a{
	color:#fff;
	font-weight:bold;
}

* html #header {
	margin: 10px 0;
	height: 40px;
}

.caption-campagne{
  width:450px;
  height:70px;
  background:rgba(0,0,0,0.7);
  color:#FFFFFF;
  padding: 15px;
  position:absolute;
  top:220px;
  left:20px;
}

.caption-campagne h4{
  color: #FFD000;
  margin:10px 0;	
}

/* header menu */
#nav, #nav ul /* Liste */     
{
    padding : 0; 
    margin : 0; 
    list-style : none; 
    line-height :20px; /* on définit une hauteur pour chaque élément */
    text-align : left; 
}

#nav /* Ensemble du menu */
{
    font-weight : bold; 
    font-size : 11px; 
}

#nav a /* Contenu des listes */
{
	font-size : 11px;
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding :5px 1px 15px 9px;
    background : #999;    
    text-decoration : none; 
    width : 149px; 
}

#nav li /* Elements des listes */      
{ 
    float : left;    
}

#nav li a{
	border-right: 1px solid #fff ; 
}

#nav li ul /* Sous-listes */
{ 
    position: absolute;
    width: 159px; /* Largeur des sous-listes ( pas de padding/margin )*/
    left: -999em; 
	z-index:999;
}

#nav li ul li /* Éléments de sous-listes */
{
    border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

#nav li ul li                
{
    border-top : 1px solid #fff; /* on met une bordure transparente en haut de chaque élément */
}

#nav a:hover 
{
    background: #ccc;
	border-right: 1px solid #ccc ; 
}

#nav li:hover ul ul, #nav li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
    left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
	border-right: 1px solid #ccc ; 
}

#nav li.page-item-45 a{
	border-right: none ; 
}

#nav li  ul.children a{
	border-right: 1px solid #999 ; 
}

#nav li  ul.children a:hover{
	border-right: 1px solid #ccc ; 
}

#nav li#home a{
	border-bottom: 4px solid #b80026 ; 
}

#nav li.page-item-5 , #nav li.page-item-5 ul.children{
	border-bottom: 4px solid #dd007a ;
}

#nav li.page-item-17 , #nav li.page-item-17 ul.children{
	border-bottom: 4px solid #ec9420 ;
}

#nav li.page-item-27 , #nav li.page-item-27 ul.children{
	border-bottom: 4px solid #96c323 ;
}

#nav li.page-item-38 , #nav li.page-item-38 ul.children{
	border-bottom: 4px solid #52aae3 ;
}

#nav li.page-item-45 , #nav li.page-item-45 ul.children{
	border-bottom: 4px solid #4078ba ;
}

/* home content */
#container {
	padding: 5px 0 0 0;
	background-color: #ffffff;
	overflow: hidden;
	width: 100%;
}

#content {
	background-color: #ffffff;
	width: 720px;
	min-height:400px;
	padding: 10px;
	float: left;
}

#content-page {
	background-color: #ffffff;
	width: 720px;
	min-height:400px;
	padding: 10px;
	float: right;
}

#content hr {
	margin: -4px 0 10px 0px;
	color: #777;
	background-color: #777;
	height: 2px;
	border: 0;
}

* html #content {
	background-color: #ffffff;
	width: 710px;
	height:400px;
	padding: 0px 10px;
	float: left;
}

* html #content-page {
	background-color: #ffffff;
	width: 710px;
	height:400px;
	padding: 0px 10px;
	float: right;
}

#content h2 a , #content-page h2 a{
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1em;
	text-decoration: none;
}

#content h2, #content-page h2{
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	color: #666;
	padding:10px 0 5px 0;
	margin: 0;
	clear:left;
}

a#don-gf{
	display:block;
	background: url(images/don-gf.png) center no-repeat;
	width: 250px;
	height:65px;
}

.archives-posts{
    margin:5px 0 25px 0;
}

.archives-posts h3{
    margin:0;
}

.archives-posts p{
    margin:0 ;
}

.archives-posts p.archives-date{
    margin:5px 0;
    font-size: 0.9em;
}

.posts-separator {
    float:left;
    margin: 2px 10px 7px 10px; 
    width:98%; 
    border-bottom: 1px solid  #eee;
}

.last-posts-row{
    float: left;
    height: auto;
    padding: 0 ;	
}

.last-posts{
	padding: 0 4px 0 6px;
	width:230px ;
	height:auto;
	float:left;
}

.last-posts:hover{
	background-color: #f6f6f6;
}



.last-posts p{
	margin: 5px 0 10px 0;
}

.last-posts p a{
	font-weight:bold;
	margin: 0 0 0 7px;
}

a#derniers-articles {
	padding-left:6px;
}
#sites{
	margin:0 40px;
	padding:10px 0;
	position:relative;
}

.slides_container {
    width:600px;
    height:140px;
	padding:0 10px;
  }
 
.slides_container div .slide_container{
    width:600px;
    height:140px;
    display:block;
  }

#sites  .img-site {
	float:left;
}

#sites .info-site {
	float:left;
	padding:10px 20px;
}

#sites .url-site {
	float:left;
	padding: 0 0 10px 0;
}

#sites  .detail-site {
	clear:left;
}

.sidebar .detail-site {
	font-size:0.8em;
}

#sites .next, #sites .prev {

	display:block;
    height: 43px;
    left: -33px;
    position: absolute;
    top: 20px;
    width: 24px;
    z-index: 101;
	overflow:hidden;
	text-indent: -999999px;
}

#sites .next {
    left: 635px;
}

#sites a.prev{
	background: url(images/btn-prev.png) center no-repeat;
	width:27px;
	height:100px;
}

#sites a.next{
	background: url(images/btn-next.png) center no-repeat;
	width:27px;
	height:100px;
}

.post_content {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #555;
}

.post_content  a{
	font-size: 14px;
	color: #96c323;
}

.post_content a:hover {
	color: #7dc124;
}

.tags {
	padding: 5px;
	margin-bottom: 10px;
	clear: both;
}

#date {
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -2px;
	line-height: 1em;
	text-decoration: none;
	color: #555;
}

#home-comments, #home-comments a {
	display: inline;
	color: #555;
}

/* sidebar et sidebar page*/
.sidebar {
	width: 190px;
	padding: 15px 10px 0px 15px;
	float: right;
}

.sidebar-page {
	width: 210px;
	padding: 5px 0 0 10px;
	float: left;
}

*html .sidebar {
	width: 210px;
	padding: 10px;
	margin:10px 0;
	float: right;
}

*html .sidebar-page {
	width: 200px;
	padding: 10px;
	margin:10px 0;
	float: left;
}

.sidebar div, .sidebar li,.sidebar-page div, .sidebar-page li{
	padding: 0 0 5px 0px ;
	margin:0;
}

.sidebar a , .sidebar-page a{
    font-weight:normal;
    text-decoration: none;
    font-size:13px;
    padding:0 0 0 2px;
}
.sidebar a {
	color:#eb9420;
	font-weight:bold;
 }
 
.sidebar a:hover {
	color: #ea7420;
}
 
.sidebar ul, .sidebar-page ul{
    font-weight:normal;
    list-style-type: none;
    padding: 0px;
    margin:0px;
}

.sidebar ul h2, .sidebar-page ul h2, .sidebar-page h2{
	color: #999;
	font-size: 14px;
	font-weight: bold;
}

.sidebar-page  li{
    font-weight:normal;
    list-style-type: none;
}

.sidebar-page ul ul li.page_item ul.children{

  display: none;
   /* color:#b80026;*/

}

.sidebar-page ul ul li.current_page_ancestor ul.children{
    /*display: block;*/
    color:#999;
}

.sidebar-page ul ul li.current_page_item ul.children{
    /*display: block;*/
    color:#999;
}

.sidebar-page  li.current_page_item a{
    font-weight:bold;
    /*display: block;*/
}

.widget{
	margin-bottom: 20px;
}

/* footer */
#footer{
	clear: both;
	padding: 10px;
	background:#999;
}

#footer a{
	font-weight:bold;
	font-size:13px;
	color: #fff;
	text-decoration: none;
	padding:0 10px;
}

#footer span#archives-footer{
	font-weight:bold;
	font-size:13px;
	color: #fff;
	padding:0 10px 0 460px;
}

#footer a:hover{
	color:#f1f1f1;
}

/* vignettes page d'accueil */
.wp-post-image {
	margin: 0 10px 0 0;
	float: left;
	border: 2px #eee solid;
}

/* contenu */
li.list_idees_recues{
	list-style-type:square;
	font-size: 0.9em;
	font-weight:bold;
	color: #96C323;
	cursor:pointer;
	padding-bottom:10px;
}

div.reponse{
	padding-bottom:10px;
}