h1 {
	font-size: 20px;
	font-weight: bold;
}
h2 {
	font-size: 18px;
	font-weight: bold;
}
h3 {
	font-size: 16px;
	font-weight: bold;
}

h4 {
	font-size: 11px;
	color:#000000;
       align="left"
}

h5{
	font-size: 12px;
	color:#e58a25;
}

h6{
	font-size:9px;
	color:#828d99;
}
h7 {
	font-size: 23px;
	color:#ff6600;
}
h8{
	font-size: 20px;
	color:#740c0d;
}

h9{
	font-size: 15px;
	color:#e0dfe3;
}

h10{
	font-size: 15px;
	color:#ffffff;
}

h11{
	font-size: 15px;
	color:#7C7C7C;
}
/* ------------------------------------ */
/*            Tag en commun             */
/* ------------------------------------ */
*
{
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-size: small;
	/*font-family: tahoma;*/
	font-family: "Trebuchet MS", sans-serif, Arial;
}
body
{
	width: 828px;
	height: 600px;
	margin: 0 auto;
}
img {
	border: 0;
}
table {
	margin-right: auto;
	margin-left: auto;
}
td {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: inherit;
	margin: 0.2em 0 0.2em 2em;
}

 fieldset  {
  -moz-border-radius:1px;
  border: 1px solid #9aa5ad;
	
}
legend {
	color: #800000; 
       font-size: 20px;

}
a, a:link, a:visited {
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
form {
	margin: 0px;
	padding: 0px;
}
.obligatoire {
	color:#f60;/*#FF5800;*/
	font-size:10pt;
	font-weight:bold;
	margin-left:5px;
	/*vertical-align:0px;*/
}
.decimal {
	list-type-style: decimal;
}
.warning {
	font-size: -2px;
	color: brown;
}
.info {
	font-size: normal;
	font-weight: bold;
}
.asterisque {
	font-size: 11px;/*x-small*/
}
.gras {
	font-weight: bold;
}
.center {
	text-align:center;
}
.gauche {
	float:left;
}
.large {
	font-size:x-large;
}
.legend {
	color: #800000;
}
.text-white {
	color: #ffffff;
}
.fd-white {
	background-color:#ffffff;
	background-image: none;
}
.blockquote {
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	height: auto;
	margin-top: 10px;
	overflow: auto;
	padding: 9px 0pt;
	width: 100%;
}
.download {
	/*background: url(../images/lavage-voiture/picto/picto_acrobat.jpg) no-repeat top left;*/
	padding-left:10px;
}

/* ------------------------------------ */
/*            Formulaire                */
/* ------------------------------------ */
label {
	cursor: pointer;
}
td.label {
	text-align: right;
	width: 150px;
}
td.value {
	width: 280px;
}

#appointment input[type=text], #appointment textarea, #appointment select, #formulaire input[type=text], #formulaire textarea, #formulaire select, .input {
	background-color: #F5F5F5;
	border-color: #cecece #cecece #cecece #666666;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 2px;
	font-family: "Trebuchet MS", sans-serif, Arial;
}
#warning input[type=text], #warning textarea, #warning select, input.warning {
	background-color: #FFFFCC;
	color: #ff3200;
}
/* ------------------------------------ */
/*            Header                    */
/* ------------------------------------ */
a#home-link {
	display: block;
	height: 100px;
	z-index: 50;
}
a:hover#home-link {
	text-decoration: none;
}
#entete {
	position: absolute;
	bottom: 0;
}
#header {
	width: 828px;
	height: 152px;
	background: url(../images/lavage-voiture/header.jpg) no-repeat right top;
}
div#title {
	margin-left: 47px;
	padding-top: 22px;
	text-align: center;
}
#title {
	font: normal 90%/2em "Trebuchet MS", Verdana, Arial, sans-serif;
}
#title > .h1 {
	font-size: 30px;
	font-weight: bold;
	color: #990000;
	margin-bottom: 2px;
}
#title > .h2 {
	font-size: 20px;
	font-weight: bold;
	color: #483d8b;
}
/* ------------------------------------ */
/*            Search                    */
/* ------------------------------------ */
div#search {
	font-weight: bold;
	text-align: left;
}
#search table {
	margin: 0 16px 0 15px;
}
#slogan {
	margin-top: -22px;
	margin-left: 34px;
	font-style: italic;
	text-align: center;
	font-weight: bold;
       font-size: 25px;
}
/* ------------------------------------ */
/*            Content                   */
/* ------------------------------------ */
#content {
	width: 828px;
	min-height: 600px;
	margin: 5px 0px 0px 2px;
}
#content a {
	color: #191970;
	border-bottom: 1px dotted #191970;
}
#content a:hover {
	border-bottom: 1px solid #191970;/*#485573;*/
}
#fieldset-content {
    -moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #ff8000;
}
/* ------------------------------------ */
/*          Main Content                */
/* ------------------------------------ */
#reduced-content {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
#reduced-content .title {
  text-align:center;
}

