/* CSS Document */
body {
  font-family: arial, lucida, verdana, helvetica, sans-serif, "Trebuchet MS";
  color:black;
  font-size:1em;
  background-color:#f0f5f8;
  margin:0;
}

/********************************/ 
/*                              */
/*----------Main Layout---------*/
/*                              */
/********************************/

#screen{
	/*width: 100%;
	background-image: url(../images/backgroundGradient.jpg);
	background-repeat: repeat-x;
	border-top: thin #FFFFFF dashed;*/
	margin: auto;
	width: 760px;
}
	#interface{
		margin-top: 5px;
		width: 760px;
		border: thin solid #669999;
		background-color: #FFFFFF;
		float: left;
	}
		#header1{
			width: 760px;
			height: 40px;
			background-image: url(/images/header1.gif);
		}
		#header2{
			width: 760px;
			height: 43px;
			background-image: url(/images/header2.gif);
		}
		#header2 #sousMenu{
			float: left;
			color: white;
			padding-left: 242px;
			padding-top: 17px;
			font-size: 11px;
		}
		#header2 #sousMenu a{
			text-decoration: none;
			color: white;
		}		
		#header2 #sousMenu a:hover{
			color:#004a6f;
		}
		#content{
			width: 760px;
			float: left;
		}
			#rightColonne{
				float: right;
				width: 535px;
				/*min-height: 430px;*/
				/*height: 430px;*/
				/*background-image: url(/images/homebg.gif);
				background-position: bottom right;
				background-repeat: no-repeat; */
			}
				#rightColonneContent{
					margin: 15px;
				}
				#rightColonneContent #downloads{
					float: left;
					font-size: 12px;
					margin-top: -20px;
					width: 496px;
					height: 45px;
					color: #999999;
				}
				#rightColonneContent #downloads .placeIconBox{
					float: left;
					margin-left: -5px;
					width: 170px;
					height: 35px;
				}
				#rightColonneContent #downloads .placeIconBox .placeIcon{
					float: left;
					width: 19px;
					height: 19px;
					margin-top: 7px;
					margin-left: 3px;
				}
				#rightColonneContent #separation{
					width: 488px;
					height: 25px;
					float: left;
					margin-top: 1px;
					border-top: thin dashed #eeeeee;
				}
				#rightColonneContent table{
					clear: both;
					width: 235px;
					border: 1px solid #63a2a5;
					margin: 10px 0 0 0;
					border-collapse: collapse;
					}
					#rightColonneContent table th{
						color: #fff;
						background-color: #63a2a5;
						font-size: 16px;
						font-weight: bold;
						padding: 5px 0 5px 0;
						}
					#rightColonneContent table table{
						clear: both;
						margin: 0;
						padding: 0;
						border-collapse: collapse;
						}
						#rightColonneContent table table th{
							color: #fff;
							background-color: #8ebbbe;
							font-size: 13px;
							font-weight: bold;
							padding: 5px 0 5px 5px;
							text-align: left;
							}
					#rightColonneContent table table td{
						font-size: 12px;
						padding: 2px 0 2px 5px;
						text-align: left;
						}
				#rightColonneContent table .centered-text th{
					text-align: center;
					}
				#rightColonneContent table .sizes th{
					text-align: center;
					font-size: 12px;
					color: #63a2a5;
					background-color: #fff;
					}
				#rightColonneContent #locker-sizes{
					float: left;
					margin: 10px 0 0 0;
					border: 1px solid #63a2a5;
					}
					#rightColonneContent #locker-sizes .subheadings{
					  	text-align: center;
						font-size: 12px;
						color: #fff;
						background-color: #8ebbbe;
						}
					#rightColonneContent #locker-sizes .measures{
						margin: 0;
						padding: 5px 20px 5px 20px;
						}
					#rightColonneContent #locker-sizes .doors-number{
						padding: 5px 20px 5px 20px;
						margin: 0;
						text-align: center;
						}
					#rightColonneContent #locker-sizes td{
						color: #666;
						font-size: 12px;
						}
					.caption{
						font-style: italic;
						font-size: 11px;
						color: #666666;
						}
					
				
			#leftColonne{
				float: left;
				width: 221px;
				background-image: url(/images/menu-repeat.gif);
				background-repeat: repeat-y;
				margin: 0px;
				padding: 0px;
			}
			#leftColonneTop{
				float: left;
				width: 221px;
				background-image: url(/images/menu-top.gif);
				background-repeat: no-repeat;
				background-position: top left;
				}
				#leftColonneContent{
					width: 194px;
					text-align:left;
					/*margin-left: 9px;
					margin-right: 20px;*/
					margin: 0;
					color: white;
					font-size: 11px;
					padding: 0 20px 35px 7px;
					background-image: url(/images/menu-bottom.gif);
					background-repeat: no-repeat;
					background-position: bottom left;
				}
				
				#leftColonneContent ul {
					padding: 0px;
					margin: 8px 0 0 0px;
					list-style-type: none;
				}

				#leftColonneContent li{
					padding-left: 10px;
					line-height: 14px;
				}
				
				#leftColonneContent li .menuTitle {
					color: #8ebbbe;
					font-size: 13px;
					font-weight: bold;
				}
				#leftColonneContent li a{
					text-decoration: none;
					color: white;
				}
				#leftColonneContent li a:hover{
					text-decoration: none;
					color: #00ccff;
				}

			
		#footer{
			clear: both;
			width: 760px;
			height: 120px;
			background-image: url(/images/footer.gif);
			background-position:bottom;
			background-repeat: no-repeat;
		}
		#links{
			padding-top: 60px;
		}
		#links a{
			text-decoration: none;
			color:#666666;
			font-size: 0.8em;
			margin-right: 5px;
		}
		#links a:hover{
			text-decoration: none;
			color: #63A2A5;
		}
		#footer2{
			clear: both;
			width: 760px;
			margin-top: 5px;
		}
			#footer2 .footerText{
				float: left;
				font-size: 0.7em;
			}
				#footer2 a{
					text-decoration: none;
					color: #8ebbbe;
				}
				#footer2 a:hover{
					text-decoration: underline;
					color: #8ebbbe;
				}
			#footer2 #valid{
				float: right;
			}
		

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

