/*
Theme Name: ecologie.tv
Theme URI: http://www.ecologie.tv/
Description: Le thème du magazine ecologie.tv
Version: 2.0
Author: Sebastien Vallery
Author URI: http://www.sebcreation.com/
*/

*{margin:0;padding:0;outline:0;}
img{border:0;}
a{color:#849719}
a:hover{color:#55514d}
ul{list-style:none}

body{background:#f3f3f3;font-size:13px;font-family:arial,helvetica,sans-serif;}

#links{width:980px;margin:0 auto;padding:10px 0;text-align:right;color:#849719;font-size:11px;}
#page{width:980px;margin:0 auto;border:2px solid #ddd;position:relative;background:#fff}

#header{height:110px;}
#header #logo{margin:24px 0 0 16px}

#navigation{position:relative;}
#navigation #nav{height:27px;display:block;background:url(img/bg_nav.png) repeat-x #55514d top left;}
* html #navigation #nav li{float:left;}
*+html #navigation #nav li{float:left;}
#navigation #nav li a{float:left;padding:2px 8px 4px 8px;font-size:14px;color:#fff;text-decoration:none;background:#55514d;border-top:5px solid #474441;border-right:1px solid #474441;border-left:1px solid #474441;margin-right:-1px;}
#navigation #nav li.home a{padding:2px 8px 3px 8px;}
#navigation #nav li.active a{background:url(img/bg_item_nav.png) no-repeat bottom center #9db41e;border-top:5px solid #849719;border-right:1px solid #849719;border-left:1px solid #849719;}
#navigation #nav li a:hover{background:#9db41e;border-top:5px solid #849719;border-right:1px solid #849719;border-left:1px solid #849719;}
#navigation #nav li.active a:hover{background:url(img/bg_item_nav.png) no-repeat bottom center #9db41e;border-top:5px solid #849719;border-right:1px solid #849719;border-left:1px solid #849719;}
#navigation #subnav{height:29px;display:block;background:url(img/bg_nav2.png) repeat-x top left;padding-top:7px}
* html #navigation #subnav li{float:left;}
*+html #navigation #subnav li{float:left;}
#navigation #subnav li a{float:left;text-decoration:none;font-size:12px;padding:0 5px;color:#777}
#navigation #subnav li.active a{color:#849719}
#navigation .rss{position:absolute;right:6px;bottom:11px;}

#container{overflow:hidden;padding:15px 0;}
#container #content{float:left;border-right:1px solid #eee}

#home #container #content #news{border-right:1px solid #eee}
#the_category #container #content #news{border-right:1px solid #eee}

#container #content #news{width:448px;padding:0 10px;float:left;}
#container #content #news .item {margin-bottom:20px;}
#container #content #news .item .txt{overflow:hidden;}
#container #content #news .item h2{margin-bottom:8px;}
#container #content #news .item h2 a{text-decoration:none;font-size:16px;font-weight:bold;}
#container #content #news .item h2 a:hover{color:#849719;/*border-bottom:1px dotted #849719;*/}
#container #content #news .item .illustration{padding:3px;border:1px solid #ddd;float:left;margin-right:10px;}
#container #content #news .item p{color:#555;font-size:11px;}
#container #content #news .item .category{font-size:11px;font-weight:bold;color:#55514d}
#container #content #news .item .category a{color:#55514d;/*border-bottom:1px dotted #55514d;*/text-decoration:none}
#container #content #news .item .category a:hover{color:#849719;/*border-bottom:1px dotted #849719;*/}
#container #content #news .item .infos{font-size:11px;font-weight:bold;color:#777;text-align:right;margin:10px 0 15px 0}
#container #content #news .item .infos a{color:#777;text-decoration:none}
#container #content #news .item .infos a:hover{color:#849719}

#container #content #news .comments{margin-bottom:20px;}
#container #content #news .comments h3, #container #content #news .add-comment h3{text-transform:uppercase;font-size:14px;font-weight:bold;color:#55514d;margin:10px 0}
#container #content #news .comments .commentlist li{border:1px solid #ddd;margin:5px 0;padding:10px;}
#container #content #news .comments .commentlist li strong{color:#55514d;}
#container #content #news .comments .commentlist li strong a{color:#55514d;border-bottom:1px dotted #55514d;text-decoration:none}
#container #content #news .comments .commentlist li p{margin-top:7px;color:#555}
#container #content #news .comments .commentlist li p a{color:#555;border-bottom:1px dotted #555;text-decoration:none}
#container #content #news .add-comment form label{font-weight:bold;color:#55514d;}
#container #content #news .add-comment form input{border:1px solid #999;margin:5px 0 10px 0;width:300px;color:#555;padding:2px 3px;font-family:arial,helvetica,sans-serif;}
#container #content #news .add-comment form input#submit{border:0;margin:5px 0 10px 0;width:auto;padding:0;font-family:arial,helvetica,sans-serif;}
#container #content #news .add-comment form textarea{border:1px solid #999;margin:5px 0 10px 0;width:627px;max-width:627px;height:170px;color:#555;padding:2px 3px;font-family:arial,helvetica,sans-serif;}

#container #content #news .navigate{color:#849719;font-size:11px;font-weight:bold;margin-top:20px;}
#container #content #news .navigate span.next a{float:right}
#container #content #news .navigate a{color:#849719;border-bottom:1px dotted #849719;text-decoration:none}
#container #content #news .navigate a:hover{color:#55514d;border-bottom:1px dotted #55514d;}

#home #container #content #news .item h2{margin-bottom:8px;line-height:16px}
#home #container #content #news .item .category{margin-bottom:0px;}
#home #container #content #news .item .infos{font-size:11px;font-weight:bold;color:#888;text-align:right;margin:10px 0 15px 0;background:#fcfcfc;border:1px solid #eee;padding:3px 5px}
#home #container #content #news .item .infos a{color:#888;text-decoration:none}
#home #container #content #news .item .infos a:hover{color:#849719}

#the_category #container #content #news .item h2{margin-bottom:0px;line-height:16px}
#the_category #container #content #news .item .date{font-size:11px;font-weight:normal;color:#888;margin-bottom:8px;}
#the_category #container #content #news .item .date a{color:#55514d}
#the_category #container #content #news .item .infos{font-size:11px;font-weight:bold;color:#888;text-align:right;margin:10px 0 15px 0;background:#fcfcfc;border:1px solid #eee;padding:3px 5px}
#the_category #container #content #news .item .infos a{color:#888;text-decoration:none}
#the_category #container #content #news .item .infos a:hover{color:#849719}

#the_category #container #content #news.videos .item{overflow:hidden;position:relative;}
#the_category #container #content #news.videos .item .illustration{padding:2px;border:1px solid #ddd;float:left;margin-right:10px;}
#the_category #container #content #news.videos .item .date{font-weight:normal;font-size:10px;color:#999;margin-bottom:2px}
#the_category #container #content #news.videos h2{margin-bottom:0px;line-height:12px}
#the_category #container #content #news.videos h2 a{text-decoration:none;font-size:12px;font-weight:bold;}
#the_category #container #content #news.videos .play{position:absolute;top:17px;left:20px;}

#the_article #container #content #news{width:639px;padding:0 10px;float:left;}
#the_article #container #content #news .item h1{margin-bottom:4px;font-size:18px;line-height:18px;font-weight:bold;color:#849719}
#the_article #container #content #news .item h2{text-transform:none;font-size:14px;font-weight:bold;color:#849719}
#the_article #container #content #news .item p{color:#555;font-size:13px;margin-bottom:10px;}
#the_article #container #content #news .item .date{font-size:11px;font-weight:normal;color:#999;}
#the_article #container #content #news .item .date a{color:#55514d}
#the_article #container #content #news .item a{color:#444;border-bottom:1px dotted #444;text-decoration:none}
#the_article #container #content #news .item a:hover{color:#222;border-bottom:1px dotted #444;text-decoration:none}
#the_article #container #content .ads{float:left;margin:10px 10px 10px 0;}


#the_article #container #content #news .item.video h1{margin-bottom:10px;font-size:18px;line-height:18px;font-weight:bold;color:#555555}
#the_article #container #content #news .item.video .date{margin:0;font-size:11px;font-weight:normal;color:#849719;}
#the_article #container #content #news .item.video .myvideo-container{width:639px;height:349px;margin-bottom:15px;}
#the_article #container #content #news .item.video .socialize{width:639px;height:35px;margin-bottom:15px;background:url(./img/social-bg.png) top left no-repeat #FFFFFF;}
#the_article #container #content #news .item.video .socialize span{display:block;color:#7c7978;padding:9px 0 0 15px;}
#the_article #container #content #news .item.video .socialize span a{border:0;color:#7c7978;}
#the_article #container #content #news .item.video .socialize span a:hover{color:#849719}
#the_article #container #content #news .item.video .socialize span a img{margin:0 5px -3px;}

#the_page #container #content #news{width:639px;padding:0 10px;float:left;}
#the_page #container #content #news .item h1{margin-bottom:4px;text-transform:none;font-size:20px;font-weight:bold;color:#849719}
#the_page #container #content #news .item h2{text-transform:none;font-size:14px;font-weight:bold;color:#849719}
#the_page #container #content #news .item p{color:#555;font-size:13px;margin-bottom:10px;}
#the_page #container #content #news .item .date{font-size:11px;font-weight:bold;color:#55514d;}
#the_page #container #content #news .item .date a{color:#55514d}
#the_page #container #content #news .item a{color:#444;border-bottom:1px dotted #444;text-decoration:none}
#the_page #container #content #news .item a:hover{color:#222;border-bottom:1px dotted #444;text-decoration:none}
#the_page #container #content .ads{float:left;margin:10px 10px 10px 0;}

#container #content #column{width:160px;padding:0 15px;float:left;}
#container #content #column .item{margin-bottom:10px;}
#container #content #column ul.events li ul li a{color:#555;font-size:11px;text-decoration:none}
#container #content #column ul.events li ul li a:hover{border-bottom:1px dotted #555;}
#container #content #column ul h3{color:#f3f3f3;font-size:12px;background:url("./img/bg-title-column.png") no-repeat left top;padding:3px 0 7px 8px;}

#container #content #column #banner-160x600{width:160px;height:600px;}

#container #sidebar{width:300px;padding:0 10px;float:right;}
#container #sidebar .push{margin-bottom:15px;overflow:hidden;}
#container #sidebar .push h3{background:#474441;font-size:12px;padding-left:25px;height:15px;margin-bottom:10px;}
#container #sidebar .push h3 a{color:#474441;background:#fff;text-decoration:none;padding:0 5px;}
#container #sidebar .push h3 a:hover{color:#849719;}
*+html #container #sidebar .push ul.items li{float:left;}
* html #container #sidebar .push ul.items li{float:left;}
#container #sidebar .push ul.items li a img{float:left;margin:1px;}

#footer{width:960px;margin:15px auto;border-top:5px solid #eee;padding-top:15px;overflow:hidden}
#footer ul{float:left;margin-right:40px;max-width:330px;}
#footer ul li h4{color:#849719;margin-bottom:5px;font-size:13px;}
*+html #footer ul li h4{font-size:12px;}
#footer ul li ul{float:none;margin:0}
#footer ul li ul li a{color:#555;font-size:11px;text-decoration:none;}
#footer ul li ul li a:hover{border-bottom:1px dotted #555}

#bg-connexion{display:none;background:#000;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0.5;filter:Alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;}
#connexion{display:none;border:2px solid #ddd;background:#fff;width:300px;height:150px;position:absolute;top:50%;margin-top:-80px;left:50%;margin-left:-155px;padding:10px;}
#connexion #close{color:#55514d;text-decoration:none;float:right;font-size:11px;}
#connexion form{padding-top:15px;}
#connexion form label{font-weight:bold;font-size:11px;color:#55514d;}
#connexion form input{width:290px;margin-bottom:10px;padding:2px 3px;font-family:arial,helvetica,sans-serif;color:#555;font-size:14px}
#connexion form input#wp-submit{width:auto;margin:0;padding:0;position:absolute;bottom:10px;right:10px;}
#connexion form p.link{font-size:11px;}

#banner-728x90{width:728px;height:90px;position:absolute;top:10px;right:10px;}

#legal{width:980px;margin:0 auto;padding:10px 0;color:#888;font-size:11px;}
#legal a{color:#888;text-decoration:none;border-bottom:1px dotted #888}
#legal a:hover{color:#849719;border-bottom:1px dotted #849719}