/*
 Theme Name: PassiveHouse
 Version: 1.0
 Description: Theme PassiveHouse Fair
 Author: 13pixels.be
 Author URI: http://www.13pixels.be 
 */

body {
    margin: 0px;
    padding: 0px;
    background-color: #ffffe9;
    background-image: url('images/back_rpt.png');
    background-repeat: repeat-x;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    height:1040px;
    width:100%;
}

/*CONTAINER -->placement de l'ensemble du site*/
#container {
    position: absolute;
    left: 50%;
    margin-left: -435px;
    width: 870px;
    height: 1040px;
    /*border:2px solid black;*/
    /*
     background-color:pink;
     */
    margin-top: 0px;
    padding-top: 0px;
}

/*HEAD -->Le haut du site avec le logo, les menus, le switcher de site et de langues*/
#head {
    position: relative;
    top: 0px;
    left: 0px;
    height: 150px;
    width: 840px;
    left: 50%;
    margin-left: -420px;
}

.passhouse {
    position: relative;
    left:65px;
    top: 20px;
    width: 700px;
    height: 167px;
    background-image: url('images/symposium_logo.png');
    background-repeat: repeat-x;
	display:block;
}

a.switcher{
	
	width:180px;
	height:116px;
	position:absolute;
	top:-45px;
	left:650px;
	}
	
/*a.switcher:hover{
	width:180px;
	height:116px;
	position:absolute;
	top:-30px;
	left:650px;
	}*/

#title{
    display:block;
    height:40px;
    width:700px;
    position: relative;
    left:65px;
    top: 40px;
    font-size:29px;
    font-weight:bold;
    color:white;
    margin:8px 0 0 0;
    padding:0px ; 
}

#lang {
    position: absolute;
    top: 85px;
    right: 20px;
    list-style-type: none;
    color:white;
	padding:0px;
	display:inline;
	background-color:transparent;
	width:auto;
	text-align:right;
}

#lang_sel_list {
  font-family:verdana, arial, sans-serif;
  height:32px;
  position:relative;
  width:120px;
  z-index:99;
  background-color:transparent;
  text-align:right;
}

#lang_sel_list ul {
  background-color:transparent;
  border-top:none;
  border-top-style:none;
  border-top-width:0px;
  height:0;
  left:0;
  top:19px;
  width:120px;
  text-align:right;

}


#lang_sel_list li{
	width:auto;	
	}

#lang_sel_list a, #lang_sel_list a:visited, #lang_sel_list ul a, #lang_sel_list_list ul a:visited {
  /*background-attachment:initial;*/
  /*background-clip:initial;*/
  background-color:transparent;
  background-image:none;
  background-origin:initial;
  /*background-position:initial initial;*/
  /*background-repeat:initial initial;*/
  color:#444444;
  font-size:11px;
  line-height:18px;
  padding:5px;
  text-decoration:none;
  display:block;
  border:none;
  font-size:8pt;
}

#lang_sel_list a.lang_sel_sel {
  background-image:none;
  color:white;
  font-size:11px;
  font-weight:bold;
  text-decoration:underline;
}

#lang_sel_list a:hover {
  background-image:none;

  font-size:11px;
  text-decoration:underline;
  background-color:white;
}

#menu-top_menu-container,#menu-top_menu_nl-container,#menu-top_menu_fr-container{
    padding-left:0px;
	display:inline;
}

#top_menu,#top_menu_fr,#top_menu_nl {
    position: relative;
    top: 15px;
	left:10px;
    font-size:10pt;
    font-weight:bold;
    font-variant:small-caps;
    z-index: 100;
}



#menu-top_menu li.current-page-ancestor,#menu-top_menu_fr li.current-page-ancestor,#menu-top_menu_nl li.current-page-ancestor{
/*	height:56px;
	background:url('images/sel_menu.png') no-repeat;*/
	background-position:top;
	display:inline;
	text-align:center;

}

#menu-top_menu li.current-page-ancestor a, #menu-top_menu_nl li.current-page-ancestor a, #menu-top_menu_fr li.current-page-ancestor a{
	color:white;
	font-size:13pt;
	text-decoration:none;
	position:relative;
	top:0px;
	text-align:center;

	}
	
#menu-top_menu li.menu-item, #menu-top_menu li a, #menu-top_menu_fr li.menu-item, #menu-top_menu_fr li a, #menu-top_menu_nl li.menu-item, #menu-top_menu_nl li a{
	display:inline;
	text-decoration:none;
	color:black;
	margin:10px;
	text-align:center;
	}
	
#menu-top_menu li.menu-item, #menu-top_menu li a:hover, #menu-top_menu_fr li.menu-item, #menu-top_menu_fr li a:hover, #menu-top_menu_nl li.menu-item, #menu-top_menu_nl li a:hover{
	display:inline;
	text-decoration:none;
	color:white;
	margin:10px;
	text-align:center;
	}

