body{
	background:url(images/fond_site.jpg) no-repeat top center #0e0e0e;
	margin:0;
	padding:0;
	font-family:arial;
	font-size:12px;
	color:#b9b9b9;
}

.clear{
	clear:both;
	height:0px;
}

img{
	border:0;
}

#global{
	width:995px;
	margin:auto;
	/*height:798px;*/
}

#contenuDroite{
	float:left;
	width:144px;
	font-size:11px;
	color:#fff;
	padding:205px 0 0 10px;
	position:relative;
}

#contenuDroite .icoFacebook{
	position:absolute;
	top:50px;
	right:20px;
}


/*****************************	ENTETE	****************************/

#logo{
	margin:20px 0 0 0;
	behavior: url('iepngfix.htc');
	width:482px;
	height:66px;
}

ul#menu{
	padding:0;
	margin:4px 0 0 345px;
	list-style:none;	
}

#menu li{
	margin:0 0 1px 0;
	height:21px;
	padding:2px 0 0 0;
}

#menu li a{
	text-decoration:none;
	color:#717171;
	font-size:15px;
	background:url(images/ico.gif) no-repeat -181px -6px;
	padding:0 0 0 15px;
}

#menu li a#menuAccueil:hover, #menu li a#menuAccueil.actif{
	color:#e4dbb8;
	background:url(images/ico.gif) no-repeat -181px -82px;
}

#menu li a#menuPresentation:hover, #menu li a#menuPresentation.actif{
	color:#c4ce1c;
	background:url(images/ico.gif) no-repeat -181px -25px;
}

#menu li a#menuRealisation:hover, #menu li a#menuRealisation.actif{
	color:#80ccad;
	background:url(images/ico.gif) no-repeat -181px -63px;
}

#menu li a#menuCatalogue:hover, #menu li a#menuCatalogue.actif{
	color:#f39436;
	background:url(images/ico.gif) no-repeat -181px -101px;
}

#menu li a#menuContact:hover, #menu li a#menuContact.actif{
	color:#a480cc;
	background:url(images/ico.gif) no-repeat -181px -44px;
}

/*****************************	ENTETE	****************************/

/*****************************	CONTENU	***************************/

#contenuGauche{
	float:left;
	width:841px;
	position:relative;
}

#contenuGauche h1{
	height:30px;
	margin:0;
	padding:40px 0 0 22px;
	position:absolute;
	top:190px;
	left:22px;
	width:159px;
	color:#0e0e0e;
	font-size:18px;
	font-weight:normal;
}

#contenuGauche h1.titre_accueil{
	background:url(images/ico.gif) no-repeat 0px -210px;
}

#contenuGauche h1.titre_presentation{
	background:url(images/ico.gif) no-repeat 0px 0px;
}

#contenuGauche h1.titre_realisation{
	background:url(images/ico.gif) no-repeat 0px -140px;
}

#contenuGauche h1.titre_catalogue{
	background:url(images/ico.gif) no-repeat 0px -280px;
}

#contenuGauche h1.titre_contact{
	background:url(images/ico.gif) no-repeat 0px -70px;
}

#bandeauIdeeAccueil{
	margin:0 0 0 307px;
	width:490px;
	height:37px;
}

#bandeauIdee{
	margin:10px 0 0 310px;
	width:457px;
	height:27px;
}

#pageGauche{
	width:405px;
	margin:10px 0 0 10px;
	height:360px;
	padding:20px 30px 0 20px;
	position:absolute;
	top:244px;
	left:0;
}

#pageGauche p{
	margin:0;
	padding:0 0 10px 0;
}

#pageDroite{
	width:375px;
	height:350px;
	margin:10px 0 0 0;
	position:absolute;
	top:244px;
	left:465px;
}

.fondGris{
	background:#303030;
	width:357px;
	padding:5px 10px 0 10px;
	color:#fff;
}

.fondGris p{
	margin:0;
	padding:0 0 10px 0;
}

.fondGris p span{
	font-style:italic;
	color:#e4dbb8;
}

.fondActu{
	background:#beb17f;
	width:367px;
	margin:20px 0 0 0;
	height:130px;
	padding:0 0 0 10px;
}

.fondActu h2{
	margin:2px 0 0 0;
	padding:0 0 5px 0;
}

.fondActu .texteActu{
	float:left;
	width:275px;
	color:#242424;
	padding:0 10px 0 0;
	height:80px;
}

.fondActu .texteActu2{
	float:left;
	width:345px;
	color:#242424;
	padding:0 10px 0 0;
	height:80px;
}

.fondActu a.lienActuSuivant{
	float:right;
	color:#242424;
	padding:0 10px 0 12px;
	text-decoration:none;
	background:url(images/fleche_actu.gif) no-repeat center left;
}

.fondActu a.lienActuSuivant:hover{
	text-decoration:underline;
}

.fondActu a.lienActuPrecedente{
	float:left;
	color:#242424;
	padding:0 10px 0 12px;
	text-decoration:none;
	background:url(images/fleche_actu_prec.gif) no-repeat center left;
}

.fondActu a.lienActuPrecedente:hover{
	text-decoration:underline;
}

.fondActu .texteActu p{
	margin:0;
	padding:0;
}

.fondActu .vignetteActu{
	float:left;
}

.vert{
	color:#c4ce1c;
	font-style:italic;
}

p.aDroite{
	text-align:right;
	font-size:14px;
}

#silhouette{
	position:absolute;
	top:-220px;
	left:680px;
}

/*****************************	CONTENU	***************************/

/*****************************	REALISATION	***********************/

#pageGaucheRealisation{
	width:370px;
	margin:10px 0 0 10px;
	height:360px;
	padding:20px 30px 0 20px;
	position:absolute;
	top:244px;
	left:0;
}

