/*
Design by Par kass4r
Fichier créé le 04/07/2009
*/
 /* On travaille sur la balise body, donc sur TOUTE la page */
body{
	position:relative;
	width: 780px;
	padding:0px;
	margin-left: auto;   margin-right: auto;
	line-height: 1.4;
	color: black; 	/* Le texte de la page sera noir */
	font-family:Arial, "Times New Roman", serif;
}
html {
	height:100%;
	margin-bottom:1px;
	overflow-y: scroll;
}
/*********/
/*EN TETE*/
/*********/
#en-tete{
	position:relative;	/*positionner en relative afin qu il n y est pas de decalage dans l'affichage et pouvoir jaugé z-index*/
	overflow: hidden;	/* permet de recouvrir les surface indesirable*/
	background-image: url("../images/ban5.png");	/* image de fond */
	margin-left:3px;
	margin-top:-3px; /*bordure haut*/
	margin-bottom:-8px;
	height:150px;	/*grandeur*/
	width: 780px;
	z-index:500;
}
/*tout les ul d 'en-tete auront ces specifications*/
#en-tete ul {
	width:300px;
	position:relative;	/* position relative */
	top:91px;			/*indication de la position haut*/
	right:-5px;			/*indication de la position droite*/
	float: right;		/*permet de faire flotter des element a droite de la liste */
	margin-top: 19.5px;
	margin-right: 50px;
	margin-left: 0px;
	padding: 0px;
	list-style: none;
}
/*tout les li se trouvant dans les ul d'en tête*/
#en-tete ul {
  float: right;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}
#en-tete ul li {
  float: left;
  margin-left: 3px;
}
#en-tete ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(../images/coin-gauche.png);
  background-position: 0% -250px;
  background-repeat: no-repeat;
}
#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(../images/coin-gauche.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#en-tete ul li a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(../images/coin-droit.png);
  background-position: 100% -250px;
  background-repeat: no-repeat;
  color: #ffffff;
}
#en-tete ul li#actif span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(../images/coin-droit.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #333333;
}
#en-tete ul li a:hover {
  background-position: 0% -500px;
}
#en-tete ul li a:focus {
  background-position: 0% -500px;
}
#en-tete ul li a:hover span {
  background-position: 100% -500px;
}
#en-tete ul li a:focus span {
  background-position: 100% -500px;
}
/********/
 /*CADRE*/
 /*******/
#cadre{
	margin-left:3px;
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	width: 768px;
	background-repeat: repeat-x;
	background-image:url("../images/fond.png");
	border:1px solid #cfcfcf; 
	z-index:10;
}
#contact{
	color: red;
}
 /*************/
 /*PAGE ACCEUIL*/
 /*************/
#listDiag{
	margin-top:0px;
	font-size:0.7em;
}
#coordAcceuil{
	margin-top:-10px;
	line-height:30px; /* hauteur entre les lignes */
	font-weight:bold;
}
#acceuil{
	z-index:2;
	text-align:center;
}
#speach{
	margin-top:4px;
	margin-bottom:0px;
}
.depart{
	font-weight: bold;
}
#diag{
	margin-top:5px;
	margin-bottom:0px;
	font-weight: bold;
}
#application{
	margin-top:10px;
}
#interpeler{
font-weight: bold;
}
#telMAcc{
	margin-left:20px;
	margin-right:20px;
}
/************/
/* PAGE DEVIS et contact*/
/************/
legend{
	color: red;
	font-weight:bold;
}
.focusField{  
	border:solid 2px #73A6FF;  
	background:#EFF5FF;  
	color:#000;  
}  
.idleField{  
	background:#EEE;  
	color: #6F6F6F;  
	border: solid 2px #DFDFDF;  
} 

.error-message{
	background-image:url("../images/close.png");
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 23px;
	display:none;
	color:#ff5b5b;
}
.obligatoire{
	color:red;
}
.citationObligatoire{
	font-style:italic;
}
 /************/
 /* PAGE DEVIS*/
 /************/
#paragrapheChampObligatoire{
	width:320px;
 }
#questionnaireEntete{
	text-align:center;
	margin-top:4px;
}
#nom{
	margin-left:21px;
}
#email{
	margin-left:2px;
}
#questionnaire{
	text-decoration:underline;
	font-weight:bold;
}
#surface{
	margin-left:10px;
}
#surfaceAnnexe{
	margin-left:2px;
}
#traitementDevis{
	height:500px;
	text-align:center;
}
#questionnaireForm{
	z-index:2;
}
#typeChauf{
	margin-bottom:2px;
}
/**************/
/*PAGE CONTACT**/
/**************/
#nomContact{
	margin-left:27px;
}
#emailContact{
	margin-left:14px;
}
#traitementContact{
	height:500px;
	text-align:center;
}
#retAc{
	font-weight:bold;
}
#coordContact{
	line-height: 2.3;
	font-weight:bold;
}
#espacePublicitaire{
	border:1px;
}
/**************/
/*PAGE LIENS*/
/**************/
#liens{
	text-align:center;
}
/************/
/*BAS DE PAGE*/
/************/
#comLogo{
	margin-left:480px;
	width:300px;
	font-size:0.7em;
	text-align:right;
}
#siret{
	font-size:0.6em;
	float:left;
}
#copyright{
	text-align:right;
}
#macroLogo{
	width:35px;
	height:28px;
	float:left;
}
/*LIENS*/
/* Quand le visiteur a déjà vu la page concernée */
#signature a:visited {
   text-decoration: none
}
/* Quand le visiteur pointe sur le lien */
#signature a:hover {
   color: red;
}
/* Lien normal */
#signature a {
   text-decoration: none;
   color:black;
}
#signature{
	z-index:2;
	width:778px;
	height:50px;
	margin-top:10px;
	margin-left:3px;
	text-align: center;
	border: 1px solid #cfcfcf;
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
	font-size: 80%;
	background-repeat: repeat-x;
	background-image:url("../images/fond.png");
}

#lien_signature{
	width:200px;
	margin-left:260px;
	margin-top:0px;
	float:left;
}

#concepteur{
	margin-left:590px;
	margin-top:0px;
}

#banHeberg{
	margin-top:1px;
}