/*MAIN -->Le contenu du site dirig? directement via l'interface de wordpress */
#main {
    background-image: url('images/main_bg.png');
    background-repeat: no-repeat;
    height: 830px;
    position: absolute;
    width: 840px;
    left: 50%;
    margin-left: -420px;
    top:220px;
}

#sub_menu {
   
    width: 200px;
    height: auto;
    position: relative;
    left: 10px;
    top: 40px;
    text-align: right;
    color: white;
    font-size:12pt;
    font-weight:bold;
    border-right: 1px dotted white;
    padding:0;
	display:block;
}

#sub_menu h4{
    display:none;
}

.cms-nav-sidebar{
	width:190px;
	}

.cms-nav-sidebar li, .cms-nav-sidebar li a {
 
    padding:2px;
    color:white;
    text-decoration:none;
    font-size:8pt;
	margin:10px 0 5px 0;
	
    }
    
.cms-nav-sidebar li a:hover {
    margin:0px;
    padding:2px;
    color:#929E2B;
    text-decoration:none;
    background-color:white;
    font-size:8pt;
    font-weight:bold;
    }

.cms-nav-sidebar li.selected_page_side, .selected{
    background-color:#DFEE55;
    color:#25293C;
    font-size:11pt;
    font-weight:bold;
	display:inline;
}


#sub_menu ul{
    margin:0;
}

#sub_menu li {
    list-style-type: none;
	
}

/*widget banner*/
#primary{
	position:relative;
	top:146px;
	/*background-color:red;*/
	width:180px;
	height:410px;
	left:40px;
	}

#primary ul{
	list-style-type:none;
	}
	
#primary h3{
	display:none;
	}


#content {
    background-image: url('images/content_bg.png');
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 620px;
    height: 662px;
    left: 10px;
    top: 0px;
    overflow-y: auto;
	margin-left:200px;  
}

#content a{
	color:#212436;
	font-weight:bold;
	font-style:italic;
	}

#content ul{
background-color:#F3F3F4;
display:block;
list-style-type:square;
margin:15px 0 15px 0;
padding:5px 10px 5px 10px;
width:90%;
}

#content ul li{
background:url('images/list_bg.png') repeat-y ;
color:#25283B;
display:block;
margin:5px 2px 5px 0;
padding:5px 5px 5px 20px;
font-weight:bold;
}

#content ul li p{
	margin:0px;}

#content ul li a{
	display:inline-block;
	color:#22BB22;
	text-decoration:underline;
	font-weight:bolder;
	font-size:10pt;
	}
	
#content ul li a img{
	display:inline-block;
	color:#25283B;
	text-decoration:none;
	font-weight:bolder;
	border:none;
	padding:5px;
	}	

#content h1{
	color:#212436;
	font-size:16pt;
	background-color:#6DCFF6;
	display:inline-block;
	margin:0px;
	padding:3px;
	max-width:95%;
}

#content h2{
	color:#212436;
	font-size:14pt;
	background-color:#6DCFF6;
	display:inline-block;
	margin:0px;
	padding:3px;
	max-width:95%;
}

p.themas{
	background-color:#DFEE55;
	color:#24273A;
	display:block;
	width:160px;
	font-weight:bold;
	margin:5px;
	padding:2px 5px 5px 5px;
	text-align:right;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor:pointer;
	}

.speakers{
	margin-top:-25px;
	cursor:auto;
	}
	
.work{
	display:block;
	width:200px;
	position:relative;
	left:180px;
	margin:0 5px 3px 5px;
	padding:2px 5px 5px 5px;
	font-size:8pt;
	font-weight:bold;
	background-color:#DFEE55;
	color:#24273A;
		-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor:pointer;
	}	
	
.detail{
	position:absolute;
	left:395px;
	width:130px;
	margin:-20px 0px 0px 5px;
	padding:5px;	
	background-color:#24273A;
	color:white;
	font-size:8pt;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
	
#content .detail h1{
	font-size:11pt;
	}
	
#content .detail h2{
	font-size:10pt;
	color:white;
	}
	
#content .detail h3{
	font-size:9pt;
	}
	
#content .detail h4{
	font-size:8pt;
	color:white;
	}
	
#content .detail a{
	background-color:#DFEE55;
	font-size:8pt;
	color:#24273A;
	}


#content h3{
	color:#212436;
	font-size:12pt;
	background-color:#6DCFF6;
	display:inline-block;
	margin:0px;
	padding:3px;
	max-width:95%;
}

#content h4{
	color:white;
	font-size:12pt;
	background-color:#6DCFF6;
	display:inline-block;
	margin:0px;
	padding:3px;
	max-width:95%;
}

#block_content {
    overflow-y: auto;
    width: 90%;
    height: 90%;
    position: relative;
    top: 5%;
    left: 6%;
    font-size:10pt;
	margin-top: 10px;
}

.left_col{
    display:block;
    width:250px;
    font-size:8pt;
    float:left;
    margin-right:10px;
    padding:5px;
    background-color:#DFEE55;
}

