/*=============================================================================================
CSS Lyaout SOPREMA ::: kd@advisa.fr
=============================================================================================*/
html, body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #BEBEBE;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 120%;
	color: #666;
}
#site {
	height: auto !important;
	height: 482px;
	min-height: 482px;
	background: #fff url(../medias/pictures/body_top.jpg) center top no-repeat;
}
.home #site {
	background: #fff url(../medias/pictures/body_top_home.jpg) center top no-repeat;
}

/*======= COMMUNS ====================================================*/
.clear {
	clear: both;
}
img {
	border: 0;
	display:block;
}
.preload {
	position: absolute;
	display: none;
	visibility: hidden;
}
form {
	margin: 0;
	padding: 0;
}
	form.nyroModal {
		margin: 5px 10px;
	}
	input, select, textarea {
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
table {
	border-collapse: collapse;
	border: 0;
}


/*======= HEADER ====================================================*/
#header {
	position: relative;
	width: 916px;
	height: 212px;
	margin:0 auto;
	z-index: 1;
}

.header-fixe {
	height: 190px !important;
}

.home #header {
	height: 160px;
}
	#header .logo {
		position: absolute;
		left: 5px;
		top: 36px;
	}
	.home #header .logo {
		top: 22px;
	}

	.header-menu {
		position: absolute;
		width: 450px;
		top: 48px;
		left: 269px;
		margin: 0;
		padding: 0;
	}
		.header-menu li {
			min-width:135px;
			width: auto !important;
			width:135px;
			list-style: none;
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 3px 0;
			padding: 0 0 0 13px;
			color: #1079B9;
			background: url(../medias/pictures/puces/carre_bleu.gif) left 2px no-repeat;
			float: left;
		}
			.header-menu li a {
				color: #1079B9;
				text-decoration: none;
			}
			.header-menu li a:hover {
				text-decoration: underline;
			}

	.contener-header-menu {
		position: absolute;
		width: 445px;
		top: 68px;
		left: 228px;
	}
		.contener-header-menu h1 {
			position: relative;
			height: 36px;
			background: url(../medias/pictures/head_bg_title.jpg) no-repeat;
			margin: 0 0 16px 0;
			padding: 9px 0 0 6px;
			color: white;
			font-size: 28px;
			font-weight: 100;
		}
			.contener-header-menu h1 a {
				text-decoration: none;
			}
			.contener-header-menu h1 span.btn-home {
				display: block;
				position: absolute;
				height: 14px;
				background: url(../medias/pictures/icones/home_metier.gif) right top no-repeat;
				padding: 3px 20px 0 0;
				font-size: 10px;
				line-height: 100%;
				color: #fff;
				right: 10px;
				top: 23px;
				cursor: pointer;
			}

		.header-menu-left {
			width: 160px;
			padding: 0 5px 0 0;
			float: left;
		}
		.header-menu-left-long {
			width: 150px;
		}
		.header-menu-right {
			width: 278px;
			float: left;
		}
			.contener-header-menu h2 {
				margin: 0;
				padding: 0 0 14px 0;
			}
			.header-menu-left ul,
			.header-menu-right ul,
			.header-menu-left2 ul {
				margin: 0;
				padding: 0;
			}
				.contener-header-menu li {
					list-style: none;
					font-size: 18px;
					margin-bottom: 3px;
                  line-height: 120% !important;
				}
				.contener-header-menu .header-menu-left2 li {
					list-style: none;
					font-size: 11px;
					margin-bottom: 3px;
                  line-height: 120% !important;
				}
				.contener-header-menu li a {
					text-decoration: none;

				}
					.contener-header-menu li a:hover,
					.contener-header-menu li a.active {
						text-decoration: underline;
					}
				.header-menu-left ul li {
					padding: 0 0 0 18px;
					color: #1079B9;
                    width: 140px;
					background: url(../medias/pictures/puce_big.jpg) left 2px no-repeat;
				}
				.header-menu-left2 ul li {
					padding: 0 2px 0 11px;
					width: 138px;
					color: #1079B9;
					background: url(../medias/pictures/puces/carre_bleu.gif) left 2px no-repeat;
					float: left;
				}
				.header-menu-left2 ul li.header-menu-left-item0,
				.header-menu-left2 ul li.header-menu-left-item3,
				.header-menu-left2 ul li.header-menu-left-item6 {
					width: 123px;
				}

				.header-menu-in {
					padding: 11px 0 10px 12px;
					background: url(../medias/pictures/ctn_coin_gauche.gif) no-repeat;
				}

				.header-menu-in ul{
					padding: 5px 0 10px 0;
					margin: 0;
					border-bottom: 12px solid #66A9D2;
				}

				.header-menu-in ul li {
					display: inline;
					padding: 0 10px 0 13px;
					margin:0 0 5px 0;
					color: #1079B9;
					list-style:none;
					font-size:15px;
					text-align: left;
					background: url(../medias/pictures/puces/carre_bleu.gif) left 5px no-repeat;
				}

					.header-menu-in ul li a {
						color: #1079B9;
						text-decoration:none;
					}
					.header-menu-in ul li a:hover,
					.header-menu-in ul li a.active {
						text-decoration:underline;
					}

				.header-menu-left-long ul li {
					padding: 0 0 0 13px;
					color: #1079B9;
					background: url(../medias/pictures/puces/carre_bleu.gif) left 2px no-repeat;
				}

					.header-menu-left ul li a,
					.header-menu-left2 ul li a {
						color: #1079B9;
					}

				.header-menu-right ul li {
					width: 126px;
					list-style: none;
					font-size: 11px;
					font-weight: bold;
					margin: 0 0 3px 0;
					padding: 0 0px 0 13px;
					color: #1079B9;
					background: url(../medias/pictures/puces/carre_bleu.gif) left 2px no-repeat;
					float: left;
				}
					.header-menu-right ul li a {
						color: #1079B9;
					}

	#header .pad-search {
		position: absolute;
		width: 150px;
		top: 34px;
		left: 684px;
		font-size: 11px;
		color: #1079B9;
	}
        #header .pad-search.subpage {
		top: 70px;
	}
	.home #header .pad-search {
		top: 34px;
	}
		.pad-search td {
			padding: 3px 0 0 0;
		}
			.pad-search .input-search {
				width: 108px;
				background: #fff;
				font-size: 10px;
				color: #666;
				padding: 3px;
			}
	#header .txt-presentation {
		width: 632px;
		padding: 115px 14px 0 14px;
		font-size: 12px;
		color: #333;
	}

	#header .txt-presentation p{
		line-height: 133%;
		margin:6px 0 0 0;
		padding:0;
		display:inline;
		float:left;
	}

	.home #header .txt-presentation {
		padding: 102px 14px 0 14px;
	}

	.txt-presentation-hm {
		width: 632px;
		padding: 126px 14px 20px 14px;
		font-size: 14px;
		color: #333;
	}

	.txt-presentation-hm2 {
		width: 632px;
		padding: 16px 14px 20px 14px;
		font-size: 14px;
		color: #333;
	}


/*======= MAIN ====================================================*/
#main {
	position: relative;
	width: 916px;
	margin: 0 auto;
}
	/*======= Contenu ====================================================*/
	#ctn-col {
		width: 672px;
		padding: 0 12px 0 0;
		float: left;
	}
		.breadcrumb {
			position: relative;
			height: 37px;
			border-top: 3px solid #0F77BA;
			padding: 0 0 0 28px;
			font-size: 11px;
		}
			.breadcrumb .lk-home {
				position: absolute;
				left: -11px;
				top: -8px;
			}
			.bcrumb-menu {
				margin: 0;
				padding: 0;
			}
				.bcrumb-menu li.li-bcrumb-menu {
					position: relative;
					list-style: none;
					color: #0F77BA;
					font-weight: bold;
					padding: 5px 20px 5px 5px;
					margin: 0;
					background: transparent url(../medias/pictures/puces/to_bottom_bleu.gif) right 10px no-repeat;
					float: left;
				}

				.bcrumb-menu li.last-item {
					background: transparent;
					padding: 5px 5px 5px 5px !important;
				}

				.bcrumb-menu li.li-bcrumb-menu a {
					color: #0F77BA;
					text-decoration: none;
				}

				.bcrumb-menu li.active a {
					color: #fff;
					text-decoration: none;
				}

				.bcrumb-menu li.li-bcrumb-menu a:hover {
					color: #fff;
					text-decoration: underline;
				}

				.bcrumb-menu .no-options {
					background:none !important;
					padding:7px !important;
				}

				.bcrumb-menu .current-no-options {
					background:#0F77BA !important;
					padding:5px 7px !important;
					color: #fff !important;
				}

				.bcrumb-menu li.active,
				.bcrumb-menu li.current {
					color: #fff !important;
					background: #0F77BA url(../medias/pictures/puces/to_bottom_blanc.gif) right 10px no-repeat;
				}
					.bcrumb-smenu {
						display: none;
						width: 126px;
						position: absolute;
						background: #0F77BA;
						padding: 10px;
						top: 20px;
						left: 0;
						z-index: 100;
					}
						.bcrumb-smenu li {
							font-weight: normal;
							list-style: none;
							padding: 0;
							margin: 2px 0;
						}
							.bcrumb-smenu li a {
								display: block;
								color: #fff !important;
								text-decoration: none !important;
								background: url(../medias/pictures/puces/bcrumb_submenu.gif) left 1px no-repeat;
								padding: 0 0 0 14px;
							}
							.bcrumb-smenu li a:hover,
							.bcrumb-smenu li a.active {
								text-decoration: underline !important;
							}

		.coin-gauche {
			padding: 11px 0 0 12px;
			background: url(../medias/pictures/ctn_coin_gauche.gif) no-repeat;
		}
		.coin-droit {
			padding: 0 12px 11px 0;
			background: url(../medias/pictures/ctn_coin_droit.gif) right bottom no-repeat;
		}
		.coin-gauche-nomarge {
			padding: 11px 0 0 0;
			background: url(../medias/pictures/ctn_coin_gauche.gif) no-repeat;
		}

				.coin-gauche-nomarge .text-desc {
					font-size:13px;
					color:#333333;
					padding-left:10px;

				}

				.coin-gauche-nomarge .text-desc h2 {
					font-size:16px;
					color:#0F77BA;margin-top:0;
					padding-top:0;
					font-weight:bold;
				}

		.coin-droit-nomarge {
			padding: 0 0 11px 0;
			background: url(../medias/pictures/ctn_coin_droit.gif) right bottom no-repeat;
		}
                .pad-list-newsletter {
                    float: right;
                    width: 442px;
                }

		.pad-nouveaute {
			width: 330px;
			margin: 12px 0 0 0;
			border-top: 12px solid #4094C7;
			float: left;
		}
			.pad-nouveaute .ctn {
				height: auto !important;
				height: 402px;
				min-height: 402px;
				background: url(../medias/pictures/pad_nouveaute_bg.gif) left bottom no-repeat;
				padding: 0 9px 16px 9px;
				color: #333;
			}
				.pad-nouveaute .ctn h1,
				.pad-actu .ctn h1, .pad-actu-metier-unique .ctn h1 {
					margin: 0;
					padding: 0 0 12px 0;
				}
				.pad-nouveaute .ctn h2 {
					font-size: 14px;
					color: #1079B9;
					margin: 0;
					padding:10px 0;
				}
					.pad-nouveaute .ctn h2 a {
						text-decoration: none;
						color: #1079B9;
					}
				.pad-nouveaute .text {
					width: 135px;
					padding: 0;
					font-size: 11px;
					float: left;
				}
				.pad-nouveaute .img,
				.pad-actu .img ,.pad-actu-metier-unique .img  {
					border: 0;
					margin: 0 11px 0 0;
					float: left;
				}

                .pad-actu-metier-unique {
			margin: 12px 0 0 0;
			border-top: 12px solid #66A9D2;
                }
			.pad-actu-metier-unique .ctn {
				background: url(../medias/pictures/pad_actu_bg.gif) left bottom repeat-x;
				padding: 0 9px 8px 9px;
				color: #333;
			}
				.pad-actu-metier-unique .une-actu {
					padding: 0 0 8px 0;
				}
				.pad-actu-metier-unique .text {
					padding: 0;
					font-size: 11px;
				}
				.pad-actu-metier-unique .ctn .title {
					display: block;
					color: #333;
					font-weight: bold;
					text-decoration: none;
                                }
				#ctn-col .pad-actu-metier-unique .ctn h1 {
					margin: 0;
					padding: 0 0 12px 0;
                                        font-size: 20px;
				}
		.pad-actu {
			width: 330px;
			margin: 12px 0 0 0;
			border-top: 12px solid #66A9D2;
			float: right;
		}
			.pad-actu .ctn {
				height: auto !important;
				height: 410px;
				min-height: 410px;
				background: url(../medias/pictures/pad_actu_bg.gif) left bottom no-repeat;
				padding: 0 9px 8px 9px;
				color: #333;
			}
				.pad-actu .une-actu {
					padding: 0 0 8px 0;
				}
				.pad-actu .text {
					width: 201px;
					padding: 0;
					font-size: 11px;
					float: left;
				}
				.pad-actu .ctn .title {
					display: block;
					color: #333;
					font-weight: bold;
					text-decoration: none;
				}

			.pad-nouveaute .lk-all,
			.pad-actu .lk-all {
				display: block;
				height: 15px;
				font-weight: bold;
				color: #333;
				text-decoration: none;
				background: url(../medias/pictures/puces/carre_bleu_big.gif) right top no-repeat;
				padding: 1px 20px 0 0;
				margin: 4px 0 0 0;
				float: right;
			}
			.lk-all:hover {
				text-decoration: underline;
			}

	.sommaire-prod {
		padding: 2px 0 0 0;
	}
		.btn-autres-prod {
			display: block;
			width: 154px;
			padding: 4px;
			margin: 10px 0 0 3px;
			float: left;
		}
		.pad-prod {
			position: relative;
			width: 154px;
			height: 138px;
			padding: 4px;
			font-size: 11px;
			border: 1px solid transparent;
			margin: 10px 0 0 3px;
			z-index: 100;
			cursor: pointer;
			float: left;
		}
		.pad-prod-inactive {
			position: relative;
			width: 154px;
			height: 138px;
			padding: 4px;
			font-size: 11px;
			border: 1px solid transparent;
			margin: 10px 0 0 3px;
			z-index: 100;
			cursor:default;
			float: left;
			opacity:0.5;
			filter:alpha(opacity=50);
		}

			.pad-prod-inactive a {
				color: #333;
				text-decoration: none;
			}
			.pad-prod-inactive .title-cat {
				display: block;
				font-size: 12px;
				font-weight: bold;
				background: url(../medias/pictures/puces/carre_bleu_big.gif) left 2px no-repeat;
				padding: 2px 0 2px 20px;
				margin: 2px 0 6px 0;
			}
			.pad-prod-inactive .desc-cat {
				display: block;
				padding: 0 0 0 3px;
			}

		.pad-prod-over {
			border: 1px solid #ccc;
			background: #EDEDED;
		}
		.pad-prod-active {
			border: 1px solid #ccc;
			border-bottom: 1px solid #EDEDED;
			background: #EDEDED;
		}
			.pad-prod a {
				color: #333;
				text-decoration: none;
			}
			.pad-prod .title-cat {
				display: block;
				font-size: 12px;
				font-weight: bold;
				background: url(../medias/pictures/puces/carre_bleu_big.gif) left 1px no-repeat;
				padding: 2px 0 2px 20px;
				margin: 2px 0 6px 0;
			}
			.pad-prod .desc-cat {
				display: block;
				padding: 0 0 0 3px;
			}

	.pad-prod-details {
		position: relative;
		display: none;
		border: 1px solid #ccc;
		margin: -1px 0 0 0;
		padding: 0;
		background: #EDEDED url(../medias/pictures/prod_pad_det_repeat.gif) repeat-y;
		float: left;
		z-index: 10;
	}
		.pad-prod-details .btn-close {
			position: absolute;
			top: 5px;
			right: 6px;
			background: url(../medias/pictures/puces/close.gif) right center no-repeat;
			padding: 0 18px 0 0;
			margin: 5px 6px 0 0;
			line-height: 12px;
			font-size: 10px;
			text-decoration: none;
			text-transform: uppercase;
			color: #0F77BA;
			float: right
		}
		.pad-prod-details .btn-close:hover {
			text-decoration: underline;
		}
		.prod-details-in {
			padding: 0 0 15px 11px;
		}
			.prod-details-in h2 {
				font-size: 18px;
				line-height: 100%;
				color: #0F77BA;
				margin: 0;
				background: #EDEDED;
				padding: 15px 0;
			}
				.prod-details-left {
					position: relative;
					width: 483px;
					padding: 0;
					float: left;
				}
				.prod-details-right {
					width: 162px;
					padding: 0 8px 0 6px;
					float: left;
				}
					.prod-details-left h3 {
						background: url(../medias/pictures/prod_pad_title_bar.gif) no-repeat;
						margin: 0;
						padding: 13px 10px 10px 4px;
						font-size: 14px;
						color: #0F77BA;
					}
					.prod-details-left ul {
						width: 472px;
						margin: 0 0 15px 0;
						padding: 0 0 0 4px;
						font-size: 13px;
						color: #333;
						font-weight: bold;
						background: url(../medias/pictures/sep_vertical_pointille.gif) 219px top repeat-y;
					}
						.prod-details-left ul li {
							list-style: none;
							background: url(../medias/pictures/puces/carre_gris.gif) left 1px no-repeat;
							margin: 0 0 6px 0;
							padding: 0 10px 0 15px;
							width: 205px;
							float: left;
						}

						.prod-details-left ul li a {
							text-decoration:none;
						}
							.prod-details-left ul ul {
								width: 205px;
								margin: 0;
								padding: 3px 0 1px 0;
								font-weight: normal;
								background: none;
							}
							.prod-details-left ul ul li {
								display: inline;
								background: none;
								padding: 0;
								margin: 0;
								float: none;
							}
								.prod-details-left h3 a, .prod-details-in h2 a {
									color:#0F77BA;
									text-decoration: none;
								}

								.prod-details-left h3 a:hover, .prod-details-in h2 a:hover {
									color:#0F77BA;
									text-decoration: none;
								}
								.prod-details-left ul ul li a {
									display: block;
									background: url(../medias/pictures/puces/point_gris.gif) left 5px no-repeat;
									padding: 0 0 0 9px ;
									margin: 0 0 6px 0;
									text-decoration:none;
								}
								.prod-details-left ul ul li a:hover,
								.prod-details-left ul ul li a.active {
									background-image: url(../medias/pictures/puces/point_bleu.gif);
									color: #0F77BA;
									text-decoration:none;
								}

				.prod-details-right-in {
					display: none;
				}
					.prod-details-right h3 {
						height: 37px;
						background: url(../medias/pictures/prod_pad_right_title_bg.jpg) no-repeat;
						padding: 10px 7px 0 7px;
						margin: 0;
						text-align: center;
						text-transform: uppercase;
						font-size: 13px;
						color: #fff;
					}
					.prod-details-right .intro {
						padding: 7px 4px 20px 4px;
						font-size: 13px;
						color: #0F77BA;
					}
					.prod-details-right ul {
						background: url(../medias/pictures/prod_pad_right_menu_bg.jpg) no-repeat;
						padding: 17px 0 0 0;
						margin: 0;
						font-size: 13px;
					}
						.prod-details-right ul li {
							list-style: none;
						}
							.prod-details-right ul li a {
									display: block;
									background: url(../medias/pictures/puces/point_bleu.gif) 5px 5px no-repeat;
									padding: 0 0 0 14px;
									margin: 0 0 5px 0;
									color: #0F77BA;
									text-decoration: none;
							}
							.prod-details-right ul li a:hover {
								text-decoration: underline;
							}

		.plus{
			background:url(../medias/pictures/puces/plus.gif) no-repeat;
			padding-left:20px;
			line-height:120%;
		}
		.minus{
			background:url(../medias/pictures/puces/minus.gif) no-repeat;
			padding-left:20px;
			line-height:120%;
		}

		.fiche-prod {
			padding:0;
			margin:0;
			height: auto !important;
			height:225px;
			min-height:225px;
		}
			.fiche-prod-photo img {
				width:152px;
				float:left;
				border: 1px solid #CCCCCC;
				margin:0 10px 0  0;
				padding:0px !important;
				display:block;
				font-size:11px;
				position:relative;
			}

			.fiche-prod-photo {
			margin: 0px 12px 0px 15px !important;
			padding:0 0 5px 0;
			border-bottom: 12px solid #66A9D2;
			width:154px;
			height:152px;
			float:left;

			}
			.fiche-prod-header {
				color:#0F77BA;
				position:relative;
				width:666px;
				padding: 15px 0 10px 15px;
				height: auto !important;
				height: 85px;
				min-height: 85px;
				margin:0;
				}

					.prod-header-chapo {
						float:left;
						}
                        .prod-header-chapo h1 {
                            margin:0 0 !important;
						}

					.prod-header-opts {
						float:left;
						color:#0F77BA;
						float:right;
						width:165px;
						padding:0;
						height:60px;
						margin:10px 10px 0 0;
						}


							.prod-header-opts ul, .prod-header-opts a {
								list-style:none;
								padding:0px;
								margin:0px;
								font-size:10px;
								text-transform:uppercase;
								color:#333333;
								text-decoration:none;

							}

							.prod-header-opts .imprimer {
								background:url(../medias/pictures/icones/imprimer.gif) no-repeat;
								padding: 0 0 0 22px;
								margin:0px;
								height:18px;
								width:144px;
							}
							.prod-header-opts .recommander {
								background:url(../medias/pictures/icones/recommander.gif) no-repeat;
								padding:1px 0 0 22px;
								margin:0px;
								height:17px;
								width:144px;
							}
							.prod-header-opts .coupe_technique {
								background:url(../medias/pictures/icones/coupe_technique.gif) no-repeat;
								padding:1px 0 0 22px;
								margin:0px;
								height:30px;
								width:144px;
                                line-height: 130%;
							}
							.prod-header-opts .postuler {
								background:url(../medias/pictures/icones/postuler.gif) no-repeat;
								padding:3px 0 0 22px;
								margin:0px;
								height:15px;
								width:144px;
							}
							.prod-header-opts .selection {
								background:url(../medias/pictures/icones/selection.gif) no-repeat;
								padding:3px 0 0 22px;
								margin:0px;
								height:15px;
								width:144px;
							}

							.prod-header-opts .conseil {
								background:url(../medias/pictures/icones/conseil.gif) no-repeat;
								padding:3px 0 0 22px;
								margin:0px;
								height:15px;
								width:144px;
							}

							.fiche-prod-header h1 {
								width: 480px;
								font-size:30px;
								line-height: 100%;
								font-weight:normal;
								margin:0 ;
								padding: 8px 0 0 0;
							}

							.fiche-prod-header h2 {
								font-size:13px;
								font-weight:bold;
								margin:0;
								padding:12px 0 0 0;
								color:#333333;
												}
							.fiche-prod-header h3 {
								font-size:13px;
								font-weight:normal;
								margin:0;
								padding:3px 0 0 0;
								color:#333333;
												}
			.fiche-prod-desc {
				color:#0F77BA;
				position:relative;
				width:672px;
				padding:0;
				height:auto;
				margin:15px 0 0 0;
				/*float:left;*/
			}


				.prod-desc-dl {
					float:left;
					height:auto !important;
					height:150px;
					min-height:150px;
					background:url(../medias/pictures/pad_detail_prod.gif) top left no-repeat;
					/*border-top:1px solid #A0A0A0;*/
					padding:0;
					margin:0;
					/*width:305px;
					width: 242px;*/
				}

				.prod-desc-dl-right {
					float:left;
					height:auto !important;
					height:150px;
					min-height:150px;
					background:url(../medias/pictures/pad_detail_prod.gif) top right no-repeat;
					border-top:1px solid #A0A0A0;
					padding:0;
					margin:0;
					/*width:305px;
					width: 242px;*/
				}

				.fiche-prod-desc h3 {
					font-size:11px;
					font-weight:bold;
					background:url(../medias/pictures/puces/carre_gris.gif) left 2px no-repeat;
					padding: 0 0 0 13px;
					margin:5px 0 0 8px;
					text-transform:uppercase;
				}

				.dl-utils {
					width:178px !important;
					margin:0 0 0 2px;
				}

				.dl-utils-right {
					width:178px !important;
					/*width: 241px !important;*/
				}



						.fiche-prod-desc ul{
							list-style:none;
							margin:0 !important;
							padding:3px 8px;

							}
						.fiche-prod-desc li a{
							background: url(../medias/pictures/puces/point_gris.gif) left 5px no-repeat;
							background-position:0px 4px;
							list-style:none;
							padding: 0 0 0 9px  !important;
							margin: 0 0 6px 0;
							display:block;
							font-size:11px;
							text-decoration:none;
							color:#3b3b3b;
						}

						.fiche-prod-desc li a:hover,
						.fiche-prod-desc li a.active {
							background-image: url(../medias/pictures/puces/point_bleu.gif) !important;
							color: #0F77BA;
						}
						.fiche-prod-desc a:hover{color:#0F77BA;}

									.fiche-prod-desc a{
										display:block;
										padding:0 !important;
										margin:0 !important;
										color:#333;
										text-decoration:none;
										font-size:12px;
									}

					.dl-utils li a{
							width:120px;
						}

			.prod_dt_table {
				position: relative;
				width: 667px;
				height:auto;
				min-height:160px;
				margin: 30px 0 0 0;
				overflow: hidden;
			}

			.prod_dt_table .image-barre {
				position: absolute;
				height: 39px;
				width: 667px;
				margin: -1px 0 0 0;
			}

				.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
					cursor: pointer;
					text-decoration:none;
					border:none;
					list-style:none;
					display:block;
					}
				.ui-tabs .ui-tabs-panel {
					padding: 50px 15px 10px;
					display: block;
					width: 637px;
					background-color:#EDEDED;
					min-height:120px;
					font-size: 12px;
					color:#333333;
					height:auto;
					line-height:16px;
					}

				.ui-tabs .ui-tabs-panel p {
						padding: 0;
						margin:0;
					}

				.ui-tabs .ui-tabs-hide {
					display: none !important;
					}


					.prod_dt_table ul {
							background:url(../medias/pictures/tab.gif) 0 -200px no-repeat;
							list-style:none;
							display:block;
							position:absolute;
							z-index:10;
							margin:0;
							padding:0;
					}

					.prod_dt_table ul a{
							background:url(../medias/pictures/tab.png) 0 -200px no-repeat;
							list-style:none;
							display:block;
							text-decoration:none;
							float:left;
							margin:0;
							padding:0 0 0 13px;
							cursor:pointer;
					}

						.prod_dt_table ul a:act{


						}
					.prod_dt_table ul li{
						list-style:none;
						float:left;
						margin:0;
						padding:0;
						overflow:hidden;
						height:38px;


					}

					li.ui-tabs-selected span{
						background-position:100% 0px;
						height:24px !important;
						color: #0F77BA;
						text-decoration:none !important;
					}

					li.ui-tabs-selected a{
						background-position:0 0px;
						margin:0 0 0 0;
						padding:0 0 0 13px;
						height:38px !important;
					}

					.prod_dt_table ul a:hover{
							padding:0 0 0 13px;
							margin:0 0 0 0;
							height:38px !important;
							background-position:0 0px;
					}

					.prod_dt_table ul a:hover span{

							background-position:100% 0px;
							height:24px !important;
							color: #0F77BA;
							text-decoration:none !important;
					}

					.prod_dt_table span{
						background: url(../medias/pictures/tab.png) no-repeat 100% -200px ;
						padding:15px 9px 10px 0;
						color:#FFF;
						font-size:11px;
						float:left;
						text-decoration:none !important;

					}

					.prod_dt_table span:hover{
						padding:15px 9px 0em 0;
						text-decoration:none !important;
					}


		#prod-table-content {
			width:667px;
			height:100px;
			background-color:#EDEDED;
		}

		/* .fiche-prod-photo .big-border { width:154px; background-color:#66A9D2; height:12px; border:none;margin-left:12px; margin-top:3px;}
		.fiche-prod .fiche-prod-header { color: #0F77BA; font-size:30px; } */

		.ctn-footer {
			position: relative;
			margin: 15px 0 0 228px;
			padding: 11px 0 0 12px;
			background: url(../medias/pictures/ctn_coin_gauche.gif) no-repeat;
		}


			.ctn-footer .menu-bottom {
				width: 150px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				background: none;
			}
		.ctn-footer .header-menu {
			top: 14px;
			left: 149px;
			margin: 0;
			padding: 0;
                        width: 300px;
		}

		.ctn-footer-h {
			position: relative;
			margin: 0px 0 0 11px !important;
			padding: 25px 0 0 12px;
			background: url(../medias/pictures/ctn_coin_gauche.gif) no-repeat;
		}

		.ctn-footer-h .header-menu {
			top: 25px;
			left: 167px;
			margin: 0;
			padding: 0;
		}

		.footer-actu {
			margin: 15px 0 0 215px !important;
		}

	/*======= Content Title ====================================================*/

	h1, h2, h3, h4, h5
	{
		color: #1079B9;
		line-height: 110%;
	}
	#ctn-col h1,
	.freeContent h1 {
		font-weight: normal;
		font-size:30px;
		margin: 10px 0;
		padding: 0;
	}
	h2, h3, h4, h5
	{
		font-weight: bold;
	}

	.freeContent
	{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 120%;
	}

	.freeContent h1{
		font-size: 30px;
		margin: 0 0 10px 0;
		line-height: 100%;
	}

	.freeContent div a{
		color:#FFFFFF;
		text-decoration:underline;
	}

	.freeContent div a:hover{
		color:#FFFFFF;
		text-decoration:none;
	}

	.freeContent a{
		color:#666666;
		text-decoration:underline;
		font-weight:bold;
	}

	.freeContent a:hover{
		color:#666666;
		text-decoration:none;
	}

	.freeContent .coin-gauche a{
		color:#666666;
		text-decoration:underline;
		font-weight:bold;
	}

	.freeContent .coin-gauche a:hover{
		color:#666666;
		text-decoration:none;
	}

	.freeContent h2{
		line-height:160%;
	}

	a
	{
		text-decoration: underline;
		color: #000;
	}

	a:hover
	{
		text-decoration: none;
		color: #000;
	}

	.title-h1 {
		font-weight: normal;
		color: #0F77BA;
		font-size: 30px;
		margin: 0;
		padding: 0 0 4px 16px;
		line-height: 100%;
	}
	.title-h2Bar {
		font-size: 24px;
		font-weight: normal;
		background: url(../medias/pictures/h2_bar.gif) left bottom no-repeat;
		padding: 0 0 18px 0;
	}
	.title-h2 {
		font-size: 24px;
		font-weight: normal;
		padding: 0;
		margin: 10px 0;
	}
	.title-puce-bleu {
		font-size: 16px;
		font-weight: bold;
		background: url(../medias/pictures/puces/carre_bleu_big.gif) left 2px no-repeat;
		padding: 0 0 0 20px;
		margin: 8px 0;
	}
	.dotted-bottom {
		border-bottom: 1px dotted #999;
		padding-bottom: 15px;
		padding-top: 5px;
	}

	.pad-ctn-edito {
		width: 620px;
		height: 145px;
		background: url(../medias/pictures/pad_edito.jpg) no-repeat;
		padding: 20px 20px 0 20px;
	}
		.pad-ctn-edito h2 {
			padding: 0;
			margin: 10px 0;
			font-size: 18px;
			line-height: 120%;
		}
	.puce-grise {
		padding: 0 0 0 12px;
		margin: 2px 0;
		background: url(../medias/pictures/puces/carre_gris_fonce.gif) left 4px no-repeat;
	}


	/*======= Right Col ====================================================*/
	#right-col {
		position: realtive;
		width: 232px;
		float: left;
		margin: -77px 0 0 0;
		z-index: 100;
	}
	.home #right-col {
		margin-top: -81px;
	}
		.right-menu {
			height: 290px;
            font-size:11px;
			z-index:50;
			position: relative;
			/*background: url(../medias/pictures/right_col/bg_normal.jpg) no-repeat;*/
			background: url(../medias/pictures/right_col/bg_mysoprema_bottom_home.jpg) no-repeat;
		}

		.right-menu-fixe {
			height: 290px;
			font-size:11px;
			z-index:50;
			position: relative;
			/*background: url(../medias/pictures/right_col/bg_normal2.jpg) no-repeat;*/
			background: url(../medias/pictures/right_col/bg_mysoprema_bottom_home.jpg) no-repeat;
			/*
			height: auto !important;
			height: 597px;
			min-height: 597px;
			*/
		}

		.right-menu-metier {
			height: 272px;
			position: relative;
			z-index:50;
			background: url(../medias/pictures/right_col/bg_menu_metier.jpg) no-repeat;
			padding: 11px 0 0 0;
		}

		#right-col .title-menu {
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			/*color: #0F77BA;*/
			color: #fff;
			padding: 29px 0 0 31px;
		}

		#right-col .title-menu-roll {
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			color: #fff;
			padding: 25px 0 20px 20px;
		}

		#right-col .title-menu-roll-id {
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			color: #fff;
			padding: 35px 0 20px 20px;
		}

		#right-col .identification {
			padding: 4px 94px 5px 12px;
			font-size: 10px;
			text-align: center;
			background: url(../medias/pictures/right_col/identification_sep.gif) 80px top no-repeat;
		}
			#right-col .identification a {
				color: #fff;
				text-decoration: none;
				margin: 0 5px;
				/*color: #333;*/
			}
			#right-col .identification a:hover {
				text-decoration: underline;
			}

		#right-col .accroche {
			margin: 0;
			padding: 15px 0 0 20px;
			font-size: 30px;
			color: #0F77BA;
		}
		#right-col .intro {
			padding: 10px 40px 20px 22px;
			font-size: 11px;
			color: #666;
		}
		#right-col .intro-txt {
			padding: 10px 35px 20px 22px;
			font-size: 13px;
			color: #666;
			line-height: 120%;
		}
		#right-col .menu {
			width: 188px;
			margin: 0;
			padding: 10px 0 15px 13px;
			background: url(../medias/pictures/right_col/menu_bottom.png) 13px bottom no-repeat;
		}
			#right-col .menu li {
				margin: 0 0 2px 0;
				padding: 0;
				list-style: none;
				background: url(../medias/pictures/right_col/menu_top.gif) no-repeat;
			}
			#right-col .menu li.active {
				margin: 0;
			}
				#right-col .menu li a {
					display: block;
					height: 21px;
					background: url(../medias/pictures/right_col/menu_puce.gif) 22px 7px no-repeat;
					padding: 8px 0 0 37px;
					font-size: 12px;
					text-transform: uppercase;
					text-decoration: none;
					color: #fff;
					font-weight: bold;
				}
				#right-col .menu li.active a {
					background: url(../medias/pictures/right_col/menu_puce_on.gif) 17px 11px no-repeat;
				}
				#right-col .menu ul.submenu {
					display: none;
					height: auto !important;
					height: 279px;
					min-height: 279px;
					margin: 0;
					padding: 5px 16px 1px 22px;
				}
				#right-col .menu ul.submenu-open {
					display: block;
				}
					#right-col .menu ul.submenu li {
						margin: 7px 0;
						padding: 0;
						list-style: none;
						background: none;
					}
						#right-col .menu ul.submenu li a {
							display: block;
							height: auto !important;
							height: 10px;
							min-height: 10px;
							background: url(../medias/pictures/right_col/submenu_puce.gif) left 4px no-repeat;
							padding: 0 0 0 9px;
							font-size: 12px;
							text-transform: none;
							text-decoration: none;
							color: #fff;
							font-weight: normal;
						}
						#right-col .menu ul.submenu li a:hover,
						#right-col .menu ul.submenu li a.active {
							text-decoration: underline;
						}

		#right-col .right-mysoprema {
			position: relative;
			height: 290px;
			font-size:11px;
      z-index: 50;
			background: url(../medias/pictures/right_col/bg_mysoprema.jpg) no-repeat;
		}
		.right-mysoprema-accueil {
			position: relative;
			z-index: inherit;
		}
		#right-col .mysoprema-logged-bg {
			background: url(../medias/pictures/right_col/bg_mysoprema_logged.jpg) no-repeat;
		}
			#right-col .right-mysoprema .title-menu {
				height: 28px;
				padding: 35px 0 0 24px;
			}
			#right-col .mysoprema-logged .title-menu {
				height: 17px;
				padding: 29px 0 0 24px;
			}
			#right-col .right-mysoprema .identification {
				height: 19px;
				padding: 9px 94px 5px 37px;
				text-align: left;
				background: url(../medias/pictures/icones/cadenas.gif) 20px center no-repeat;
				font-size: 12px;
			}
				#right-col .right-mysoprema .identification a {
					line-height: 16px;
					color: #fff;
					text-decoration: none;
					margin: 0;
					font-weight: bold;
					background: url(../medias/pictures/puces/carre_blanc_big.gif) right center no-repeat;
					padding: 0 22px 0 0;
				}
				#right-col .right-mysoprema .identification a:hover {
					text-decoration: underline;
				}
		#right-col .right-mysoprema .intro,
		.right-mysoprema-accueil .intro {
			padding-left: 15px;
			padding-bottom: 0 !important;
			visibility:visible;
			color: #333;
		}
			#right-col .right-mysoprema .intro ul,
			.right-mysoprema-accueil .intro ul {
				margin: 5px 0 0 0;
				padding: 0;
			}
				#right-col .right-mysoprema .intro ul li,
				.right-mysoprema-accueil .intro ul li {
					list-style: none;
					background: url(../medias/pictures/puces/rsaquo_bleu.gif) left 5px no-repeat;
					padding: 0 0 0 8px;
					margin: 2px 0;
					color: #333;
				}
				*html .right-mysoprema-accueil .intro ul li {
					position: relative;
				}
					#right-col .right-mysoprema .intro ul li a,
					.right-mysoprema-accueil .intro ul li a {
						text-decoration: none;
						color: #333;
					}
					#right-col .right-mysoprema .intro a:hover,
					.right-mysoprema-accueil .intro a:hover {
						text-decoration: underline;
					}

			#right-col .right-mysoprema .inscription,
			.right-mysoprema-accueil .inscription {
				position: absolute;
				height: 19px;
				padding: 0 0 0 17px;
				margin: 10px 0 0 0;
				font-size: 12px;
				color: #0F77BA;
				text-align: left;
				background: url(../medias/pictures/icones/inscription.gif) left top no-repeat;
				font-size: 11px;
				/*bottom: 10px;*/
				right: 28px;
				z-index: inherit;
			}
				#right-col .right-mysoprema .inscription a,
				.right-mysoprema-accueil .inscription a {
					line-height: 14px;
					color: #0F77BA;
					text-decoration: none;
					margin: 0;
					font-weight: bold;
					background: url(../medias/pictures/puces/rsaquo_big_bleu.gif) right center no-repeat;
					padding: 0 16px 0 0;
				}
				#right-col .right-mysoprema .inscription a:hover {
					text-decoration: underline;
				}
			.mysoprema-logged .disconnect {
				height: 19px;
				padding: 0 94px 0 24px;
				font-size: 10px;
			}
				.mysoprema-logged .disconnect a {
					text-decoration: none;
					/*color: #0F77BA;*/
					color: #fff;
					background: url(../medias/pictures/puces/close.gif) right center no-repeat;
					padding: 0 18px 0 0;
				}
			#right-col .welcome {
				font-size: 11px;
				color: #0F77BA;
				font-weight: bold;
				padding: 15px 0 0 15px;
			}
			#right-col .mes-services {
				padding: 15px 0 20px 15px;
			}

            #right-col .moncompte {
				padding: 0 0 0 15px;
			}
				.mes-services ul {
					margin: 7px 0 0 0;
					padding: 0;
				}
                .moncompte ul {
					margin: 0;
					padding: 0;
                    list-style:none;
                }
				.moncompte ul li,
                .mes-services ul li {
					list-style: none;
					margin: 1px 0;
				}
				.moncompte ul li.puce-carre,
                .mes-services ul li.puce-carre {
					background: url(../medias/pictures/puces/carre_gris.gif) left 2px no-repeat;
					padding: 0 0 0 13px;
				}
				.mes-services ul li.cadre {
					background: url(../medias/pictures/puces/cadre.gif) 2px center no-repeat;
					padding: 1px 0;
					text-transform: uppercase;
				}
					.mes-services ul li.cadre a {
						display: block;
						height: 16px;
						padding: 2px 0 2px 24px;
					}
					.mes-services ul li.cadre a.outil {
						background: url(../medias/pictures/icones/outil.gif) left top no-repeat;
					}
					.mes-services ul li.cadre a.doc {
						background: url(../medias/pictures/icones/doc_tec.gif) left top no-repeat;
					}
					.mes-services ul li a,
                    .moncompte ul li a{
						text-decoration: none;
						color: #333;
					}
					.mes-services a:hover,
                    .moncompte a:hover{
						text-decoration: underline;
					}
					.mes-services ul li.cadre a:hover {
						color: #0F77BA;
						text-decoration: none;
					}


		#right-col .pad-info {
			position: relative;
			width: 222px;
			font-size: 14px;
			font-weight: bold;
			margin: 5px 0 0 -6px;
			background: url(../medias/pictures/right_col/info_repeat.gif) repeat-y;
		}
			.pad-info-top-bleu {
				color: #0F77BA;
				padding: 14px 0 7px 24px;
				background: url(../medias/pictures/right_col/info_top_bleu.jpg) no-repeat;
			}
				.pad-info-top-bleu a {
					color: #0F77BA;
					text-decoration: none;
				}
			.pad-info-top-noir {
				color: #333;
				padding: 14px 0 7px 24px;
				background: url(../medias/pictures/right_col/info_top_noir.jpg) no-repeat;
			}
				.pad-info-top-noir a {
					color: #333;
					text-decoration: none;
				}
				.pad-info-top-bleu h2,
				.pad-info-top-noir h2 {
					margin: 0;
					padding: 0 5px 10px 17px;
					font-size: 25px;
					font-weight: normal;
				}


		#right-col .menu-bottom {
			margin: 13px 0 0 0;
			padding: 7px 0 0 16px;
			background: url(../medias/pictures/ctn_coin_gauche.gif) no-repeat;
		}
			.menu-bottom li {
				list-style: none;
				padding: 0;
				margin: 3px 0;
				font-size: 11px;
			}
				.menu-bottom li a {
					display: block;
					height: 15px;
					padding: 0 0 0 20px;
					color: #666;
					font-weight: bold;
					text-decoration: none;
					background-repeat: no-repeat;
				}
				.menu-bottom li a:hover,
				.menu-bottom li a.active {
					text-decoration: underline;
				}
				.menu-bottom li a.ico-rss {
					background-image: url(../medias/pictures/right_col/ico_rss.gif);
				}
				.menu-bottom li a.ico-press {
					background-image: url(../medias/pictures/right_col/ico_press.gif);
				}
				.menu-bottom li a.ico-contact {
					background-image: url(../medias/pictures/right_col/ico_contact.gif);
				}
				.menu-bottom li a.ico-meteo {
					background-image: url(../medias/pictures/right_col/ico_meteo.gif);
				}

		.right-choix-prod-head {
			position: relative;
			height: auto !important;
            height: 123px;
            min-height: 123px;
			background:#CBCBCB url(../medias/pictures/right_col/choix_prod_bg.jpg) no-repeat;
			margin-top:0px;
			width:216px;
			float: left;
		}
		.right-choix-prod {
			position: relative;
			/*height: auto !important;
			height: 269px;
			min-height: 269px;*/
			background:#CBCBCB url(../medias/pictures/right_col/separator.jpg) no-repeat;
			margin-top:0px;
			width:216px;
			float: left;
		}

		.border-blue-dark{
			border-top:#1079BA 12px solid;
			margin:10px 0 0 0;
			width:216px;
		}

		.border-blue {
			border-top:#66A9D3 12px solid;
			margin:10px 0 0 0;
			width:216px;
			float:left;
		}
		.border-blue-right {
			border-top:#66A9D3 12px solid;
			margin: 10px 0 0 0;
			width: 216px;
			float:left;
		}

		.border-blue .tiny-blue{
			width:204px;
			float:none !important;
		}

		.tiny-blue-pad{
			width:204px;
		}

		.border-blue-mid{
			border-top:#4194C8 12px solid;
			margin:10px 0px 0 11px;
			width:445px;
			padding:0;
			float:right;
		}



			.blue-border-pad {
				height: auto;
				margin:3px 0 0 0;
				width:auto;
			}

			.right-choix-guide {
				background:#CBCBCB url(../medias/pictures/_tmp/home_archi_pad_right.jpg) no-repeat;
			}

			.content-formations {
				background:#CBCBCB url(../medias/pictures/_tmp/home_archi_form.jpg) no-repeat;
			}

			.content-salons {
				border:1px solid #CCCCCC;
			}

			.dtl-salons {
				background:#CBCBCB url(../medias/pictures/_tmp/actu_salons.jpg) no-repeat;
				height:203px;
			}


			.blue-border-pad .right-choix-guide-bottom {
				position: relative;
				height: 175px;
				background:#CBCBCB url(../medias/pictures/right_col/bg_home_archi_guide.gif) bottom center no-repeat;
			}

			.tiny-blue-pad .right-choix-guide-bottom {
				height: auto !important;
				padding:0 0 15px 0;
				background:#CBCBCB url(../medias/pictures/bg_actu_salons.gif) no-repeat scroll center bottom !important;
			}

			.tiny-blue-pad .right-choix-guide-bottom h3 {
				color:#333333 !important;
				font-size:11px !important;
				padding:10px 0 0 7px !important;
			}

			.tiny-blue-pad .right-choix-guide-bottom h2 {
				color:#333333 !important;
				font-size:14px !important;
				padding:0px 0 0 7px !important;
				line-height:16px !important;
				font-weight:bold !important;
				margin:5px 0 0 0;
			}

			.tiny-blue-pad .right-choix-guide-bottom p{
				font-size:11px !important;
				color:#333 !important;
				padding:10px 15px 0 7px !important;
			}


			.blue-border-pad .formations {
				background:#CBCBCB url(../medias/pictures/bg_home_archi_form.gif) bottom center no-repeat;

			}

			.blue-border-pad .documentation {
				background:#CBCBCB url(../medias/pictures/bg_home_docu_form.jpg) bottom center no-repeat;

			}

			.blue-border-pad .right-choix-guide-bottom h3{
						font-size:14px;
						color:#0F77BA;
						padding:45px 0 0 12px;
						margin:0;
						font-weight:bold;
				}

			.blue-border-pad .right-choix-guide-bottom p{
						font-size:12px;
						color:#666;
						margin:0;
						padding:15px 0 0 12px;
				}

			.blue-border-pad .right-choix-guide-bottom a.pad-archi-link{
						font-size:11px;
						float:right;
						color:#333;
						font-weight:bold;
						padding:0px 15px 0 0px;
						display:block;
						background:url(../medias/pictures/puces/rsaquo_big_grey.gif) 80px 0px no-repeat;
						text-decoration:none;
						margin:10px 10px 0 0;
				}

				 .actu-dtl a.pad-archi-link {
				 	color:#0F77BA;
				 }

				.tiny-blue-pad a.pad-archi-link{
						margin:10px 10px 0 0 !important;
				}

			.blue-border-pad .right-choix-guide-bottom a.pad-archi-link-form{
						font-size:11px;
						float:right;
						color:#333;
						font-weight:bold;
						padding:0 15px 0 0px;
						display:block;
						background:url(../medias/pictures/puces/rsaquo_big_grey.gif) 120px 0px no-repeat;
						text-decoration:none;
						margin:10px 10px 0 0;
				}
			.blue-border-pad .right-choix-guide-bottom a.pad-docu-link-form{
						font-size:11px;
						float:right;
						color:#333;
						font-weight:bold;
						padding:0 15px 0 0px;
						display:block;
						background:url(../medias/pictures/puces/rsaquo_big_grey.gif) 180px 0px no-repeat;
						text-decoration:none;
						margin:10px 10px 0 0;
				}

		.content-dossiers {
				background:#FFF url(../medias/pictures/bg_home_archi_dossier.png) no-repeat;
				float:left;
				height:160px;
				width:445px;
		}

				.content-dossiers .dossiers-thematique {

					float:left;
					width:119px;
					height:80px;
					margin:10px 13px 0px 16px;
					display:inline;
					padding:39px 0 0 0;


				}

				.content-dossiers .dossiers-thematique img {
					padding:0;
					margin:0;
					border:0;
				}

						.content-dossiers .dossiers-thematique span {

							font-weight:bold;
							font-size:11px;
							color:#333333;
							padding: 10px 0 0 15px;
							margin:0;
							background:url(../medias/pictures/puces/carre_gris_fonce.gif) 0px 13px no-repeat;
						}


			.title-cp {
				text-transform:capitalize;
				font-size: 14px;
				font-weight: bold;
				color: #0F77BA;
				padding: 29px 15px 0 15px;
				}
				.title-cp-gc {
				font-size: 14px;
				font-weight: bold;
				color: #0F77BA;
				padding: 39px 10px 0 16px;
				}
			.subtitle-cp {
				height: 40px;
				color:#333333 !important;
				padding-top:3px !important;
				text-transform:none; !important;
			}
			.desc-cp {
				font-size:12px;
				color:#333333;
				padding: 3px 30px 0 16px;
				text-transform:none;
				font-weight: bold;
			}
			.no-bold {
				font-weight:normal !important;
			}
            .subtitle-level-1{
                font-weight:bold !important;
                font-size: 13px !important;
                padding-top:5px !important;
                color:#333333 !important;
            }
            .subtitle-level-2{
                font-weight:bold !important;
                font-size: 12px !important;
                color:#333333 !important;
            }
            .subtitle-level-3{
                font-size: 12px !important;
                color:#333333 !important;
                font-weight:normal !important;
            }
            .subtitle-level-4{
                font-size: 12px !important;
                color:#333333 !important;
                font-weight:normal !important;
            }
            .subtitle-end{
                padding-bottom:5px !important;
            }
			.right-choix-prod ul{
				list-style:none;
				margin:0 !important;
                                width:216px;
                                padding:17px 0;
				}
			.right-choix-prod ul li{
				padding:0 15px;
				}
       	.right-choix-sol ul {
					list-style:none;
					margin:0 !important;
					padding:17px 15px;
				}
			.right-choix-prod li a{
				background: url(../medias/pictures/puces/point_gris.gif) 5px 4px no-repeat;
				list-style:none;
				padding: 0 0 0 14px  !important;
				margin: 0 0 6px 0;
				display:block;
				width:180px;
			}
			.choix-selected{
				background-image: url(../medias/pictures/puces/point_bleu.gif) !important;
				color: #0F77BA !important;
            }
			.right-choix-prod li a:hover,
			.right-choix-prod li a.active {
				background-image: url(../medias/pictures/puces/point_bleu.gif) !important;
				color: #0F77BA;
			}
			.right-choix-prod a:hover{color:#0F77BA;}
			.right-choix-prod a{
				display:block;
				padding:0 !important;
				margin:0 !important;
				color:#333;
				text-transform:uppercase;
				text-decoration:none;
				font-size:12px;
			}

			.header-avancer {
				float:left;
				height:260px;
				width:680px;
				height:340px;
				padding-left:15px;
				font-size:11px;
				color:#333;
			}

					.avancer-pres {
							float:left;
							height:80px;
							margin:10px 0px 0px 10px;
							display:inline;
							width:154px;
					}
					.avancer-pres-first {
							float:left;
							height:80px;
							margin:10px 0px 0px 0px;
							width:319px;
							display:inline;
					}

						.avancer-pres .pres-text {
								width:130px;
								background:url(../medias/pictures/puces/to_top_bleu.gif) no-repeat 0px 5px;
								padding-left:10px;
								border-bottom:dotted 1px grey;
								height:70px;
						}

						.avancer-pres-first .pres-text {
								background:url(../medias/pictures/puces/to_top_bleu.gif) no-repeat 0px 5px;
								padding-left:10px;
								border-bottom:dotted 1px grey;
								height:70px;
						}

							.avancer-pres img {
								border:0;
								margin:0;
								padding:0;
							}


						.avancer-pres .gras-ital{
								font-weight:bold;
								font-style:italic;
						}

						.avancer-pres-first .gras-ital{
								font-weight:bold;
								font-style:italic;
						}

	.border-vert {
		height:140px;
		margin:30px 0 0 0;
		width:475px;
		border-bottom:12px solid #74B22E;
	}

	.border-vert img {
		float: left;
	}

	.border-vert .vert-pres {

		font-size:11px;
		color:#333333;
		padding:35px 0 0 0;
	}

			.border-vert .vert-pres span {
				font-style:italic;
				font-weight:bold;
			}

			.border-vert .vert-pres p {
				padding:0;
				margin:0;
			}

			.border-vert h3 {
				font-weight:bold;
				margin:0px;
				padding:0px;
				font-size:13px;
				color:#0F77BA;
			}

	.choix-pres {
		float:left;
		width:316px;
		color:#333333;
		font-size:14px;
		font-weight:bold;
		line-height:16px;
	}

				.choix-pres p {
					padding:10px 0;
					margin:0;
				}

				.choix-pres ul {
					margin: 7px 0 0 0;
					padding: 0;
				}
				.choix-pres ul li {
					list-style: none;
					margin: 15px 0;
					color:#333;
					font-size:13px;
					font-weight:normal;
				}
				.choix-pres ul li.puce-carre {
					background: url(../medias/pictures/puces/carre_gris.gif) left 2px no-repeat;
					padding: 0 0 0 15px;
				}
	.choix-form {
		background:url(../medias/pictures/bg_choix_form.gif) no-repeat;
		width:294px;
		height:136px;
		float:left;
		margin:10px 0 0 20px;
		padding: 15px 10px 0 15px;
	}

	.choix-form p {
		font-size:13px;
		color:#333333;
		margin:0 0 5px 0;
		padding:0;
	}

	.choix-form label {
		float:none;
		text-align:inherit;
		font-size:14px;
		font-weight: normal;
		color:#0F77BA;
		padding: 5px 0 0 0;
		margin:0;
		width:auto;
		display:block;
	}

	.choix-form form {
		margin:15px 0 0 0;
		padding:0;

	}

	.choix-form select {
		border:1px solid #809DB9;
		font-size:11px;
		height:22px;
		padding:2px 0 3px 5px;
		font-size:12px;
		margin:5px 0 10px 0;
		width: 292px;
	}

	.choix-form input {
		margin:10px 0 0 90px;
		display:block;
		background:url(../medias/pictures/icones/choix_form_submit.gif) no-repeat;
		width:209px;
		height:29px;
		border:none;
		color:white;
		font-size:12px;
		font-weight:bold;
		padding:0 0 0 30px;
		cursor: pointer;
	}

	.actu-single {
		margin-bottom:11px;
		width:450px;
		padding:0;
	}

	.actu-single-dtl {
		margin-bottom:11px;
		height:auto; /* Hack IE => hack-ie.css */
		width:450px;
		padding:0;
		margin:0 0 20px 0;
	}

				.actu-single-dtl h2 {
					font-size:16px;
					color:#0F77BA;
					font-weight:bold;
					margin:0 0 10px 0;
					padding:0;
				}

				.actu-single-dtl h3 {
					font-size:13px;
					color:#333;
					font-weight:bold;
					margin:0 0 9px 0;
					padding:0;
				}

				.actu-single-dtl p {
					font-size:13px;
					color:#333;
					margin:0;
					padding: 0 10px 0 0;
					line-height:16px;
				}


	.actu-thumb {
	float:left;
	}
		.actu-thumb img {
			width: 135px;
		}

	.actu-dtl {
		float:left;
		height:auto;
		padding:2px 0 0 2px;
		margin:0 0 11px 12px;
		width:300px;
		padding:0;
	}

	.actu-dtl p {
		margin:0;
		padding:0;
		font-size:11px;
		color:#333333;
	}

	.actu-dtl a {
		text-decoration:none;
		color:#333333;
		margin:0;
		padding:0;
	}

	.actu-dtl a:hover {
		text-decoration:underline;	}

	.actu-dtl span {
		margin:0;
		padding:0;
		font-size:11px;
		color:#0F77BA;
		font-weight:bold;
	}

	#actu-salons-dtl {
	float:left;
	width:450px;
	padding:0;
	margin:10px 0 0 12px;
	}


				.green-nav {
					background:url(../medias/pictures/bg_green_nav.gif) no-repeat;
					padding: 1px 0 5px 5px;
					margin:0 0 18px 0;
				}

                .green-nav img
                {
                    display: inline-block;
                }

                .green-nav a{
                    font-size:10px;
					color:#006600;
					padding:0;
                    text-decoration: none;
                    margin: 0 10px 0 0;
                }

                .green-nav a:hover{
                    text-decoration: underline;
                }


	#actu-salons-dtl-news {
	float:left;
	width:450px;
	padding:0;
	margin:10px 0 0 12px;

	}

				#actu-salons-dtl-news span {
					font-size:10px;
					color:#333;
					margin: 0 10px 0 0;
					padding:0;
				}

				#actu-salons-dtl-news span.green-nav-aw {
					font-size:10px;
					color:#006600;
					margin: 0 5px;
					padding:0;
				}

	.pad-soprema-actu {
		margin:0;
		background:url(../medias/pictures/bg_actu_soprema.png) no-repeat;
		float:left;
		width:310px;
		padding:30px 30px 10px 110px;
		height:84px;

	}

	.pad-soprema-actu p {
		padding:0;
		margin:0;
		font-size:14px;
		line-height:16px;
		color:#0F77BA;

	}

	.pad-soprema-actu span {
		padding:0;
		margin:0;
		font-size:14px !important;
		font-weight:bold !important;
		color:#0F77BA !important;


	}

	.pad-soprema-actu .pad-actu-link {
		font-size:11px;
		color:#333333;
		text-transform:uppercase;
		padding:10px 10px 5px 0;
		font-weight:bold;
		display:block;
		background:url(../medias/pictures/puces/carre_gris_big.gif) no-repeat 80px 8px;
		text-decoration:none;
	}
	.pad-soprema-actu2 {
        position: relative;
		background:url(../medias/pictures/bg_actu_soprema.png) no-repeat;
		float:left;
		width:305px;
		padding:30px 30px 10px 110px;
		height:84px;
                margin: 0 0 0 11px;
	}
    .pad-soprema-actu2 .consult-link {
        position: absolute;
        bottom: 22px;
        right: 15px;
        text-decoration: none;
        background: url("../medias/pictures/puces/rsaquo_big_grey.gif") no-repeat scroll 155px 0 transparent;
        padding-right: 15px;
        color: #333333;
        display:block;
        font-size:11px;
        font-weight:bold;
    }
	.pad-soprema-actu2 p {
		padding:0;
		margin:0;
		font-size:14px;
		line-height:16px;
		color:#0F77BA;

	}

	.pad-soprema-actu2 span {
		padding:0;
		margin:0;
		font-size:14px !important;
		font-weight:bold !important;
		color:#0F77BA !important;


	}

	.pad-soprema-actu2 .pad-actu-link {
		font-size:11px;
		color:#333333;
		text-transform:uppercase;
		padding:10px 10px 5px 0;
		font-weight:bold;
		display:block;
		background:url(../medias/pictures/puces/carre_gris_big.gif) no-repeat 80px 8px;
		text-decoration:none;
	}

				.actu-opts {
					margin:20px 0 0 0;
					float:none !important;
					width:140px !important;
				}

							.actu-opts .imprimer {
								background:url(../medias/pictures/icones/imprimer_actu.gif) no-repeat;
							}
							.actu-opts .recommander {
								background:url(../medias/pictures/icones/recommander_actu.gif) no-repeat;
							}
							.actu-opts .postuler {
								background:url(../medias/pictures/icones/postuler.gif) no-repeat;
							}



