/*=============================================================================================
CSS Layout ::: Adress Company ::: kdang@advisa.fr
=============================================================================================*/

html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #F8F8F8 url(../images/bg_repeat.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 11px;
	line-height: 110%;
	color: #666;
}

.preload {
	display: none;
	position: absolute;
	visibility: hidden;
	text-indent: -5000px;
}
.clear{
	clear: both;
}
a {
	color: #666;
}
a:hover {
	color: #000;
}
a img {
	border: 0;
	border: none;
}
table {
	border-collapse: collapse;
	margin: 0;
}

#site {
	position: relative;
	width: 810px;
	margin: 0 auto;
	background: url(../images/bg_left_col.jpg) left bottom no-repeat;
}
	
/*======================================================
LEFT COL
======================================================*/
.left-col {
	width: 135px;
	background: #0081CD;
	margin: 0 0 244px 0;
	float: left;
}
	.left-col .edito {
		padding: 0 12px;
		font-size: 10px;
		color: #fff;
	}

/*======================================================
MAIN
======================================================*/
.main-col {
	width: 674px;
	padding: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	float: left;
}

		.pad-info-tel {
			background: url(../images/pad_info_tel_top.jpg) center top no-repeat;
			padding: 1px 0 0 34px;
		}
			.pad-info-tel-left {
				width: 306px;
				background: url(../images/pad_info_tel_sep.jpg) right top no-repeat;
				padding: 9px 0 0 0;
				float: left;
			}
			.pad-info-tel-right {
				width: 280px;
				padding: 9px 0 0 21px;
				float: left;
			}
				.pad-info-tel td,
				.pad-newsletter td {
					padding: 0 6px 0 0;
					font-size: 10px;
					line-height: 100%;
					color: #666;
				}
					.pad-info-tel td .field,
					.pad-newsletter td .field {
						width: 83px;
						border: 1px solid #ccc;
						font-size: 11px;
						padding: 2px 3px;
						color: #666;
					}

	
