* {
	border:0; 
	margin:0;
	padding:0;}

body {
	background:url('../img/site/background.jpg') repeat-x #4d585c;
	text-align:center;}

a {
	text-decoration:none;
	color:#99ffff;}
p a:hover {
	text-decoration:underline;}

/* -------------------------------------------- CONTAINER --- */

#outer-container {
	width:700px; min-height:600px;
	font: 10pt arial, helvetica, sans-serif;
	color: #d7d7d7;
	margin:auto;}

#left {
	color:#99ffff;
	font-size:13pt;
	width:250px;
	float:left;}

#right {
	font-size:10pt;
	width:410px;
	float:right;
	text-align:justify;
	padding-left:15px;
	border-left:1px solid #323232;}
#footer {
	clear:both;
}
#footer a {
	font-size:10pt;
	text-align:center;
	font: 10pt arial, helvetica, sans-serif;
	color: #d7d7d7;}

#header { margin:40px 0 50px 0;}
#content-container { 
	padding-top:30px;
	text-align:left;}


/* -------------------------------------------- CONTENT --- */

h1 {
	font-size:18pt;
	color:#fff;}
	
.light { font-weight:normal; }

p {
	margin-bottom:15px;}

input, textarea {
	font: 9pt 'courier new', monospace;
	color:#fff;
	padding:4px;
	display:block;
	width:100%;
	background:#323232;
	margin-bottom:5px;}

input.submit {
	width:auto;
	float:right;
	position:relative;
	left:8px;
	color:#99ffff;
	font-family: arial, helvtican, sans-serif; font-weight:bold;}

textarea {
	height:200px;}

.seperator {
	height:1px;
	display:block;
	background:#323232;
	margin: 20px 0;}
	
/* --- services */
.service-title {
	display:block;
	height:130px; width:393px;
	color:#99ffff;
	font: bold 13pt arial, helvetica, sans-serif;
	border:#323232 5px solid;
	margin-bottom:15px;}

span.service-title span {
	text-align:left;
	position:relative; top:80px;
	padding: 4px 0;
	background:url('../img/bg-service.png');
	display:block;}

span.service-title span.twolines { /* for titles with 2 lines */
	top:60px;}

#Pompage-par-camion-vacuum .service-title    { background:url('../img/pompage-camion-vacuum.jpg');}
#service-urgence .service-title    { background:url('../img/service-urgence.jpg');}
#Location-de-conteneur .service-title { background:url('../img/location-conteneur.jpg');}
#Nettoyage-industriel .service-title  { background:url('../img/nettoyage-industriel.jpg');}

/* -------------------------------------------- MISC --- */

.nomargin { margin:0 !important;}



/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .5em; margin-bottom: 1em; border: 2px solid #ddd; font-size:8pt; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }