/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

p{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

html { margin:0; padding: 0;
}

body { 
   margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
	background: #F8F8F8 url('images/bg-main.gif') repeat-y top center;
}

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0; padding:0; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}

h1{
   color: #333;
   font-size: 150%;
}
h2{
   color: #333;
   font-size: 135%;
}
h3{
   color: #333;
   font-size: 100%;
}
h4{
   font-size: 120%;
}
h5{
   font-size: 100%;
}
h6{
   font-size: 100%;
}

/* =Links-----------------------------------------------------------------------------*/

a{
   color: #0089D7;
   text-decoration: none;
}
a:hover{
   color: #333;
   text-decoration: none;
}

/* =Class-----------------------------------------------------------------------------*/

.clear{ /* Class for clearing floats */clear:both; padding: 5px 0 0 0;}
.left { float: left;}
.right { float: right;}
.note{ padding: 20px 10px; margin: 20px 0; border: 1px solid #7684A8; background-color: #525E7F; text-align: center;}
.center{ text-align: center;}
a.more{background: transparent url('images-css/bt-more.gif') no-repeat top left; display: block; float: right; text-indent: -10000px; width:60px; height: 25px; margin: 10px 0;}
a.pdf-content{border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc; padding: 10px 0; display: block; font-size: 85%; text-transform: uppercase; 	background: transparent url('images-css/link-blank.gif') no-repeat center right;}

/* =Top -----------------------------------------------------------------------------*/

#topWrap{
	width: 100%;
	background: #000 url('images-css/bg-top.gif') repeat-x top left;
}
#top{
	width: 995px;
	position: relative;
	margin: 0;
	padding: 0;
	height: 90px;
}
#top h1 a{
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url('images-css/logo-uni-spec-top.gif') no-repeat top left;
	height: 90px;
	width: 250px;
	display: block;
}
#top h1 a span{
	display: none;
}
#top h1 a:hover{
	background: transparent url('images-css/logo-uni-spec-top-hover.gif') no-repeat top left;
}

/* =Navigation Secondaire -----------------------------------------------------------------------------*/

#top ul#nav-secondaire {
	position: absolute; top: 10px; right: 0;
	font-size: 75%;
	text-transform: uppercase;
}
#top ul#nav-secondaire li{
	display: inline;
	padding: 4px 10px;
}
#top ul#nav-secondaire li a{
	color: #ccc;
}
#top ul#nav-secondaire li a:hover{
	color: #fff;
}

/* =Navigation Principale -----------------------------------------------------------------------------*/

#top ul#nav-principale {
	position: absolute; bottom: 0; right: 0;
	font-size: 75%;
	text-transform: uppercase;
}
#top ul#nav-principale li{
	display: inline;
	float: left;
	margin: 0 1px;
}
#top ul#nav-principale li a{
	color: #fff;
	background: transparent url('images-css/bg-nav-principale-left.gif') no-repeat top left;
	display: block;
	height: 35px;
}
#top ul#nav-principale li a span{
	background: transparent url('images-css/bg-nav-principale-right.gif') no-repeat top right;
	display: block;
	height: 21px;
	padding: 14px 10px 0;
	cursor: pointer;
}
#top ul#nav-principale li a:hover,
#top ul#nav-principale li.active a{
	color: #fff;
	background-position: bottom left;
}
#top ul#nav-principale li a:hover span,
#top ul#nav-principale li.active a span{
	color: #fff;
	background-position: bottom right;
}

/* =Bandeau -----------------------------------------------------------------------------*/