/*======================================================
HEADER
======================================================*/
.header,
.header-home {
	width: 538px;
	border-right: 1px solid #fff;
}
	.contener-menu-top {
		border-top: 1px solid #fff;
	}
		ul.menu-top {
			margin: 0;
			padding: 0;
		}
			ul.menu-top li {
				list-style: none;
				display: block;
				float: left;
				height: 34px;
				background-repeat: no-repeat;
				background-position: 0 0;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
                                position: relative;
			}
			ul.menu-top li:hover,
			ul.menu-top li.active {
				background-position: 0 -35px;
			}
				ul.menu-top li a {
					display: block;
					margin-top : 12px;
					height:20px;
					text-indent: -5000px;
				}
			ul.menu-top li#sm300 {
				width: 90px;
				background-image: url(../images/menu/top1.gif);
			}
			ul.menu-top li#sm401 {
				width: 89px;
				background-image: url(../images/menu/top2.gif);
			}
			ul.menu-top li#sm602 {
				width: 88px;
				background-image: url(../images/menu/top4.gif);
			}
			ul.menu-top li#sm703 {
				width: 89px;
				background-image: url(../images/menu/top5.gif);
			}
			ul.menu-top li#sm504 {
				width: 88px;
				background-image: url(../images/menu/top3.gif);
			}
			ul.menu-top li#sm805 {
				width: 89px;
				background-image: url(../images/menu/top6.gif);
			}
			ul.menu-top li.count_5 {
				border-right: 0;
			}
			
			ul.menu-top li#sm401:hover {
				border-bottom: 1px solid #aaa;
			}
			
				ul.menu-top ul.menu-top {
					border-right: 0px solid #FFFFFF;
					display: none;
					position: absolute;
					width: 195px;
					left: 0;
					background: #A7A7A7;
                                        padding-top: 4px;
                                        padding-bottom: 4px;
                                        top: 34px;
					z-index: 100;
				}
				
				
				#sm1340 .menu-top {
					border-right: 0px solid #FFFFFF;
					display: none;
					top : -4px;
					position: absolute;
					width: 189px;
					left: 195px;
					margin: 0;
					background: #D0D0D0 url(../images/background-menu.jpg) no-repeat top left;
					z-index: 100;
				}
				#sm1340 .menu-top li {
					border: 0px;
					color : #8A8A8A;
				}
				
				
                                ul.menu-top ul.menu-top li.hover ul.menu-top {
                                    display: block;
                                }
                                
				ul.menu-top ul.menu-top ul.menu-top li a:hover
                                 {
					color : gray;
					background-color:#E3E3E3;
                                        text-decoration: none;
					
				}
				ul.menu-top ul.menu-top li.li-level1 a:hover
                                 {
                                     text-decoration: underline;
				}
					ul.menu-top ul.menu-top li {
						text-decoration: none;
						display: block;
						background: none;
						border-bottom: none;
						border-right: 0 none;
                                                height: 26px;
                                                line-height: 26px;
						font-size: 10px;
						color: #fff;
						float: none;
						width: auto;
					}
					ul.menu-top ul.menu-top li.count_6 {
						border-right: 0;
					}
						ul.menu-top ul.menu-top li a {
							display: block;
                                                        padding-left: 20px;
                                                        height: 26px;
                                                        line-height: 26px;
							margin-top : 0px;
							text-indent: 0;
							color: #fff;
							text-decoration: none;
						}
                                                ul.menu-top ul.menu-top ul.menu-top li {
                                                    margin-left: 1px;
                                                }
                                                ul.menu-top ul.menu-top ul.menu-top li a {
                                                    background: transparent;
                                                    color: #7A7A7A;
                                                }
                                                ul.menu-top ul.menu-top ul.menu-top li a:hover {
                                                    background: #E3E3E3;
                                                }
						ul.menu-top ul.menu-top li a:hover,
						ul.menu-top ul.menu-top li a.menu_item_activ {
							text-decoration: none;
							
						}
                                                ul.menu-top ul.menu-top ul.menu-top li.count_0 a:hover {
                                                    background: #E3E3E3 url(../images/li-bg-arrow.jpg) no-repeat left center;
                                                }
			

	
	.header-home .contener-menu-catalog {
		width: 135px;
		height: 299px;
		position: absolute;
		top: 1px;
		left: 675px;
		border-bottom: 1px solid #fff;
	}
		ul.menu-catalog {
			margin: 0;
			padding: 0;
		}
			ul.menu-catalog li {
				list-style: none;
				display: inline;
				margin: 0;
				padding: 0;
			}
				ul.menu-catalog li img {
					float: left;
				}
				
		.bandeau {
		}
		.bandeau-right {
			width: 135px;
			height: 134px;
			position: absolute;
			top: 1px;
			left: 675px;
			border-bottom: 1px solid #fff;
		}
			.bandeau-right-bottom {
				height: 34px;
				background: url(../images/bandeau_right_bottom.jpg) no-repeat;
			}

	/*=============== CONTENT ===============*/
	.content-home {
		
	}
	.content {

	}
		.ctn-home {
			height: auto !important;
			height: 200px;
			min-height: 200px;
			padding: 34px 0 16px 32px;
			background: url(../images/ctn_home_bg.jpg) left bottom no-repeat;
		}
			.ctn-home .last-news {
				width: 292px;
				padding: 0 35px 0 0;
				float: left;
			}
			.ctn-home .last-cas {
				width: 292px;
				float: left;
			}
				.ctn-home .actu {
					margin: 0 0 15px 0;
				}
					.actu .artTitleActu {
						font-size: 11px;
						line-height: 110%;
						font-weight: bold;
						color: #0081CD;
						margin: 0;
						padding: 10px 0 5px 0;
						text-transform: uppercase;
					}
					.actu .actu-content {
						font-size: 11px;
						line-height: 120%;
						color: #666;
					}
						.actu-content .media_img {
							float: left;
							padding: 0 20px 5px 0;
							margin: 0;
						}
						.actu-content h2 {
							font-size: 11px;
							line-height: 110%;
							font-weight: bold;
							margin: 0;
							padding: 0 0 5px 0;
						}
						.actu .actu-content a {
							color: #666;
						}
						a.readmore {
							display: block;
							background: url(../images/puce_readmore.gif) left 2px no-repeat;
							font-weight: bold;
							text-decoration: none;
							padding: 0 0 0 14px;
							margin: 5px 0 0 0;
						}
						a.readmore:hover {
							color: #0081CD;
						}
						
			.pads-ref-part {
				padding: 0 0 1px 0;
			}
			 .pad-ref {
				width: 255px;
				height: 118px;
				background: url(../images/pad_home_ref_bg.jpg) no-repeat;
				padding: 18px 41px 0 41px;
				margin-right: 5px;
				float: left;
			}
			.pad-part {
				width: 244px;
				height: 118px;
				background: url(../images/pad_home_part_bg.jpg) no-repeat;
				padding: 18px 44px 0 44px;
				float: left;
			}
			.pad-ref a,
			.pad-part a {
				display: block;
				font-size: 10px;
				color: #0081CD;
				text-transform: uppercase;
				text-decoration: none;
			}
			.pad-ref .flash-logo,
			.pad-part .flash-logo {
				margin: 5px 0 0 0;
			}
			
		.free-content {
			background: url(../images/free_ctn_bg.jpg) no-repeat;
			height: auto !important;
			height: 332px;
			min-height: 332px;
			padding: 54px 24px 20px 24px;
		}
		.free-content-nobg-nopadding {
			height: auto !important;
			height: 332px;
			min-height: 332px;
			padding: 42px 0 20px 0;
		}
		
		.pad-newsletter {
			background: #F8F8F8 url(../images/pad_info_tel_top.jpg) center top no-repeat;
			padding: 1px 24px 40px 24px;
		}
			
			.blog-text {
				padding: 0 0 25px 0;
			}
				.blog-text h2,
				.blog-text h2.subtitle {
					margin: 0 0 5px 0;
				}
				.blog-tn {
					float: left;
					padding: 5px 20px 5px 0;
				}
			
		.ctn-2col-left {
			width: 295px;
			padding: 0 18px 0 0;
			float: left;
		}
		.ctn-2col-right {
			width: 295px;
			padding: 0 0 0 18px;
			float: left;
		}		
			
