/* LE 13E BUREAU
                                         
           77r         MMMMMMM;         
           MMM      .MM     MMMMM,      
          MMMM     iMM       MMMMMM     
         MMMMM    iMMMMM     MM@@MMM    
        MMM@MM    2MM@MMM.   MMM@@MM.   
 7MMMMMMMM@@MM    XM@@@MMM   7MM@@@M;   
      MM@@@@MM    2MM@@MMM   rMM@@@Mi   
       M@@@@MM    ;MMMMMM8   ;MM@@MM:   
       M@@@@MM     .MMMMr    ZMM@@MM.   
       M@@@@MM               MMM@MM0    
       M@@@@MM               MMMMMr     
       M@@@@MM             .0MM0,       
       M@@@@MM       SMMMMMMMMW         
       M@@@@MM               MMMMM;     
       M@@@@MM               MMMMMMM    
       M@@@@MM                MM@@MMM   
       M@@@@MM      .:        MM@@@MM,  
       M@@@@MM    ZMMMMM      MM@@@@M,  
       M@@@@MM   2MM@@MMW     MM@@@@MB. 
       M@@@@MM   MMM@@MMM     MM@@@@M8  
       M@@@@MM   MMM@@MMM     MM@@@@M.  
       M@@@@MM   WMM@MMM      MM@@@MM:  
       M@@@@MM    BMMMM       MM@@MMa   
       M@@@@MM    .MM0       MMMMMM@    
      XMMMMMMM      MM      2MMMMM      
  2MMMM@88880MMMMMZ  iMMMMMMMMMX        
                                        
  This stylesheet builds up The "Jean Favre" WordPress theme
  ----------------------------------------------------
  Theme Name: Jean Favre
  Author URI: http://13.tikimatic.com
  Description: The "jean Favre" WordPress theme: based on WP "default" theme - copyright (c) 2006 Jean Favre SA - meant to be used on jeanfavre.ch website only !
  Author: Le 13e Bureau
*/


/* Begin Typography, Colors & Background Images */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #002044;
	color: #252e6e;
	text-align: left;
	}

#page {
	text-align: left;
	background-color: #fff;
	}

#header {
	text-align: left;
	background: url(images/header.jpg);
	}

#content {
	font-size: 1.2em
	}

.narrowcolumn .entry, .narrowcolumn .entrytext {
	line-height: 1.4em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}
	
#leftbox {
	background: url(images/bg-left.jpg) no-repeat;
}

#rightbox {
	background: url(images/bg-right.jpg) no-repeat;
}

#newrefs {
	background-color: #f8fafa;
	text-align: left;
	color: #000;
	font-size: 1.1em;
	line-height: normal;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h2, h3 {
	font-weight: bold;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.2em;
	}

h2, h2 a, h3, h3 a {
	color: #004798;
	}

h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, cite {
	text-decoration: none;
	}
	
#newrefs h3 {
	padding: 0;
	margin: 0;
}

.entry p a:visited {
	color: #b85b5a;
	}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

h2 a:hover, h3 a:hover {
	color: #e72d20;
	text-decoration: none;
	}
	
a {
	color: #e72d20;
	text-decoration: none;
}

a:hover {
	color: #0057b7;
	}
	
#footer a {
	color: #0057b7;
	text-decoration: none;
}

#footer a:hover {
	color: #e72d20;
	}
/* End Typography, Colors & Background Images */



/* Begin Structure */
html { 
  padding:0;
  margin:0;
}

body {
	margin: 0;
	padding: 0; 
	text-align: center;
	}

#page {
	position: absolute;
	margin: -298px 0 0 -495px;
	padding: 0;
	top: 50%; 
 	left: 50%;
	width: 990px;
	height: 595px;
	}
	
#header {
	padding: 0;
	margin: 0;
	height: 113px;
	width: 100%;
	}
	
#header img{
	padding: 0;
	margin: 0 0 0 88px;
	height: 110px;
	width: 255px;
	}

.narrowcolumn {
	float: left;
	padding: 0;
	margin: 34px 0 0 0;
	width: 488px;
	overflow: auto;
	height: 421px;
	}

.single {
	padding: 0;
	margin: 0;
	width: 460px;
	}
	
#leftbox {
	width: 235px;
	padding: 0;
	float: left;
	height: 482px;
}

#rightbox {
	width: 267px;
	padding: 0;
	float: right;
	height: 482px;
}

#newrefs {
	width: 187px;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	margin: 11px 0 11px 0;
	padding: 0 4px 4px 6px;
	max-height: 340px;
	overflow: hidden;
	z-index: 2;	
}

.post {
	margin: 0 10px 0 4px;
	text-align: justify;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.postmetadata {
	clear: left;
}

#footer {
	padding: 3px 0 0 0;
	margin: 6px 0 0 0;
	float: left;
	text-align: center;
	width: 488px;
	border-top: 1px solid #bac9cf;
	}

#intraframe {
	width: 480px;
	height: 380px;
	border: 0;
	overflow: auto;
	margin-top: 1em;
}
/* End Structure */



