/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Verdana, Helvetica, Arial, sans serif;
	font-size: 11px;
	height: 100%;
}
.logo-print {
  display: none;
}
.clear{
	clear: both;
}
a img {
	border: 0;
	border: none;
}

/*======================================================
Header
======================================================*/
#header {
	width: 980px;
	margin: 9px auto 0 auto;
	font-size: 12px;
	color: #333;
}
	.menu-top {
		
	}
	#formSearch {
		width: 270px;
		float: right;
		padding: 0 0 0 14px;
	}
		#formSearch table {
			height: 48px;
			border-collapse: collapse;
			margin: 0;
			border: 0;
			background: url(../images/field_search.jpg) 71px center no-repeat;
		}
			#formSearch table td {
				border: 0;
				padding: 0;
			}
			.input-search {
				width: 118px;
				border: 0;
				border: none;
				height: 16px;
				font-size: 11px;
				padding: 2px 5px;
				margin: 0;
				color: #fff;
				background: none;
				background: transparent;
			}
	table.pad-panier {
		width: 181px;
		height: 48px;
		border-collapse: collapse;
		margin: 0;
		border: 0;
		float: right;
		background: url(../images/separator1.gif) right center no-repeat;
	}
		table.pad-panier td {
			padding: 0;
			border: 0;
			font-size: 11px;
			text-align: right;
		}		
		table.pad-panier td.ico-panier {
			padding: 0 20px 0 10px;
		}
			table.pad-panier td a {
				color: #333;
				text-decoration: none;
			}
			table.pad-panier td a:hover {
				
			}
			table.pad-panier td span {
				color: #999;
				text-decoration: none;
			}
	
	.pad-logo {
		padding: 0 10px;
		height: 55px;
	}
	.pad-logo h1 {
		padding: 0;
		margin: 0;
	}
	.pad-logo a {
		position: absolute;
		display: block;
		margin: -25px 0 0 0;
		width: 324px;
		height: 75px;
	}
	
	#menu {
		position: absolute;
		padding: 21px 0 11px 342px;
		z-index: 1000;
	}
		#menu ul.menu {
			position: relative;
			z-index: 1000;
		}
		#menu ul.menu, #menu ul.menu li {
			position: relative;
			padding: 0;
			margin: 0;
			display: inline;
			list-style: none;
			z-index: 100000;
		}
			#menu ul.menu li a {
				font-size: 12px;
				color: #666;
				text-decoration: none;
			}
			#menu ul.menu li a:hover {
				color: #000
			}
			
			.submenu {
				margin-top: -19px;
				padding: 26px 0 0 0;
				background: transparent;
				position: relative;
				float: left;
				height: auto !important;
				height: 5px;
				min-height: 5px;
				z-index: 10000;
			}
				.submenu-hidded {
					display: none;
				}
				.submenu-vide {
					background: transparent;
					padding: 10px;
				}
				.submenu-inner {
					position: relative;
					background: #fff;
					padding: 10px 12px 0 12px;
					margin-top: -10px;
				}
				.submenu a {
					display: block;
					font-size: 10px;
					font-weight: bold;
					color: #333;
					text-decoration: none;
					padding: 10px 0;
					border-bottom: 1px solid #999;
				}
				.submenu a:hover {
					color: #f90;
				}
			#toggler_3 {
				width: 101px;
			 }
			#toggler_3 .submenu-inner {
				width: 77px;
			 }
			#toggler_4 {
				width: 101px;
			 }
			#toggler_4 .submenu-inner {
				width: 77px;
			 }
			#toggler_5 {
				width: 101px;
			 }
			#toggler_5 .submenu-inner {
				width: 77px;
			 }
			#toggler_6 {
				width: 76px;
			 }
			#toggler_6 .submenu-inner {
				width: 52px;
			 }
			#toggler_7 {
				width: 98px;
			 }
			#toggler_7 .submenu-inner {
				width: 74px;
			 }
			#toggler_8 {
				width: 77px;
			 }
			#toggler_8 .submenu-inner {
				width: 53px;
			 }
			#toggler_9 {
				width: 74px;
			 }
			#toggler_9 .submenu-inner {
				width: 50px;
			 }
	