/* ---------------------------------------------
 *		Catalogue
 * --------------------------------------------- */
	.tab-catalog {
		width: 100%;
		border: 0;
	}
		.tab-catalog td {
			vertical-align: top;
			font-size: 10px;
			padding: 25px 20px 20px 20px;
		}
		.tab-catalog td.top-left {
			width: 318px;
			/*background: #fff url(../images/cata_repeat_top.jpg) left bottom repeat-x;*/
			border-right: 1px solid #ccc;
		}
		.tab-catalog td.top-right {
			width: 275px;
			background: #fff url(../images/cata_repeat_top.jpg) left bottom repeat-x;
			border-left: 1px solid #ccc;
			text-align: right;
		}
		.tab-catalog td.bottom-left {
			width: 318px;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
		.tab-catalog td.bottom-right {
			width: 275px;
			background: #fff;
			border-left: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			text-align: right;
		}
			.tab-catalog td ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				.tab-catalog td ul li {
					margin: 3px 0;
				}
					.tab-catalog a {
						text-decoration: none;
					}
 			.top-left span {
 				display: block;
 				padding: 0 0 5px 0;
 				color: #0081CD;
 				font-weight: bold;
 			}
 			
 			.top-right .intro {
 				text-align: left;
 			}
 			.tab-catalog .downloadlinks {
 				padding: 20px 0 0 0;
 			}
 				.downloadlinks .downloadlink {
 					padding: 2px 0;
 				}
 			
 			.tab-catalog .list-left {
 				width: 127px;
 				float: left;
 				padding-right: 10px;
 			}
 			.tab-catalog .list-right {
 				width: 127px;
 				float: left;
 				padding-left: 10px;
 			}
	 			.list-left .active,
	 			.list-right .active {
	 				text-decoration: underline;
	 				color: #333;
	 			}
	 		
	 		.bottom-left li {
	 			float: left;
	 			padding-right: 30px;
	 		}
	 		.bottom-right a {
	 			font-weight: bold;
	 		}
	 		.bottom-right strong {
	 			color: #ccc;
	 		}
	 		
		.tab-catalog td.form-top-left {
			width: 408px;
			height: auto !important;
			height: 510px;
			min-height: 510px;
			border-right: 1px solid #ccc;
		}
		.tab-catalog td.form-top-right {
			width: 185px;
			background: #fff url(../images/cata_repeat_top.jpg) left bottom repeat-x;
			border-left: 1px solid #ccc;
			text-align: right;
		}
	 		
	 		
	.tab-fiche {
		width: 100%;
		border: 0;
		border-bottom: 1px solid #ccc;
	}
		.tab-fiche td {
			vertical-align: top;
			font-size: 10px;
		}
		.tab-fiche td.fiche-left {
			width: 229px;
			border-right: 1px solid #ccc;
			padding: 25px 20px 20px 20px;
		}
		.tab-fiche td.fiche-right {
			width: 364px;
			background: #fff url(../images/cata_repeat_top.jpg) left bottom repeat-x;
			border-left: 1px solid #ccc;
			padding: 25px 0 20px 0;
		}
			.tab-fiche .fiche-right-top {
				padding: 0 20px 20px 20px;
			}
			.tab-fiche .fiche-right-bottom {
				border-top: 1px solid #ccc;
				padding: 15px 20px 0 24px;
			}
			.tab-fiche .encadre {
				margin: 15px 0 0 0;
				padding: 5px 15px;
				border: 1px solid #0081CD;
			}
				.encadre p {
					margin: 0;
					padding: 5px 0;
					border-bottom: 1px solid #ccc;
				}
				.encadre p.last {
					border-bottom: 0;
				}
					.encadre p span,
					.encadre p strong {
						display: block;
						color: #0081CD;
						padding-top: 1px;
					}
			.tab-fiche .canaux {
				background: url(../images/cata_img_fiche.jpg) 4px bottom no-repeat;
				padding: 0 0 210px 4px;
				margin: 0 0 15px 0;
			}
				.tab-fiche .canaux img {
		 			float: left;
		 			padding-right: 21px;
	 			}
	 		.tab-fiche .fiche-pad {
	 			width: 348px;
	 			background: url(../images/fiche_pad_bottom.png) center bottom no-repeat;
	 			padding: 0 0 5px 0;
	 			margin: 5px 0 0 0;
	 		}
	 			.tab-fiche .fiche-pad-in {
		 			background: url(../images/fiche_pad_top.png) center top no-repeat;
		 			padding: 20px 17px;
	 			}
	 				.fiche-pad td {
	 					padding: 0 0 15px 0;
	 					vertical-align: middle;
	 				}
	 					.fiche-pad td.picto {
	 						text-align: center;
	 						width: 60px;
	 						padding-right: 30px;
	 					}
	 				
	 				.fiche-right-bottom td {
	 					vertical-align: middle;
	 					padding: 5px 20px 5px 0;
	 				}
	 				
	 	.fiche-footer td {
	 		padding: 25px 15px 21px 20px;
	 		vertical-align: top;
	 	}
	 		.fiche-footer td img {
	 			margin-bottom: 4px;
	 		}
 			

	/*=============== Titres ===============*/
	h1.title-big {
		font-size: 25px;
		color: #0081CD;
		text-transform: uppercase;
		line-height: 110%;
		padding: 0;
		margin: 0 0 15px 0;
	}
	h1.title-big-gris {
		font-size: 25px;
		color: #666;
		text-transform: uppercase;
		line-height: 110%;
		padding: 0;
		margin: 0 0 15px 0;
	}
	h1.title-normal {

	}
	h1.title-fiche {
		font-size: 20px;
		color: #D61B1B;
		text-transform: uppercase;
		line-height: 110%;
		padding: 0;
		margin: 5px 0;
	}
	.title-profilia {
		font-size: 20px;
		line-height: 110%;
		text-transform: uppercase;
		color: #666;
		padding: 0;
		margin: -17px 0 15px 0;
	}
		.title-profilia img {
			padding: 0 5px 7px 0;
			vertical-align: middle;
		}
	h2, h2.subtitle {
		font-size: 20px;
		color: #666;
		line-height: 110%;
		padding: 0;
		margin: 0 0 15px 0;
	}
	h2.subtitle-fiche {
		font-size: 20px;
		color: #0081CD;
		line-height: 110%;
		padding: 0;
		margin: 20px 0 5px 0;
	}
	.fiche-right-bottom .subtitle-fiche {
		font-size: 18px;
		margin: 0;
	}
	.subtitle a {
		text-decoration: none;
		color: #666;
	}
	h3 {
		font-size: 12px;
		color: #666;
		line-height: 110%;
		padding: 0;
		margin: 0 0 10px 0;
	}
	

/*======================================================
FORMS
======================================================*/
form {
	margin: 0;
	padding: 0;
}
table.table-form {
	border-collapse: collapse;
	border: 0;
}
.table-form td {
	padding: 3px 0;
}
	.table-form-gender td {
		padding: 0 3px 0 0;
		vertical-align: middle;
	}
	.table-form td label {
		margin: 0 10px 0 0;
	}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 11px;
	color: #666;
}
.div-input {

}
.div-input-big {

}
	.inputform {

	}
	.inputfile {
	
	}
	.div-input input {
		width: 200px;
		padding: 2px 5px;
		border: 1px solid #666;
		background: #fff;
	}
	#contact .div-input input {
		width: 380px;
	}
	.div-input input:focus {
		border: 1px solid #000;
	}
	.div-input-big input {

	}
	
.div-select {

}
	.selectform {

	}
	.div-select select {

	}
	
.div-area {

}
.div-area-big {

}
	.areaform {

	}
	.div-area textarea {
		width: 380px;
		height: 63px;
		padding: 2px 5px;
		border: 1px solid #666;
		background: #fff;
	}
	.div-area-big textarea {

	}
	
.btn-send {
	border: 1px solid #666;
	background: #999;
	color: #fff;
	padding: 2px 5px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.form-intro {

}
.tabs-ctn .form-intro {

}


/*======================================================
Footer
======================================================*/
.footer {
	background: url(../images/footer_bar.gif) left top no-repeat;
	padding: 12px 0;
	text-align: center;
	font-size: 10px;
	color: #666;
}
	.footer ul,
	.footer ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
	}
		.footer ul li {
			padding: 0 9px 0 6px;
			background: url(../images/footer_sep.gif) right 6px no-repeat;
		}
		.footer a {
			color: #666;
			text-decoration: none;
		}
		.footer a:hover,
		.footer a.menu_item_activ {
			color: #000;
		}
	.footer .copyright {
		padding: 5px 0 0 0;
		color: #999;
	}