/*	Begin Headers */
h1 {
	display: none;
	}

h2 {
	margin: 0;
	padding: 0;
	}

.post h2 {
	margin: 0 0 12px 0;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 0 0 0 0;
	}
	
#rightbox h3 {
	margin: 0 0 0 60px;
	font-size: 14px;
}

#newrefs h3 {
	font-size: 12px;
	padding: 4px 0 6px 0;
	margin: 0;
}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*class for positioning content images to the right*/	
.entrytext img, .entry img { 
	margin: 0 0 20px 24px !important;
	float: right;
	clear: both;
	}
	
#newrefs img { 
	margin: 0 0 0 6px !important;
	float: right;
	clear: both;
	}
/* End Images */



/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
	
input, textarea {
	color: #0057b7;
	background-color: #fff;
	border: 1px solid #0057b7;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border-color: #e72d20;
}

option {
	border: 0;
}

#log, #pwd {
	font-weight: bold;
	width: 112px;
	padding-left: 4px;
}

/* End Form Elements */



/* Begin left / right menus */
#nav, #nav ul, #r_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#r_nav ul {
	z-index: 3;
}

#nav a {
	display: block;
	width: 121px;
}

#r_nav a {
	display: block;
	width: 201px;
	z-index: 3;
}

#nav li {
	float: left; 
	width: 121px;
}

#r_nav li {
	float: left; 
	width: 201px;
	z-index: 3;
}

#nav li ul, #r_nav li ul {
	position: absolute;
	left: -999em;
}

#nav li ul {
	width: 121px;
}

#r_nav li ul {
	width: 201px;
	z-index: 3;
}

#nav li:hover ul, #r_nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul, #r_nav li:hover ul, #r_nav li.sfhover ul {
	left: auto;
}
	/* now positioning menus items */
	/*the right ones*/
#r_nav {
	padding: 0;
	margin: 6px 0 0 47px;
	list-style: none;
	z-index: 3;
}

.ref_elec {
	background: url(images/11_elec-tele.gif) top left no-repeat;
}

.ref_elec:hover, .ref_elec:focus {
	background: url(images/11_elec-tele-on.gif) top left no-repeat;
}

.ref_auto {
	background: url(images/11_automation.gif) top left no-repeat;
}

.ref_auto:hover, .ref_auto:focus {
	background: url(images/11_automation-on.gif) top left no-repeat;
}
	/*the left ones*/
.present {
	top: 9px;
	left: 25px;
	position: relative;
	background: url(images/1_presentation.gif) top left no-repeat;
	z-index: 9;
}

.present:hover, .present:focus {
	background: url(images/1_presentation-on.gif) top left no-repeat;
}

.electric {
	top: 32px;
	left: 52px;
	position: relative;
	background: url(images/1_electricite.gif) top left no-repeat;
	z-index: 8;
}

.electric:hover, electric:focus {
	background: url(images/1_electricite-on.gif) top left no-repeat;
}

.telecom {
	top: 55px;
	left: 74px;
	position: relative;
	background: url(images/1_telecom.gif) top left no-repeat;
	z-index: 7;
}

.telecom:hover, .telecom:focus {
	background: url(images/1_telecom-on.gif) top left no-repeat;
}

.automat {
	top: 78px;
	left: 91px;
	position: relative;
	background: url(images/1_automation.gif) top left no-repeat;
	z-index: 6;
}

.automat:hover, .automat:focus {
	background: url(images/1_automation-on.gif) top left no-repeat;
}

.asavoir {
	top: 102px;
	left: 97px;
	position: relative;
	background: url(images/1_bonasavoir.gif) top left no-repeat;
	z-index: 5;
}

.asavoir:hover, .asavoir:focus {
	background: url(images/1_bonasavoir-on.gif) top left no-repeat;
}

.jobz {
	top: 125px;
	left: 91px;
	position: relative;
	z-index: 4;
}

.liensdiv {
	top: 148px;
	left: 74px;
	position: relative;
	z-index: 3;
}

.access {
	top: 171px;
	left: 52px;
	position: relative;
	z-index: 2;
}

.contct {
	top: 194px;
	left: 25px;
	position: relative;
	z-index: 1;
}
	/* intranet menu items */
#rightbox .rightlink {
	background-color: #004798;
	line-height: 20px;
	text-align: center;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	list-style-type: none;
	margin: 0 0 11px 0;
	padding-left:0;
	width: 201px;
	font-size: 1.3em;
	letter-spacing: 1px;
}

.rightlink a {
	color: #fff;
}

.rightlink a:hover {
	color: #fff;
	font-weight: bold;
}

#rightbox .rightlink:hover, #rightbox  .rightlink:focus {
	background-color: #e72d20;
}

#rightbox #logoff {
	background-color: #e72d20;
}

#rightbox #logoff:hover, #rightbox #logoff:focus {
	background-color: #004798;
}

#rightbox #logoff a {
	font-weight: bold;
}
/* End left / right menus */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/