@charset "utf-8";
/*----------------------------------------------

	[ HOME ]
	
	Project:		KONITIF MODULE
	Version:		1.0 [vf]
	
	Last change:	26/10/10
	Assigned to:	Mouflard Maxime (vf)
	Contact: 		mmouflard@konitif.com
	Primary use:	All

----------------------------------------------*/

	/* 1. Menu ----------------------------- */
		.header .header_content .menu_home {background:#82C8DD url('../../../img/statics/layout/univ/82C8DD/bg-82C8DD-front-50-1.png') top left repeat;}
			.header .header_content .menu_home ul {background:url('../../../img/statics/layout/univ/82C8DD/bg-82C8DD-back-980-60.png') top center no-repeat;}
				.header .header_content .menu_home ul li {background:url('../../../img/statics/layout/univ/82C8DD/bg-82C8DD-sep-50-2.png') top right no-repeat;}
					.header .header_content .header_menu ul li a { color:#ffffff;}
					.header .header_content .menu_home ul li.menu-on a,
					.header .header_content .menu_home ul li a:hover,
					.header .header_content .header_menu ul li.tab_home a:hover {color:#ffffff;background:url('../../../img/statics/layout/univ/82C8DD/bg-82C8DD-front-on-50-1.png') top center repeat-x;}
						.header .header_content .menu_home ul li a img { background:url('../../../img/statics/layout/ico/ico-home-grey.png') center center no-repeat;}

	/* 2. diaporama ------------------------------ */
	.diaporama {height:335px;width:960px;margin:0px auto;position:relative;background:#ffffff;}
		.diaporama div img {position:absolute;width:940px;height:315px;margin:0px 0px 10px 0px;}
		.diaporama #prev, .diaporama #next { position:absolute;z-index:30;cursor:pointer;bottom:130px;left:-16px;width:15px;padding:0px 26px 0px 22px;height:63px;background:url('../../../img/statics/layout/diaporama/diap-btn.png') top left no-repeat;}
		.diaporama #next {left:911px;padding:0px 22px 0px 26px;}
		.diaporama #prev strong,.diaporama  #next strong {text-indent:-9999px; display:block;margin:20px auto;width:15px;height:19px;background:#333333 url('../../../img/statics/layout/diaporama/diap-btn-prec.png') top left no-repeat;}
		.diaporama #prev strong {background:#333333 url('../../../img/statics/layout/diaporama/diap-btn-next.png') top left no-repeat;}
		.diaporama .diaporama-slide div .info-home {position:absolute;z-index:10;bottom:0px;left:10px;width:940px;padding:0px 0px 34px 0px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#ffffff;background:url('../../../img/statics/layout/diaporama/bg-diap-info-black.png') top left repeat;}
			.diaporama .diaporama-slide .info-home span {border-top: 1px solid #A8A8A8;display: block;margin:5px 20px 0px 20px;padding:10px;}
			.diaporama .diaporama-slide .info-home strong {padding:7px 20px 5px 20px ;font-size:19px;display: block;}
			.diaporama .diaporama-slide .info-home span strong {border:0px;display:inline;margin:0px;padding:0px; font-size:inherit; font-weight:bold;}
		.diaporama .diaporama-slide div a { background:none;display:block;width:940px;height:315px;margin:10px 10px 0px 10px;text-decoration:none;clear:both; float:none;}		
		.diaporama .info { position:absolute; z-index:40;bottom:0px;width:100%; display:none;}
			.diaporama .info .diap-nav { position:relative;}
				.diaporama .info .diap-nav {position:absolute;bottom:16px;width:960px;}
					.diaporama .info .diap-nav #nav { padding:8px 0px 0px 0px; margin:0px 30px; border-top:1px solid #A8A8A8; text-align:center;font-size:14px;}
						.diaporama .info .diap-nav #nav span {background:url('../../../img/statics/layout/diaporama/diap-tab-off.png') top center no-repeat; width:15px;padding:0px 0px 0px 4px;}
							.diaporama .info .diap-nav #nav span a {text-decoration:none;color:#ffffff;font-family:Arial, Helvetica, sans-serif;padding:0px 0px 0px 15px; height:100%; float:none;}
						.diaporama .info .diap-nav #nav span.activeSlide { background:#2C84C4;background:url('../../../img/statics/layout/diaporama/diap-tab-on.png') top center no-repeat;}
		.home .info #prev strong, .home .info #next strong { background-color:#82C8DD !important;}
	
	/* 3. carousel ------------------------------ */
		.carousel {position:relative; background:#ffffff;margin-bottom: 10px;}
			.carousel ul li { margin:0px 12px 4px 12px;height:120px;position:relative;float:left;}
			.carousel ul { width:960px; height:128px; margin:0px auto; }
			.carousel .jcarousel-container .jcarousel-clip { width:880px; height:128px; margin:0px auto; }
			.carousel .jcarousel-container .jcarousel-clip .jcarousel-item { margin:0px 7px 4px 2px;height:120px; position:relative; }
			.carousel .jcarousel-container .jcarousel-clip .jcarousel-item img { z-index:1; position:relative; }
				.carousel a { display:block; width:168px; height:120px;background:transparent; float:left; }
				.carousel .info-home { width:158px; font-size:11px; text-align:center; position:absolute; z-index:1; left:0px; bottom:0px; padding:5px;color:#ffffff;background:url('../../../img/statics/layout/diaporama/bg-diap-info-black.png') top left repeat; }
			.carousel .jcarousel-container .jcarousel-prev { background:url('../../../img/statics/layout/univ/82C8DD/bg-82C8DD-car-prev.png') top center no-repeat; height:124px; width:30px; position:absolute; left:6px; top:0px; cursor:pointer; }
			.carousel .jcarousel-container .jcarousel-next { background:url('../../../img/statics/layout/univ/82C8DD/bg-82C8DD-car-next.png') top center no-repeat; height:124px; width:30px; position:absolute; right:6px; top:0px; cursor:pointer;}

	/* 4. bloc-struct ------------------------------ */
		.bloc-struct {position:relative; background:#ffffff;margin:20px 0px 0px 0px;}
			.bloc-struct h2 {position:relative;height:35px; width:980px; left:-10px; top:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif;color:#ffffff; font-weight:bold;line-height:25px; background:url('../../../img/statics/layout/univ/CBCBCB/bg-CBCBCB-back-980-60.png') bottom center no-repeat;}
				.bloc-struct h2 span { background:#CBCBCB url('../../../img/statics/layout/univ/CBCBCB/bg-CBCBCB-front-25-1.png') top left repeat-x;height:25px;display:block;padding:0px 20px; font-weight:bold;}
				.bloc-struct h2 span strong { font-weight:bold;}
		.bloc-commerce {padding: 0px 0px 10px 0px;}
			.bloc-commerce h2 {position:relative;height:35px; width:980px; left:-10px; top:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif;color:#ffffff; font-weight:bold;line-height:25px; background:url('../../../img/statics/layout/univ/D6722E/bg-D6722E-back-980-60.png') bottom center no-repeat;}
				.bloc-commerce h2 span { background:#D6722E url('../../../img/statics/layout/univ/D6722E/bg-D6722E-front-25-1.png') top left repeat-x;height:25px;display:block;padding:0px 20px; font-weight:bold;}
				.bloc-commerce h2 span strong {background: url("../../../img/statics/layout/ico/ico-commerce.png") 0px 1px no-repeat;padding: 0px 0px 0px 20px;}
			.bloc-commerce .actu-serv { width:249px; float:left;}
			.bloc-commerce .actu-serv .actu-bloc { margin:10px 9px 0px 14px;background: url("../../../img/statics/layout/bg/bg-sep-home.png") no-repeat scroll center left transparent;}
			.bloc-commerce .actu-serv .actu-bloc .actu-img {margin:10px 11px;}
			.bloc-commerce .actu-serv .actu-bloc .actu-txt  { line-height:16px; font-size:12px; height:152px; padding: 0 10px;}
		.push-serv { width:706px; float:right;}
			.push-serv .bloc-detail { margin:10px 15px 5px 0px;}
				.push-serv .bloc-detail .detail-txt {height:26px;}
				.push-serv .bloc-detail .detail-info { background:url("../../../img/statics/layout/bg/bg-sep-serv-home.png") no-repeat scroll left top transparent; }