@charset "utf-8";
/* CSS Document */
/* Laboratoire Teyssier */
a {
color: #369;
}
a:hover {
color: #4A86E6;
}
a#decouvrirPresta {
background: transparent url(../img/btn_decouvrirPresta.gif) center center no-repeat;
height: 40px;
left: 400px;
position: absolute;
top: 465px;
width: 258px;
}
a#decouvrirPresta span {
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
a#enSavoirPlus {
background: transparent url(../img/btn_enSavoirPlus.gif) center center no-repeat;
height: 40px;
left: 745px;
position: absolute;
top: 485px;
width: 210px;
}
a#enSavoirPlus span {
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
position:absolute;
}
acronym {
color: #9C0;
cursor: help;
font-weight: bold;
}
#accueilParticulierTxt {
left: 682px;
position: absolute;
text-align: left;
top: 265px;
width: 265px;
}
#accueilParticulierTxt ul {
margin: 0;
padding: 0 0 0 30px;
}
#accueilParticulierTxt li {
margin: 5px 0;
}
#accueilProTxt {
left: 390px;
position: absolute;
top: 229px;
width: 235px;
}
#accueilProTxt strong {
color: #000;
}
#accueilProTxt ul {
margin: 0;
padding: 0 0 0 30px;
}
#accueilProTxt li {
margin: 5px 0;
}
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;}
#contenu {
margin: 0 0 0 350px;
min-height: 398px;
padding: 0 0 33px 5px;
}
#contenu p {
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;
}

#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: #D9E77A;
font: normal normal 1em Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
}
#formulaireContact table {
border: 1px solid #D9E77A;
border-collapse: separate;
margin: 5px auto;
padding: 5px;
width: 280px;
}
#formulaireContact table th {
background-color: #E4EEA2;
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: #EEF4C4;
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: 1px solid #CCCC66;
background-color: #FFF;
height: 385px;
padding: 2px;
width: 300px;
}
#formulaireContact fieldset legend {
color: #99CC00;
font: normal bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#formulaireContact input {
width: auto;
}
#global {
background: #FFF url(../img/bg_page.png) left top repeat-y;
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: #FFF url(../img/bg_h3.jpg) left top no-repeat;
border-bottom: 1px solid #999;
color: #990;
font-size: 1.3em;
height: 46px;
margin: 25px 10px 0 0;
padding: 0 0 0 50px;
text-transform: uppercase;
}
html>body#pageAnalyse h2 {
background: #FFF url(../img/bg_h3.jpg) left top no-repeat;
border-bottom: 1px solid #999;
color: #990;
font-size: 1.3em;
min-height: 60px;
margin: 25px 10px 0 0;
padding: 0 0 0 50px;
text-transform: uppercase;
}
body#pageAccueil h2 {
background: none;
border: none;
height: 0;
margin: 0;
padding: 0;
}
h3 {
border-left: 5px solid #9C0;
color: #990;
font-size: 1.2em;
margin: 22px 0 0 10px;
padding: 0 0 0 5px;
}
h4 {
color: #993;
font-size: 1.1em;
margin: 10px 0 0 10px;
padding: 0 0 0 5px;
text-decoration: underline;
}
h5 {
font-size: 1em;
margin: 10px 0 0 10px;
padding: 0 0 0 5px;
}
#header {
margin: 0;
padding: 0;
}
img {
border: none;
}
#mention strong {
color: #990;}
/***************************************/
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 15%;
}
#msgRetourForm p {
margin: 0;
padding: 0;
}
p {
margin: 10px 20px 10px 20px;
}
/***************************************/
/**********  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 #5890E8;
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: #2B5EAF;
display: block;
height: 16px;
padding: 0 5px;
text-decoration: none;
}
html>body #subMenuAnalyses li a {
color: #2B5EAF;
display: block;
height: auto;
padding: 0 5px;
text-decoration: none;
}
#subMenuAnalyses li a:hover {
background: #5890E8;
color: #FFF;
}

#subMenuParticulier {
background: #FFF;     
border: 1px solid #5890E8;
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: #2B5EAF;
display: block;
height: 16px;
padding: 0 5px;
text-decoration: none;
}
html>body #subMenuParticulier li a {
color: #2B5EAF;
display: block;
height: auto;
padding: 0 5px;
text-decoration: none;
}
#subMenuParticulier li a:hover {
background: #5890E8;
color: #FFF;
}
/*********************************/
/***** Navigation secondaire *****/
/*********************************/
p#subnav {
background: #FFF;
color: #4A86E6;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
text-align: right;
top: 129px;
width: 300px;
}
p#subnav a {
color: #4A86E6;
text-decoration: none;
}
p#subnav a:hover {
background: #4A86E6;
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;
}
.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;
}
.separateur {
clear: both;
margin: 0;
padding: 0;
visibility: hidden;
}
.txtRight {
text-align: right;
}
#fckTable table {border:1px solid #666666;}