#expanded-content  {
  width: 100%;
  margin-left: auto;
	margin-right: auto;
}
#expanded-content .title {
  text-align:center;
}
#fieldset-content {
    -moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #ff8000;
}
 
/* ------------------------------------ */
/*            Vignettes                 */
/* ------------------------------------ */
div.accroche {
  background: url(../images/lavage-voiture/picto/bouton.jpg) no-repeat right center;
  width: 202px;
  height: 40px;
  float:left;
  text-align: center;
}
a.accroche {
  line-height: 40px;
  vertical-align: middle;
  font-family: "Trebuchet MS", verdana;
  font-size: 19px;
}
div.separator {
  width: 2.6px;
  height: 40px;
  float:left;
  border:10px solid color;  
}
div.nowrap {
  white-space: nowrap;
  clear:both;
}
.header-red {
	padding: 1px;
	background: #8b0000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.thumbnail-red {
	width: 403px;
	border: 0px solid #8b0000;
	background: url(../images/lavage-voiture/fd/vignette-red.jpg) no-repeat right center;
	text-align: justify;
}
ul#thumbnail-red > li {
	line-height: 190%;
	text-align: left;
	list-style-type: none;
	list-style-image: url(../images/lavage-voiture/picto/fleche-red.gif);
	white-space: nowrap;
}
.header-blue {
	padding: 1px;
	background: #483d8b;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.thumbnail-blue {
	width: 403px;
	border: 0px solid #191970;
	background: url(../images/lavage-voiture/fd/vignette-blue.jpg) no-repeat right center;
	text-align: justify;
}
ul#thumbnail-blue > li {
	line-height: 190%;
	text-align: left;
	list-style-type: none;
	list-style-image: url(../images/lavage-voiture/picto/fleche-blue.gif);
	white-space: nowrap;
}
/* ------------------------------------ */
/*            Pied de page              */
/* ------------------------------------ */
div#bnr_bas {
	/*width: 824px;*/
	height: 15px;
	margin: 0 0 0 2px;
	color: #ffffff;
	background-color: #804040;
	margin-top: 3px;
	padding: 2px;
	white-space: nowrap;
}
#bnr_bas a {
	color: #ffffff;
	font-size:x-small;


}
#footer .keywords {
	border:2px solid #bbd2e3;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
}
#footer .keywords p {
	color:#7c7c7c;
  	font-size: 17px;
	text-align:center;
}
/* ------------------------------------ */
/*             Boutons                  */
/* ------------------------------------ */
input.bouton {
	color: #000000;
	font-family: "trebuchet ms", sans-serif;
	background-color: #cccccc;
	width: 90px;
	height: 25px;
}
/* ------------------------------------ */
/*             Formulaires              */
/* ------------------------------------ */
#formulaire-marron {
	height: 3px;
	font-size: 1px;
	table-layout: fixed;
	background-color: #696969;/*#804040;*/
}
#formulaire-bleu {
	height: 3px;
	font-size: 1px;
	table-layout: fixed;
	background-color: #004080;
}
#formulaire-vert {
	height: 3px;
	font-size: 1px;
	table-layout: fixed;
	background-color: #008080;
}
#formulaire-brown {
	height: 3px;
	font-size: 1px;
	table-layout: fixed;
	background-color: brown;
}
/* ------------------------------------ */
/*             Prestations              */
/* ------------------------------------ */
div#sommaire {
	padding-left: 100px;
}
#sommaire .fd_prs {
	width: 164px;
	height: 145px;
	color: #eeeaea;
	margin-top: 1px;
	padding-left: 8px;
	padding-right: 145px;
	padding-top: 33px;
	text-align: justify;
}
/* ------------------------------------ */
/*      Fond d'entêtes de tableaux      */
/* ------------------------------------ */
.gray {
  padding: 2px;
	background-color: #666666;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.blue {
	padding: 2px;
	background-color: #191970;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.wood {
  padding: 2px;
	background-image: url("../images/lavage-voiture/fd/fd_wood.gif");
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	width: 100%;
}