/*======================================================
Main
======================================================*/
#conteneur-main {
	margin-top: 54px;
	background: #000 url(../images/bg_main.jpg) top repeat-x;
}
#main-home {
	width: 943px;
	margin: 0 auto;
	padding: 35px 0 0 37px;
	color: #fff;
	height: auto !important;
	height: 345px;
	min-height: 345px;
}
#main {
	width: 943px;
	margin: 0 auto;
	padding: 76px 0 20px 37px;
	color: #fff;
	height: auto !important;
	height: 284px;
	min-height: 284px;
}

	/*=================== Home ===================*/
	#home-actu {
		width: 317px;
		float: left;
		margin: 31px 0 0 0;
		padding: 0 0 0 10px;
		border-left: 1px solid #999;
		text-align: justify;
	}
		#home-actu h1 {
			margin: 0;
			padding: 0;
		}
		#home-actu h2.artTitleActu {
			font-size: 14px;
			font-weight: normal;
			color: #f90;
			margin: 10px 0;
			padding: 0;
		}
		#home-actu a {
			color: #fff;
			text-decoration: none;
		}
		#home-actu a:hover {
			color: #f90;
		}
	
	#home-right {
		position: relative;
		width: 615px;
		margin: -35px 0 0 327px;
		z-index: 1;
	}
	/*=============== Content ===============*/
	.content-left {
		width: 317px;
		float: left;
		margin: 0;
	}
		.content-left  h2 {
			font-size: 20px;
			color: #fff;
			font-weight: normal;
			padding: 0;
			margin: 0;
		}
		.content-left  h3 {
			font-size: 11px;
			font-weight: normal;
			padding: 0 0 4px 14px;
			margin: 0;
			background-position: left 2px;
			background-repeat: no-repeat;
		}
		
		/*======== Left SubMenu ======*/
		.pad-left-menu {
			padding: 0 40px 0 12px;
			border-left: 1px solid #999;
		}
			.block-submenu {
				padding: 20px 0 0 0;
				font-size: 11px;
			}
				.block-submenu  h3 {
					color: #cc0;
					background-image: url(../images/puce_arrow_green.gif);
				}
				.block-submenu  ul {
					margin: 0;
					padding: 0;
				}
				.block-submenu  ul li {
					list-style: none;
					margin: 0;
					padding: 0 0 0 15px;
				}
				.block-submenu  ul li a {
					display: block;
					color: #fff;
					text-decoration: none;
					padding: 0 0 0 12px;
				}
				.block-submenu  ul li a:hover, .block-submenu  ul li .activ {
					color: #cc0;
					background: url(../images/puce_arrow_green.gif) left 2px no-repeat;
				}
				
		.pad-left-tech {
			margin-top: 76px;
			padding: 0 40px 0 12px;
			border-left: 1px solid #999;
		}
			.pad-left-tech h2 {
				margin-bottom: 5px;
			}
			.pad-left-tech  h3 {
				color: #f90;
				background-image: url(../images/puce_arrow_orange.gif);
				padding-bottom: 0;
			}
			.pad-left-tech  p {
				padding: 0 0 15px 14px;
				margin: 0;
 			}
			.pad-left-tech a {
				text-decoration: none;
 			}
			
	.pad-left-info {
		padding: 0 40px 0 12px;
		border-left: 1px solid #999;
		font-size: 12px;
		color: #fff;
		text-align: justify;
	}
	.pad-left-info h2{
		color: #cc0;
		margin-bottom: 10px;
	}
	
	.tabs-submenu  {
		padding: 15px 0 0 0;
		font-size: 11px;
		margin: 0;
	}
		.tabs-submenu  li {
			margin: 5px 0;
			padding: 0 0 0 15px;
			list-style: none;
			color: #cc0;
			background: url(../images/puce_arrow_green.gif) left 2px no-repeat;
		}
			.tabs-submenu  li a {
				color: #fff;
				text-decoration: none;
			}
			.tabs-submenu  li a:hover, .tabs-submenu  li.active a {
				color: #cc0;
			}
	
	
	.content-right {
		width: 591px;
		float: left;
		margin: 0;
		padding: 0;
	}
	html > body .content-right {
		width: 588px;
	}
	.content-right h3 {
		font-size: 14px;
		font-weight: normal;
		color: #f90;
		margin: 5px 0;
		padding: 0;
	}
	
		table.content-right-header {
			border-collapse: collapse;
			border: 0;
			width: 100%;
			margin: 0 0 25px 0;
		}
			table.content-right-header td {
				border: 0;
				padding: 0;
			}
			.media_doc {
				width: 180px;
				text-align: right;
				font-size: 11px;
			}
			.media_doc a {
				color: #cc0;
				text-decoration: none;
			}
			.media_doc a:hover, .media_doc a:active {
				color: #fff;
			}
			.media_doc img {
				float: right;
				padding: 2px 0 0 10px;
			}
			.logo-subtitle {
				margin: 0;
				padding: 1px 0 0 0;
				color: #666;
				font-size: 11px;
				font-weight: normal;
			}
			
			
	.content-right hr {
		margin: 15px 0;
		color: #999;
		background: #999;
		height: 1px;
		border: 0;
	}
	
		/*====== Références =======*/
		.block-ref {
			margin-top: 42px;
			font-size: 10px;
		}
			.block-ref-header {
				width: 100%;
				border-collapse: collapse;
				border: 0;
			}
				.block-ref-header td {
					border: 0;
					padding: 0;
					color: #cc0;
					font-size: 10px;
				}
				.td-nb-in-cart {
					text-align: right;
					padding: 7px 7px 0 0 !important;
				}
				.td-nb-in-cart  a {
					color: #cc0;
					text-decoration: none;
				}
				.td-nb-in-cart  a:hover {
					color: #fff;
				}
			.one-ref {
				width: 147px;
				height: 110px;
				float: left;
				margin: 13px 0 0 0;
			}
				.one-ref p {
					margin: 0;
					padding: 2px 25px 0 0;
					/*text-transform: lowercase;*/
				}
				.one-ref p:first-letter {
					/*text-transform: uppercase;*/
				}
				.one-ref-btn {
					width: 19px;
					height: 65px;
					padding: 0 0 0 6px;
					margin: 0 0 0 122px;
					background: #fff;
					position: absolute;
					opacity: .66;
					filter: alpha(opacity=66);
				}
				.one-ref-btn a {
					display: block;
					margin: 11px 0;
				}
				
				
