@charset "utf-8";

html, body {
	height: 100%;
}
body {
	background-color: #a9a193;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
}
#conteneur {
	position: relative;
	width: 85%;
	left: 15%;
	height: 100%;
	overflow: auto;
}
#info {
	width: 574px;
	height:660px;
	position: relative;
	left: 0px;
}
#menu {
	position: absolute;
	height: 46px;
	width: 107px;
	background-image: url(../design/menu.jpg);
	padding-top: 9px;
	padding-bottom: 9px;
	z-index: 10;
	top: 31px;
}
#menu  li {
	margin-bottom: 3px;
}
a.accueil {
	background-image: url(../design/accueil_communication.jpg);
	height: 14px;
	width: 107px;
	display: block;
}
a.accueil:hover {
	background-image: url(../design/accueil_communication_over.jpg);
}

#contenu {
	background-image: url(../design/contenu_communication.jpg);
	position: absolute;
	height: 100em;
	width: 468px;
	left: 92px;
	top: 0px;
	color: #a9a193;
	padding-left: 15px;
}
#newproduct {
	left: 45px;
	top: 31px;
	position: absolute;
}
#accueil_communication {
	position: absolute;
	width: 275px;
	text-align: justify;
	left: 44px;
	top: 386px;
	line-height: 18px;
}
#len {
	position: absolute;
	top: 390px;
	z-index: 1;
	left: 433px;
}
#reference {
	position: absolute;
	top: 110px;
	width: 399px;
	left: 40px;
	line-height: 18px;
	text-align: justify;
}
.souligne {
	text-decoration: underline;
}

#realisations {
	position: absolute;
	width: 427px;
	top: 276px;
	height: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa094;
	padding-left: 25px;
}
#realisations  img {
	margin-right: 24px;
}
#plaquette {
	position: absolute;
	width: 452px;
	top: 309px;
	height: 330px;
	z-index: 3;
	visibility: visible;
	background-image: url(../design/newproduct__communication.jpg);
	background-repeat: no-repeat;
	background-position: right 86px;
	margin: 0px;
	padding: 0px;
}
#plaquette p {
	margin-left: 30px;
	position: relative;
	top: 0px;
	visibility: inherit;
}
.reference_plaquette {
	position: absolute;
	z-index: 11;
	height: 303px;
	width: 398px;
	padding-left: 9px;
	padding-right: 9px;
	border: 1px solid #AFA196;
	left: 19px;
	padding-top: 9px;
	top: 18px;
	background-image: url(../design/opacite.png);
	text-align: right;
}
/*#reference_plaquette ul {
	height: 237px;
	width: 395px;
	overflow: hidden;
}*/
#plaquette_pub {
	height: 237px;
	width: 395px;
	position: absolute;
	z-index: 6;
	text-align: right;
}

a.references {
	background-image: url(../design/references_communication.jpg);
	height: 14px;
	width: 107px;
	display: block;
}
a.references:hover {
	background-image: url(../design/references_communication_ov.jpg);
}
a.contact {
	background-image: url(../design/contact__communication.jpg);
	height: 14px;
	width: 107px;
	display: block;
}
a.contact:hover {
	background-image: url(../design/contact_communication_over.jpg);
}
#web {
	position: absolute;
	width: 452px;
	top: 309px;
	height: 330px;
	z-index: 3;
	visibility: hidden;
	background-image: url(../design/newproduct__communication.jpg);
	background-repeat: no-repeat;
	background-position: right 86px;
}
#web p {
	margin-left: 30px;
	position: relative;
	top: 0px;
	visibility: inherit;
}
#logo {
	position: absolute;
	width: 452px;
	top: 309px;
	height: 330px;
	z-index: 3;
	visibility: hidden;
}
#logo p {
	margin-left: 30px;
	position: relative;
	top: 0px;
	visibility: inherit;
}
#internet {
	height: 237px;
	width: 395px;
	overflow: hidden;
}
#graphique {
	height: 237px;
	width: 395px;
	overflow: hidden;
}
form {
	position: absolute;
	width: 295px;
	height: 225px;
	top: 448px;
	left: 39px;
}
input, textarea {
	border: 1px solid #AFA196;
	background-color: #FFFFFF;
	color: #877f75;
}
.leform {
	position: absolute;
	top: 120px;
	left: 41px;
}
#slogan {
	position: absolute;
	left: 45px;
	top: 320px;
}
strong {
	letter-spacing: 0.05em;
}
#projet {
	position: absolute;
	top: 285px;
	width: 399px;
	left: 40px;
	line-height: 18px;
	text-align: justify;
}