body 
{
	margin:0;
	background-color: Black;
	color: White;
	font-family: Lucida Sans Unicode;
}
a
{
	text-decoration: none;
	color: #808074;
}
#Test
{
	position: absolute;
	top: 0;
	left: 0;
	height: 560px;
	width: 2500px;
	background-color: Red;
	display:none;
}
#Warper
{
	width: 1008px;
	margin-left: auto;
	margin-right: auto;
}
#WarperTop
{
	background-image:url('/img/Head.jpg');
	height: 144px;
	display: block;
}
h1
{
	background-image:url('/img/Header.jpg');
	margin: 0;
	width: 1008px;
	height: 96px;
	color: white;
	display: block;
	font-size:0;
	font-family: Arial Narrow, Arial;
}
#logo
{
	float:left;
	display: block;
	margin-left: 31px;
}
#Urgence
{
	background-image:url('/img/Urgence.jpg');
	width: 154px;
	height: 126px;
	float:left;
	display: block;
	clear: right;
}
#Urgence:hover
{
	background-image:url('/img/UrgenceOver.jpg');
}
#WarperLeft
{
	background-image:url('/img/MenuLeft.jpg');
	background-repeat:repeat-y;
	width: 264px;
	height: 327px;
	float: left;
}
#WarperContent
{
	background-image:url('/img/Content.jpg');
	background-repeat: no-repeat;
	width: 744px;
	height: 327px;
	float: left;
}
div.Content
{
	width: 625px;
	height: 300px;
	background-repeat:no-repeat;
	padding: 25px 40px 20px 0;
	color: #808074;
	font-size: 10pt;
}
div.Content h5
{
	font-family: Arial Narrow, Arial;
	font-size: 16pt;
	font-weight: normal;
	margin:0;
	padding:0;
	color:#FFC423;
}
div.Content h2
{
	font-family: Arial Narrow, Arial;
	font-size: 16pt;
	font-weight: normal;
	margin:0;
	padding:0;
	color: #808074;
}
div.Content p
{
	margin:0;
	padding:0;
}
div.Content p a
{
	text-decoration: none;
	color: #FFC423;
}
div.accueil
{
	color: White;
	background-image:url('/img/backAccueil.jpg');
	padding: 40px 40px 20px 10px;
}
div.toiture
{
	background-image:url('/img/backToit.jpg');
}
div.renovation
{
	background-image:url('/img/backReno.jpg');
}
div.produits
{
	background-image:url('/img/backPro.jpg');
}

div.programme
{
	background-image:url('/img/programme.jpg');
}

div.vent
{
	background-image:url('/img/backVent.jpg');
}
div.spec
{
	background-image:url('/img/backSpec.jpg');
}
div.fini
{
	background-image:url('/img/backFini.jpg');
}
div.deneigement
{
	background-image:url('/img/backDeneigement.jpg');
}
div.toitmetal
{
	background-image:url('/img/backToitMetal.jpg');
}
div.tpo
{
	background-image:url('/img/backTPO.jpg');
}
div.elasto
{
	background-image:url('/img/backElasto.jpg');
}
div.toiture p
{
	width:440px;
}
div.produits p
{
	margin-top:20px;
	width:440px;
}
div.renovation p
{
	margin-top:20px;
	width:360px;
}
div.produits h3
{
	color:#FFC423;
}
#WarperFooter
{
	background-image:url('/img/Footer.jpg');
	background-repeat: no-repeat;
	width: 924px;
	height: 63px;
	clear: both;
	text-align: right;
	color: White;
	font-family: Arial Narrow, Arial;
	font-size: 10pt;
	padding-right: 84px;
}
#Couvreur
{
	float:left;	
}
#WarperFooterContent
{
	font-family: Arial Narrow, Arial;
	border-bottom:solid	1px #838384;
	border-top:solid 1px #838384;
	margin: 10px 0 0 0;
	padding: 10px 0;
	float: left;
	width: 660px;
	height:106px;
	color: #808074;
}
#WarperFooterContent h3
{
	margin: 0;
}
#WarperFooterContent p
{
	display: inline;
	font-size: 8pt;
	font-family: Lucida Sans Unicode;
}
#WarperFooterContent h4
{
	display: inline;
	font-size: 8pt;
	margin: 0;
	color: #FFC423;
	font-family: Lucida Sans Unicode;
}
#Promo
{
	border-right: dotted 1px #838384;
	margin: 0 15px 0 0;
	padding-right:15px;
	width: 240px;
	float: left;
	height: 106px;
}
#News
{
	border-right: dotted 1px #838384;
	padding-right:15px;
	margin: 0 20px 0 0;
	width: 240px;
	height: 106px;
	float: left;
}
#TopMenu
{
	width: 507px;
	height:131px;
	display: block;
	float:left;
	border-top: solid 1px #838384;
	margin: 65px 0 0 30px;
}
#TopMenu ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}
#TopMenu ul li
{
	float:left;
	display:block;
	width:79px;
	padding: 0px 0px;
	text-align:left;
}

#TopMenu ul li a
{
	height: 73px;
	text-decoration:none;
	font-family: Arial Narrow, Arial;
	font-weight: bold;
	color: White;
	font-size: 8pt;
	display:block;
	padding-top:2px;
}
#TopMenu ul li a:hover
{
	padding-top:0;
	color: #FFC423;
	border-bottom: solid 2px #FFC423;
	border-top: solid 2px #FFC423;
}
#WarperLeft h2
{
	color:#FFC423;
	text-align: right;
	font-family: Arial Narrow, Arial;
	font-size: 12pt;
	font-weight: normal;
	margin: 12px 33px 0 30px;
	padding: 10px 0 30px 0;
	border-bottom: solid 1px #838384;
	border-top: solid 1px #838384;
}
#MenuLeft
{
	width:201px;
	list-style:none;
	text-align: right;
	margin: 0 30px 0 0;
}
#MenuLeft li
{
	margin: 10px 10px;
	font-size: 10pt;
	font-weight: normal;
}
#MenuLeft li a, .SousMenu li a
{
	text-decoration:none;
	color:inherit;
}
#MenuLeft li.active
{
	color:#FFC423;
}
.SousMenu
{
	padding-left: 20px;
	font-size:12pt;
}
.SousMenu li.active
{
	color:#FFC423;
}
.italic
{
	font-style:italic;	
}
.logoFourn
{
	float: left;
	margin: 10px;
	border-style:none;
}