﻿@charset "utf-8";
a {
color: #437237;
}
a:hover {
color: #633B18;
}
#b_decouv, #b_savoir {float: right;}
#b_decouv a {
background: transparent url(../img/b-presta.png) left top no-repeat;
display: block;
height: 24px;
margin-right: 10px;
text-indent: -999999px;
width: 175px;
}
#b_decouv a:hover {background-position: bottom;}
#b_savoir a {
background: transparent url(../img/b-savoir.png) left top no-repeat;
display: block;
height: 24px;
margin-right: 10px;
text-indent: -999999px;
width: 110px;
}
#b_savoir a:hover {background-position: bottom;}
acronym {
color: #437237;
cursor: help;
font-weight: bold;
}
.bloc {
	background: transparent;
	float: left;
	margin-top: 40px;
	width: 315px;
	}

.bloc li {margin-bottom: 5px;}
#contenu .bloc p {margin: 0 0 10px 0;}
.blocBody {margin-bottom: 15px;}
.blocBody div {
	background: transparent url(../img/parchemin_body.png) left top no-repeat;
	min-height: 220px;
	margin: 0;
	padding: 20px 20px 5px 20px;
	}
.blocBody ul {
	margin: 0 0 5px 0;
	padding: 0 10px 0 15px;
	}
.blocBody li span {color: #000;}
body {
background: #FFF url(../img/bg_body.gif) center center repeat;
font: 80% Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
}
body#pageAccueil h1 {
background: none;
border: none;
height: 0;
margin: 0;
padding: 0;
}
body#pageAnalyse strong, body#pageParticulier strong {color:#F60;}
body#pageAnalyse table strong {color:#000;}
#pageAccueil #contenu {padding: 0 0 0 5px;}
#contenu {
margin: 0 0 0 350px;
min-height: 398px;
padding: 0 0 30px 5px;
}
#contenu p {
margin: 10px 20px 10px 20px;
text-align: justify;
}
#contenu p.center {
text-align: center;
}
#contenu p.hdp {
margin: 5px;
padding: 0;
text-align: right;
}
#flash {
float: left;
margin: 0;
padding: 0;
width: 347px;
}
#flash.flash2 {width: 315px;}
#flash.flash2 img {display: block;}
#footer {
background: transparent url(../img/footer.png) left bottom no-repeat;
bottom: -1px;
clear: both;
height: 23px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
width: 990px;
behavior: url(http://www.laboratoire-teyssier.com/Scripts/png-opacity.htc);
}
html>body #footer {
background: transparent url(../img/footer.png) left bottom no-repeat;
bottom: 0;
clear: both;
height: 23px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
width: 990px;
behavior: url(http://www.laboratoire-teyssier.com/Scripts/png-opacity.htc);
}
#footer img {
margin: 0;
padding: 0;
}
#footer p span {
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
/********** Formulaire de Contact **********/
#formulaireContact {
font: normal normal 1em Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
width: auto;
}
#formulaireContact p {
font-size: 0.8em;
margin: 1em auto;
padding: 0;
width: auto;
}
#formulaireContact table caption {
background: transparent;
font: normal normal 1em Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
}
#formulaireContact table {
	border: none;
/*border: 1px solid #D9E77A;*/
border-collapse: separate;
font-size: 0.9em;
margin: 5px auto;
padding: 5px;
width: 280px;
}
#formulaireContact table th {
background-color: #BEDD82;
border: none;
font-size: 1em;
font-weight: normal;
padding: 4px;
text-align: left;
width: 100px;
}
#formulaireContact table td.center {
margin: 0;
padding: 0;
text-align: center;
}
#formulaireContact table td {
background-color: #D1F78A;
border: none;
font: normal normal 0.9em Verdana, Arial, Helvetica, sans-serif;
padding: 4px;
text-align: left;
}
#formulaireContact table th.obligatoire {
color: #CC3300;
font-weight: bold;
}
#formulaireContact #fieldsetLeft {
float: left;
margin: 0;
padding: 0;
}
#formulaireContact #fieldsetRight {
margin: 0 0 0 310px;
padding: 0;
}
#formulaireContact fieldset {
	border: none;
