/*
Theme Name: Nanoe
Theme URI: http://wordpress.org/
Description: The Nanoe WordPress.
Version: 1.0
Author: Louis de Lillers
Author URI: http://www.linkedin.com/in/louisdelillers
Tags: Nanoe, custom header, fixed width, three columns, bilingual

*/



/* HTML Tags */

html {overflow-y: scroll;}

body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

a, a:link { text-decoration: none;}

img {
	border:0px;}


/*Header*/

#logo {
	margin-top:8px;
	}

.slogan {
	background:url(img/interface/layout/head-deco.gif) no-repeat right bottom;
	}
	
.slogan h1 {
	font-size:12px;
	color:#808080;
	font-style:italic;
	font-weight:normal;
	padding-top:28px;
	}
	


/* Main Menu */

.menu1 {
	background: url(img/interface/layout/menu1-bg.gif) repeat-x;
	}

.menu1 ul {
	margin:0px;
	margin-top:2px;
	padding: 0;
	list-style-type:none;
	line-height:normal;
	text-align: left;
	}

.menu1 li {
	display:inline;
	}
	
.menu1 a, .menu1 a:link, .menu1 a:visited  { 
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:4px;
	padding-top:7px;
	padding-left:18px;
	padding-right:18px;
	margin:-2px;
	border-right: solid 1px #CCCCCC;
	}
	
.menu1 .current_page_item a, .menu1 .current_page_item a:link, .menu1 .current_page_item a:visited, .menu1 .current_page_ancestor a {
	background:#006699;	
	}

.menu1 .current_page_item a:hover, .menu1 .page_item a:hover, .menu1 .current_page_ancestor a:hover     {
	background:url(img/interface/layout/menu1-bg-margin.gif) no-repeat #0099CC;
	}
	
.nonactiveleft a, .nonactiveleft a:link, .nonactiveleft a:visited, .activeleft a, .activeleft a:link, .activeleft a:visited, .activeleft a:hover, .nonactiveleft a:hover  {
	background:url(img/interface/layout/menu1-bg-l.gif) no-repeat;
	}

.activeleft a, .activeleft a:link, .activeleft a:visited {
	background-position:0px -27px;
	}

.activeleft a:hover, .nonactiveleft a:hover {
	background-position:0px -54px;
	}
	
	
.lang {
	background:url(img/interface/layout/menu1-bg-r.gif) no-repeat right;	
	}
	
.lang ul {
	margin: 0;
	padding: 0;
	height:26px;
	list-style-type:none;
	line-height:normal;
	}
	
.lang li {
	display:inline;
	margin-right:5px;
	margin-top:10px;
	}
	
.lang a, .flag_en span, .flag_fr span {
	position:absolute;
	top:71px;
	height: 14px;
	margin-bottom: 6px;
	width:21px;
	padding:0px;
	text-indent: 1999px;
	overflow:hidden;
	}

.lang p	{
	display:none;
}


.flag_en a, .flag_en a:link, .flag_en a:visited, .flag_en span, .flag_en a:hover {
	margin-left:20px;
	background: url(img/interface/lang/en.gif) no-repeat;
	}

.flag_en a:hover {
	background-position:0px -15px;
}
	
.flag_fr a , .flag_fr span, .flag_fr a:hover  {
	margin-left:50px;
	background: url(img/interface/lang/fr.gif) no-repeat;
	}
	
.flag_fr a:hover {
	background-position:0px -15px;
}	

/* Footer */

.foot {
	font-size:10px;
	background:#E6E6E6 url(img/interface/layout/foot-bg.gif) repeat-x left top;
	}
	
.foot  ul{
	list-style-type:none;
	margin-top:-10px;
	margin-left:-40px;
	}

.foot li{
	display:inline;
	margin-top:-10px;
	padding:0px;
	margin-right:10px;
	}
	
.foot p, .foot a, .foot a:link, .foot a:visited{
	color:#999999;
	}

.foot a:hover{
	text-decoration:underline;
	}
	
div.foot2  {
	vertical-align:middle;
}
	
.foot2 p{
	margin-left:1px;
	margin-right:7px;
 	}

li.footer_hide { display: none; }