/*======= RECRUTEMENT ====================================================*/
table.tab-recrut {
	margin: 0;
	width: 100%;
}
	table.tab-recrut td {
		vertical-align: top;
		font-size: 13px;
		padding: 10px 25px 10px 0;
		border-bottom: 1px dotted #999;
	}
		table.tab-recrut td a {
			text-decoration: none;
		}
			table.tab-recrut td a span {
				color: #1178BB;
				font-weight: bold;
			}
	table.tab-recrut td.date {
		width: 60px;
		font-weight: bold;
	}

.pad-recrut-det {
	float:left;
	margin: 0;
	padding: 32px 0 0 10px;
	width: 446px;
}
	.recrut-det h3 {
		margin: 0;
		padding: 0;
		color: #333;
		font-size: 13px;
	}
	.recrut-det h2 {
		font-size: 16px;
		color: #1279BB;
		margin: 0;
		padding: 7px 0 15px 0;
	}

.pad-recrut-left {
	width: 204px;
	padding: 5px 0 0 0;
	float: left;
}
	.pad-recrut-left ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.pad-recrut-left ul li {
		list-style: none;
	}
	.pad-recrut-left .postuler-big {
		background:url(../medias/pictures/btn_204.jpg) no-repeat;
		text-align: right;
		font-weight: bold;
		padding: 7px 27px 0 0;
		margin: 0 0 15px 0;
		height: 22px;
	}
		.pad-recrut-left .postuler-big a {
			font-size: 12px;
			color: #fff;
			text-transform: none;
		}