.left_col h1{
    color:white;
    background-color:#2A2E42;
    padding:0 5px 3px 5px;
    font-size:1.5em;
    margin:3px 0 3px 0;
}

.left_col h2{
    color:white;
    background-color:#2A2E42;
    padding:0 5px 3px 5px;
    font-size:1.2em;
    margin:3px 0 3px 0;
}

.left_col h3{
    color:#2A2E42;
    background-color:#DFEE55;
    padding:0 5px 3px 5px;
    font-size:1.3em;
    margin:3px 0 3px 0;
}

.left_col h4{
    color:#2A2E42;
    background-color:#DFEE55;
    padding:0 5px 3px 5px;
    font-size:1.2em;
    margin:3px 0 3px 0;
}

.left_col a:link,.left_col a:visited{
    color:#2A2E42;
    font-size:1.05em;
    font-weight:bold;
    color:#2A2E42;
    background-color:#DFEE55;
    font-style:italic;
}

.left_col a:hover,.left_col a:active{
    color:#2A2E42;
    font-size:1.05em;
    font-weight:bold;
    color:#2A2E42;
    background-color:#DFEE55;
	font-style:normal;
}

.right_col{
    display:block;
    width:250px;
    font-size:8pt;
    float:left;
    padding:5px;
    background-color:#DFEE55;
}

.right_col h1{
    color:white;
    background-color:#2A2E42;
    padding:0 5px 3px 5px;
    font-size:1.5em;
    margin:3px 0 3px 0;
}

.right_col h2{
    color:white;
    background-color:#2A2E42;
    padding:0 5px 3px 5px;
    font-size:1.2em;
    margin:3px 0 3px 0;
}

.right_col h3{
    color:#2A2E42;
    background-color:#DFEE55;
    padding:0 5px 3px 5px;
    font-size:1.3em;
    margin:3px 0 3px 0;
}

.right_col h4{
    color:#2A2E42;
    background-color:#DFEE55;
    padding:0 5px 3px 5px;
    font-size:1.2em;
    margin:3px 0 3px 0;
}

.right_col a{
    color:#2A2E42;
    font-size:1.05em;
    font-weight:bold;
    color:#2A2E42;
    background-color:#DFEE55;
    font-style:italic;
}

/*FOOTER -->Le bas du site avec les logos des partenaires */
#footer {
	width:100%;
	position:relative;
	top:905px;
	background:url('images/footer.png') repeat-x;
	background-color: #2E2F3C;
}

#organised{
    position:relative;
    width:225px;
    height:120px;
    left:40px;
    float:left;
}

#sponsored{
    position:relative;
    float:left;
    width:600px;
    height:120px;
    /*left:250px;*/
    display:block;
}

#sponsored li{
    display:inline;
}

#footer h1{
    font-weight:bold;
    font-size:14pt;
    color:#b0aeb7;
}

#first{
	display:inline-block;
	width:250px;
	height:125px;
	margin:0 25px 0 0;
	padding:0;
	position:absolute;
	top:0px;
	left:0px;
	}

#first ul{
	list-style-type:none;
}

.widget-container ul{
	left:-50px;
	position:relative;
	}

.widget-container h3{
	font-size:11pt;
	color:#b0aeb7;
}

.widget-container ul li{
	display:inline;
	float:right;
}

.widget-container ul li a{
	border:none;
}

#first img{
	max-height:75px;
	max-width:90px;
	margin:0;
	padding:0;
	border:none;
	}
	
#second{
	display:inline-block;
	position:relative;
	top:0px;
	left:200px;
	}
	
#second ul{
	list-style-type:none;
}

#second h3{
	font-size:11pt;
	color:#b0aeb7;
}

#second ul li ul li{
	display:inline-block;
	float:left;
	margin-left:15px;
}
	
#second img{
	width:90px;
	border:none;}
	
#third{
	display:inline-block;
	position:relative;
	top:0px;
	left:150px;
	}
	
#third ul{
	list-style-type:none;
}

#third h3{
	font-size:11pt;
	color:#b0aeb7;
}

#third ul li ul li{
	display:inline-block;
	float:left;
	margin-left:15px;
}
	
#third img{
	width:90px;
	border:none;}	
	
#plante{
	background:url('images/green_touch.png') no-repeat;
	width:134px;
	height:118px;
	position:relative;
	top:-80px;
	left:70%;
	}	
	
#footer-widget-area{
	width:870px;
	position:relative;
	left:50%;
	margin-left:-435px;
	top:-40px;
	}	

/*COPRYRIGHT -->Le placement de la ligne de copyright*/
.copyright {
    text-align:center;
    position: relative;
    width: 840px;
    left: 50%;
    margin-left: -420px;
    font-size:10px;
    font-weight:bold;
    color:#C1D13B;
    height:20px;
}

.copyright a{
	color:#F30084;
	}