/* font: style variant weight size/line-height family*/

body {
	margin: 0px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: Arial, Verdana, sans-serif;
}
img {
	border: 0;
}
sup {
	font-weight: bold;
}
.fond-accueil {
	background-image: url(images/fond-accueil.jpg);
}
.fond-contact {
	background-image: url(images/fond-contact.jpg);
}
.fond-decoration {
	background-image: url(images/fond-decoration.jpg);
}
.fond-sport-chasse {
	background-image: url(images/fond-sport-chasse.jpg);
}
.fond-batiment {
	background-image: url(images/fond-batiment.jpg);
}

/* ELEMENTS */

address{
	position: absolute;
	top: 563px;
	left: 250px;
	font: italic normal bold 13px/23px Arial;
	color: #fff;
}
#slogan{
	position: absolute;
	top: 16px;
	left: 270px;
	font: italic normal bold 13px/20px Arial;
	color: #fff;
	letter-spacing: 0.1em;
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
}

#siteWeb{
	position: absolute;
	top: 600px;
	left: 400px;
	text-align: center;
	margin: 10px;
	line-height: 10px;
}
#siteWeb a{
	color: #edd;
	font-size: 10px;
	text-decoration: none;
}
#siteWeb a:hover{
	color: #fff;
	text-decoration: none;
}

/*** menu ***/

#menu{
	position: absolute;
	top: 340px;
	left: 70px;
}
#menu a {
	display: block;
	width: 179px;
	height: 27px;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
}

#menu a#m-accueil{
	background-position: 0px 0px;
}
#menu a#m-decoration{
	background-position: 0px -27px;
}
#menu a#m-sport-chasse{
	background-position: 0px -54px;
}
#menu a#m-batiment{
	background-position: 0px -81px;
}
#menu a#m-contact{
	height: 30px;
	background-position: 0px -108px;
}

#menu a:hover {
	background-image: url(images/menu-up.gif);
}

/* FICHE */

.fiche{
	position: absolute;
	width: 167px;
	color: #fff;
	font-size: 11px;
	padding: 6px 0px;
}
.fiche .h1{
	font-size: 18px;
	margin: 2px 10px;
	font-style: italic;
}

.fiche h2{
	font-size: 13px;
	margin: 2px 10px;
	font-style: italic;
}

.fiche .h2{
	font-size: 13px;
	margin: 2px 10px;
	font-style: italic;
}

.fiche .h4 {
	font-size: 13px;
	margin: 2px 10px;
	font-style: italic;
	line-height: 13px;
	padding: 2px 2px 2px 10px;
}
.fiche .h4 a{
	text-decoration: none;
	color: #fff;
}
.fiche .h4 a:hover{
	text-decoration: none;
	color: #333;
}

.fiche .h4:first-letter , .fiche h4 a:first-letter{
	font-size: 11px;
}

.fiche p{
	font-size: 11px;
	margin: 2px 10px;
}

/*** deco de la fiche ***/

.f-haut {
	position: absolute;
	top: -17px;
	left: 0px;
}
.f-bas {
	position: absolute;
	bottom: -17px;
	right: 0px;
}

/*** fiches selon page ***/

.fiche.f-accueil {
	top: 140px;
	left: 820px;
	color: #fff;
}
.f-accueil {
	background-color: #f00;
}

.fiche.f-decoration-1 {
	top: 150px;
	left: 262px;
	color: #fff;
}
.fiche.f-decoration-2 {
	top: 150px;
	left: 448px;
	color: #fff;
}

.c-decoration {
	background-color: #f09;
}
.c-batiment {
	background-color: #eb0;
}
.c-sport {
	background-color: #a74;
}

.fiche.f-contact {
	top: 200px;
	left: 340px;
	color: #fff;
	width: 528px;
	background-color: #fa0000;
}
.demiContact {
	float: left;
	width: 264px;
	text-align: right;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
	
.demDroite {
	text-align: left;
}	
	
#mail{
	display: block;
	position: absolute;
	top: 80px;
	left: 340px;
	width: 299px;
	height: 84px;
	background-image: url(images/fond-mail.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	line-height: 84px;
	padding-left: 80px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

/* CONTENU */

/*** page accueil **/

#hexa-accueil{
	position: absolute;
	top: 60px;
	left: 170px;
}

/*** diaporamas flash ***/

#diapo{
	position: absolute;
	top: 130px;
	left: 650px;
}





.gras {
	font-weight:bold;
}