#document {
	width:1024px;
	margin : 0 auto;
	padding : 0;
	text-align: left;
}

a:link          { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a:visited         { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a:hover       { color: #; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }

a.lien:link          { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a.lien:visited         { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a.lien:hover       { color: #97c644; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }


img { border: 0; vertical-align: middle }

input, select, textarea       { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #fff; margin: 2px; padding: 3px; border: solid 1px #c0c0c0 }

body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center;
color: #444;
}


/* BANDEAU DU HAUT */
#haut {
	height : 176px; width: 1024px; background: url(../interface/diag_01.png) no-repeat;
}

/* ENCART */

#encart { float: left; width: 216px; height: 200px; margin-right: 11px; background: url(../interface/cache2.png) no-repeat }

#encart a.lien:link         {  color: #fff; font-size: 12px; text-decoration: none; line-height: 34px; padding-left: 35px }
#encart a.lien:visited      { color: #fff; font-size: 12px; text-decoration: none }
#encart a.lien:hover        { color: #a8d506; font-size: 12px; text-decoration: none }


/* CENTRE */
#centre { padding: 0; margin: 0; width: 1024px; background: url(../interface/diag_02.png) repeat-y; overflow: auto !important; /overflow: auto; -overflow: none }


/* COLONNE GAUCHE */
#colonneGauche {
	float: left;
	width: 259px;
	margin: 0; padding: 0;
}

#colonneGauche a:link        { display: block; margin: 0 0 8px 22px; padding-left: 10px; color: #97c644; font-size: 14px; line-height: 40px; text-decoration: none; background-color: #fff }
#colonneGauche a:visited     { text-decoration: none; background-color: #fff }
#colonneGauche a:hover       { color: #fff; background-color: #97c644 }
#colonneGauche a.on       	 { color: #fff; background-color: #97c644 }

/* CONTENU */

#contenu {
	float: left;
	width: 685px;
	margin: 0 0 0 40px; padding: 0;
}

#contenu h1 {
	color: #97c644; font-size: 190%;
	margin: 15px 0 0 0;
}

#contenu h2 {
	color: #0d7dc2; font-size: 140%;
	font-weight: normal;
	margin: 15px 0 0 0;
}

#contenu h3 {
	color: #0d7dc2; font-size: 110%;
	font-weight: normal;
	margin: 15px 0 0 0;
}

#contenu h4 {
	color: #0d7dc2; font-size: 100%;
	font-weight: bold;
	margin: 15px 0 0 0;
}

#contenu p {
	color: #444; font-size: 100%;
	font-weight: normal;
	line-height: auto;
	padding: 0;
	text-align: justify;
}

#contenu a:link          { color: #0d7dc2; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline }
#contenu a:visited         { color: #0d7dc2; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline }
#contenu a:hover        { color: #000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }


/* DEVIS GRATUIT */

#devis {
	float: left;
	width: 228px;
	padding: 50px 15px 15px 15px;
	margin: 10px 0 0 0;
	background: url(../interface/fd_devis.png) no-repeat; background-color: #74c22a;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}

#devis p label {
	float: left;
	width: 70px;
	margin-bottom : 4px;
	text-align: right;
	color : #444;
	font-weight : normal;
	line-height: 24px
}

#devis input {
	font-size : 100%;
	font-family : arial, sans-serif;
	border : 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding : 2px 4px;
	margin-left : 8px;
	width: 120px
}

/* BAS */


#bas { margin : 0 auto; padding: 15px 80px 15px 80px; clear: both; width: 864px; background: url(../interface/diag_03.png) repeat-y; text-align: center; color: #444 }

/*#bas p {  margin: 0; padding: 0 }*/

#bas a { font-size: 100%; color: #444; }
#bas a:visited { font-size: 100%; color: #444; }
#bas a:hover { font-size: 100%; color: #97c644; }

#bas2 { margin : 0 auto; clear: both; width: 1024px; text-align: center; color: #444 }

/* FORMULAIRE */
form {
	margin : 0;
	padding : 0;
}

#contenu fieldset {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-width : 1px solid #fff;
}

#contenu legend {
	color : #0d7dc2;
	font-weight : normal;
	font-size : 100%;
	margin : -10px 0 0 50px;
	padding : 0 10px 0 10px;
	width : auto;
}

#contenu input, textarea, select {
	font-size : 100%;
	font-family : arial, sans-serif;
	border-width : 1px;
	border-style : solid;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #e7e7e7;
	padding : 1px 2px;
	margin-left : 8px;
}

#contenu p.action input {
	width : auto;
	color : #444;
	border-color : #444;
	margin : 0 150px;
}
#contenu form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}

#contenu p.envoyer input {
	width : auto;
	font-weight: bold;
	color : #97c644;
	border-color : #97c644;
	border-width : 2px;
	background-color : #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px;
	margin-left: 130px;
	cursor: pointer;
}

#contenu p label {
	float: left;
	width: 110px;
	margin-bottom : 8px;
	text-align: right;
	color : #444;
	font-weight : normal;
}