/*stamfli_main.css*/
/*****************/

* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
   line-height: 0.7em;
}

div {
	font-size: 0.9em;
}

img {
   border: 0;
}

/*****************
basic layout 
*****************/
body {
   background-color: #FFF;
   color: #333;
   margin-bottom:1em;

}

.showMsg{
	display:block;
	width:492px;
}


div#pagewrapper {

   margin: 0 auto;
   max-width: 80em; 
	width:1016px;
   background-color: #fff;
   color: black;
}



div#header {
	position:relative;
	background: #FFF url(../images/logo_stampfli.gif) no-repeat top left;
   height: 150px;
	width:1016px;
}

div#header h1 a {

   background: #385C72 url(images/cms/logo1.gif) no-repeat 0 12px; 
   display: block; 
   height: 80px;             
   text-indent: -999em;  
   text-decoration:none; 
}

div#search {
   float: right;
   width: 23em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}


div#main {
	margin:0;
  	background: url('../photos/p_stamfli_pneu_accueil.jpg') no-repeat top left;
	height:628px;
	width:1016px;
}

div#main_cat {
	margin:0;
	background: #fff url('../images/null_image.gif') no-repeat top left;
	height:628px;
	width:1016px;
}

.fdBlc{background:#fff url('../images/null_image.gif') no-repeat top left;}

div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 26%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #fff;
   background-color: #385C72; /* same bg color as in header */
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}


/********************
CONTENT BLOC STYLING : accueil deux colonnes
*********************/
.spacer{clear:both;}

/*colonne left*/
div.contentLeftColonne{
	float:left;
	width:396px;
}

div.contentLeftColonne ul li{
	list-style:none;
	text-decoration:none;
	line-height:1.4em;
   padding-bottom: 0.3em;
}

/*colonne right*/
div.contentRightColonne{
	float:right;
	width:492px;
	text-align: right;
}

div.bloc{
	/*margin-top:1px;*/
	border-top: #1E252D 1px solid;
	background-color:#fff;
	padding-left : 2.2em;
	padding-right : 2.2em;
	padding-bottom : 1em;
	
}

div.bio, div.publications{
	height:620px; 
	overflow-y:scroll;
	border-top: #1E252D 1px solid;
	background-color:#fff;
	padding-left : 2.2em;
	padding-right : 2.2em;
	padding-bottom : 1em;
}






/********************
CONTENT STYLING
*********************/
div#content {
	position:relative;
}

/* HEADINGS */
div#content h1 {
   font-size: 1.5em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
	padding-bottom:0.5em;
}
div#content h2 {

   color: #000; 
   font-size: 1.3em; 
   text-align: left; 
   padding:15px 0 15px 0;  
}
div#content h3 {
   color: #000; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0.5em 0 0.2em 0;
}
div#content h4 {
   color: #000; 
   font-size: 1em;
   line-height: 1.3em;
padding:10px 0 8px 0 ;
   /*margin: 0 0 0.25em 0;*/
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   /*margin: 0 0 .8em 0;  /* some air around p elements */
   line-height:1.4em;
   padding-bottom: 0.3em;
}

/*li{
	line-height:1.4em;
	padding-bottom: 0.3em;
}
*/

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}


/* END TEXT */
.invisible{display:none;}
.visible{display:block;}

.ul_nav_pap{
	position: absolute;
	left: 400px;
	top: 83px;
	display:block;
	padding-left:15px;
	height:2.2em;
}

.ul_nav_pap li select {
	margin-top:2px;
	
}
.ul_nav_pap li select option{
	width:25px;
	padding:0;
	margin:0;
}
.ul_nav_pap li
{
display:inline;
list-style:none;
font-size:0.8em;
color:#686868;
padding: 0.6em .6em .6em .6em;
margin:0;
}


/*VISIO*/

#visio{
	font-size: 10px;
	min-height: 600px;
	z-index:1000;
	position:absolute;
	left:0px;
	width:100%;
	background-color: white;
	padding:1px 0 0 0;

}
.ul_visio_header
{
position: absolute;
	left: 650px;
	top: 83px;
padding:4px 0 0 0;

}

.ul_visio_header li
{
display:inline;
list-style-type: none;
list-style:none;
padding:0 0.15em 0 0.15em;

}

/*.ul_visio_footer
{
	padding-left: 10px;
	margin-left: 10px;
}
*/

.ul_visio_footer li{
	/*padding-left: 10px;*/
	display:block;
	list-style:none;
	color:#000;
	font-size:12px;
	line-height:20px;
}

.ul_visio_footer li img{
float: left;
margin-right: 15px;
}


.ul_visio_footer li#titre
{
font-weight: bold;
display:block;
list-style:none;
color:#000;
font-size:13px;
line-height:20px;
}

.ul_visio_footer li#an
{
color: #747474;
display:block;
list-style:none;
font-size:12px;
line-height:20px;
}

.ul_visio_footer li#description
{
display:block;
list-style:none;
/*padding:0 0.15em 0 0.15em;*/
font-weight:bold;
}


.ul_visio_footer li#photographe {
	color: #c1c1c1;
	font-size: 10px;
}
.ul_nav_pap li img, 
.ul_visio_header li img
{	
vertical-align:middle;
}

.ul_visio_header li a{
text-decoration: none;
color:black;

}



.ul_visio_header li a img{
vertical-align:middle;
}

#bt_visio_header{
}


.ul_nav_pap a img, .dia_footer a img,  .dia_header a img{
text-decoration: none;
border:0;
}

#li_resultat, 
#li_resultat_bis, 
#pic_name, 
#kw_visio_footer
{
font-weight:bold;
font-size: 1em;
color: #686868;
padding-right:1em;
}	

#aide_bt_ferme{
position:absolute;
top:5px;
right:15px;

}

#bt_sui_visio{
/*right: 45px;
position: absolute;
display: block;
list-style-type: none;
top: 9px;*/

}

#bt_prec_visio{
/*right: 65px;
position: absolute;
display: block;
list-style-type: none;
top: 9px;
*/
}

.visio_body{text-align:left;}

.visio_body img{border-width: 1px; border-color: #999999; border-style: solid; text-align:left;}
#plate{list-style-type: none;}
.dia{float: left; margin:1px; padding:0px; /*height:230px;*/ width:196px; background-color : #fff;vertical-align:bottom;}
.dia li
{list-style-type: none; 
display:block; 
float:left; 
margin:1px; 
padding:0px; 
width:196px; 
background-color : #fff;
vertical-align:bottom;}

/*.dia_header {font-size:0.8em;height:10px;color:#686868;padding: 5px 5px 2px 5px}
.dia_header li{list-style-type: none; display:block; font-size:0.8em;height:10px;color:#686868;padding: 5px 5px 2px 5px}
.dia_body {min-height: 170px; padding-top:0px;}
.dia_body a{min-height: 170px;display:block; position: relative;}
.dia_body a img { display:block; position: absolute; bottom: 0px; text-decoration: none; border:0; margin:0; padding:0;}
*/
.dia_footer{padding: 6px 5px 2px 0px;
font-size:0.8em;
color:#686868;
height:40px;
text-align:left;
}
.dia_footer:hover{
padding: 6px 5px 2px 0px;
font-size:0.8em;
color:red;
height:40px;
text-align:left;
}

table#contactSheet{
border-spacing: 0px;
width:100%;
}

table#contactSheet tr{
width: 100%;
height: 240px;
vertical-align: bottom;
text-align: center;
}

table#contactSheet td{
min-width: 200px;
}



div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */