body
{
	margin: 0 auto;
	background: url(images/bg.jpg) top center repeat-x #FFFFFF;
	font-family: Arial, Helvetica, Georgia, serif;
}

.pro
{
	margin: 0 auto;
	background: url(images/bg_pro.jpg) top center repeat-x #FFFFFF;
	font-family: Arial, Helvetica, Georgia, serif;
}

.part
{
	margin: 0 auto;
	background: url(images/bg_part.jpg) top center repeat-x #FFFFFF;
	font-family: Arial, Helvetica, Georgia, serif;
}

.cat
{
	float: left;
	margin: 10px 10px;
	width: 204px;
	height: 175px
}

#content2 .cat p
{
	width: 204px;
	text-align: center;
	margin: 0;
}

.cat img
{
	width: 200px;
	height: 151px;
	padding: 1px;
	border: 1px solid #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#wrapper
{
	width: 1062px;
	height: 1010px;
	margin: 0 auto;
	background: url(images/ombre.png) top center no-repeat;
}

.clr
{
	clear: both;
}

a
{
	color: #4f4f4f;
	text-decoration: none;
}

img
{
	border: none;
}

#header
{
	width: 992px;
	height: 325px;
	margin: 0 auto
}

#header #left
{
	float: left;
	width: 313px;
	height: 325px;
}

#logo
{
	width: 208px;
	height: 192px;
	margin-top: 20px;
	margin-left: 50px;
}

#logo a
{
	display: block; 
	width: 208px;
	height: 192px;
	background: url(images/logo_alium_concept.png) top center no-repeat;
}

#contact
{
	width: 195px;
	height: 64px;
	margin-top: 30px;
	margin-left: 50px;
}

#contact a
{
	display: block;
	width: 195px;
	height: 64px;
	background: url(images/contact.png) top center no-repeat;
}

#header #right
{
	float: left;
	width: 679px;
	height: 325px;
}

#h1
{
	width: 679px;
	height: 25px;
	text-align: right;
	margin-bottom: 3px;
}

h1
{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	margin-right: 5px;
	padding-top: 5px;
}

#slider
{
	width: 679px;
	height: 297px;
	overflow: hidden;
}

#slider2
{
	width: 678px;
	height: 253px;
	overflow: hidden;
}

#corps
{
	clear: both;
	width: 991px;
	margin: 0 auto;
}

#menu
{
	float: left;
	width: 313px;
	height: 600px;
	background: url(images/bg_menu.png) top center no-repeat;
}

#menu ul
{
	margin: 0;
	margin-top: 30px;
	padding: 0;
	list-style-type: none;
}

#menu ul li
{
	width: 312px;
	height: 27px; 
	margin-top: 2px;
	margin-bottom: 5x;
}

#menu ul li:hover
{
	width: 312px;
	height: 56px; 
}

.portes_automatiques
{
	background: url(images/icone1.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
}

.portes_automatiques:hover
{
	background: url(images/icone1_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	width: 217px;
	display: block;
}

.rideaux_metalliques
{
	background: url(images/icone2.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.rideaux_metalliques:hover
{
	background: url(images/icone2_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.portes_industrielles
{
	background: url(images/icone3.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.portes_industrielles:hover
{
	background: url(images/icone3_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.barrieres_bornes
{
	background: url(images/icone3a.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.barrieres_bornes:hover
{
	background: url(images/icone3a_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.portes_garage
{
	background: url(images/icone4.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.portes_garage:hover
{
	background: url(images/icone4_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.portails
{
	background: url(images/icone5.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.portails:hover
{
	background: url(images/icone5_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.volets_roulants
{
	background: url(images/icone6.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.volets_roulants:hover
{
	background: url(images/icone6_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.accessoires
{
	background: url(images/icone7.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.accessoires:hover
{
	background: url(images/icone7_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.espace_pharmacien
{
	background: url(images/icone8.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.espace_pharmacien:hover
{
	background: url(images/icone8_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.personne_mobilite_reduite
{
	background: url(images/icone9.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
}

.personne_mobilite_reduite:hover
{
	background: url(images/icone9_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	width: 217px;
	display: block;
}

.espace_commercant
{
	background: url(images/icone10.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.espace_commercant:hover
{
	background: url(images/icone10_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.contrats_entretien
{
	background: url(images/icone11.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.contrats_entretien:hover
{
	background: url(images/icone11_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.references
{
	background: url(images/icone12.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.references:hover
{
	background: url(images/icone12_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.sponsoring
{
	background: url(images/icone13.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.sponsoring:hover
{
	background: url(images/icone13_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.contact
{
	background: url(images/icone14.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.contact:hover
{
	background: url(images/icone14_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.recrutement
{
	background: url(images/icone15.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.recrutement:hover
{
	background: url(images/icone15_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

.connaitre
{
	background: url(images/icone16.png) bottom left no-repeat;
	color: #000000;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 257px;
	display: block;
	height: 14px;
}

.connaitre:hover
{
	background: url(images/icone16_hover.png) bottom left no-repeat;
	color: #1a7cd1;
	font-size: 18px;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 20px;
	width: 217px;
	display: block;
	height: 21px;
}

#menu2
{
	float: left;
	width: 677px;
	height: 45px;
	background: url(images/bg_menu2.png) top center no-repeat;
}

#menu2 p, #topmenu p
{
	margin: 0;
	width: 677px;
	line-height: 45px;
	font-size: 16px;
	margin-left: 70px;
}

#menu2 p a, #topmenu p a
{
	color: #000000;
}

#menu2 p a:hover, #topmenu p a:hover
{
	font-weight: bold;
	font-size: 20px;
}

#topmenu
{
	float: left;
	width: 677px;
	height: 44px;
	background: url(images/topmenu.png) top center no-repeat;
}

#menu3
{
	float: left;
	width: 677px;
	height: 33px;
	background-color: #0592d0;
}

#menu3 p
{
	margin: 0;
	width: 677px;
	line-height: 33px;
	font-size: 14px;
	margin-left: 10px;
	color: #FFFFFF;
}

#menu3 p a
{
	color: #FFFFFF;
	padding: 5px;
}

#menu3 p a:hover
{
	padding: 5px;
	background-color: #005198;
}

#content
{
	float: left;
	width: 677px;
	height: 640px;
	background: url(images/bg_content.png) bottom center repeat-x #FFFFFF;
}

#content2
{
	float: left;
	width: 677px;
	height: 654px;
	background: url(images/bg_content.png) bottom center repeat-x #FFFFFF;
}

#access
{
	margin-top: 20px;
	height: 255px;
}
#pro
{
	float: left;
	width: 303px;
	height: 250px;
	background: url(images/pro.png) top center no-repeat;
	margin-left: 30px;
}

#pro a
{
	display: block;
	width: 303px;
	height: 276px;
}

#part
{
	float: left;
	width: 303px;
	height: 250px;
	background: url(images/particulier.png) top center no-repeat;
	margin-left: 25px;
}

#part a
{
	display: block;
	width: 303px;
	height: 276px;
}

h2
{
	font-size: 18px;
	margin-top: 5px;
	margin-left: 30px;
}

#content p, #content2 p
{
	font-size: 12px;
	margin: 12px 30px;
	text-align: justify;
}

#force
{
	width: 593px;
	height: 68px;
	margin: 0 auto;
	background: url(images/cadre_ok.png) top center no-repeat;
	margin-top: 2px;
}

#content #force .un
{
	float: left;
	font-weight: bold;
	text-decoration: underline;
	margin: 13px 22px;
	margin-left: 30px;
}

#content #force .deux, #content #force .trois, #content #force .quatre
{
	float: left;
	margin: 13px 22px;
}

hr
{
	width: 617px;
	height: 1px;
	color: #0592d0;
	background-color: #0592d0;
	border: 0;
}

#footer
{
	clear: both;
	width: 992px;
	height: 256px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#footer h3
{
	color: #4F4F4F;
	font-weight: normal;
	font-size: 14px;
}

#footer ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #6da5d6;
}

#footer ul li a
{
	color: #6da5d6;
}

#footer1, #footer2, #footer3
{
	float: left;
	margin: 0 50px;
}

#footer4
{
	float: left;
	margin: 0 50px;
	margin-right: 20px;
}

#footer5
{
	float: left;
	margin-top: 17px;
	margin-left: 55px;
}

#copyright
{
	clear: both;
	font-size: 11px;
}

#copyright p, #copyright p a
{
	color: #4F4F4F;
}

.copy
{
	float: left;
	margin-top: 25px;
	margin-left: 15px;
	margin-bottom: 3px;
}

.right
{
	font-variant: small-caps;
	float: right;
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 3px;
}