@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
/*########################################################
						Interface
########################################################*/
html 
{
/*
	scrollbar-face-color: #EFEFEF;
	scrollbar-highlight-color: #EFEFEF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #EFEFEF;
	scrollbar-shadow-color: #EFEFEF;
	scrollbar-arrow-color: #FF6600;
	scrollbar-track-color: #FFFFFF;
*/
	overflow-x: hidden;
}
body {
	margin: 0 auto;
	padding: 0px;
	background: #373737 url(/images/bg.gif) top center repeat-x;
	text-align: center;
	color: #2c2c2c;
	font: 75% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.04em;
	line-height: 1.6em;
}
img{border: none}
form{margin: 0px;}
a{
	color: #2b5e8b;
	text-decoration: none;
}
a:hover{
	color: #575e62;
	text-decoration: underline;
}



#brochure {font:11px/13px Arial;margin-top:25px;letter-spacing:0px}
#brochure img{float:left;margin-right:7px;}
#brochure i{display:block;font:normal normal 11px/11px Arial, Helvetica, sans-serif;color:#666;}
#brochure b{display:block;color:#0f5e92;line-height:13px;}
#brochure small{display:block;font-size:10px;color:#999999;}

img.catalogue{margin:20px 0px 0px 0px;}
img.ruban{margin:20px 0px 0px 50px;}


#bgholder{
	width: 784px;
	margin: 0 auto;
	background: url(/images/bg-mid.gif) top center repeat-y;
}
	#bgholder div.top{background: url(/images/bg-top.gif) top center no-repeat;}
	#bgholder div.bottom{background: url(/images/bg-bottom.gif) bottom center no-repeat;}
	#bgholder div.sheet{
		margin: 0 auto;
		padding: 0px;
		text-align: left;
		width: 784px;
		height: 400px;
		padding-bottom: 15px;
	}

	html > body #bgholder div.sheet{height: auto; min-height: 400px;}
	
	#headersite{
		height: 82px;
		line-height: normal;
		letter-spacing: normal;
	}
	
	#bell-horizon{
		float: left;
		position: absolute;
		padding-left: 37px;
		padding-top: 14px;
		display: inline;
	}
	
	#headersite div.droite{float: right;}
		#headersite div.droite ul.hnav{
			padding: 0px;
			margin: 0px 2px 0px 0px;
			list-style: none;
			font-size: 8px;
			color: #F0F0F0;
		}
			#headersite div.droite ul.hnav li{
				float: left;
				padding: 25px 5px 0px 5px;
			}
			#headersite div.droite ul.hnav a{
				font-size: 9px;
				letter-spacing: 0.06em;
				color: #F0F0F0;
				text-decoration: none;
			}
			#headersite div.droite ul.hnav a:hover{
				color: #FFFFFF;
				text-decoration: underline;
			}
			#headersite div.droite ul.hnav li.selected a{
				color: #FFFFFF;
				font-weight: bold;
			}
	#flholder{clear: both; text-align: center;}
		
	#leftmenu{
		float: left;
		width: 220px;
		padding-bottom: 50px;
	}
		#leftmenu ul, #leftmenu ul li{
			padding: 0px;
			margin: 0px;
			list-style: none;
			width: 189px;
		}
			#leftmenu ul li{
				line-height: normal;
			}
			#leftmenu ul li a{
				width: 144px;
				display: block;
				font-size: 160%;
				font-weight: bold;
				color: #0f5e92;
				text-decoration: none;
				cursor: default;
				padding: 10px 35px 15px 10px;
				letter-spacing: 0em;
				border-bottom: 1px solid #E2E2E2;
			}
			#leftmenu ul li a:hover{
				text-decoration: none;
				cursor: default;
			}
		#leftmenu ul li ul li{
			padding: 0px;
		}
			#leftmenu ul li ul li a{
				display: block;
				font-size: 95%;
				font-weight: normal;
				color: #333333;
				text-decoration: none;
				cursor: pointer;
			}
			#leftmenu ul li ul li a:hover{
				color: #0f5e92;
				text-decoration: underline;
				cursor: pointer;
				background-color: #f3f7f9;
			}
			#leftmenu ul li ul li.selected a{
				font-weight: bold;
				background-color: #f3f7f9;
				background-image: url(/images/bg-selected.gif);
				background-position: top right;
				background-repeat: no-repeat;
				border-bottom: 1px solid #aec6d8;
				color: #044067; 
			}
			#leftmenu ul li ul li.selected ul li a{
				background: none;
				font-weight: normal;
				border-bottom: 1px solid #E2E2E2;
				color: #4F4F4F;
			}
			#leftmenu ul li ul li ul li{
				background: url(/images/bg-bullet.gif) top left no-repeat;
			}
			#leftmenu ul li ul li ul li a{
				width: 134px;
				padding: 10px 35px 10px 20px;
				font-size: 95%;
				color: #4F4F4F;
			}
			#leftmenu ul li ul li ul li.selected a{
				background: #F5F5F5 url(/images/bg-selected2.gif) top right no-repeat;
				border-bottom: 1px solid #CCCCCC;
				color: #4F4F4F;
			}
			#leftmenu ul li ul li ul li.selected a:hover{
				background: #F5F5F5 url(/images/bg-selected2.gif) top right no-repeat;
				border-bottom: 1px solid #CCCCCC;
				color: #4F4F4F;
			}
			#leftmenu ul li ul li ul li a:hover{
				background-color: #F5F5F5;
				background-image: url(/images/bg-bullet.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
		#leftmenu div.engagement{
			margin: 0px;
			padding: 10px 0px 0px 8px;
		}
	
	#pageholder{
		margin: 0px 10px 0px 30px;
		padding: 0px;
		background: url(/images/bg-page-mid.gif) top center repeat-y;
	}
		#pageholder div.top{background: url(/images/bg-page-top.gif) top center no-repeat;}
		#pageholder div.bottom{background: url(/images/bg-page-bottom.gif) bottom center no-repeat;}
		
		#pageholder p{margin: 0px; padding: 10px 0px;}
	
	#hcontent{
		float: left;
		width: 504px;
	}
	#hcontent.full{
		float: none;
		width: auto;
	}
		#hcontent.full #pageholder{
			background: url(/images/bg-full-page-mid.gif) top center repeat-y;
		}
		#hcontent.full #pageholder div.bottom{background: url(/images/bg-full-page-bottom.gif) bottom center no-repeat;}
		#hcontent h1{
			color: #0f5e92;
			font: bold 150% Arial, Helvetica, sans-serif;
			letter-spacing: 0.01em;
			word-spacing: -0.02em;
			margin: 0px;
			padding: 10px 0px;
		}
		#hcontent h2,
		#leftmenu h2{
			color: #565d61;
			font: 120% Tahoma, Verdana, Arial, Helvetica, sans-serif;
			margin: -10px 0px 20px 1px;
			padding: 0px;
			letter-spacing: 0.03em;
		}
		#leftmenu h2{
			margin: 10px 30px 10px 0px;
		}
		
		#hcontent h3{
			padding: 10px 0px;
			margin: 0px;
			font: italic 130% Georgia, "Times New Roman", Times, serif;
		}
		#hcontent h3 strong{
			font: bold 110% Tahoma, Verdana, Arial, Helvetica, sans-serif;
			color: #4d4d4d;
		}
		#hcontent h4{
			padding: 10px 0px;
			margin: -20px 0px 0px 1px;
			font: italic 135% Georgia, "Times New Roman", Times, serif;
		}
		
	div.col50{
		width: 357px;
		float: left;
		display: inline;
	}
		div.prem{
			width: 356px;
			margin-right: 31px;
		}
		
	#hcontent div.prem h1,
	#hcontent div.prem h2{
		margin-top: 5px;
		padding-left: 10px;
	}
	#hcontent div.col50 h2{
		margin: -12px 0px 10px 0px;
	}
	
	#hcontent p.imageBordure{
		margin: 15px 0px 5px 10px;
		padding: 5px;
		border: 1px solid #dbdbdb;
		float: right;
		background: #FFFFFF;
	}
	#hcontent p.imageBordureGauche{
		margin: 15px 10px 5px 0px;
		padding: 5px;
		border: 1px solid #dbdbdb;
		float: left;
		background: #FFFFFF;
	}
	#hcontent p.imageBordureInline{
		padding: 5px;
		border: 1px solid #dbdbdb;
		background: #FFFFFF;
		display: inline;
	}
	
	div.footer{
		background: url(/images/bg-footer.gif) bottom left repeat-x;
		margin: 10px 10px 0px 30px;
		padding: 20px 30px 10px 30px;
		letter-spacing: 0.04em;
	}
		div.footer ul, div.footer ul li{
			margin: 0px;
			padding: 0px;
			display: inline;
			list-style: none;
			font-size: 9px;
		}
		div.footer ul li{
			padding: 0px 3px;
		}
			div.footer ul li a{
				font-size: 10px;
				color: #000000;
				text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
			}
			div.footer ul li a:hover{
				text-decoration: underline;
			}
		div.footer h5{
			margin: 0px;
			padding: 0px;
			font-weight: normal;
			font-size: 11px;
			float: right;
		}
		