/*-------------Home Page-----------*/
#contentTitle{
	color: #8ebbbe;
	font-size:20px;
	font-weight: bold;
	text-align: left;
}

#LogosTop li{
	float:left;
	list-style-type: none;
	padding: 0 10px 0 0;
}
#LogosTop {
	clear: both;
	float: left;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	width: 495px;
}

#contentFilled{
	float: left;
	text-align: left;
	width: 230px;
	font-size:12px;
	margin-top: 10px;
}

#contentFilledWide{
	float: left;
	text-align: left;
	width: 460px;
	font-size:12px;
	margin-top: 0px;
}

#contentImageContainer_b{
	float: left;
	width: 313px;
	margin-top: 10px;
}

#contentImageContainer_c{
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	width: 148px;
}


#contentImageContainer{
	margin-top: 10px;
	float: right;
	padding-right: 10px;
	width: 243px;
	height: 278px;
	background-image: url(/images/zonePhotoHome.gif);
	background-repeat: no-repeat;
	padding-top: 14px;	
}


#contentImageContainerBlair{
	margin-top: 10px;
	float: right;
	padding-right: 10px;
	width: 515px;
	height: 349px;
	background-image: url(/images/zonePhotoBlair.gif);
	background-repeat: no-repeat;
	padding-top: 14px;	
}

#contentImageContainerBlair a img{
	border:none;
	}	
#contentImageContainerBlair img{
	float: left;
	padding: 3px 0 0 22px;
	}
	

#contentImageContainer img{
	float: left;
	padding: 0 0 0 18px;
	}

/* Link styles for body text links */
.text {
	margin: 4px 10px 14px 0px;
}
.text a{
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #63A2A5;
}

.text a:visited{
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #63A2A5;
}

.text a:hover {
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	color: #63A2A5;
}

.text a:active{
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #8EBBBE;
}


/*-------------Single Product Description-----------*/
#productName{
	padding-left: 20px;
	float:left;
	color: #63a2a5;
	font-size:18px;
	font-weight: bold;
	text-align: left;
}
h1{
	padding: 0 0 0 3px;
	margin: 0;
	float:left;
	color: #63a2a5;
	font-size:18px;
	font-weight: bold;
	text-align: left;
}
h2{
	padding: 30px 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	color: #63a2a5;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
}
.productZonePhoto{
	float: left;
	width: 493px;
	margin-left: -3px;
	/*background-image: url(/images/zonePhotoProducts.gif);
	background-repeat: no-repeat;*/
}
.productZonePhoto .header-product-zone-photo{
	float: left;
	width: 493px;
	height: 15px;
	}
