/*
Theme Name: Faites le plein d'avenir
Theme URI: http://www.faiteslepleindavenir.net/
Description: Faites le plein d'avenir
Version: 1.0
Author: Tribeca
Author URI: http://www.tribeca.fr/
Tags: fixed-width, white

	Faites le plein d'avenir v1.0
	http://www.tribeca.fr/

*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul { list-style:square}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}

body{ background:#fff url(hab/body.png) repeat-y top center; color:#808080;/*636B75*/ font-family:Arial,sans-serif; font-size:13px;}
a{ color:#00b0e6; cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:underline;}
input,textarea{ font-family:Arial,sans-serif; font-size:13px;}
input.submit{ cursor:pointer;}

.wrap{ margin:0 auto; position:relative; width:940px;}
.cl,.cr,.cb{ display:block; height:0;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}
.header{ background:#11bdea url(hab/header.png) no-repeat top left; height:153px; position:relative; width:940px;}
.logo{ height:110px; width:650px; float:left;}
.logo a{ display:block; height:110px; overflow:hidden; text-indent:-290486px; width:650px;}
.diesterh{height:110px; width:150px; float:right;}
.diesterh a{display:block; height:110px; overflow:hidden; text-indent:-290486px; width:150px;}
.nav{ bottom:0; left:30px; position:absolute;}
.nav li{ display:inline;}
.nav a{ background:url(hab/nav.png) no-repeat 0 10px; color:#00b0e6; float:left; font-size:16px; font-weight:bold; height:27px; line-height:27px; padding:10px 0 0 11px;}
.nav a .bkg{ background:url(hab/nav.png) no-repeat top right; float:left; height:27px; padding-right:10px;}
.nav .first a{ background-position:-1px 10px; padding-left:10px;}
.nav a:hover{ background-color:#fff; background-position:0 0; height:37px; line-height:37px; padding-top:0; text-decoration:none;}
.nav .first a:hover{ background-position:-1px 0; padding-left:10px;}

.nav2{ bottom:0; left:650px; position:absolute;}
.nav2 li{ display:inline;}
.nav2 a{ background:url(hab/nav.png) no-repeat 0 10px; color:#00b0e6; float:left; font-size:12px; font-weight:bold; height:20px; line-height:20px; padding:10px 0 0 11px;}
.nav2 a .bkg{ background:url(hab/nav.png) no-repeat top right; float:left; height:27px; padding-right:10px;}
.nav2 .first a{ background-position:-1px 10px; padding-left:10px;}
.nav2 a:hover{ background-color:#fff; background-position:0 0; height:30px; line-height:30px; padding-top:0; text-decoration:none;}
.nav2 .first a:hover{ background-position:-1px 0; padding-left:10px;}

.rss { background:url(hab/rss-24.png) no-repeat top right; bottom:3px; color:#fff; display:block; font-size:11px; height:24px; line-height:24px; padding-right:27px; position:absolute; right:32px;}
.twitter{ background:url(hab/twitter.png) no-repeat top right; bottom:3px; color:#fff; display:block; font-size:11px; height:24px; line-height:24px; padding-right:57px; position:absolute; right:62px;}
.facebook{ background:url(hab/facebook.png) no-repeat top right; bottom:3px; color:#fff; display:block; font-size:11px; height:24px; line-height:24px; padding-right:87px; position:absolute; right:92px;}
.main{ float:left; padding:30px 0 30px 30px; width:620px;}
.side{ float:left; margin:30px 0; width:260px;}
.footer{ background:url(hab/ds-bottom.png) repeat-x top left; clear:both; color:#0fa056; font-size:10px; padding:30px 20px 20px 100px;position:relative;text-align:left;}
.footer a{ color:#0fa056;}
.footer li{ display:inline;}
.footer .diester{ position:absolute; right:60px; top:30px;}
.footer .diester a{ background:url(hab/logo-diester.png) no-repeat top left; display:block; height:45px; position:absolute; right:-50px; text-indent:-290486px; top:-25px; width:40px;}
.carrousel{ background:url(hab/carrousel.png) no-repeat top left; height:280px; margin-bottom:20px; width:590px;}
.banner { height:170px; width:590px; }
.bloc iframe{display:none;}
#affiche_sidebar{margin-top:0px;}
.image_sidebar{margin-top:-3px;}
.left{float:left;}
#newsletter{width:257px; margin-bottom:2px;}
#newsletter ul li{list-style:none;}
#newsletter ul li h3{padding-left:4px; padding-top:5px; float:left; font-weight:bold;}
#newsletter ul li div{padding-right:4px; padding-top:0px; height:30px;}
#partenaire{padding-top:5px; padding-bottom:5px;}
#newsletter ul li input{border:1px #b1b1b1 solid;}
ul li#newsletter{border:1px #b1b1b1 solid;}
.fan_box .full_widget{background:none; border:medium none;}
.fan_box .connections{border-top:medium none;}
/* ----------------------------------------------------------------- */
/* Post */
.post{ position:relative;}
.post-title{ color:#222; font-size:24px; font-weight:bold; margin-bottom:5px;}
.post-title-calendrier{ color:#222; font-size:18px; font-weight:bold; margin-bottom:10px;}
.post-info{ 
/*background:#d3d3d3; */
border:1px #F0F0F0 solid;
color:#959595; float:left; font-size:11px; height:14px; margin-bottom:10px; padding:0 2px;}
.post-info a{ color:#959595;}
.post-author a{ color:#959595; font-weight:bold;}
.post-author-in a{ color:#222; font-weight:bold;}
.post-content{ clear:both; color:#808080; font-size:13px; line-height:18px; padding-top:15px;}
.post-content ul{list-style:square; margin-left:30px; margin-bottom:20px;}
.post-content .alignleft{ float:left; margin-right:10px;}
.post-content p{ margin-bottom:20px;}
.post-content h2{ border-bottom:1px solid #e1e1e1; font-size:20px; font-weight:bold; line-height:26px; margin:5px 0; padding-bottom:2px;}
.post-content h3{ font-size:16px; font-weight:bold; line-height:20px; padding-bottom:5px;}
.post-edit{ position:absolute; right:620px; top:2px;}
.post-edit a{ background:#00b0e6; color:#fff; font-weight:bold; padding:2px 5px;}
.post:hover .post-edit{ display:block;}
.post-comments a{ background:#00b0e6; color:#fff; padding:0 5px;}
.post-category{ background:no-repeat top left; float:left; height:26px; margin-right:5px; width:26px;}
.post-title .category-carrousel,
.post-title .category-a-la-une,
.post-title .category-se-deplacer,
.post-title .category-habiter,
.post-title .category-consommer,
.post-title .category-innover,
.post-title .category-s-informer{ display:none;}
.post-vote{ position:absolute; right:0; top:0;}
.post-vote .tickercontainer{ height:18px; line-height:18px; width:38px;}
.post-vote .tickertext .votelink{ height:16px; line-height:16px; width:38px;}



/* Mosa */
.mosa .post,
.mosa .page{ float:left; margin-bottom:30px; padding-right:10px; width:190px;}
.mosa .post-info{ margin-bottom:1px;}
.post-thumb{ border:1px solid #c5c5c5; clear:left; display:block; height:115px; overflow:hidden; position:relative; text-align:center; width:188px;}
.post-thumb a{ display:block; height:115px; overflow:hidden; width:188px;}
.post-thumb img{ position:relative; top:-50%;}
.post-thumb .post-title{ background:#2bc3b3 url(hab/dots.gif) no-repeat 170px 29px; bottom:0; color:#fff; display:block; font-size:14px; font-weight:bold; left:0; margin:0; max-height:32px; padding:2px 25px 2px 5px; position:absolute; text-align:left; width:160px;}
.post-thumb:hover .post-title{ background:#fff !important; color:#2bc3b3; text-decoration:none;}
.post-excerpt{ color:#808080; font-size:11px; height:24px; line-height:12px; margin-top:3px; overflow:hidden; position:relative;}
.post-more{ bottom:0; position:absolute; right:0;}

/* Bestof */
.bestof{ background:#e1e1e1; margin:-4px 10px 0 0; padding-top:10px;}
.bestof li{ padding-bottom:10px; list-style:none;}
.bestof .post-title{ font-size:11px; margin:0 10px;}
.bestof .post-title a{ background:#2bc3b3; color:#fff; font-weight:bold; padding:2px;}
.bestof .post-excerpt{ margin:3px 10px;}
.bestof .post-excerpt p{ display:inline;}
.bestof .post-more{ position:static;}
.bestof .post-info{ background:none; border-top:1px solid #c9c9c9; color:#909090; float:none; margin:0; padding:2px 10px;}
.bestof .post-info a{ color:#909090;}

/* Links */
.links {padding-bottom:10px;}
.links li{ background:#e1e1e1; margin:-4px 10px 0 0; padding:3px 0 2px 0; font-size:11px;}
.links li a{ color:#808080;}
.links li {list-style-type: none; padding-left:10px;}

/* commentaires recents */
.recom {padding-bottom:10px;}
.recom ul{ background:#e1e1e1; margin:-4px 10px 0 0;}
.recom ul li{padding:3px 0 4px 0; font-size:11px;}
.recom ul li a{ color:#808080; font-weight:bold;}
.recom ul li {list-style-type: none; padding-left:10px; border-bottom:1px solid #c9c9c9;}

/* File */
.file-back{ margin-bottom:10px;}
.file-content{ margin:0 30px 10px 0; text-align:center;}
.file-nav{ height:190px; margin-right:30px; position:relative;}
.file-prev,.file-next{ position:absolute; top:0;}
.file-prev{ left:0;}
.file-next{ right:0;}

/* Single */
.single .post{ border-bottom:1px solid #00b0e6; margin-bottom:15px; padding-bottom:30px; width:590px;}
.single .post-title{ line-height:26px; margin:10px 45px 5px 0;}
.single .post-info{ padding-right:0;}
.sociable{ display:none; height:16px;}
.sociable ul{ height:16px;}
.sociable li{ display:inline;}
.sociable_tagline,
.sociable ul a{ float:left; height:16px; margin-right:5px; width:16px;}
.sociable_tagline{ width:auto;}
.single .sociable{ display:block;}

/* Archive */
.archive-title{ border-bottom:1px solid #d3d3d3; color:#222; font-size:24px; font-weight:bold; line-height:26px; margin:0 30px 10px 0; padding-bottom:5px; position:relative;}
.archive-title .more{ font-size:12px; position:absolute; right:0;}

/* ----------------------------------------------------------------- */
/* Related */
.related-title{ font-size:13px; font-weight:bold; line-height:26px; margin:10px 30px 0 0;}
.related-list{ margin-right:30px; padding:0 0 5px 20px;}
.related-list li{ list-style-type:disc; margin-bottom:2px;}

/* Comments */
#comments{ font-size:24px; font-weight:bold; line-height:26px; margin-top:20px;}
.commentlist{ border-top:1px solid #00b0e6; margin:10px 30px 10px 0; list-style-type:none;}
.comment{ border-bottom:1px solid #00b0e6; font-size:13px; line-height:18px; min-height:24px; padding:20px 0 20px 0px; position:relative;}
.pingback{ border-bottom:1px solid #00b0e6; font-size:13px; line-height:18px; min-height:24px; padding:10px 0 10px 0px; position:relative;}
.comment-author{ /*left:0; padding-left:30px; position:absolute; top:10px; width:100px; overflow: hidden;*/}
.comment-author .avatar{ left:0; top:0; margin-right:10px;}
.comment-author .fn{ font-size:12px; font-weight:bold; line-height:12px;}
.comment-meta{ font-size:10px; left:30px;}
.comment-meta a{ color:#d3d3d3;}
.comment-edit-link{ display:none;}
.comment.odd{}
.says{ display:none;}

#respond{ background:#18a5d2 url(hab/respond.png) repeat-x top left; color:#fff; font-size:13px; line-height:18px; margin:30px 30px 10px 0; padding:20px 40px 15px;}
#respond a{ color:#fff; text-decoration:underline;}
#respond h3{ border-bottom:1px solid #fff; font-size:24px; font-weight:bold; line-height:26px; margin-bottom:10px; padding-bottom:7px;}
#comment{ border:none; padding:5px; width:500px;}
.respond-line{ clear:left; height:45px; padding-bottom:10px;}
.respond-line label{ display:block; font-size:13px; margin:1px 5px 0 0;}
.respond-line input.text{ background:#fff; border:none; padding:4px; width:217px;}
.respond-line p{ float:left; width:225px;}
.respond-line .respond-website{ margin-left:60px;}
.respond-submit{ height:30px; margin-top:15px;}
.respond-submit input{ background:#d3d3d3; border:none; color:#808080; cursor:pointer; float:right; font-size:14px; font-weight:bold; padding:5px;}

/* ----------------------------------------------------------------- */
/* Page */
.page{ position:relative; width:590px;}
.page:hover .post-edit{ display:block;}
/*.mosa .page{ display:none;}*/

/* Contact */
.contact label{ float:left; font-size:13px; margin:1px 5px 0 0; text-align:right; width:75px;}
.contact p{ clear:left; margin-bottom:0; padding-bottom:10px;}
.contact input{ font-size:13px; padding:2px;}
.contact textarea{ padding:5px; width:490px;}
.contact-submit{ margin-left:80px;}

/* Newsletter */
.inpage .bar{ background:#FFF; color:#333;}
.inpage .bar input{ position:relative;}
.inpage .bar input.wpsb_form_txt{ background:#fff; font-size:14px; width:300px; padding:4px; border:1px solid #00B0E6; }
.inpage .bar input.wpsb_form_btn {padding:5px;}
/* ----------------------------------------------------------------- */
/* Side */
.bar{ background:url(hab/bar.png) repeat-x top left; color:#fff; font-size:14px; font-weight:bold; height:32px; line-height:32px; padding:0 5px; position:relative;}
.bar label{ float:left; width:100px;}
.bar input{ border:none; position:absolute;}
.bar input.text{ background:#fff; font-size:11px; left:95px; padding:2px; top:6px; width:125px;}
.bar input.submit{ background:none; color:#fff; font-size:14px; font-weight:bold; right:5px; top:5px;}
.bar.search{ margin-bottom:10px;}
.bloc{ margin-bottom:10px;}
.bloc.last{ margin-bottom:0;}

.fbConnectWidgetTopmost{
	border-style:none;
}
.fbConnectWidgetFooter{
	display:none;
	visibility:hidden;
}
.name_block {
	color:#333333;
}

/* Energy */
.energy{ border:1px solid #c5c5c5; border-bottom:none; margin-bottom:10px;}
.energy li{ display:inline;}
.energy a{ background:#fff no-repeat top left; border-bottom:1px solid #c5c5c5; color:#9c9c9c; display:block; font-size:14px; font-weight:bold; height:26px; line-height:26px; padding-left:35px;}
.energy a:hover{ background-color:#959595; color:#fff; text-decoration:none;}
.energy .cat-item-7 a{ background-image:url(hab/energy-water.png);}
.energy .cat-item-10 a{ background-image:url(hab/energy-nature.png);}
.energy .cat-item-11 a{ background-image:url(hab/energy-wind.png);}
.energy .cat-item-12 a{ background-image:url(hab/energy-sun.png);}
.energy .cat-item-13 a{ background-image:url(hab/energy-ground.png);}
.energy .cat-item-24 a{ background-image:url(hab/energy-general.png);}

/* Authors */
.authors ul { list-style:none;}
.authors{ height:57px; overflow:hidden;}
.authors li{ float:left; height:57px; margin:0 4px 5px 0; width:55px; list-style:none;}
.authors li a img{ border:1px solid #FFF;}
.authors li a:hover img{ border:1px solid #2DC1EA;}

.bio { border-bottom:1px solid #D3D3D3; padding-bottom:20px; margin:20px 30px 20px 0;}
.bio img { float:left; margin:0 15px 10px 0;}
.bio .name {color:#444; font-size:18px; font-weight:bold;margin-bottom:5px;}

/* Edge */
.edge{ background:#f0f0f0; padding:10px 0 10px 10px;}
.edge-title{ font-size:11px; height:20px;}
.edge-title span{ background:#959595; color:#fff; font-weight:bold; padding:2px;}

/* Video */
.widget_video{ color:#fff; font-size:11px; position:relative; top:-4px; width:240px;}
.widget_video .widgettitle{ background:#4eb51f; display:block; float:none; font-weight:bold; left:0; padding:5px 5px 0; position:absolute; top:158px; width:230px;}
.video_widget_after_video{ background:#4eb51f url(hab/video.png) no-repeat bottom left;  margin-top:15px; padding:0 5px 5px;}

/* Elements */
.pagination{ clear:both; font-size:11px; height:20px; padding-right:30px; position:relative;}
.pagination span{ height:14px; padding:2px; overflow:hidden; width:280px;}
.pagination a{ line-height:15px;}
.pagination em{ font-style:normal;}
.pagination .prev{ float:right; text-align:right;}
.pagination .prev em{ float:right; margin-left:5px;}
.pagination .next{ float:left;}
.pagination .next em{ float:left; margin-right:5px;}

/* Lost */
.lost .title{ font-size:24px; font-weight:bold; line-height:25px; margin-bottom:10px;}
.lost ul{ margin-left:20px;}
.lost li{ list-style-type:disc;}

/* ----------------------------------------------------------------- */
/* Colors */
.category-et-plus-encore.archive-title{ background:url(hab/energy-general.png) no-repeat top left; padding-left:35px;}
.post-title .category-et-plus-encore{ background-image:url(hab/energy-general.png);}
.bestof .category-et-plus-encore .post-title a,
.mosa .category-et-plus-encore .post-title{ background-color:#2BC3B3;}
.mosa .category-et-plus-encore .post-thumb:hover .post-title,
.category-et-plus-encore .post-more{ color:#2BC3B3;}

.category-energie-solaire.archive-title{ background:url(hab/energy-sun.png) no-repeat top left; padding-left:35px;}
.post-title .category-energie-solaire{ background-image:url(hab/energy-sun.png);}
.bestof .category-energie-solaire .post-title a,
.mosa .category-energie-solaire .post-title{ background-color:#f7ba00;}
.mosa .category-energie-solaire .post-thumb:hover .post-title,
.category-energie-solaire .post-more{ color:#f7ba00;}

.category-energie-geothermique.archive-title{ background:url(hab/energy-ground.png) no-repeat top left; padding-left:35px;}
.post-title .category-energie-geothermique{ background-image:url(hab/energy-ground.png);}
.bestof .category-energie-geothermique .post-title a,
.mosa .category-energie-geothermique .post-title{ background-color:#e03000;}
.mosa .category-energie-geothermique .post-thumb:hover .post-title,
.category-energie-geothermique .post-more{ color:#e03000;}

.category-energie-eolienne.archive-title{ background:url(hab/energy-wind.png) no-repeat top left; padding-left:35px;}
.post-title .category-energie-eolienne{ background-image:url(hab/energy-wind.png);}
.bestof .category-energie-eolienne .post-title a,
.mosa .category-energie-eolienne .post-title{ background-color:#6fc7ff;}
.mosa .category-energie-eolienne .post-thumb:hover .post-title,
.category-energie-eolienne .post-more{ color:#6fc7ff;}

.category-biomasse.archive-title{ background:url(hab/energy-nature.png) no-repeat top left; padding-left:35px;}
.post-title .category-biomasse{ background-image:url(hab/energy-nature.png);}
.bestof .category-biomasse .post-title a,
.mosa .category-biomasse .post-title{ background-color:#4eb51f;}
.mosa .category-biomasse .post-thumb:hover .post-title,
.category-biomasse .post-more{ color:#4eb51f;}

.category-energie-hydraulique.archive-title{ background:url(hab/energy-water.png) no-repeat top left; padding-left:35px;}
.post-title .category-energie-hydraulique{ background-image:url(hab/energy-water.png);}
.bestof .category-energie-hydraulique .post-title a,
.mosa .category-energie-hydraulique .post-title{ background-color:#0084c8;}
.mosa .category-energie-hydraulique .post-thumb:hover .post-title,
.category-energie-hydraulique .post-more{ color:#0084c8;}
#highlight { background-color:#F0F0F0; border:1px solid #E1E1E1; padding:3px 3px 3px 6px; margin-bottom:15px;}
/* CONTRIBUTOR */

.sidebar_contributor {

	float: left;

	width: 230px;

	display: inline;

	color: #555555;

	margin: 0 0 15px 0px;

	padding: 5px 0;
	height: 80px;
}

.sidebar_contributor ul li a {

	float: left;
	text-align: center;
	text-decoration: none;
	color: #555555;
	font-weight: bold;
	padding: 0;

}
.sidebar_contributor ul li a img {
	border:2px solid #EBEBEB;
	

}
.sidebar_contributor ul li a:hover img{
	border:2px solid #919191;
	}
.sidebar_contributor ul {

	list-style-type: none;

	margin: 5px 0 0 3px;

	padding: 0;

}

.sidebar_contributor ul li strong {

	padding: 3px 0 0 0;

	display: block;

}

/* SLIDER */

.mask {

	width: 233px;
	overflow: hidden;
	height: 60px;

	/*margin: 0 20px 0 20px;*/

}



#box{

	width: 1000px;

}



#prev1 {


display:block; float:right;
 /* margin: 35px 0 0 0px !important;*/

  padding: 0 0 0 0 !important;

  cursor: pointer;

}



#next1 {

display:block; float:right;

  padding: 0 0 0 0 !important;

  cursor: pointer;

}

#fleche{
width:230px;
}



/* COLLECTION */

.sidebar_collection {

	float: left;

	width: 299px;

	display: inline;

	color: #FFF;

	margin: 0 0 10px 0;

	padding: 0;

}

.sidebar_collection ul {

	list-style-type: none;

	margin: 0 0 3px 5px;

	padding: 0;

}

/* contrib */
.contrib{ background:#f0f0f0; padding:10px 0 10px 10px;}
.contrib-title{ font-size:11px; height:20px; display:block; float:left; margin-left:-3px;}
.contrib-title span{ background:#959595; color:#fff; font-weight:bold; padding:2px;}


/*calendrier*/
#calendrier {  }
.mois { padding:10px 10px 10px 10px; background-color:#f0f0f0; color:#959595; font-weight:bold; font-size:24px; width:568px; margin-bottom:20px; }
.date  { padding:10px 10px 10px 10px; background-color:#f0f0f0; width:568px; border:1px solid #959595; border-bottom:none; }
.evenement { padding:10px 10px 10px 10px; background-color:#f0f0f0; width:568px; border:1px solid #959595; border-bottom:none; }
.lieu { padding:10px 10px 10px 10px; background-color:#f0f0f0; width:568px; border:1px solid #959595; margin-bottom:20px;}
.title  { border-bottom:1px solid #D3D3D3; color:#222222; font-size:24px; font-weight:bold; line-height:26px; margin:0 30px 10px 0; padding-bottom:5px; position:relative;}