/*======= GUIDE ====================================================*/

#guide {
 background-color:#EDEDED;
 width:862px;
 padding:24px;
 margin:0;
 position:relative;
 height: auto !important;
 height: 518px;
 min-height: 518px;
}

.close-guide {
    float: right;
	background:url(../medias/pictures/icones/close_guide.gif) no-repeat right;
	padding:1px 17px 0 0;
	color:#0F77BA;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}

	#guide-col-gauche {
		float:left;
		width:160px;
		margin:0 46px 0 0;
		color: #333;
	}

		#guide-sol-txt a {
			color:#333333;
			text-decoration:none;
		}

		#guide-img-pres {

		}

		#guide-sol-txt .title-cat {
			display: block;
			font-size: 12px;
			font-weight: bold;
			background: url(../medias/pictures/puces/carre_bleu_big.gif) left top no-repeat;
			padding: 2px 0 2px 20px;
			margin: 10px 0 0 0;
		}

		#guide-sol-txt p {
			display: block;
			padding: 2px 15px 0 0;
			margin: 4px 0 14px 0;
		}

	#guide-col-droite {
		float:left;
		width:655px;
		margin:0 0 0 0;
	}

		#guide-nav-header {

		}

		#guide-sol-txt a {
			color:#333333;
			text-decoration:none;
		}

		#guide-img-pres {

		}

		#guide-sol-txt p {
			display: block;
			padding: 2px 15px 0 0;
			margin: 4px 0 14px 0;
		}

		.breadcrumb-guide	{
			float:left;
			border-top:none;
			background:url(../medias/pictures/bg_guide_nav.gif) no-repeat 0 100%;
			padding:0 30px 5px 2px;
			width:600px;
			height:27px;
		}

			.breadcrumb-guide .bcrumb-menu {
				margin: 0;
				padding: 0;
				width:260px;
			}

			.breadcrumb-guide a.choix, #guide-design a.choix{
				float:left;
				color:#0F77BA;
				display:block;
				padding:5px 0 0 0;
				text-decoration:none;
				font-size:18px;
				font-weight:bold;
				margin:0;
			}

			.breadcrumb-guide ul{
				float:left;
			}

			.breadcrumb-guide .bcrumb-menu li.li-bcrumb-menu {
					padding: 8px 20px 2px 5px;
					background: transparent url(../medias/pictures/puces/to_bottom_bleu.gif) right 13px no-repeat;
				}

			.breadcrumb-guide .bcrumb-menu li.active,
				.breadcrumb-guide.bcrumb-menu li.current {
					color: #fff;
					background: #0F77BA url(../medias/pictures/puces/to_bottom_blanc.gif) right 13px no-repeat;
				}

	.etapes-nav {
		float:left;
		margin-top:12px;	}

	.etapes-nav ul li{
		list-style:none;
		float:left;
		margin:0 10px 0 0;
	}

	.etapes-nav ul{
		padding:0;
		margin:0;
		float:left;
		background:url(../medias/pictures/bg_etapes_nav.gif) no-repeat center 6px;
		width:550px;

	}

	.etapes-nav ul li a{
		text-decoration:none;
		padding:4px 8px 6px;
		display:block;
		background:url(../medias/pictures/puces/rond_guide_nav_gris.gif) no-repeat;
		color:#FFFFFF;
	}

	.etapes-nav ul li a.etape-active{
		text-decoration:none;
		padding:4px 8px 6px;
		background:url(../medias/pictures/puces/rond_guide_nav_bleu.gif) no-repeat;
	}

	.etapes-nav ul li a.etape-active span{
		color:#0F77BA;
	}

	.etapes-nav ul li a span{
		display:block;
		padding:7px 0 0 0;
		margin: 0 0 0 -5px;
		width:70px;
		color:#999;
		font-weight:bold;
	}

		.etapes-nav a.etapes{
				float:left;
				color:#0F77BA;
				display:block;
				padding:4px 10px 0 0;
				margin:0;
				text-decoration:none;
				font-size:14px;
				font-weight:bold;
			}



	.guide-menu-left {
			width: 425px;
			padding: 0 15px 0 0;
			color: #333;
			float: left;
		}
			.guide-menu-left ul {
				margin: 0;
				padding: 0;
				float:left;
			}
				.guide-menu-left ul li {
					list-style: none;
					margin: 0 0 3px 0;
					line-height:16px;
					font-size: 13px;
					padding: 0 25px 0 13px;
					color: #333;
					background: url(../medias/pictures/puces/carre_gris.gif) left 4px no-repeat;
                    position: relative;
				}
                #tooltip {
                    position: absolute;
                    z-index: 200;
                    padding: 10px;
                    border: 1px #cccccc solid;
                    background-color: #ffffff;
                    width: 326px;
                }
                #tooltip p{
                    color: #666666;
                    font-size: 11px;
                    font-weight:bold;
                }
                #tooltip h3{
                    color: #0F77BA;
                    font-size: 11px;
                    margin-top: 0;
                    font-weight:bold;
                }
                .guide-menu-left .guidechoix_info {
                    position:absolute;
                    right: 0;
                    top: 0;
                }
				.guide-menu-left ul li:first-letter {
					text-transform: uppercase;
				}
				.guide-menu-left ul li a {
					text-decoration: none;
				}

				.guide-menu-left a.choix{
					background:url(../medias/pictures/bg_guide_design.png) left bottom no-repeat;
					padding:30px 0 20px 0 !important;
					width:448px;
					margin: 0 0 12px 0 !important;

				}

					.guide-menu-left li a:hover,
					.guide-menu-left li a.active {
						text-decoration: underline;
					}

					.guide-menu-left ul li a {
						color: #333;
					}

					.guide-menu-left .guide-radio {
						margin: 0 0 5px 0;
						padding:0 0 0;
						height:20px;
					}

					.guide-radio input {
						padding:0 0 0 5px;
						display:block;
						float:left;
					}

					.guide-menu-left p {
						color: #333;
						font-size:13px;
						padding:0 0 10px 0;
						margin:0;
					}

					.guide-menu-left label {
						margin:0;
						padding:4px 0 0 0;
						/*float:left;*/
						font-size:13px;
						color:#333333;
					}

					.guide-menu-left .guide-infos {
						font-style:italic;
						font-size:11px;
						color:#333333;
						margin:15px 0 0 0;
						display:block;
					}


					.guide-menu-left .submit{
						margin:20px 0 0 0;
						display:block;
						background:url(../medias/pictures/icones/choix_form_submit.gif) no-repeat;
						width:159px;
						height:29px;
						border:none;
						color:white;
						font-size:12px;
						font-weight:bold;
						padding:0 0 0 20px;
						cursor:pointer;
					}
					.guide-menu-left .result-intro {
						padding: 0 0 5px 0;
					}

	.guide-menu-right {
			width: 110px;
			float: left;
            margin-left: 20px;
            margin-top: 8px;
		}
			.guide-menu-right ul {
				margin: 0;
				padding: 0;
				float:left;
				width:180px;
			}
				.guide-menu-right li {
					list-style: none;
					font-size: 13px;
					padding: 7px 0 0 0;
					margin: 0 0 5px 0;
					line-height: 120%;
					clear:both;
					background:url(../medias/pictures/bg_guide_recap.png) no-repeat;
				}
				.guide-menu-right li a {
					text-decoration: none;
					width:180px;
					display:block;
					cursor: pointer;
					float:left;

				}

				.guide-menu-right li span {
					padding:0 0 5px 1px;
					margin:0;
					float:left;
					width:160px;
					display:block;
					font-size:12px;
					color:#333;
					line-height:12px;
				}
				.guide-menu-right li span:first-letter {
					text-transform: uppercase;
				}

				.guide-menu-right li span.num-recap {
					color:#0F77BA;
					padding:4px 3px;
					font-size:14px;
					width:10px;
					font-weight:bold;
					float:left;
				}

				.guide-menu-right li span.title-recap {
					padding:0;
					margin:0;
					float:left;
					font-weight:bold;
					font-size:12px;
					color:#333;
				}

				.guide-menu-right a.choix{

					padding:33px 0 4px 0 !important;
					width:150px;
					margin: 0 !important;
					font-size:12px !important;

				}

					.guide-menu-right li a:hover,
					.guide-menu-right li a.active {
						text-decoration: none;
					}


	.right-choix-sol .guide-menu-right li {
					list-style: none;
					font-size: 13px;
					padding:5px 0 0 0;
					margin: 0 0 3px 0;
					line-height:110%;
					height: auto !important;
					height:25px;
					min-height:25px;
					background:url(../medias/pictures/right_col/bg_guide_recap.png) no-repeat;
				}

        #right-col .right-choix-sol {
			position: relative;
			height: 350px;
			background:#CBCBCB url(../medias/pictures/right_col/choix_sol_bg.jpg) no-repeat;
			margin-top:10px;
			width:216px;
		}

