@import url(http://fonts.googleapis.com/css?family=BenchNine:400,700);

a, a:visited {
	outline: 0;
	color: #c74628;
}
/*************/
/* Container */
/*************/
body {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial,verdana, sans-serif;
	padding:  5px 30px;
	font-size: 10pt;
}
body.siteo {
	background: #F3F7FD url("/custom/images/bg.gif") top left repeat-x;
	padding: 0px;
	margin: 0px;
}
#container {
	width: 1034px;
	margin: 0px auto;
	padding: 0;
}
.contentContainer,
#entete,
#footer {}

.contentContainer {
	background: url("/custom/images/bgContent.gif") top left repeat-y;
	min-height: 400px;
	}
.contentStandard {}
.contentMarginLeft {margin-left: 287px;}
.contentMarginRight {Zmargin-right: 190px;}
.contentarea {padding: 30px 20px 5px 20px;}

.contentarea h1,
.CSS1Compat h1,
.mobilecontainer h1 {
	margin: 10px 0px;
	padding: 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #5F84BD;
	-webkit-text-shadow: #B2C4E0 2px 1px 2px;
	-moz-text-shadow: #B2C4E0 2px 1px 2px;
	text-shadow:  #B2C4E0 2px 1px 2px;
	Zfilter:progid:DXImageTransform.Microsoft.Shadow(color='#B2C4E0', Direction=135, Strength=2);
 	Zzoom: 1;
	}
.contentarea h2,
.CSS1Compat h2,
.mobilecontainer h2 {
	margin: 0;
	padding: 0;
	margin: 10px 0px;
	padding: 0;
	color: #C74628;
	font-size: 1.2em;
	}

/* list - modele 3 */
.contentarea ul.modelelist3,
.CSS1Compat ul.modelelist3,
.mobilecontainer ul.modelelist3,
.cke_skin_kama_container ul.modelelist3,
.boxLeftModeCss ul.modelelist3 {
	list-style-type:none;
	padding: 0;
	margin: 0 0 15px 0px;
	}
.contentarea ul.modelelist3 li,
.CSS1Compat ul.modelelist3 li,
.mobilecontainer ul.modelelist3 li,
.cke_skin_kama_container ul.modelelist3 li,
.boxLeftModeCss ul.modelelist3 li {
	background: url("/custom/images/moreMenu.png") 0px -5px no-repeat;
	padding-left: 25px;
	min-height: 22px;
	}

/* list - modele 4 */
.contentarea ul.modelelist4,
.CSS1Compat ul.modelelist4,
.mobilecontainer ul.modelelist4,
.cke_skin_kama_container ul.modelelist4,
.boxLeftModeCss ul.modelelist4 {
	list-style-type:none;
	padding: 0;
	margin: 0 0 15px 0px;
	}
.contentarea ul.modelelist4 li,
.CSS1Compat ul.modelelist4 li,
.mobilecontainer ul.modelelist4 li,
.cke_skin_kama_container ul.modelelist4 li,
.boxLeftModeCss ul.modelelist4 li {
	background: url("/custom/images/modelePuce4.png") 0px 0px no-repeat;
	padding-left: 15px;
	min-height: 11px;
	}

/* list - modele 5 */
.contentarea ul.modelelist5,
.CSS1Compat ul.modelelist5,
.mobilecontainer ul.modelelist5,
.cke_skin_kama_container ul.modelelist5,
.boxLeftModeCss ul.modelelist5 {
	list-style-type:none;
	padding: 0;
	margin: 0 0 15px 0px;
	}
.contentarea ul.modelelist5 li,
.CSS1Compat ul.modelelist5 li,
.mobilecontainer ul.modelelist5 li,
.cke_skin_kama_container ul.modelelist5 li,
.boxLeftModeCss ul.modelelist5 li {
	background: url("/custom/images/modelePuce5.png") 0px 0px no-repeat;
	padding-left: 15px;
	min-height: 11px;
	}

.colLeft {
	width: 265px;
	float: left;
	padding: 10px 0;
	margin-top: 25px;
	margin-left: 22px;
	z-index: 0;
	}
.colRight {
	width: 170px;
	margin-right: 20px;
	margin-top: 25px;
	float: right;
	}

/**********/
/* Entete */
/**********/
#entete {
	position: relative;
	height: 182px;
	background: url("/custom/images/bgEntete.png") top left no-repeat;
	}
	#entete #logo {
		position: absolute;
		top: 25px;
		left: 45px;
		}
	#entete .search {
		position: absolute;
		right: 35px;
		font-size: 1.1em;
		}
	#entete .search input[type="submit"] {
		width: 32px;
		height: 23px;
		background: url("/custom/images/btnSearch.png") top left no-repeat;
		border: none;
		cursor: pointer;
		vertical-align: top;
		margin-left: 8px;
		}
	#entete .search input[type="submit"]:hover {background-position: bottom left;}
	.search input {width: 180px; line-height: 22px;}