border-top: 1px solid #A2C75E;
background-color: transparent;
height: 385px;
padding: 2px;
width: 300px;
}
#formulaireContact fieldset legend {
color: #603812;
font: normal bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#formulaireContact input {
width: auto;
}
#global {
background: #FFF url(../img/bg_page.jpg) left 125px repeat-x;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
min-height: 586px;
margin: 0 auto;
padding: 0;
position: relative;
width: 990px;
}
h1 span {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
h2 span {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
h2 {
background: transparent;
margin: 25px 10px 0 0;
}
h3 {
color: #633918;
font-size: 16px;
margin: 22px 0 0 20px;
padding: 0;
}
	h3 span {
		color: #87663F;
		font-weight: normal;
		}
h4 {
background: transparent url(../img/puce-titre.gif) left 3px no-repeat;
color: #437237;
font-size: 1.1em;
font-weight: normal;
margin: 10px 0 0 20px;
padding: 0 0 0 14px;
}
h5 {
font-size: 1em;
margin: 10px 0 0 10px;
padding: 0 0 0 5px;
}
#header {
margin: 0;
padding: 0;
position: relative;
}
#header div {
	background: transparent url(../img/bg_header_div.png) left top repeat;
	color: #FFF;
	padding: 10px 17px;
	position: absolute;
	right: 0;
	top: 26px;
	font-style: italic;
	text-align: right;
	}
	#header img {display: block;}
img {border: none;}
#mention strong {color: #437237;}
/******** Retour formulaire ************/
#msgRetourForm {margin: 15%;}
#msgRetourForm p {
margin: 0;
padding: 0;
}
/**********  Referencement  ************/
#referencement {
left:0px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
strong {color: #000;}
/***** Table Analyse Eau ****/
#tableAnalyseEau {width: 70%;}
/*   Page Prestations/Analyses  */
/*       Tableaux descriptifs   */
table {
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;
width: 620px; 
}
table strong {
color: #000;
}
table acronym {
border-bottom: 1px dotted #000;
color: #000;
}
td {
padding: 0 0 0 5px;
}
td, th {
border: 1px solid #666;
}
th {
padding: 0 0 0 5px;
text-align: left;
}
th span {
font-weight: normal;
}
th#col1 {
padding: 0;
text-align: center;
text-transform: uppercase;
}
th#col2 {
padding: 0;
text-align: center;
text-transform: uppercase;
}
th#col3 {
padding: 0;
text-align: center;
text-transform: uppercase;
width:15%;
}
ul {
margin: 5px 0 5px 40px;
padding: 2px 20px 0 0;
}
/*         Page Mention         */
ul#mention {
font-size: 16px;
list-style-type: none;
margin: 20px 0 0 0;
padding: 0;
}
ul#mention li {
margin: 5px 0;
}
/***** Navigation principale ******/
div#nav {
	height: 26px;
	width: 990px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #3E3E3E;
	}

div#nav ul#menu {
	height: 26px;
	width: 990px;
	background: transparent url(../img/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#nav ul#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
/*border: 1px solid red;*/
	height: 26px;
	display: block;
	}
div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#navLabo	{left: 0; width: 205px;}
#navMethod {left: 205px; width: 142px;}
#navDomaine {left: 347px; width: 225px;}
#navAnalyse {left: 572px; width: 190px;}
#navParticulier {left: 762px; width: 124px;}
#navContact {left: 886px; width: 104px;}