/* Fiche solution */

		.fiche-sol {
			padding:0;
			margin:0;
			/*height:415px;*/
		}
			.prod-sol-chapo {
				height:auto !important;
			}



			.fiche-sol-header {
				height:auto !important;
			}

			.fiche-prod-photo img {
					float:left;
					border: 1px solid #CCCCCC;
					margin:0 !important;
					padding:0px !important;
					display: block;
					font-size:11px;
					position:relative;
				}

			.fiche-sol-photo {
				position:relative;
				margin: 0px 12px 10px 15px !important;
				padding:0 0 5px 0;
				border-bottom: 12px solid #66A9D2;
				width: 657px;
				/*width:327px;
				height:152px;*/
				overflow: hidden;
				float:left;
			}
				.fiche-sol-photo img {
						border: 1px solid #CCCCCC;
						margin:0 !important;
						padding:0px !important;
						display: block;
						font-size:11px;
					}

			.solution-anot {
					float:left;
					height:180px;
					padding:0 0 0 20px;
					margin:0;
					width:280px;
					font-weight:bold;
					color:#0F77BA;
					font-size:13px;
				}

				.solution-anot ol{
					padding:0 0 0 20px;
					margin:0;
				}

				.solution-anot .latin-ol{
					list-style-type:upper-alpha;
					padding: 0 0 0 23px;

				}

				.solution-anot span {
					color:#333333;
					font-size:13px;
					font-weight:normal;
				}


				.sol-desc-dl {
					float:left;
					height:150px;
					background:url(../medias/pictures/pad_detail_prod.gif) top left no-repeat;
					border-top:1px solid #A0A0A0;
					padding:0;
					margin:0 0 0 15px;
					width:296px;
				}

				.sol-desc-dl-right {
					float:left;
					height:150px;
					background:url(../medias/pictures/pad_detail_prod.gif) top right no-repeat;
					padding:0;
					margin:0;
					width:296px;
				}

				.sol-prod-desc h3 {
					font-size:11px;
					font-weight:bold;
					background:url(../medias/pictures/puces/carre_gris.gif) left 2px no-repeat;
					padding: 0 0 0 13px;
					margin:5px 0 0 8px;
					text-transform:uppercase;
				}



			/* End fiche solution */