.productZonePhoto .footer-product-zone-photo{
	float: left;
	width: 493px;
	height: 15px;
	}
.productZonePhoto .width-product-zone-photo{
	float: left;
	width: 493px;
	background-image: url(../images/product-zone-photo-width.gif);
	background-repeat: repeat-y;
	}
.productZonePhoto .width-product-zone-photo img{
	float: left;
	padding: 0 0 0 12px;
	}
.productZonePhoto .productPhoto{
	margin-top: 12px;
	margin-left: 2px;
}
.productDescriptif{
	float: left;
	text-align: left;
	max-width: 400px;
	font-size: 12px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 35px;
	color:#666666;
}
p{
	clear: both;
	text-align: left;
	font-size: 12px;
	color: #666;
	}

/*-------------Thumbnail-----------*/
#zoneThumbnail{
	margin-top: 10px;
	float: left;
	width: 505px;
}

.thumbnail{
	float: left;
	width: 168px;
	height: 200px;
	background-image: url(/images/zonePhotoThumbnail.jpg);
	background-repeat: no-repeat;
}

.thumbnail_extra{
	float: left;
	width: 168px;
	height: 200px;
	background-image: url(/images/zonePhotoThumbnail_b.jpg);
	background-repeat: no-repeat;
}

.thumbnailPhoto{
	margin: 10px 0 0 0;
}
.thumbnailPhoto img{
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	}

/*.thumbnailNoPhotoDescription{
	color: #333333;
	font-size: 12px;
	padding: 43px 10px 0px 0px;
	/*width: 84px;
	height: 27px;
	border: 1px solid black;
	margin: 0px;	
}
*/

.thumbnailSpacer{
	margin-top: 10px;
	margin-left: -15px;
	width: 133px;
	height: 144px;
}

.thumbnailPhotoDescription{
	color: #004a6f;
	float: left;
	font-size: 9px;
	padding-left:9px;
	margin-top: 7px;
	width: 84px;
	height: 27px;
	/*border: 1px solid black;*/
	text-align: left;
}
.thumbnailPrice{
	color: #004a6f;
	float: left;
	font-size: 9px;
	padding-left:6px;
	margin-top: 12px;
	height: 27px;
	/*border: 1px solid black;*/
	text-align: left;
}


/*--------------------------------------*/
/*                                      */
/*            Contact us                */
/*                                      */
/*--------------------------------------*/
#zoneContactUs{
	float: left;
	width: 493px;
	height: 521px;
	margin-left: -3px;
	background-image: url(/images/zoneContactUs.gif);
	background-repeat: no-repeat;
}
#zoneContactUs table{
	border: none;
	}
.textLeftMargin {
	width: 450px;
	float: left;
	text-align: left;
	margin-top: 20px;
	padding-left: 20px;
	font-size: 12px;
	color: #999999;
}

.textLeftMargin a{
	color: #63a2a5;
	font-weight: bold;
}	

.formInput {
	margin-left: 10px;
	float: left;
	width: 340px;
	background-color: #EDF4F5;
}
.button {
	margin-left: 10px;
}

.formTextArea {
	margin-left: 10px;
	float: left;
	width: 340px;
	background-color: #EDF4F5;
}


/*----------------------------------------------*/
/*                                              */
/*--------------Unseen Text/Links---------------*/
/*                                              */
/*----------------------------------------------*/

#seriesOfLinks p{
	clear: both;
	color: #cccccc;
	font-size: 0.7em;
	padding: 0 0 30px 0;
}

#seriesOfLinks a{
	color: #cccccc;
}

#seriesOfLinks a:visited{
	color: #cccccc;
}

#seriesOfLinks a:hover {
	color: #999999;
	text-decoration: underline;
}

#seriesOfLinks a:active{
	color: #cccccc;
}



/*-----------------------------------------*/
/*-----------------------------------------*/
/*-------------Client List-----------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/

#client-list{	
	clear: both;
	width: 450px;
	font-size: 13px;
	margin: 15px 0 0 0;
	padding: 0 0 0 30px;
	}
	#client-list li{
		clear: both;
		padding: 2px 0 2px 0;
		}
	#client-list strong{
		color: #003366;
		}