/*
Theme Name: wp-ecotheque
Site URL: http://ecotheque.org
Description: Créé pour un relookage d'ecotheque.org en février 2010.
Version: 1.0
Author: webolic
Author URI: http://www.webolic.com
Tags: vert, lumineux, 3 colonnes
*/

/* Body */
body {background:URL(img/bg-vert.jpg);text-align:justify; margin:0px; padding:0px;}
body, table, th, td {font-size:11px; font-family:Verdana,Georgia,Arial,Tahoma,sans-serif; letter-spacing:0.3px; line-height:16px; }
#wrap {color:#787878; margin:auto; padding:0px; width:980px; background:url(img/bg.png) repeat-y; min-height:1000px;}
h2 {font-size:18px; margin:0px; padding:0px; }
h4 {font-size:11px;  margin:0px; padding:0px;}
hr {color:#999999;}
img {background-color:transparent;}
p {margin:0px;}

/* Links */
a {color:#000000; font-weight:bold; text-decoration:none; border:0; outline:none; font-family:Verdana;}
a:hover {color:#3C9DC8; }
a img {border:0; outline:none;}

a.more-link  {
	font-weight:normal;
	color:#787878;
}

/* Header */
#header {width:980px; height:230px; margin:0 auto;  padding:0px; background:url(img/header.png);}

/* Main title */
#maintitle {width:650px; height:100px; padding-top:30px; text-align:left;}

/* RSS icon header */
#rssicon {width:115px; height:58px; float:right; padding-top:100px;}

/* Menu haut */
#mainmenu {width:952px; height:72px; margin:auto; color:#FFFFFF; line-height:72px;}
#mainmenu a img{ background:url(img/mainmenuBg.png); padding:0px; margin:0px; height:78px; }
#mainmenu a:hover img{ background:url(img/noBg.png);}

a.sous-titre {
	font-family:Trebuchet MS,Verdana;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
}

.anchors a {
	color:#999;
}

.anchors a:hover {
	color:#3C9DC8;
}

/* Menu rubriques */
@font-face {
  font-family: CenturyGothic;
  src: url(assets/font/GOTHIC.eot); /* IE */  
  src: local("Century Gothic"), url(assets/font/GOTHIC.ttf); /* non-IE */  
  font-weight: normal;
}

#leftmenu{background:url(img/menuBg.png) no-repeat; width:195px; height:485px; padding:8px 0px 10px 15px;  }
.leftmenu {height:24.3px; padding:14px 0px 0px 20px; }
#leftmenu a {color:#333; font-family:CenturyGothic, Trebuchet MS, Verdana; font-size:13px; cursor:pointer;}
#leftmenu a:hover {color:#FFF; }

.actuLeftMenu {
	color:#FFF;
}

/* Sidebars*/
#right {float:right; width:230px; padding-right:15px; padding-top:25px;}
#left {float:left; width:210px; padding-left:15px; padding-top:12px;}

/* Sidebar Left */
#left .box {width:210px; margin-bottom:30px;  }
#left .box .boxheader { background:url(img/box-header-left-bg.png) no-repeat; height:30px; padding:0px 20px 0px 30px; line-height:30px; color:#000000; font-size:15px;}
#left .box .boxmiddle {background:url(img/box-middle-left-bg.png) repeat-y ;}
#left .box .boxbottom { background:url(img/box-bottom-left-bg.png) no-repeat; height:10px; }
#left .box p, #left .box table, #left .box form { padding:10px 20px 10px 30px; margin:0px; }
#left .box .boxheader p {padding:10px 20px 10px 30px;  }



/* Sidebar Right */
#right .box {width:230px; margin-bottom:30px; }
#right .box .boxheader { background:url(img/box-header-right-bg.png) no-repeat; height:35px; padding:0px 30px 0px 20px; line-height:35px; color:#000000;  font-size:15px;}
#right .box .boxmiddle {background:url(img/box-middle-right-bg.png) repeat-y; padding:10px 30px 10px 20px; margin:0px; }
#right .box .boxbottom { background:url(img/box-bottom-right-bg.png) no-repeat; height:10px; }
#right .box p, #right .box table {}

.searchBox {width:350px;}
.searchTh { height:46px; background:url(img/thBg.png) repeat-x; width:100%; padding:0px; font-size:13px; font-weight:bold; }
.searchSubmit { height:100%;}


/* Content */
#content {line-height:16px; padding: 10px 255px 0px 235px; }
#content h2,#contentwide h2, #content h2 a,#contentwide h2 a{
font-size:18px; line-height:18px; font-weight:normal;
font-family:Trebuchet MS, Verdana; 
}
#content h2.rubrique-main-title, #content h2.page-title, #contentwide h2.page-title {font-size:22px; line-height:18px; font-weight:normal;
font-family:Trebuchet MS, Verdana; margin-bottom:30px;}
#content .rubrique-main-count, #content .search-result-count {float:right; font-weight:bold;}

#content h3,#contentwide h3 {font-size:16px; margin:0 0 8px;}

#content ul,#contentwide ul {margin:5px 0px 5px 30px; padding:0px;}
#content li,#contentwide li {padding:0px;}

#content img.product-img {margin-left:15px; border:1px solid #999999; padding:3px; background-color:#FFFFFF;}

#content .rubrique-title-bloc {min-height:70px; _height:70px; text-align:left; background:url(img/title-icon.png) no-repeat; padding:10px 0px 0px 80px;}
#content .focus-title-bloc {min-height:30px; _height:30px; text-align:left; text-align:left; background:url(img/focus-icon.png) no-repeat; padding:10px 0px 0px 50px;}

#content .rubrique-title-bloc h2 {text-transform:uppercase;}
#content .focus-title-bloc h2 {text-transform:uppercase;}

.cat-nav {
font-weight:bold; text-align:left; 
}

.cat-nav a {
font-size:10px; 
}

.rechAvanSelect {
	width:200px;
}

.medSpecSearchTable {
	padding-top:15px;
}

.medSpecSearchTable td {
	padding-bottom:10px;
}



#content .tt-media {min-height:50px; _height:50px; background:url(img/tt-media-icon.png) no-repeat; padding:20px 0px 0px 50px;}
#content .un-media {min-height:50px; _height:50px; background:url(img/1-media-icon.png) no-repeat; padding:20px 0px 0px 50px;}

#content .tt-media h2, #content .un-media h2, #content h2{
font-size:22px;
font-family:CenturyGothic, Trebuchet MS, Verdana; 
text-transform:uppercase;
}