#bandeauWrap{
	width: 100%;
	margin: 0;
	border-top: 1px solid #57A5D1;
	background: #307EAA url('images-css/bg-bandeau.gif') no-repeat top left;
}
#bandeau{
	width: 500px;
	margin: 0;
	padding: 10px 0 10px 495px;
}
#bandeau h1#groupe-uni-spec,
#bandeau h1#neige-usee{
	width: 400px;
}
#bandeau h1#logi-trace{
	background: transparent url('images-css/h1-logitrace.gif') no-repeat top left;
	height: 65px;
}
#bandeau h1#groupe-uni-spec{
	background: transparent url('images-css/h1-groupe-uni-spec.gif') no-repeat top left;
	height: 50px;
}
#bandeau h1#neige-usee{
	background: transparent url('images-css/h1-neige-usee.gif') no-repeat top left;
	height: 80px;
}
#bandeau h1#ventes{
	background: transparent url('images-css/h1-ventes.gif') no-repeat top left;
	height: 80px;
}
#bandeau h1#manufacturiere{
	background: transparent url('images-css/h1-manufacturiere.gif') no-repeat top left;
	height: 80px;
}
#bandeau h1#stationnement{
	background: transparent url('images-css/h1-stationnement.gif') no-repeat top left;
	height: 80px;
}
#bandeau h1#alumineries{
	background: transparent url('images-css/h1-alumineries.gif') no-repeat top left;
	height: 80px;
}
#bandeau h1#propos{
	background: transparent url('images-css/h1-propos.gif') no-repeat top left;
	height: 80px;
}
#bandeau h1#joindre{
	background: transparent url('images-css/h1-joindre.gif') no-repeat top left;
	height: 80px;
}

#bandeau h1 span{
	display: none;
}
#bandeau p{
	color: #F3F2F2;
	line-height: 18px;
	padding: 6px 0;
}
#bandeau p a.more-home{
	display: block;
	color: #222;
	font-weight: bold;
	padding: 10px 20px;
	width: 90px;
	height: 17px;
	letter-spacing: -0.04em;
	background: transparent url('images-css/bt-more-home.gif') no-repeat center top;
	float: right;
}
#bandeau p a.more-home:hover{
	background: transparent url('images-css/bt-more-home.gif') no-repeat center bottom;
}
/* =Container -----------------------------------------------------------------------------*/

#container{
	position:relative;
	width: 100%;
	margin: 0;
	padding: 5px 0 10px 0;
	float: left;
	background: #fff url('images-css/bg-top-container.gif') repeat-x top left;
}

/* =Content Home-----------------------------------------------------------------------------*/

#container #content-home{
	width: 950px;
	padding: 20px 0 15px 0;
	margin-left: 45px;
	border-bottom: 1px dotted #ccc;
}
#container #content-home img{
	float: left;
	margin-right: 20px;
}
h2#logi-trace-home{
	background: transparent url('images-css/h1-home-logitrace.gif') no-repeat bottom left;
	height: 65px;
	margin-left: 473px;
}
h2#logi-trace-home span{
	display: none;
}
div.colonne-home{
	width: 300px;
	margin-right: 10px;
	float: left;
}
div#bloc-home{
	clear: both;
	padding: 0px 0 0 45px;
	float: left;
}
div.colonne-home h2{
	line-height: 16px;
	padding: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	margin-top: 20px;
	border-bottom: 1px dotted #E4E4E2;
}
#container #content-home p,
div.colonne-home p{
	line-height: 18px;
	color: #444;
	padding: 6px 0;
}
div.colonne-home img{
	padding:2px;
	border: 1px solid #DBDBD8;
	margin: 10px 0;
}

/* =Side Content -----------------------------------------------------------------------------*/

#container #side-content img{
	padding:3px;
	border: 1px solid #DBDBD8;
	margin: 10px 2px;
}
#container #side-content{
	float: left;
	width: 290px;
	padding-right: 30px;
	padding-left: 45px;
}
#container #side-content div{
	border: 1px solid #DBDBD8;
	background-color: #F8F8F8;
	padding: 10px;
	padding-top: 0;
}
#container #side-content div h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	text-align: center;
	padding: 10px 0;
}
#container #side-content div ul{
	border: 1px solid #E4E4E2;
	background-color: #fff;
	padding: 5px 10px;
	padding-bottom: 15px;
	list-style: none;
}
#container #side-content div ul li{
	border-bottom: 1px solid #E4E4E2;
}
#container #side-content div ul#telechargements li{
	background: transparent url('images-css/ul-li-puce-pdf.gif') no-repeat center left;
}
#container #side-content div ul li p{
	padding: 5px;
	color: #333;
	line-height: 18px;
}
#container #side-content div ul#telechargements li a{
	padding-left: 28px;
	padding-right: 15px;
	background: transparent url('images-css/link-blank.gif') no-repeat center right;
}
#container #side-content div ul li a{
	padding: 6px 0;
	padding-left: 10px;
	margin-right: 4px;
	display: block;
	background: transparent url('images-css/ul-li-puce-jaune.gif') no-repeat center left;
}
#container #side-content div ul li.active a,
#container #side-content div ul li a:hover{
	color: #333;
	background: transparent url('images-css/ul-li-puce-jaune.gif') no-repeat center right;
}