/*======= DOCU MOTEUR DE RECHERCHE ====================================================*/

#recherche {
	background-color:#EDEDED;
	width:230px;
	padding:16px 0 12px 0px;
	margin:7px 0 0 0;
	border:1px solid #CCC;
    float: left;
}
#recherche form{
	padding-left: 14px;
}

	.recherche-top-div {
		width:197px;
		margin: 0 0 10px 0;
		padding:0;
		font-size: 11px;
	}

	#recherche h3 {
		background:transparent url(../medias/pictures/puces/carre_gris.gif) no-repeat scroll left 3px;
		font-size:13px;
		font-weight:bold;
		margin:0;
		padding:0 0 0 13px;
		color:#0F77BA;
		text-transform:uppercase;
	}

	.recherche-top-div p {
		margin:0;
		padding:4px 0 0 0;
	}

	.recherche-top-div input {
		border:1px solid #809DB9;
		width:190px;
		font-size:11px;
		margin:9px 0 0 0;
		height:15px;
		padding:2px 0 3px 5px;
	}

	.recherche-top-div select {
		border:1px solid #809DB9;
		width:190px;
		font-size:11px;
		margin:5px 0 0 0;
		height:22px;
		padding:2px 0 3px 5px;
	}
    .recherche-top-div div.search_label {
        color: #0F77BA;
        font-weight:bold;
        font-size: 13px;
        padding-top: 5px;
    }

	.recherche-center-div {
		 margin: 0;
		 padding: 22px 24px 0 0;
	}


	.recherche-center-div .etapes-nav {
		margin:12px 0 0 0;
		padding:0;
	}

	.recherche-center-div .etapes-nav ul li{
		list-style:none;
		float:left;
		margin:0 346px 0 0;
	}

	.recherche-center-div .last-etape{
		margin:0 !important;
	}

	.recherche-center-div .etapes-nav ul{
		padding:0;
		margin:0;
		float:left;
		background:url(../medias/pictures/bg_docu_etapes.gif) no-repeat left 6px;
		padding:0;
		width:550px;
	}

	.recherche-center-div .etapes-nav ul li a span{
		display:block;
		padding:9px 0 10px 0;
		margin: 0 0 0 -5px;
		width:90px;
		font-size:13px;
		color:#999;
		font-weight:bold;
	}

	.recherche-center-div .etapes-nav ul li a.etape-active span{
		color:#0F77BA;
	}

	.recherche-center-div select {
		font-size: 11px;
		width: 292px;
		margin: 0 5px 0 0;
		float: left;
	}
	.recherche-top-div .submit{
						margin:18px 10px 0 0;
						display:block;
						float: right;
						background:url(../medias/pictures/icones/docu_form_submit.png) no-repeat;
						width:180px;
						height:29px;
						border:none;
						color:white;
						font-size:12px;
						font-weight:bold;
						padding:0 0 0 5px;
						cursor:pointer;
					}


				.s-desc {
					float:left;
					height:auto;
					background:url(../medias/pictures/pad_detail_s.gif) top left no-repeat;
					border-top:1px solid #A0A0A0;
					padding:0;
					margin:7px 0 0 10px;
					width:580px;
				}
				#divres.s-desc {
					width:430px;
				}

				.s-desc-right {
					float:left;
					height:auto;
					background:url(../medias/pictures/pad_detail_s.gif) top right no-repeat;
					padding:10px 18px;
					margin:0;
					width:544px;
				}
				#divres .s-desc-right {
					width:394px;
				}

				.s-desc h3 {
					font-size:11px;
					font-weight:bold;
					background:url(../medias/pictures/puces/carre_gris.gif) left 2px no-repeat;
					padding: 0 0 0 13px;
					margin:5px 0 0 8px;
					text-transform:uppercase;
				}

				.s-desc p {
					padding:5px 0;
					display:block;
					float:left;
					width:100%;
					margin:0;
				}


		.recap-guide	{
			float:left;
			border-top:none;
			background:url(../medias/pictures/bg_s_nav.gif) no-repeat 0 100%;
			padding:0 30px 5px 2px;
			width:362px;
			height:27px;
		}


			.recap-guide a.choix,
			#guide-design a.choix {
				float:left;
				color:#0F77BA;
				display:block;
				padding:5px 0 0 0;
				display:block;
				text-decoration:none;
				font-size:15px;
				font-weight:bold;
				margin:0;
			}
			.recap-guide a.choix:first-letter,
			#guide-design a.choix:first-letter {
				text-transform: uppercase;
			}

			.recap-guide ul{
				float:left;
			}

			.recap-guide .bcrumb-menu li.li-bcrumb-menu {
					padding: 8px 20px 2px 5px;
					background: transparent url(../medias/pictures/puces/to_bottom_bleu.gif) right 13px no-repeat;
				}

			.recap-guide .bcrumb-menu li.active,
				.recap-guide.bcrumb-menu li.current {
					color: #fff;
					background: #0F77BA url(../medias/pictures/puces/to_bottom_blanc.gif) right 13px no-repeat;
				}

	.s-res-nav {
		margin:10px 0 0 0;
		display:inline;
		padding:0;
		float:left;
	}

	.s-res-nav a, .s-res-nav ul, .s-res-nav li {
		list-style:none;
		float:left;
		margin:0;
		padding:0;
		font-size:11px;
		color:#333333;
		font-weight:bold;
	}

	.s-res-nav a {
		display:block;
		text-decoration:none;
		}

	.s-res-nav ul {
		display:block;
		margin:0 10px 0 15px;
		}

	.s-res-nav a.precedent {
		background:url(../medias/pictures/puces/blue_left.gif) no-repeat 0 2px;
		padding:0 0 0 18px;
		margin:0;
		}

	.s-res-nav a.suivant {
		background:url(../medias/pictures/puces/blue_right.gif) no-repeat 45px 2px;
		padding:0 20px 0 0;
		}

	.s-res-nav a.s-num {
		padding:0 5px 0 0;
		text-decoration:underline;
		}

	.s-res-nav a.s-num-active {
		padding:0 5px 0 0;
		color:#1379BB;
		text-decoration:none;
		}

	.doc-res-dtl li {
		margin: 3px 0;
		padding: 0 0 3px 0;
		list-style:none;
		border-bottom:1px dotted #999999;
	}

	.doc-res-dtl ul{
		padding:10px 0 0 0;
		margin:0;
	}
	.doc-res-dtl img {
		display: inline;
		vertical-align: middle;
		margin: 0 5px 0 0;
	}
	.doc-title {
		font-size:13px;
		color:#333333;
		padding: 0 0 3px 0;
		line-height:20px;
	}

	.doc-num-of-res {
		color:#333333;
		font-size:13px;
		font-weight:bold;
		margin:0;
		display:block;
		padding:5px 0 0 0;
		width:100%;
		float:left;
		clear:both;
	}

