/* @override http://www.liguesdelasante.ch/ls_2010/wp-content/themes/LS_2010/style.css */
/*
Theme Name: Ligues de la santé 2010
Theme URI: http://www.liguesdelasante.ch
Description: Vive la santé
Author: DC
Author URI: --
Template: twentyten
Version: 0.1
*/
 
@import url("../twentyten/style.css");
@import url("../LS_2010/tabs/jquery-ui-1.8.2.custom.css");
*{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

body{
	background-color: #dcdcdc;
}

#header{
	margin: 0;
	padding: 0;
	background: url(img/header.jpg) no-repeat 0 -360px;
}
/* FEATURED__________________ */
#featured .ui-widget-content {
	border: none;
  	background: none;
 }


#featured {
	width: 780px;
	height: 250px;
	float: left;
	margin: 0 0 50px 0;

}
#featured .ui-tabs-panel{  
    width:550px; height:260px;  
    position:relative;  
    overflow:hidden;
	background: url(img/feat_cont_fd.png) no-repeat;
}  
#featured ul.ui-tabs-nav{  
    position:absolute;  
    left:545px;  
    list-style:none;  
    padding:0; margin:0;  
    width:255px;
    z-index: 3;  
    background: none;
    border: none;
}  
#featured ul.ui-tabs-nav li{  
 	margin: 0 0 0px 0;  
    height: 65px;	
}  

#featured li.ui-tabs-nav-item {
	 height:60px;
	background: url(img/feat_not_current.png) no-repeat;
}

#featured li.ui-state-default.ui-corner-top {
	float: none;
	border:none;
	background: url(img/feat_not_current.png) no-repeat;
}
 
 #featured li.ui-state-default.ui-corner-top.ui-state-active {
	background: url(img/feat_current.png) no-repeat;
}

#featured ul li a{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f6a800;
	display: block;
	cursor: pointer;
	width: 200px;
	padding: 20px 20px 20px 40px;
	
}
 
#featured ul li a:hover{
	color: #c6c7c8;	
}

#featured li.ui-state-default.ui-corner-top.ui-state-active a:hover{
	color: #c6c7c8;	
}  


#featured .tab_cont{
	margin: 5px 0 0 0;
	width: 500px;
}
#featured .tab_cont h2 {
	font-size: 20px;
	color: #f6a800;
	text-transform: uppercase;
	font-weight: bold;	
}

#featured .tab_cont p{
	margin:0 0 10px 0;
}

#featured .entry-meta {
	font-size: 9px;
	position:absolute;
	bottom: 43px;
}

a.more-link{
	display: block;
	width: 140px;
	height: 20px;
	background: url(img/plus.png) no-repeat;
	color: white;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 0 5px;	
	
}
a.more-link:visited{
	
}


.ui-tabs-hide{
	display: none;
}


/* NAV TOP_________________________ */

#top_nav_2{
	overflow: hidden;
	width: 620px;
	margin: 0 0 0 50px;
}
#top_nav_2 ul {
	
}
#top_nav_2 ul li{
	background:white;
	float: left;
	margin: 0 20px 0 0;
	padding: 3px;
}

#top_nav_2 ul li a{
	background: white;
	padding: 2px 14px 5px 10px;	
	font-size: 10px;
	color: #f6a800;
}




/* _________________________ */



#wrapper {
	margin: 0 auto;
	width: 1060px;
	padding: 0;
	background-color: #fff;
	
}



#main {
	border-top: 3px solid #f6a800;
	width: 960px;
	overflow: hidden;
	padding: 0;
	margin:  0 auto 40px auto;
	min-height: 800px;
}
#content {
	width: 700px;
	margin: 0px 220px 0 10px;
	overflow: hidden;
	
}

.page-template-home-php #content {
	width: 720px;
}
#container{
		padding: 0;
		margin: 30px -240px 0 0;
}


/* SIDE------------------------------------- */
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 100%;
}



#side_right,
.side_info
{
	float: right;
	text-align: right;
	margin: 0px 0 0 0;
	width: 220px;
	background: url(img/side_2_nav_bg.png);
	}

#side_right .widget-container {
	padding: 0 25px;
}

#side_2_bot{
	background: white url(img/side_2_nav_bg-bot.png) 0 -14px;
	height: 20px;
	
	}
	
#side_2_bot_il {
	background: white url(img/side_2_nav_bg-bot.png) 0 0px;
	height: 40px;
	
	}	
	
	
#side_2_bot_il a {
	margin: 20px;
	text-align: center;
}	
	
#side_2_top{
	background: white url(img/side_2_nav_bg-top.png);
	height: 30px;
	
	}

#side_right  ul{
	list-style: none;
	margin:0;
	padding: 0;
}
#main .widget-area ul{
	margin:0;
	padding: 0;
}