.validation-button{
float:right; padding-bottom:20px; padding-right:10px; cursor:pointer;
}


/* Footer */
#footer {border-top:1px solid #999999; clear:both; color:#777; margin:0 auto; padding:10px 0; text-align:center; width:850px;}
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}

/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:16px; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:16px; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #336633; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}

/* Tags */
p,ul,ol {margin:0;}
blockquote {border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {color:#336633; font-size:0.9em; line-height:1.3em;}
label {font-size:10px; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}

/* Forms */
.media-select {width:200px; margin-top:10px; }
#amount {background-color:transparent;}
input.small, select.small {background-color:#ffffff; border:1px solid #cccccc; color:#333333; font-size:0.9em; margin:0px; padding:0px;}
select.small {width:100px;}
select.year {background-color:#ffffff; border:1px solid #cccccc; color:#333333; font-size:0.9em; margin:0px; padding:0px;}
.searchLabel {padding-right:10px; text-align:left;}
.sidebar-select {width:175px; margin:2px; padding:1px; font-size:12px; letter-spacing:0;}
.sidebar-input {width:140px; margin:2px; padding:1px;}
.inscrireInput {margin-left:50px;}
.errorClass {
	color: #F90;
}

.level-0 {font-weight:bold;}

/* Comments */ 
#comments {text-transform:uppercase; font-weight:normal; background:url(img/comment-icon.png) no-repeat; height:42px; padding:10px 0px 0px 50px;}
#respond h3, #related_posts h3 {text-transform:uppercase; font-weight:normal; background:url(img/comment-icon.png) no-repeat; height:42px; padding:10px 0px 0px 50px;}
#related_posts h3 {text-transform:uppercase; font-weight:normal; background:url(img/comment-num-icon.png) no-repeat; height:28px; padding:10px 0px 0px 50px;}
#related_posts {margin-bottom:30px;}
.sociable_tagline h3 {text-transform:uppercase; font-weight:normal; background:url(img/comment-icon.png) no-repeat; height:42px; padding:10px 0px 0px 50px; margin:0;}
#respond p {margin:5px 0px;}
#respond input, #respond textarea {line-height:12px; padding:2px;}
cite {font-style:normal; text-transform:uppercase;}
.comment-meta {font-weight:normal; font-size:10px; color:#666666; font-style:italic;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
#author,#email,#url,#comment {border:1px solid #cccccc; margin:0px; padding:4px;}
.commentlist {margin-left:35px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:10px;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 15px;}
.postinfo {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {float:left; background:url(img/bullet-prev.png) no-repeat; padding-left:15px; margin-bottom:20px; font-size:14px;}
.nextlink {float:right; background:url(img/bullet-next.png) no-repeat right; padding-right:15px; margin-bottom:20px; font-size:14px;}
.discret {font-weight:normal; font-size:10px; color:#666666; font-style:italic;}
.focus { border:solid 1px #CCC; padding:5px 15px 0px 15px; background:url(img/focus-bg.png) repeat-x #F5F5F5;}
.encadre { border:solid 1px #333; padding:10px; background:#EFEFEF; overflow:hidden; text-align:left; margin:10px 0px;}
.maj {text-transform:uppercase; font-weight:normal;}