div.clearRight{
	clear: right !important;
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
}
div.clearLeft{
	clear: left !important;
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
}


/*######################################################
						Liens
######################################################*/
a 
{

}
a:hover
{

}

/*######################################################
					Formulaires
######################################################*/

form 
{
	margin:0px;
	padding:0px;
}


/*---- Appreciation ---*/

#appreciation h6
{
font-size:10px;
text-align:center;
line-height:1;
}
.appreciation
{
font-size:11px;
}



/*##################################################
				Gestion des erreurs
####################################################*/

div#publicerror, div#publicerrorErr
{
	color:#FF0000;
}





table.form{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}
table.form th, table.form td{
	padding: 6px 0px 6px 2px;
	border-bottom: 1px solid #F0F0F0;
}
table.form input, table.form select{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
table.form input.nostyle{
	border: none;
	padding: 0px;
}
a.btn input, a.btn span{
	background: #0067ab url(/images/bg-btn.gif) top left repeat-x;
	color: #FFFFFF;
	font: bold 10pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #00558e;
	letter-spacing: 0.04em;
	padding: 1px 20px;
	text-align: center;
	cursor: pointer;
}
a.btn span{
	padding: 3px 23px;
}
a:hover.btn input, a:hover.btn span{
	background: #575e62 url(/images/bg-btn-o.gif) top left repeat-x;
	border: 1px solid #3f464a;
	cursor: pointer;
}


/*##################################################
				siFR
####################################################*/
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
/*.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

/*.sIFR-replaced > div {
  display: none !important;*//*
}

.sIFR-active #hcontent h1,
.sIFR-active #hcontent h2{
  	line-height: 1em;
}

.sIFR-active #hcontent h1{
  /*padding-bottom: 0;*//*
  font-size: 20px;
}
.sIFR-active #hcontent h2{
  /*padding-bottom: 0;*//*
  font-size: 16px;
}
/*---- Header styling ---*/