#side_right .menu li {
	margin: 0 0 12px 0;
	
}
#side_right ul.menu {
	margin: 20px 0 12px 0;
	
}
#side_right .menu li a{
	font-size: 11px;
	text-transform: uppercase;
	color: gray;
	
}
#side_right .menu a:hover
 {
	text-decoration: none;
	color: white;	
}
#side_right .menu li.current-menu-item a{
		color: #f6a800;

}




#side_right .widget_text{
	text-align: left;
}
#side_right h3{
	margin: 0 0  10px 0;
	}
#side_right .widget_tag_cloud a{
	color:white;
}	
#side_right .widget_tag_cloud a:hover{
	color: #f6a800;
	text-decoration: none;
}	
	

/* HEADER NAV------------------------------------- */
#masthead{
	position: relative;
	height: 100%;
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	min-height: 220px;
}

#header_title{
	height: 90px;
	
	background: url(img/LS_logo.png) no-repeat;
}



ul.menu{
	list-style: none;
	
}

ul.menu li{
	white-space: nowrap;
}

ul.menu a {
	text-decoration: none;	
}

#top_nav_1 {
	width: 140px;
	text-align: right;
	right: 10px;
	bottom: 0;
	margin: 0 10px 0 0;
	position: absolute;
	}
#menu-menu-2 li{
	margin: 0 0 7px 0;
}	
#menu-menu-2 a {
	background: white;
	padding: 2px 10px 5px 10px;	
	font-size: 10px;
	color: #f6a800;
	
}	

#menu-menu-2 a:hover,
#menu-menu-2.menu li.current-menu-item a {
	color: #584e3f;
	
}

#main .widget-area ul ul.side_cont li{
	margin: 0 9px 0 11px;
	
}


#main .widget-area ul ul {
	border: none;
	margin-left: 0;
	padding: 20px 0 1px 0;
	margin:0;
}

.widget-container {
	margin: 0 0 0px 0;
}



/* Typo general----------------------- */

.entry-content {
	margin: 0;
	padding: 0;
}
#content h2 {
	color:#f6a800;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color:#f6a800;
	border-bottom: 1px dotted #f6a800;
}

#content h2.entry-title {
	color:#f6a800;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color:#f6a800;
	border-bottom: 1px dotted #f6a800;
}
#content h3 {
	color: #919688;
	line-height: 20px;
	font-size: 14px;
	margin: 0 0 8px 0;
}
#content h4 {
	color: gray;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0 5px 0;
}

.hentry {
	margin: 0 0 30px 0;
}

#content .entry-title {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	line-height: 14px;
}




#content h2 a{
	font-weight: bold;
	color:#f6a800 ;
	
}
#content h2 a:hover {
	color:#gray ;
}

a:link {
	color: #f6a800;
	text-decoration: none;
	font-weight: light;
}

a:visited {
	color: #f6a800;
	text-decoration: none;
	font-weight: light;
}

a:hover {
	color: gray;
}


#content .gallery img.attachment-thumbnail{
	
	}


#content p{
	color: #584e3f;
	font-size: 12px;
	margin: 0 0 10px 0;
	line-height: 22px;
	font-weight: light;
	
}

#content ul{
	color: #584e3f;
	font-size: 12px;
	list-style-type: circle;
	font-weight: light;
	
}

#content li{
	line-height: 18px;
	margin:0 0 8px 0
}


#content ol{
	color: #584e3f;
	font-size: 12px;
	font-weight: light;
	letter-spacing: 0.1em;
}


#content .post img {
	margin: 10px 0 10px 0;
	height: auto;
	
	width: auto;
}


/* POSTS 8 1 3--------------- */
#content .main-8col {
	width: 620px;
	float: left;
	margin: 0px 0 0px 0px;
}
#content .post-cdp h2 {
	font-size: 16px;
	margin:0;
}
.media_time {
	font-size: 10px;
	
}


/* POSTS 2 6 1 3--------------- */



.side-right-2col {
	width: 140px;
	float: left;
	margin: 0px 20px 0px 0px;
}
.side-right-2col .thumbs {	
	
	overflow: hidden;
}
#content .side-right-2col .thumbs img {	
	
	width: 140px;
}


#content .main-6col
 {
	width: 460px;
	float: left;
	margin: 0px 0 50px 0px;
	min-height: 250px;
}

#content .main-6col.infoligues
 {
	width: 460px;
	float: left;
	margin: 30px 0 120px 0px;
}

/* POSTS 6 3 3--------------- */

.side-left-3col{
	width: 220px;
	float: left;
	margin:0 0 0 20px;
}



#content .side-left-3col h2.entry-title a{
	line-height: 8px;
	color:#f6a800;
	font-size: 12px;
	padding: 0 0 5px 0;
}


#content .side-left-3col h3{
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0 5px 0;
	
}

#content .side-left-3col h4{
	font-size: 11px;
	color: #919688;
	margin: 0 0 10px 0;

	
}