/*======================================================
Réseau
======================================================*/
#divselect{
	width:360px;
	height:30px;
	background-image:url('../images/shadow-select.gif');
	margin-right:15px;
}

#reseau select{
	border:1px solid #ccc;
	width:350px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	margin:5px 0px 0 5px;
}

#reseau hr {
	margin-top:5px;
	color:#999;
	background: #999;
	height: 1px;
	border: 0;
}
.col-left-reseau{
	width:225px;
	border-left:1px solid #999;
	padding:0px 15px 0px 12px;
	/*text-align: justify;*/
}

.col-left-reseau h2{
	font-size:16px;
	color:#CCCC00;
}

.first-line{
	font-weight:bold;
	padding-left:15px;
	background-image:url('../images/puce_readmore.gif');
	background-repeat:no-repeat;
}

.desc-lines{
	margin-left:15px;
}


/*======================================================
FORMS
======================================================*/
h1.title-img, h2.title-img, h3.title-img {
	margin: 0 !important;
	padding: 0 !important;
}


/*======================================================
FORMS
======================================================*/
.table-form {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
	.table-form  td {
		border: 0;
		padding: 2px 0;
		font-size: 11px;
	}
	.table-form  table {
		border-collapse: collapse;
		border: 0;
		width: 100%;
	}
		.table-form  table td {
			border: 0;
			padding: 0;
		}
	.table-form small {
		font-size: 9px;
		color: #ccc;
	}
.field-480 {
	border: 0;
	width: 470px;
	padding: 7px 10px;
	margin: 0;
	font-size: 11px;
	color: #000;
	background: transparent url(../images/field_480.jpg) no-repeat;
}
.field-200 {
	border: 0;
	width: 190px;
	padding: 7px 10px;
	margin: 0;
	font-size: 11px;
	color: #000;
	background: transparent url(../images/field_200.jpg) no-repeat;
}
div.field-200 {
	width: 190px;
	padding: 7px 10px 7px 10px;
}
.field-200 select {
	border: 0;
	width: 190px;
	padding: 0 5px;
	margin: 0;
	font-size: 11px;
	color: #000;
	background: #fff;
}
.area-480 {
	border: 0;
	width: 470px;
	height: 110px;
	padding: 10px;
	margin: 0;
	font-family: Verdana, Helvetica, Arial, sans serif;
	font-size: 11px;
	color: #000;
	background: transparent url(../images/field_480_area.jpg) no-repeat;
	overflow: hidden;
}

.form-error {
	position: absolute;
	width: 290px;
	margin-top: 180px;
}

/*======================================================
Footer
======================================================*/
#conteneur-footer {
	clear: both;
	background: url(../images/bg_footer.jpg) top repeat-x;
}
#footer {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	padding: 9px 20px 5px 0;
	font-size: 11px;
}
	#footer td {
		padding: 0;
		vertical-align: top;
	}
		#footer .txt-annexe {
			width: 40%;
			text-align: left;
			font-size: 9px;
			color: #aaa;
		}
		#footer .txt-annexe a {
			color: #aaa;
			text-decoration: none;
		}
		#footer .txt-annexe a:hover {
			color: #333;
		}

#footer .lk-footer a {
	color: #828282;
	text-decoration: none;
	background: url(../images/puce_carre.gif) left 6px no-repeat;
	padding-left: 7px;
	margin-left: 13px;
}
#footer .lk-footer a:hover, #footer a.menu_item_activ {
	color: #333;
	background-image: url(../images/puce_carre_on.gif);
}

.artContent a {
	color: #fff;
}
.artContent h3 {
	font-size: 14px;
}