img.icoprestation {
	width: 200px;
	height: 120px;
}
tr.underline {
	background-color: #EFEFEF;
}
tr.underline td {
  	padding: 2px;
}
tr:hover.underline  {
	background-color: #D8D8D8;
}
/* ------------------------------------ */
/*          Classification              */
/* ------------------------------------ */
#classification {
	font-size: 10pt;
	white-space:nowrap;
  text-align:center;
  width: 170px;
}
p.classeA {
	color: navy;
}
div.classeA {
	color: navy;
	border: 1px solid navy;
}
input[type=text].classeA {
	color: navy;
	text-align:right;
	font-size:medium;
	font-weight:bold;
}
td.classeA {
	color: navy;
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
}

p.classeB {
	color: teal;
}
div.classeB {
	color: teal;
	border: 1px solid teal;
}
input[type=text].classeB {
	color: teal;
	text-align:right;
	font-size:medium;
	font-weight:bold;
}
td.classeB {
	color: teal;
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
}

p.classeC {
	color: #800000;
}
div.classeC {
	color: #800000;
	border: 1px solid #800000;
}
input[type=text].classeC {
	color: #800000;
	text-align:right;
	font-size:medium;
	font-weight:bold;
}
td.classeC {
	color: #800000;
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
}

/* ------------------------------------ */
/*          Tarification                */
/* ------------------------------------ */
#tarification {
	border-collapse: separate;
	background-color: #FFF;
	font-weight: bold;
	text-align: center;
	height: 100%;
}
#tarification table {
  margin-left: auto;
	margin-right: auto;
}
#tarification td {
	white-space: nowrap;
	padding: 0 10px 0 10px;
}
#tarification td.label {
	background-color: #dcdcdc;
}
#tarification .value {
	background-color: #FFF;
	border: #FFF;
	
}
#tarification .value-top {
	background-color: #a9a9a9;
	color: #FFF;
}
#tarification .value-middle {
	background-color: #808080;
	color: #FFF;
}
#tarification .value-bottom {
	background-color: #696969;
	color: #FFF;
}
/* ------------------------------------ */
/*             Onglets                  */
/* ------------------------------------ */
#barreNavigTop h2 {
	font-size: 14px;
}
#barreNavigTop a {
	color: #ffffff;
	border: none;
}
#barreNavigTop a:hover {
	border: none;
}
#barreNavigTop .actif {
	color: #ffffff;
	background-color: #696969;
	border: 1px #696969 solid;
}
#barreNavigTop .actif-bleu {
	color: #ffffff;
	background-color: #004080;
	border: 1px #004080 solid;
}
#barreNavigTop .actif-vert {
	color: #ffffff;
	background-color: #008080;
	border: 1px #008080 solid;
}
#barreNavigTop .actif-brown {
	color: #ffffff;
	background-color: brown;
	border: 1px brown solid;
}
#barreNavigTop li {
	padding: 3px 0 3px 0;
	margin: 7px 3px -1px 0;
	float: left;
	width: 20%;
	text-align: center;
	list-style-type: none;
	white-space: nowrap;
}

/* ------------------------------------ */
/*             Erreurs                  */
/* ------------------------------------ */
.erreur {
padding : 0 2px 0 2px;
border : 1px solid #f95555;/*#cc0000;*/
background-color : #fefce4;
}
strong.erreur {
color : #f60;
}
li.erreur {
list-style-type : square;
}

/* ------------------------------------ */
/*             Livre d'or               */
/* ------------------------------------ */
#avisclient table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#avisclient .greycell {
  	border: 1px solid #666666;
	width: 100%;
	font-weight: bold;
}
.numpage {
  font-size:x-large;
}
#avisclient td {
	border: 1px solid #666666;
}
#avisclient td.label {
	width: 20%;
	background-color: #f5f5f5;
}
#avisclient td.value {
	width: 80%;
}