#pageDroiteRealisation, #pageDroiteCatalogue{
	width:411px;
	height:347px;
	margin:10px 0 0 0;
	position:absolute;
	top:244px;
	left:430px;
	background:#303030;
}

#pageGaucheRealisation h2{
	margin:0 0 0 32px;
	padding:20px 0 0 0;
	font-size:21px;
}

#pageGaucheRealisation ul{
	margin:15px 0 0 19px;
	padding:0;
	list-style:none;
	width:288px;
	font-size:16px;
}

#pageGaucheRealisation ul li{
	border-bottom:1px solid #717171;
	padding:10px 0 10px 0;
}

#pageGaucheRealisation ul li.dernierListe{
	border:0;
}

#pageGaucheRealisation ul li a{
	text-decoration:none;
	color:#717171;
	background:url(images/ico.gif) no-repeat -181px -132px;
	padding:0 0 0 20px;
}

#pageGaucheRealisation ul li a:hover, #pageGaucheRealisation ul li a.actif{
	color:#b9b9b9;
	background:url(images/ico.gif) no-repeat -181px -167px;
}

#pagination{
	text-align:right;
	margin:10px 40px 0 0;
}

#pagination a{
	text-decoration:none;
	color:#b9b9b9;
	padding:0 5px 0 5px;
	margin:0 2px 0 2px;
}

#pagination a:hover, #pagination a.actif{
	background:#b9b9b9;
	color:#3e3e3e;
}

#pageDroiteRealisation h3{
	font-size:14px;
	margin:0 0 15px 0;
	padding:5px 0 0 18px;
}

.vignetteRealisation{
	float:left;
	width:117px;
	margin:0 0 5px 18px;
	display:inline;
	height:140px;
}

.vignetteRealisation .vignetteRealisationImg{
	width:113px;
	height:113px;
	text-align:center;
	border:2px solid #303030;
}

.vignetteRealisation .vignetteRealisationTexte{
	text-align:center;
}

.vignetteRealisation .vignetteRealisationImg:hover{
	border:2px solid #dcdcdc;
}

/*****************************	REALISATION	***********************/

/*****************************	CATALOGUE	***********************/

#pageGaucheCatalogue{
	width:370px;
	margin:10px 0 0 10px;
	height:360px;
	padding:20px 30px 0 20px;
	position:absolute;
	top:244px;
	left:0;
}

#pageGaucheCatalogue h2{
	margin:0 0 0 32px;
	padding:0px 0 0 0;
	font-size:21px;
}

#pageGaucheCatalogue ul{
	margin:10px 0 0 19px;
	padding:0;
	list-style:none;
	width:288px;
	font-size:14px;
}

#pageGaucheCatalogue ul li{
	border-bottom:1px solid #717171;
	padding:8px 0 8px 0;
}

#pageGaucheCatalogue ul li.dernierListe{
	border:0;
}

#pageGaucheCatalogue ul li a{
	text-decoration:none;
	color:#717171;
	background:url(images/ico.gif) no-repeat -181px -132px;
	padding:0 0 0 20px;
}

#pageGaucheCatalogue ul li a:hover, #pageGaucheCatalogue ul li a.actif{
	color:#b9b9b9;
	background:url(images/ico.gif) no-repeat -181px -202px;
}

#pageDroiteCatalogue{
	background:#242424;
}

#pageDroiteCatalogue h3{
	font-size:14px;
	margin:0 0 15px 0;
	padding:5px 0 0 18px;
}

#paginationCatalogue{
	text-align:center;
	margin:10px 40px 0 0;
}

#paginationCatalogue a{
	text-decoration:none;
	color:#b9b9b9;
	padding:0 5px 0 5px;
	margin:0 2px 0 2px;
}

#paginationCatalogue a:hover, #paginationCatalogue a.actif{
	background:#f39436;
	color:#3e3e3e;
}

.vignetteCatalogue{
	float:left;
	width:117px;
	margin:0 0 5px 18px;
	display:inline;
	height:140px;
}

.vignetteCatalogue .vignetteCatalogueImg{
	width:113px;
	height:113px;
	text-align:center;
	border:2px solid #242424;
}

.vignetteCatalogue .vignetteCatalogueTexte{
	text-align:center;
}

.vignetteCatalogue .vignetteCatalogueImg:hover{
	border:2px solid #f39436;
}

#lienCatalogue{
	background:url(images/ico_catalogue.gif) no-repeat center left;
	padding:0 0 0 40px;
	width:120px;
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	margin:0 0 0 100px;
}

#lienCatalogue:hover{
	text-decoration:underline;
}

/*****************************	CATALOGUE	***********************/

/*****************************	CONTACT	****************************/

#googleMap{
	width:350px;
	height:280px;
}

#formContact{
	margin:10px 0 0 60px;
	padding:0;
}

#formContact label{
	display:block;
	color:#b1b1b1;
}

#formContact input{
	display:block;
	margin:0 0 5px 0;
	padding:0;
}

#formContact textarea{
	display:block;
	margin:0 0 5px 0;
	width:250px;
	height:35px;
}

#mentionLegale{
	margin:10px 0 0 20px;
}

/*****************************	CONTACT	****************************/

/****************************	PIED	****************************/

#pied{
	position:absolute;
	top:610px;
	left:640px;
	font-size:13px;
}

#pied p{
	margin:0;
	padding:0;
}

#pied p a{
	text-decoration:none;
	color:#bebebe;
	margin:0 5px 0 5px;
}

#pied p a:hover{
	text-decoration:underline;
}

/****************************	PIED	****************************/