#content .side-left-3col p{
	font-size: 11px;
	line-height: 13px;
	
}
#content .entry-meta {
	font-size: 9px;
}

.side-left-3col .post{
	padding: 10px 10px 3px 10px;
	margin: 0 0 35px 0;
	border: 5px solid #f2f2f2;
}
.side-left-3col img{
	padding: 0 25px 0 25px;
}



/* POSTS BALADE--------------- */


/* My Comment */

/* HOME------------------ */

#post_home_2_col{
	float: left;
	width: 448px;
	border: 4px solid  #f6a800;	
	margin: 0 20px 0 0;
	height: 220px;
}
#post_home_2_col .thumbs {
	float: left;
	margin: 20px;
}

#post_home_2_col .post {
	width: 220px;
	float: left;
	margin: 20px;	
}
#content #post_home_2_col h2 {
	font-size: 16px;
	margin: 0 0 10px 0;
}
#content #post_home_2_col p {
	font-size: 12px;
}


#post_home { 
	width: 210px;
	height: 220px;
	float: left;
	margin: 0 20px 30px 0;
	text-align: center;
	border: 4px solid #dcdcdc;
}
#post_home .post{
	padding: 0 5px;
}

#post_home .thumbs{
	width: 210px;
	position: relative;
	margin: 0px 0 0 0;
}


#content #post_home h2.entry-title  {
	line-height: 14px;
}

#post_home h2.entry-title a{
	font-size:14px;
	margin:0;
	padding: 0;
	
}
	
#post_home .entry-meta{
	font-size:9px;
	color: silver;
}


/* SEARCH ------------------ */

#searchform{
	padding: 0px 20px 0 20px;
	position: relative;
	text-align: left;
	border-bottom: 1px dotted white;
	}

#searchform input#s {
	border: none;
	margin: 0;
	padding: 0;
	width: 130px;
	height: 20px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	
}
#searchform input#searchsubmit {
	width: 20px;
	height: 20px;
	margin: 10px 10px 10px 10px;
	background: url(img/search.png) no-repeat;
	border:none;
	}


.widget_search {

}
 
.widget_search #s {
	

}

#content .main-8col.search_res h2.entry-title a:hover {
	color: gray;
}


#content .main-8col.search_res {
	margin: 0 0 30px 0;
}




#content .main-8col.search_res {
	
	margin: 0 0 40px 0;
}

.entry-summary {
	clear: both;
	padding: 0px 0 0 0;
}

/* infoligues__________ */

.side-info ul a {
		
}


#main .widget-area .side-info-cont{
	margin: 15px 25px 0 25px  ;
	padding: 20px 0 0px 0;
}

#main .widget-area .side-info-cont h2{
color: white;	
}

#main .widget-area .side-info-cont ul li{
margin: 0 0 10px 0;
border-bottom:1px white dotted ;
}


#main .widget-area .side-info-cont a{
color: gray;
font-size: 14px;
	
}
#main .widget-area .side-info-cont p a{
color:#f6a800;
font-size: 11px;
background: white;
padding: 2px;
	
}

#main .widget-area .side-info-cont p a:hover{
color: gray;

text-decoration: none;}


#content .main-8col.infoligues{
	width: 640px;
	overflow: hidden;
	float: none;
}

#content .cover-infoligues h2.entry-title {
	font-size: 12px;
	font-weight: normal;
}

.cover-infoligues .thumbs {
	
}


.cover-infoligues  {
	width: 140px;
	float: left;
	margin: 0 17px 30px 0;
		
}


/* tooltip styling */
.tooltip {
	display: none;
		width:220px;
	font-size:11px;
	color:#fff;
	z-index:100;
	
}
.tooltip .tooltip-top{
	background: url(img/tool_top.png);
	height:30px;
}
.tooltip .tooltip-bot{
	background: url(img/tool_bot.png);
	height:30px;
}
.tooltip .tooltip-fd{
background: url(img/tool_fd.png) repeat-y;
	padding: 0px 20px 2px 20px ;
}

#content .tooltip ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
#content .tooltip ul li {
	line-height: 12px;
	margin: 0 0 10px 0;
} 

/* a .label element inside tooltip */

#content .tooltip h2 {
	margin: 0;
	padding: 0;
	
}

#content .tooltip p {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 25px 0;
	padding: 0;
	
}

#content .tooltip a {
	display: block;
	color: #584e3f;
	font-size:11px;
}

#content .tooltip a:hover {
	color: white;
	
	}







/* page_nav----------------- */

#pagination{
	height:30px;
	margin: 0 0 20px 0;
}

/* FOOTER----------------- */


#colophon{
	border-top: 3px solid #f6a800;
	background: #e0e0e0;
	padding: 25px;
}

/* POLL----------------- */

.wp-polls{
	background: white;
	padding: 5px;

}

.wp-polls p strong{
	text-align: left;


	}

#hon img{
	margin: 0 20px 0 0;
}