/*
/	Copyright 2010 iDeveloppement
/	Design et developpement du site par iDeveloppement
/	http://www.ideveloppement.net
/
/	Mise a jour : Pierre CERONI - 27/02/10
*/

/* Basic HTML
------------------------------------------------------------------------*/
body {
	font: 12px/1.3 "Century Gothic", Arial, sans-serif;
	color: #8d8d8d;
}
h1 {
	font-size: 34px;
	font-weight: normal;
	margin: 0 0 20px 0;
}
p {
	font-size: 16px;
	margin: 15px 0;
}
a img {
	border: none;
	cursor: default;
}
a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
h1 strong {
	color: #97cb1b;
	font-weight: normal;
}
p strong {
	color: #4f95e3;
	font-weight: normal;
}

.center {
	width: 1000px;
	margin: auto;
}
.clear {
	clear: both;
}
input, textarea {
	border: none;
}

/* Content
------------------------------------------------------------------------*/
#top {
	width: 100%;
	height: 57px;
	top: 0;
	background: url(../images/top.png) repeat-x 0 0;
}
#logo {
	margin: -25px 0 0 30px;
}
#accroche {
	width: 650px;
	float: left;
	margin: 35px 0 0;
}
#accroche a:hover {
	cursor: text;
}
#clients {
	width: 350px;
	float: left;
	margin: 20px auto 0;
}
#clients a {
	display: block;
	float: left;
	width: 75px;
	height: 75px;
	margin: 10px 15px 0;
}
#clients a:hover {
	background-position: 0 -75px;
}

	#dibacom {background: url(../images/clients/dibacom.png) no-repeat 0 1px;}
	#dklic {background: url(../images/clients/dklic.png) no-repeat 0 1px;}
	#musty {background: url(../images/clients/musty.png) no-repeat 0 1px;}
	#opalia {background: url(../images/clients/palau.png) no-repeat 0 1px;}
	#rca {background: url(../images/clients/rca.png) no-repeat 0 1px;}
	#semi {background: url(../images/clients/semi.png) no-repeat 0 1px;}
	#soleeco {background: url(../images/clients/soleeco.png) no-repeat 0 1px;}
	#tmd {background: url(../images/clients/tmb.png) no-repeat 0 1px;}
	#zebagnole {background: url(../images/clients/zebagnole.png) no-repeat 0 1px;}

#realisations {
	margin-left: 350px;
}

/* Footer
------------------------------------------------------------------------*/
#footer {
	width: 100%;
	height: 300px;
	padding: 21px 0 0;
	margin-top: 30px;
	font-size: 11px;
	background: url(../images/footer.png) repeat-x 0 0;
	color: #4a4a4a;
}
#footer p {
	font-size: 12px;
}
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: underline;
	color: #4a4a4a;
}
#footer a:hover {
	text-decoration: none;
}

#infos {
	display: block;
	float: left;
	margin: 0 128px 0 0;
}
#box {
	display: block;
	float: left;
}
#map {
	display: block;
	width: 261px;
	height: 126px;
	background: url(../images/map.png) no-repeat 0 -126px;
}
#adress {
	margin: 10px 0;
}
/* Form
-------------------------------------*/
#form {
	display: block;
	float: left;
	width: 558px;
}
.formline {
	display: block;
	float: left;
}
label {
	display: block;
	float: left;
	margin: 0 0 6px 0;
}
label.error {
	float: left;
	color: red;
	padding-left: 8px;
	vertical-align: top;
}
input.oneline {
	display: block;
	clear: left;
	
}
.oneline {
	background: url(../images/input.png) no-repeat 0 -38px;
	width: 241px;
	height: 22px;
	margin: 0 0 14px 0;
	padding: 8px;
}
#name {
	margin-right: 40px;
}
#message {
	background: url(../images/textarea.png) no-repeat 0 -99px;
	width: 542px;
	height: 83px;	
	margin: 0 0 10px 0;
	padding: 8px;
	overflow: hidden;
}
.button {
	background: url(../images/button.png) no-repeat 0 -35px;
	width: 157px;
	height: 35px;
	font-weight: bold;
	padding: 0 0 2px 37px;
	text-align: left;
	cursor: pointer;
	color: #4a4a4a;
}
#map:hover, .oneline:hover, #message:hover, .button:hover {
	background-position: 0 0;
}