/*
Title:      CSS Layout Master
Author:     Julie Imbault, julie.imbault@nurun.com
Updated:    July 03 2008
Content:	
			Body
			Header
			Header Flash
			Main Content 
				Sidebar-a
				Sidebar-b
			Footer
			Other BRP Products

*/
/* ---[ body ]------------------------------- */
html {
	overflow: -moz-scrollbars-vertical;	
	background: #fff;
	}
html,
body {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 1.15em;
	font-size:13px;	
	}
/* ---[ Container ]------------------------------- */
#container {
	width: 100%;
	font-size: 85%;
	margin-bottom: 10px;
	text-align: left;
	color: #545454;
	background:#fff;
	}
/* ---[ Main-Content ]------------------------------- */
#main-content {
	width:100%;
	background: #ffffff url(../images/bkg_contentTop.jpg) repeat-x top center;
    }
#main-content-bottom {
	width:100%;
	background: url(../images/bkg_contentBottom.jpg) repeat-x bottom center;
	min-height:700px;
	_height:700px;
    }
#main-content-bottom ul  {
    margin: 10px 0 0 0;
}    
    
#main-content-bottom ul li {
    margin: 0 0 10px 0;
    background: url(../images/icn_bullet.gif) no-repeat left 6px;
    padding: 0 0 0 7px;
    
}
/* ---[ Header ]------------------------------- */
#header {
	width: 976px; 
	margin-left: auto;
	margin-right: auto;	
	padding-top:8px;
	text-align: left;
	z-index: 0;
	}
/* ---[ Content ]------------------------------- */
#content{
    padding: 15px 0 30px 30px;
    width: 906px;
    margin:0 auto 0 auto;
    }
#content #sidebar-a {
	float: left;
	width: 186px;
	padding-right:22px;
	}
#content #sidebar-b {
	float: right;
	width: 698px;
	}
	#content-text{
	    margin-top:20px;	    
	    }
/* ---[ Content-Large ]------------------------------- */
#content-large {
    width:906px;
    padding:15px 0 30px 30px;
    margin:20px auto 0 auto;
    }
.blockContent {
    float:left;
    width:288px;
    margin-right:18px;
    }
.blockContent.last {
    margin-right:0;
    }
 
#home .blockContent.last {
    margin-right:5px;
	float:right;
    }
/* ---[ Footer ]------------------------------- */
#footer {
	width: 956px;
	height: 87px!important;/*IE6*/
	padding: 10px 0 0 20px;
	font-size: 93%;
	text-align: left;
	color: #545454;
	margin-right:auto;
	margin-left:auto;
	}
#footer div.left{
	float: left;
	width: 738px;
	}
	#footer div.left ul {
		float: left;
		padding: 0 0 3px 0;
		}
#footer div.right {
	float: right;
	width: 210px;
	padding: 0 8px 0 0;
	}		
	#footer div.right ul {
		float: right;
		padding: 0 0 3px 0;
		}
		#footer ul li {
			float: left;
			padding: 0 4px 0 4px;
			border-right: 1px solid #8f8f8f;
			background:none !important;
			}
		#footer ul li.first {
			padding: 0 4px 0 0;
			color: #8f8f8f;
			}
		#footer ul li.last {
			padding: 0 0 0 4px;
			border-right: none;
			}
			
#footer div#copy {
	clear: both;
	float: left;
	display: inline;	
	width: 530px;
	height: 16px;
	color:#8f8f8f;
	}
	#footer div#copy p {
		display: inline;
		padding: 0 5px 0 0;
		}
/* ---[ Other BRP Products ]----------------------------------- */
div#other-brp-products {
	padding: 0 0 10px 0;
	min-height: 50px;
	_height: 50px;
	height: auto !important;
	margin: 0;
	width: 906px;
	display: none;
	border-bottom:1px solid #EEF0F1;
	}
div#other-brp-products dl {	
	float: left;
	min-height: 50px;
	_height: 50px;
	padding: 0 40px 0 0;
	}	
div#other-brp-products dl dt {		
	text-transform: uppercase;
	color: #487190;
	font-weight: bold;
	padding: 3px 0 0 0;
	}	
div#other-brp-products dl dd {		
	color: #545454;
	text-transform: uppercase;
	}	
div#other-brp-products dl dd a {	
	display: block;
	padding: 0;
	color: #545454;
	text-decoration:none;
	}
div#other-brp-products dl dd a:hover {
	text-decoration:underline;
	}
	
/* ---[ Gestion des erreurs dans Form ]---------------------- */
.errorField {
	color:#ff3300;
	}
	
input.errorField {
	border:solid 1px #ff3300;
	position:static;
	}

.errorMessage {
	height:29px;
	color:#ffffff;
	font-size:110%;
	clear:both;
	display:block;
	font-weight:bold;
	}
.errorMessageContent {
	float:left;
	padding-top:7px;
	height:22px;
	background-color:#ff3300;
	}
.errorLeftCorner {
	width:47px;
	height:29px;
	background:url(../images/bkg_error_left.gif) no-repeat left top;
	float:left;
	}
.errorRightCorner {
	width:21px;
	height:29px;
	background:url(../images/bkg_error_right.gif) no-repeat right top;
	float:left;
	}