#navLabo a:hover	{background: transparent url(../img/nav.gif) 0 -26px no-repeat;}
#navMethod a:hover {background: transparent url(../img/nav.gif) -205px -26px no-repeat;}
#navDomaine a:hover {background: transparent url(../img/nav.gif) -347px -26px no-repeat;}
#navAnalyse a:hover {background: transparent url(../img/nav.gif) -572px -26px no-repeat;}
#navParticulier a:hover {background: transparent url(../img/nav.gif) -762px -26px no-repeat;}
#navContact a:hover {background: transparent url(../img/nav.gif) -886px -26px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#pageLabo #navLabo {background: transparent url(../img/nav.gif) 0 -26px no-repeat;}
body#pageMethod #navMethod {background: transparent url(../img/nav.gif) -205px -26px no-repeat;}
body#pageDomaine #navDomaine {background: transparent url(../img/nav.gif) -347px -26px no-repeat;}
body#pageAnalyse #navAnalyse {background: transparent url(../img/nav.gif) -572px -26px no-repeat;}
body#pageParticulier #navParticulier {background: transparent url(../img/nav.gif) -762px -26px no-repeat;}
body#pageContact #navContact {background: transparent url(../img/nav.gif) -886px -26px no-repeat;}

/************ Les sous menus ************/

#subMenuAnalyses {
background: #FFF;     
border: 1px solid #603812;
font-size: 12px;
left: 573px;
position: absolute;
top: 127px;
visibility: hidden; 
width: 187px;
z-index: 1;
}
#subMenuAnalyses ul {
margin: 0;
padding: 0;
}
#subMenuAnalyses li {
list-style: none;
margin: 5px 0;
padding: 0;
}

#subMenuAnalyses li a {
color: #603812;
display: block;
height: 16px;
padding: 0 5px;
text-decoration: none;
}
html>body #subMenuAnalyses li a {
color: #603812;
display: block;
height: auto;
padding: 0 5px;
text-decoration: none;
}
#subMenuAnalyses li a:hover {
background: #603812;
color: #FFF;
}

#subMenuParticulier {
background: #FFF;     
border: 1px solid #603812;
font-size: 12px;
left: 763px;
position: absolute;
top: 127px;
visibility: hidden; 
width: 135px;
z-index: 1;
}
#subMenuParticulier ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#subMenuParticulier li {
margin: 5px 0;
padding: 0;
}

#subMenuParticulier li a {
color: #603812;
display: block;
height: 16px;
padding: 0 5px;
text-decoration: none;
}
html>body #subMenuParticulier li a {
color: #603812;
display: block;
height: auto;
padding: 0 5px;
text-decoration: none;
}
#subMenuParticulier li a:hover {
background: #603812;
color: #FFF;
}
/***** Navigation secondaire *****/
p#subnav {
background: transparent;
color: #603812;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
text-align: right;
top: 129px;
width: 300px;
}
p#subnav a {
color: #603812;
padding: 0 6px;
text-decoration: none;
}
p#subnav a:hover {
background: #603812;
color: #FFF;
text-decoration: none;
}
/*           Les Classes        */
.accueilParticulierImg {
margin: 35px 0 0 15px;
}
.center {
text-align: center;
}
.col1 {background-color:#D1EDA7;}
.col2 {background-color:#E2EED2;}
.col3 {
background-color:#E2EED2;
font-weight: bold;
}
#contenu p.encadre1 {margin: 20px 0;}
.encadre1 span {
	background: #633B18;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 6px;
	}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
#accueilParticulierTxt .imgFloatLeft {
float: left;
margin: 0 20px 0 0;
}
.imgFloatLeft {
float: left;
margin: 0 5px 0 0;
}
.imgFloatRight {
float: right;
margin: 0 0 0 5px;
}
.info {
background: #FC6 url(../img/picto_info.gif) left center no-repeat;
padding: 5px 5px 5px 50px;
}
.jaune1 {background-color:#ECEDA7;}
.jaune2 {background-color:#EEEED2;}
.obligatoire {
color: #C30;
font-weight: bold;
}
.puce1 {color: #9DB58C;}
.puce2 {color: #5F8547;}
.puce3 {color: #437237;}
.puce3 li span {color: #000;}
.separateur {
border: none;
clear: both;
display: block;
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
}
.txtRight {
text-align: right;
}
#fckTable table {border:1px solid #666666;}
