body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background: #eee url(page.png) repeat-y center top;
background-attachment: fixed ;
}
a {
color:#000000
}
#header {
background-color: #ffffff;margin: 0;padding: 10px
}
.devis {
background-color: #002377;color: #ffffff;width: 742px;padding:4px 4px 4px 4px;background: url(bande.jpg);
}
.infos {position: absolute;margin-left: 10px; margin-top: 400px;width: 172px;
background-color: #ffffff;padding:4px 4px 4px 4px;border: 1px solid #000000;border-style: dotted;font-size: 0.7em;
}
.bande {
background-color: #ECECE9;margin: 4px;padding: 1px;font-family: Arial, Verdana, Helvetica, sans-serif;color: #696969;
}
input {border: 1px solid #000000;}
.devis a {
color:#ffffff;text-decoration: none;border: 1px solid #000000;
}
.devis a:hover {
background-color: #ffffff;color:#000000;text-decoration: none;border: 1px solid #fffffff;
}
h1
{
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}	
h2 {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.cadre
{
	border: 1px solid #000000;
	background:#E6F1F8
}
* {outline:none}
p, td
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}
h1
{
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background-color:#ffffff;margin-top:5px;
}
input {background:url(input.jpg)}
textarea {background:url(input.jpg)}
.menuet {font-size:14px;margin-left:12px;margin-right:12px;margin-bottom:7px;background-color: #3d9de0;color: #ffffff}
.menuet a{text-decoration: none;color: #ffffff;padding:2px}
.menuet a:hover{text-decoration: none;color: #3d9de0;background:#ffffff;padding:2px}
#centre {
background-color:#ffffff;background: url(bg.jpg);font-family:Arial, Helvetica, sans-serif;color: #000000;
margin-top: 10px;margin-left: 210px;padding:10px 20px 10px 20px;text-align:justify;margin-right: 4px;height:800px;
}
#gauche {position: absolute;
top:110px;
left:4px;
width: 180px;padding:4px 0px 4px 4px;
}
#pied {
background-color: #ffffff;padding:4px 4px 4px 4px;background: url(gris.jpg);margin-top: 2px;border: 1px solid #000000;text-align:right;margin-left: 4px; margin-right: 4px; margin-bottom: 4px;
}
.menugauche a:hover {
text-decoration: none;background: url(back2.gif);
}
a:hover {
text-decoration: none; color:#C1121F;
}
p {margin: 0 0 10px 0;}
.jaune {background: url(gris.gif);padding:4px 4px 4px 4px;color: #fffffff;border: 1px solid #B9B8B8;margin:3px;text-decoration: none;}
.jaune a:hover {background: url(gris.gif);color: #000000;}
div[id=fade] {
position: fixed;
bottom:0;
left:0;
background: url(fade.png);
z-index: 99;
height: 4px;
width: 100%;
}
img {border: 0px;vertical-align: middle;}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;background: url(back2.gif);
}
a.info {
  position:relative;
  text-decoration: none
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display: none;}
a:hover.info span {
  display: inline;
  position: absolute; 
  top:1.5em;
  left:0.5em;
  z-index: 20;
  background: #ffffff;
  color: #000000;
  border:1px solid #000;
  width:200px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}