/*********************/
/* Menu - 1er niveau */
/*********************/
#nav {
	height: 42px;
	padding: 0;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 20px;
	width: 988px;
	margin: 0 22px;
	background-color: #5074b0;
	border: solid 1px #3b5c9d;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url("/css/PIE.htc");
	}
	#nav ul {
		list-style-type :none;
		margin: 6px 0px;
		padding: 0;
		}
		#nav li {
			float: left;
			padding: 0;
			margin: 0px 2px;
			}
			#nav a {
				height: 28px;
				width: 135px;
				display: block;
				color: #fff;
				text-align: center;
				text-decoration: none;
				font-size: 0.8em;
				text-transform: uppercase;
				line-height: 28px;
				background: #6987bb url("/custom/images/bgMenu.gif") top left repeat-x;
				background: -moz-linear-gradient(top, #6987bb 0%, #7b97c6 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6987bb), color-stop(100%,#7b97c6));
				background: -webkit-linear-gradient(top, #6987bb 0%,#7b97c6 100%);
				background: -o-linear-gradient(top, #6987bb 0%,#7b97c6 100%);
				background: -ms-linear-gradient(top, #6987bb 0%,#7b97c6 100%);
				background: linear-gradient(to bottom, #6987bb 0%,#7b97c6 100%);
				border: solid 1px #4e70ac;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				behavior: url("/css/PIE.htc");
			}
			#nav li:hover a {background: #fff; color: #5F84BD;}
		#nav li.current a {background: #fff; font-weight: bold; color: #c74628;}

/* ---------------- */
/* Ss menu flottant */
/* ----------------
#nav ul li img.arrow {margin: 0 0 0 5px;}
#nav ul li.current span.arrow {background-position:  center 21px;}
#nav ul li span.subhover {cursor: pointer;}
#nav ul.subFloatNav {
	background: gray;
	display: none;
	height: auto;
	left: 1px;
	margin: 0;
	padding: 0 0 5px 0;
	position: absolute;
	top: 47px;
	width: 170px;
	}
	#nav ul.subFloatNav li{
	  	background: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
html #nav ul.subFloatNav li a {
  	background: none;
	border-bottom: solid 1px #fff;
	color: #fff;
	font-weight: normal;
	height: 47px;
	margin: 0 5px;
	padding: 5px 10px;
	width: 140px !important;
	width: 170px;
}*/


/*********************/
/* Menu - 2nd niveau */
/*********************/
#subNav {}
	#subNav ul {
		list-style: none;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		}
		#subNav li {padding: 0px;}
		#subNav a {
			width: auto;
			border-top:  solid 1px #385b9d;
			min-height: 25px;
			display: block;
			color: #fff;
			background-color: #5f84bd;
			padding-left: 20px;
			text-decoration: none;
			font-size: .9em;
			text-transform: uppercase;
			line-height: 25px;
		}
		#subNav li:first-child a {
			border: none;
			-moz-border-radius: 4px 4px 0px 0px;
			-webkit-border-radius: 4px 4px 0px 0px;
			border-radius: 4px 4px 0px 0px;
			behavior: url("/css/PIE.htc");
			position: relative;
			}
		#subNav li:last-child a {
			-moz-border-radius: 0px 0px 4px 4px;
			-webkit-border-radius: 0px 0px 4px 4px;
			border-radius: 0px 0px 4px 4px;
			behavior: url("/css/PIE.htc");
			position: relative;
			}

		#subNav a:hover {font-weight: bold;}
		#subNav li.current a {font-weight: bold; color: #000; background: #fff url("/custom/images/moreMenu.gif") top right no-repeat;}

/*********************/
/* Colonne de gauche */
/*********************/
.boxLeftModeCss {
	background-color: #ebf2fc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url("/css/PIE.htc");
	-webkit-box-shadow: 0px 0px 1px 2px #e3e5e7;
	-moz-box-shadow: 0px 0px 1px 2px #e3e5e7;
	box-shadow:  0px 0px 1px 2px #e3e5e7;
	padding-bottom: 10px;
	margin-bottom: 20px;
	position: relative;
	}
	.boxLeftModeCss .close {padding: 5px;}
	.boxLeftModeCss h1.boxTitle {
		background: url("/custom/images/moreBox.gif") 4px 1px no-repeat;
		height: 19px;
		font-size: 1em;
		margin: 0;
		color: #4d71ae;
		text-transform: uppercase;
		line-height: 19px;
		padding: 0 8px 0px 20px;
		border-bottom: solid 1px #b2c4e0;
	}
#boxCoord {padding: 10px;}
	#boxCoord a:hover {text-decoration: none;}

/*********************/
/* Colonne de droite */
/*********************/
.boxRightModeCss {
	width: 170px;
	font-size: .9em;
	float: left;
	margin: 0 10px;
	padding-bottom: 10px;
	background-color: #ebf2fc;
	}
	.boxRightModeCss .close {}
	.boxRightModeCss .boxTitle {
		background-color: #5f84bd;
		font-size: 1em;
		margin: 0;
		padding: 0;
		color: #fff;
		height: 22px;
		line-height: 22px;
		padding: 0px 14px;
		text-transform: uppercase;
		-moz-border-radius: 6px 6px 0px 0px;
		-webkit-border-radius: 6px 6px 0px 0px;
		border-radius: 6px 6px 0px 0px;
		behavior: url("/css/PIE.htc");
		position: relative;
		}
	.catalogPageUne {
		padding: .5em;
	}
	.catalogPageUne h1 {
		font-size: 1em;
	}
	.multiPage {padding: 10px; font-size: 1em;}
	.multiPage a.title {font-size: 1em; text-decoration: none;}
	.multiPage a.title:hover,
	.multiPage a.more:hover {text-decoration: underline;}
	.multiPage a.more {
		float: right;
		color: #000;
		text-decoration: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
		behavior: url("/css/PIE.htc");
		display: block;
		padding: 0px 17px 0px 5px;
		height: 15px;
		line-height: 15px;
		background: #fff url("/custom/images/more.gif") top right no-repeat;
		position: relative;
		}


/**********/
/* Footer */
/**********/
#footer {
	background: url("/custom/images/bgFooter.gif") top left no-repeat;
	color: #fff;
	height: 35px;
	line-height: 35px;
	font-size: 1.1em;
	padding: 0px 35px;
	}
	#footer a {
		float: right;
		font-size: 0.8em;
		text-decoration: none;
		color: #fff;
		}
	#footer a:hover {text-decoration: underline;}