/* End recherche */


.bleu {
	color: #0F77BA;
}

/*========Formulaire =============================*/
table.con-form {

}
	.con-form td {
		text-align:left;
		padding: 3px 0;
		font-size: 12px;
	}

.con-form label {
	color:#333;
	font-weight:bold;
	padding: 0 5px 0 0;
}

.con-form input {
	border:#809DB9 1px solid;
	width: 260px;
	padding: 1px 3px;
}
.con-form input.checkbox {
	border: none;
	width: auto !important;
	padding: 0;
}
.con-form select {
	border:#809DB9 1px solid;
	padding: 1px 0;
}
.con-form textarea {
	border:#809DB9 1px solid;
	padding: 5px 3px;
	width: 260px;
	height: 80px;
	font-size: 12px;
	overflow: auto;
}

.contact-submit {
	background:transparent url(../medias/pictures/icones/choix_form_submit.gif) no-repeat scroll 0 0;
	border:0 none !important;
	color:white;
	display:block;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	text-align: right;
	height:29px;
	margin:20px 0 20px 0;
	padding:0 35px 0 10px !important;
	width:209px !important;
	float: right;
}

.con-form span {
	color:#1079B9;
	font-weight:bold;
}

#contact p {
	color:#333;
	font-size:13px;
	margin:0;
	padding:20px 0;
	font-weight:bold;
}

#contact p.req_mnt {
	color:#666;
}

.error {
	color:#FF0000;
	font-size: 11px;
	font-weight:bold;
}



/*======= FOOTER ====================================================*/
#footer {
	background: url(../medias/pictures/footer_repeat.jpg) repeat-x;
}
	.footer-in {
		width: 900px;
		height: 148px;
		margin: 0 auto;
		background: url(../medias/pictures/footer_bg.jpg) center top no-repeat;
		padding: 30px 16px 0 0;
	}
		ul.footer-menu {
			margin: 0;
			padding: 0 17px 0 0;
			background: url(../medias/pictures/ctn_coin_droit.gif) right bottom no-repeat;
			text-align: right;
			font-size: 11px;
			color: #999;
		}
			ul.footer-menu li {
				list-style: none;
				display: inline;
			}
				ul.footer-menu li a {
					margin: 0 6px;
					color: #999;
					text-decoration: none;
				}
				ul.footer-menu li a:hover,
				ul.footer-menu li a.active {
					text-decoration: underline;
				}
#footer-menu-tags-wrap {
    text-align: center;
    background-color: #C0C0C0;
}
#footer-menu-tags-wrap div{
    margin: 0 auto;
    width:900px;
    text-align: center;
}
		ul.footer-menu-tags {
			margin: 0;
			padding: 0 17px 0 0;
			text-align: center;
			font-size: 11px;
			color: #999;
		}
			ul.footer-menu-tags li {
				list-style: none;
				display: inline;
			}
				ul.footer-menu-tags li a {
					margin: 0 6px;
					color: #999;
					text-decoration: none;
				}
				ul.footer-menu-tags li a:hover,
				ul.footer-menu-tags li a.active {
					text-decoration: underline;
				}

	.footer-in-h {
		width: 900px;
		height: 210px !important;
		margin: 0 auto;
		background: url(../medias/pictures/footer_bg.jpg) center top no-repeat;
		padding: 0px 16px 0 0 !important;
	}

		.footer-in-h ul.footer-menu {
			margin: 0;
			padding: 0 17px 0 0;
		}

#footer-print {
	display: none;
	position: absolute;
	left: -5000px;
	top: -5000px;
	visibility: hidden;
}


/*==============PRODUIT==================*/
.gamme_title{
    background-color: #4094C7;
    padding-left: 8px;
}
#ctn-col h1.gamme_h {
    color: #FFFFFF;
    text-transform:uppercase;
    font-size: 16px;
    margin: 4px 0;
    font-weight: bold;
}
#ctn-col h2.gamme_h {
    color: #FFFFFF;
    text-transform:uppercase;
    font-size: 14px;
    margin: 4px 0;
}
#ctn-col h3.gamme_h {
    color: #FFFFFF;
    text-transform:uppercase;
    font-size: 12px;
    margin: 4px 0;
}
#ctn-col h4.gamme_h {
    color: #FFFFFF;
    text-transform:uppercase;
    font-size: 10px;
    margin: 4px 0;
}
.gamme_title .last {
    background: transparent url(../medias/pictures/puces/carre_blanc.gif) no-repeat scroll left center;
    padding-left: 12px !important;
}

.gamme_pic img{
    width: 200px;
    height: 117px;
    background-color: transparent;
}
.gamme_pic{
    width: 200px;
    padding-right: 15px;
}
.block_gamme {
    float:none;
}
.prod_details {
    padding: 0 12px;
}
.prod_details h4 {
    margin: 5px 0;
    color:#0F77BA;
    font-size: 14px;
    font-weight:bold;
}
.prod_details h5 {
    margin: 5px 0;
    color:#0F77BA;
    font-size: 13px;
    font-weight:bold;
    margin-bottom: 10px;
}
.prod_details h4 a, .prod_details h4 {
    color:#0F77BA;
    text-decoration:none;
    font-size: 14px;
    font-weight:bold;
}
.prod_details h4 a:hover {
    color:#0F77BA;
    text-decoration:none;
    font-size: 14px;
    font-weight:bold;
}
.prod_details h5 a, .prod_details h5 {
    color:#0F77BA;
    font-size: 13px;
    text-decoration:none;
}
.prod_details h5 a:hover {
    color:#0F77BA;
    font-size: 13px;
    text-decoration:none;
}
.prod-desc-left {
    background:transparent url(../medias/pictures/pad_detail_prod.gif) no-repeat scroll left top;
    height:auto !important;
    margin:0;
    margin-bottom: 18px;
    min-height:150px;
    padding:0;
}
.gamme_table {
    margin-bottom: 18px;
}
.prod_details ul {
    list-style:none;
    margin: 0;
    padding: 0;
}
.prod_details ul li{
    list-style:none;
    margin: 0;
    width: 280px;
    float:left;
    padding: 3px 15px 3px 15px;
    background:transparent url(../medias/pictures/puces/carre_gris.gif) no-repeat scroll left 5px;
}
.prod_details ul li a, .prod_details ul li a:hover {
    color: #333333;
    font-size: 13px;
    text-decoration: none;
    font-weight:bold;
}
.prod_sublist{
    display:none;
}
ul.prod_sublist li{
    background-image: none;
    list-style-type: disc;
    padding-left: 0;
    margin-left: 12px;
    font-size: 13px;
    font-weight:normal;
    float: none;
}
ul.prod_sublist li a, ul.prod_sublist li a:hover{
    font-size: 13px;
    font-weight:normal;
}
.prod_breadcrumbs {
    height: 43px;
    background:transparent url(../medias/pictures/grey_bar.png) repeat-x scroll left 4px;
    list-style:none;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}
.prod_breadcrumbs li{
    background:transparent url(../medias/pictures/step_blue.png) no-repeat scroll left 5px;
    float: left;
    height: 43px;
    position: relative;
    width: 127px;
}
.prod_breadcrumbs li span{
    color: #FFFFFF;
    font-size: 15px;
    font-weight:bold;
}
.prod_breadcrumbs li span a, .prod_breadcrumbs li span a:hover, .prod_breadcrumbs li.active span a, .prod_breadcrumbs li.active span a:hover{
    color: #FFFFFF;
    font-size: 15px;
    font-weight:bold;
    position: absolute;
    left: 7px;
    top: 8px;
}
.prod_breadcrumbs li a, .prod_breadcrumbs li a:hover{
    color: #0F77BA;
    font-size: 16px;
    position: absolute;
    top: 32px;
    left: 0;
    font-weight:bold;
    text-decoration:none;
}
.prod_breadcrumbs li.active {
    background:transparent url(../medias/pictures/step_grey.png) no-repeat scroll left 5px;
    float: left;
    height: 43px;
    position: relative;
    width: 127px;
}
.prod_breadcrumbs li.active a, .prod_breadcrumbs li.active a:hover{
    color: #999999;
    font-size: 16px;
    position: absolute;
    top: 32px;
    left: 0;
    font-weight:bold;
    text-decoration:none;
}
.prescripto h2{
    background:url("../medias/pictures/ctn_coin_gauche.gif") no-repeat scroll 0 0 transparent;
    padding:13px 0 0 14px;
    margin: 0;
    line-height:100%;
    color: #0F77BA;
    font-weight:normal;
    font-size: 30px;
}
.prescripto img{
    padding:6px 0 0 12px;
}
.prescripto td {
    vertical-align:top;
}
.prescripto h4{
    margin: 0;
    margin-left: 11px;
    margin-top: 48px;
    margin-bottom: 18px;
    font-size:14px;
    font-weight:bold;
    color: #333333;
}
.prescripto p{
    margin: 0;
}
.prescripto a.online_consult {
    background:url("../medias/pictures/consult_online.jpg") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    font-size:12px;
    color: #FFFFFF;
    text-decoration:none;
    line-height: 29px;
    height: 29px;
    width: 160px;
    padding: 8px 40px 8px 24px;
    margin-left: 11px;
}
.prescripto a.online_consult:hover {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration:none;
}
.prescripto h5{
    margin: 0;
    margin-left: 11px;
    margin-top: 46px;
    margin-bottom: 10px;
    font-size:14px;
    font-weight:bold;
    color: #0F77BA;
}
.prescripto ul{
    margin: 0;
    padding: 0;
    list-style:none;
    margin-left: 11px;
}
.prescripto li{
    background:url("../medias/pictures/puces/carre_gris.gif") no-repeat scroll left 3px transparent;
    padding:0 0 0 13px;
    height: 20px;
}
.prescripto li a{
    text-decoration:none;
    font-size: 13px;
    color: #333333;
}
.prescripto li a:hover{
    text-decoration:underline;
}