/* =Content -----------------------------------------------------------------------------*/

#container #content{
	width: 630px;
	padding: 0 0 30px 0;
	float: left;
}
#container #content h1,
#container #content h2{
	border-bottom: 1px solid #E4E4E2;
	margin: 10px 0;
	padding: 3px 0; 
}
#container #content h3{
	font-size: 125%;
	margin: 10px 0 0 0;
	padding: 3px 0; 
}

#container #content p{
	line-height: 18px;
	color: #333;
	padding: 10px 0;
}
#container #content ul{
	list-style: none;
	line-height: 16px;
	color: #333;
	padding: 10px 0;
}
#container #content ul li{
	padding: 3px 0;
	padding-left: 15px;
	background: transparent url('images-css/ul-li-puce-bullet-gris.gif') no-repeat top left;
	background-position: 0 10px;
}
#container #content ul li ul{
	border: 1px solid #ddd;
	background-color: #fcfcfc;
	width: 400px;
	margin-top: 10px;
	padding: 10px;

}
#container #content ul li ul li{
	padding: 2px 0;
	padding-left: 15px;
	background: transparent url('images-css/ul-li-puce-crochet-noir.gif') no-repeat top left;
	background-position: 0 8px;
	color: #555;
	font-style: italic;
}
/* =Contact Us Bottom-----------------------------------------------------------------------------*/

#contact-us{
	clear: both;
	padding: 0;
	border-bottom: 1px solid #000;
	background:#000000;
   font-size: 200%;
   color: #f1f1f1;
}
#content-contact-us{
	width: 950px;
	
	margin-right: 10px;
	
  
}
#content-contact-us img{
	vertical-align: middle;
}
#contact-us span{
   color: #666;
   font-size: 75%;
   font-style: italic;
   padding: 0 5px;
}
#coord{	
	right:15px;
}



		


/* =Footer-----------------------------------------------------------------------------*/

#footer{
	clear: both;
	
	border-top: 1px solid #262626;
	background: #030303 url('images-css/bg-top.gif') repeat-x top left;
   font-size: 85%; 
}
#footer p{
   color: #333;
   padding: 0;
   text-align: left;
}
#footer p span{
   color: #777;
}
#footer a{
   color: #52A4FF;
}
#footer a:hover{
	color:#1657A0;
}
div.colonne-footer{
	width: 170px;
	margin-right: 20px;
	float: left;
}
#footer h3{
	height: 40px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	
	color: #eee;
}
div.colonne-footer ul{
	border-top: 1px solid #222;
	list-style: none;
	padding-bottom: 20px;
}
div.colonne-footer ul li{
	padding: 6px 0;
	padding-left: 10px;
	background: transparent url('images-css/ul-li-puce-gris.gif') no-repeat center left;
}
#col-footer-left{
	width: 550px;
	margin-right: 20px;
	float: left;
	padding-bottom: 40px;
}
#col-footer-left p{
	padding: 6px 0;
	line-height: 18px;
	color: #bbb;
}
#col-footer-right{
	width: 360px;
	margin-right: 10px;
	float: left;
	padding-bottom: 40px;
}
#col-footer-right p{
	list-style: none;
	padding: 4px 0;
	line-height: 18px;
	color: #bbb;
}
#col-footer-left h3,
#col-footer-right h3{
	border-bottom: 1px solid #222;
	height: 25px;
	margin-bottom: 10px;
}