@charset "utf-8";
body {
	background-color:#f1f1f2;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	}
td {
	margin:0px;
	padding:0px;
}
h1 {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:3px;
	}
#conteneur {
  margin-left: auto;
  margin-right: auto;
  width: 541px;
  text-align: left; /* on rétablit l'alignement normal du texte */
	}
img {
	border:none;
	}
a {
	text-decoration:none;
	}
a .smart {
	color:#E31836;
	}
a .be {
	color:#333333;
	}
#services {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
	color:#9f9e97;
	padding-top:25px;
	}
.separateur {
	color:#3399cc;
	font-weight:bold;
	text-align:justify;
	}
#description {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	color:#cac9c1;
	text-align:center;
	font-size:1.1em;
	padding-top:25px;
	}
#services {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#999999;
	}
.galerie {
	list-style: none;
	margin: 0;
	padding: 0;
}
.galerie li {
	margin: 1px;
	padding: 0;
	float: left;
	position: relative;
	width: 178px;
	height: 180px;
}
.galerie img {
	background: #fff;
	padding: 0px;
}
.galerie a {
	text-decoration: none;
}
#image {
	position:absolute;
	left:0px;
	top:0px;
	width:525px;
	height:499px;
	z-index:1;
}
#description_portfolio {
	position:absolute;
	left:531px;
	top:0px;
	width:200px;
	z-index:2;
	height:499px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
}
#portfolio {
	background-image:url(images/fond_portfolio.png);
	}
#contact {
	position:absolute;
	left:15px;
	top:38px;
	width:500px;
	height:435px;
	z-index:1;
	background-color:#FF0000;
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #333333;
	background:#eee;
	border: 1px solid #999999;
}

#contact p, label, legend { font: 1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 20px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.3em; }
#contact input, textarea, select { width: 250px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 5px 0; padding: 0; }

.error_message { display: block; height: 20px; line-height: 20px; background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.success_message { display: block; height: 20px; line-height: 20px; background: #C9FF93 url('images/success.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#669900;border: 1px solid  #669900; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('images/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }