@charset "UTF-8";

/***************************** CSS GENERIC ********************************/
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
body, pre, input, textarea, select{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

html, body, p, table, td, form, input, select, textarea, pre, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

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

a:hover{
	text-decoration: none;

}

a img{
	border-width: 0;
}

td{
	vertical-align: top;
}

ul, ol{
	/* Sinon les puces ne sont pas visible sous IE */
	padding-left: 25px;
}

ul{
	list-style-type: disc;
}

li{
   line-height: 18px;
}

.cms_bloc ul,
.cms_bloc ol{
	line-height: 16px;
	overflow: auto;
	position: relative;
	padding: 5px 0;
}

.cms_bloc ol{
	list-style-position: inside;
}

.cms_bloc ul{
	list-style-type: none;
	_list-style-type: disc;
}

.cms_bloc li{
	padding-left: 23px;
	overflow: hidden;
}

.cms_bloc ol li{
	padding-left: 7px;
	overflow : visible;
}

.cms_part{
	text-align: left;
	margin: 0 auto;
}

.cms_zone{
}

.cms_bloc{
	padding: 5px 0;
	clear: both;
}

/*** BLOCS FILE ***/
.cms_bloc_file{
}

/*** BLOCS FORM ***/
.cms_bloc_form{
}

.cms_bloc_form table td{
	padding: 3px;
}

.cms_bloc_form table td.intitule{
	font-weight: bold;
	text-align: left;
	width: 200px;
	vertical-align: top;
}

.cms_bloc_form table td.valeur td{
	vertical-align: middle;
}


.cms_bloc_form label{
	padding: 0 15px 0 3px;
}

.cms_bloc_form input{
	width: 200px;
}

.cms_bloc_form textarea{
	width: 300px;
	height: 100px;
}

.cms_bloc_form select{
	width: 204px;
}

.cms_bloc_form_error{
	color: #F00;
	padding-bottom: 10px;
}

.cms_bloc_form_message{
	font-weight: bold;
	text-align: center;
}

.cms_bloc_form .cms_bloc_form_field_content{
	text-align: justify;
}

.cms_bloc_form table td.cms_bloc_form_field_antispam,
.cms_bloc_form table td.cms_bloc_form_field_antispam_text{
	width: auto;
}

.cms_bloc_form table td.cms_bloc_form_field_antispam_image{
	text-align: right;
}

.cms_bloc_form table td.cms_bloc_form_field_antispam_image img{
	border: 1px solid #000;
}

.cms_bloc_form .cms_bloc_form_field_content, .cms_bloc_form table td.cms_bloc_form_field_antispam_text{
	padding: 10px 0;
}

.cms_bloc_form .cms_bloc_form_field_checkbox input{
	width: auto;
}

.cms_bloc_form .cms_bloc_form_field_checkbox table td{
	padding: 0;
}

.cms_bloc_form .cms_bloc_form_field_radio table td{
	padding: 0 0;
}

.cms_bloc_form .cms_bloc_form_field_radio input{
	width: auto;
}

.cms_bloc_form .cms_bloc_form_field_submit input{
	width: 85px;
	margin: 5px 0;
}

/*** BLOCS HTML ***/
.cms_bloc_html{
}

/*** BLOCS MEDIA ***/
.cms_bloc_media{
	text-align: center;
}

.cms_bloc_media *{
	border: 0;
	margin: 0 auto;
}

/*** BLOCS MODULE ***/
.cms_bloc_module{
}

/*** BLOCS MAP ***/
.cms_bloc_map .mm_carte{
	margin: auto;
}

.cms_bloc_map .mm_carte .mm_info_photo{
	float: left;
	padding: 0 5px 5px 0;
}

.cms_bloc_map .mm_carte .mm_info_titre{
	font-weight: bold;
}

.cms_bloc_map .mm_carte .mm_info_resume{
}

/*** BLOCS TEXTE ***/
.cms_bloc_text{
	text-align: justify;
}

.cms_bloc_text table{
	width: 100%;
	border-color: #000;
}

.cms_bloc_text table th, .cms_bloc_text table td{
	border-color: #000;
}

.cms_bloc_text table td{
	vertical-align: top;
}

.cms_bloc_text_media_gauche{
}

.cms_bloc_text_media_gauche .cms_bloc_media{
	position: relative;
	z-index: 2;
	padding: 0;
	margin: 0;
	float: left;
	padding: 0 15px 15px 0;
}

.cms_bloc_text_media_droite{
}

.cms_bloc_text_media_droite .cms_bloc_media{
	position: relative;
	z-index: 2;
	padding: 0;
	margin: 0;
	float: right;
	padding: 0 0 15px 15px;
}

.cms_bloc_text_haut{
}

.cms_bloc_text_media_centre{
	text-align: center;
	padding: 15px 0;
}

.cms_bloc_text_media_centre .cms_bloc_media{
	margin: 15px 0;
}

.cms_bloc_text_bas{
}

.cms_bloc_text table{
	width: 100%;
}

.cms_bloc_text table td{
	vertical-align: top;
}

.cms_bloc_text_gauche{
	width: 49%;
}

.cms_bloc_text_milieu{
	width: 2%;
}

.cms_bloc_text_droite{
	width: 49%;
}

/*** BLOCS TITRE ***/
.cms_bloc_title{
}

.cms_bloc_title h2{
}

/*** ***/
.spacer{
	clear: both;
	display : block;
	line-height: 0;
	width: 0;
	font-size: 0;
}

.clearfix:before,
.clearfix:after {
    content: ' ';
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

[class*=img-txt] {
	display : block;
	overflow : hidden;
	text-indent : -9999px;
}
.img-txt-a {
	position : absolute;
}

.surtitre{
}

.soustitre {
	position:relative;
	font-size:20px;
	font-weight:normal;
	color:#95c11f;
	padding-left:20px;
	margin: 10px 0;
	overflow: hidden;
	display:block;
}

.accroche{
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	color:#95c11f;
}

.intertitre{
}

.mise_en_avant_1 {
	font-weight:bold;
	font-style:italic;
	color:#95c11f;
}

.mise_en_avant_2 {
	font-weight:normal;
	font-style:normal;
	color:#95c11f;
}

.legende{
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color:#aaaaaa;
}

.chapeau {}

.citation {
	display:block;
	padding-left:10px;
	margin-left:10px;
	border-left:2px solid #95c11f;
	font-style:italic;
}

.lien_droite {
	display:block;
	text-align: right;
	padding-right:15px;
	position:relative;
	color:#95c11f;	
	text-decoration: underline;
}

/*** Généralités ***/
html {
	width:100%;
	min-width:990px;
}
body {
	font-family:"Trebuchet MS", "Verdana", Arial, "Helvetica", sans-serif;
	font-size:12px;
	color:#aaaaaa;
	font-weight: normal;
	font-style: normal;
	background:#FFFFFF;
	width:100%;
	min-width:990px;
}

.container {
	display:block;
	width:990px;
	position:relative;
	margin:auto;
}
.zone {
	display:block;
	min-width:990px;
	position:relative;
}

.left { float: left; }
.right { float: right; }


/***** SPRITE *****/
#zone-slider .bx-pager .bx-pager-item a,
#zone-slider .slide-contenu > .slider-link:after,
#zone-menu:after,
#content .cms_bloc_text li:before,
#content h2:before,
.soustitre:before,
#footer-rs > a,
#se-form .se-form-submit,
#se-form:after,
#content .lien_droite:after {
	background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/sprite.png) no-repeat;
}

/***** Zone : Header *****/
#zone-header {
	z-index:2;
}
	#header {
		min-height:121px;
	}
		#header-logo {
			display:block;
			position:absolute;
			top:0;
			left:44px;
		}

		#header h1 {
			display: block;
			position: relative;
			margin-bottom: 40px;
			font-size: 0.833em;
			font-weight: normal;
			color: #CDCDCD;
			width: 504px;
			float: right;
			text-align: right;
			margin-top: 7px;
			right: 54px;
		}

		#header-slogan {
			position:absolute;
			bottom:10px;
			right:50px;
			text-align: right;
			width:500px;
			font-size:2.2em;
			color:#95c11f;
		}

/**** Zone - Slider ****/
#zone-slider {
	z-index:1;
	height:460px;
	background: #cfe330 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_slider.png) repeat-x bottom left;
	overflow:hidden;
	min-width:990px;
}	
	#slider {
		height:460px;
	}
	#zone-slider .slide-contenu {
		display:block;
		width:990px;
		margin: 0 auto;
		position:relative;
	}
		#zone-slider .slider-img-link
		 {
			display:block;
			position:relative;
			margin:auto;
			text-align: center;
		}
		#zone-slider .slide-contenu > .slider-link {
			display:block;
			position:absolute;
			bottom:60px;
			left:114px;
			padding:8px 70px 8px 30px;
			background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_bouton_slides.gif) repeat-x top left;
			border-radius:20px;
			border:1px solid #b5b5b5;
			color:#95c11f;
			font-size:23px;
			text-decoration: none;
			opacity:1;
		}
			#zone-slider .slide-contenu > .slider-link:hover {
				opacity:0.8;
			}
			#zone-slider .slide-contenu > .slider-link:after {
				content:"";
				display:block;
				position:absolute;
				top: 15px;
				right: 30px;
				height:16px;
				width:12px;
				background-position:-16px 0px;
			}

	#zone-slider .bx-pager {
		display:block;
		width:100%;
		position:absolute;
		bottom:10px;
		left:0;
		text-align: center;
	}
		#zone-slider .bx-pager .bx-pager-item {
			display: inline-block;
		}
		#zone-slider .bx-pager .bx-pager-item a {
			display:inline-block;
			overflow:hidden;
			height:8px;
			width:9px;
			margin:0 2px;
			background-position:-40px 0px;
			text-indent:-999px;
		}
			#zone-slider .bx-pager .bx-pager-item a:hover,
			#zone-slider .bx-pager .bx-pager-item a.active {
				background-position:-40px -10px;
			}

/***** Zone Page *****/
#content {
	padding: 35px 55px;
	font-size: 1.1666em;
}
	#content a {
		color:#95c11f;
		text-decoration: underline;
	}
		#content a:hover {
			text-decoration: none;
		}

	#content h2 {
		position:relative;
		font-size:1.8857em;
		font-weight:normal;
		color:#95c11f;
		padding-left:30px;
		margin: 10px 0;
	}
		#content h2:before {
			content:"";
			display:block;
			position:absolute;
			height:21px;
			width:16px;
			top: 6px;
			left: 0px;
			background-position:0 0;
		}
	#content .cms_bloc_text {
		margin-bottom: 10px;
	}

	#content .cms_bloc_title {
		position: relative;
	}
		#content .cms_bloc_title:before {
			margin:auto;
			margin-bottom: 30px;
			content: "";
			display: block;
			position: relative;
			height: 21px;
			max-width: 509px;
			top: 10px;
			left: 0px;
			background: url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/ombre.png) no-repeat top center;
			background-size: 100% 30px;
		}

		#content .cms_bloc_title:first-child {
			padding:0;
		}
			#content .cms_bloc_title:first-child:before {
				display:none;
			}

	#content .soustitre:before {
		content:"";
		display:block;
		position:absolute;
		height:16px;
		width:12px;
		top: 5px;
		left: 0px;
		background-position:-16px 0;
	}

	



	#content ul {}
		#content .cms_bloc_text li {
			list-style-type: none;
			padding-left: 30px;
			position:relative;
		}

			#content .cms_bloc_text li:before {
				content:"";
				display:block;
				position:absolute;
				height:9px;
				width:10px;
				top: 5px;
				left: 15px;
				background-position:-30px 0;
			}
	#content .cms_bloc_text_media_gauche .cms_bloc_media {
		margin: 0 40px 20px 0;
		padding:0;
		overflow:hidden;
	}
	#content .cms_bloc_text_media_droite .cms_bloc_media {
		margin: 0 0px 20px 40px;
		padding:0;
		overflow:hidden;
	}
	#content .cms_bloc_media .legend {
		display:block;
		position:absolute;
		width:520px;
		bottom:-100px;
		left:0;
		padding:10px;
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
		background-image: linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
		box-shadow: 0 0 3px rgba(7,8,8,.75);
		-moz-box-shadow: 0 0 3px rgba(7,8,8,.75);
		-webkit-box-shadow: 0 0 3px rgba(7,8,8,.75);
		-webkit-transition:bottom ease-in-out 500ms;
		transition:bottom ease-in-out 500ms;
		text-align: right;
		color:#eeeeee;
		font-size:12px;
	}
		#content .cms_bloc_media:hover .legend {
			bottom:0px;
		}

	#content .lien_droite:after {
		content:"";
		display:block;
		position:absolute;
		height:9px;
		width:10px;
		top: 5px;
		right: 0px;
		background-position:-30px 0;
	}

/*** Fil d'arianne ***/
#breadcrumb {}
	#breadcrumb > span {
		font-weight:bold;
	}
	#breadcrumb a {
		font-weight:normal;
	}
/*** Zone - Footer ***/
#zone-footer {
	margin:20px 0 0;
}	
	#zone-footer:after {
		content:"";
		display:block;
		position:absolute;
		height:20px;
		background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/ombre.png) no-repeat center -1px;
		width:100%;
		top:0;
		left:0;
	}

	#footer {
		background:#eeeeee;
	    -webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
                box-sizing: border-box;
		z-index:0;
		padding: 20px 3.5%;
		
	}
		#footer > .left,
		#footer > .right {
			min-width: 105px;
			width: 30%;
		}
			#footer > .left > * {
				clear: left;
				float: left;
			}
			#footer > .right > * {
				clear: right;
				float: right;
			}
		
		#footer:before, #footer:after {
			content:"";
			display:block;
			position:absolute;
			height:100%;
			width:73px;
			background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/degrade_gris.png) repeat-y;
			top:0;
			z-index:-1;
		}
			#footer:before {
				left:0;
				background-position:-73px 0;
			}

			#footer:after {
				right:0;
				background-position:0 0;
			}
		
		.footer-htd-store,
		#footer-logo {
			display:block;
		}
		
		.footer-htd-store,
		.footer-htd-store + img {
			position: relative;
			-webkit-transition: all .3s ease-in-out;
			        transition: all .3s ease-in-out;
		}
		
		#footer-logo {
			width:100%;
			max-width:168px;
			height:64px;
			background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/logo_bottom.png) left top no-repeat;
			background-size:200%;
			text-indent:-5000px;
		}
			#footer-logo:hover{
				background-position: right top;
			}
		
		.footer-htd-store {
			top: 0;
		}
		.footer-htd-store:hover {
			top: -12px;
		}
		.footer-htd-store + img {
			margin: 10px 0 0;
		}

		.footer-htd-store:hover + img {
			-webkit-transform: scale(.5);
			-moz-transform: scale(.5);
			-ms-transform: scale(.5);
			-o-transform: scale(.5);
			transform: scale(.5);
		}	

		#footer-rs {
			display:block;
			margin: 25px 0 0;
		}
			#footer-rs > a {
				display:inline-block;
				width:25px;
				height:29px;
			}
			#footer-rs > a + a {
				margin:0 0 0 12px;
			}
				#footer-rs .facebook {
					background-position:0 -21px;
				}
					#footer-rs .facebook:hover {
						background-position:0 -50px;
					}
					#footer-rs .youtube {
						background-position: -54px -120px;
				}
					#footer-rs .youtube:hover {
						background-position: -54px -150px;
				}

				#footer-rs .twitter {
					background-position:-26px -21px;
				}
					#footer-rs .twitter:hover {
						background-position:-26px -50px;
					}

				#footer-rs .google-plus {
					background-position:-52px -21px;
				}
					#footer-rs .google-plus:hover {
						background-position:-52px -50px;
					}

		#se-form {
			display:block;
			position:relative;
			top:70px;
			width:205px;
			height:27px;
			margin: 0 auto;
			background:#FFF;
			border:1px solid #afafaf;
		}
			#se-form:after {
				content: "";
				display: block;
				position: absolute;
				bottom: -20px;
				left: 50px;
				height: 9px;
				width: 77px;
				background-position: center -110px;
			}
			#se-form .se-form-input {
				display:block;
				position:absolute;
				border:none;
				top:0px;
				left:0px;
				height:25px;
				line-height:25px;
				width:156px;
				padding:5px;
			}

			#se-form .se-form-submit {
				display:block;
				position:absolute;
				border:none;
				top:-1px;
				right:-1px;
				height:27px;
				width:48px;
				background-position:0px -80px;
				cursor:pointer;
				opacity:1;
			}
				#se-form .se-form-submit:hover {
					background-position: 0 -171px;
				}
#zone-copyright {}
	#copyright {
		text-align:center;
		font-size:10px;
		color:#aaaaaa;
		padding:5px 0;
	}
		#copyright .link-cognix {
			position:relative;
			top:1px;
		}
		#copyright .link-webgazelle {
			position:relative;
			top:0px;
		}

		#copyright > a {
			color:inherit;
			text-decoration: none;
		}
			#copyright > a:hover {
				color:#000000;
				text-decoration: none;
			}

/****** PrettyBox ******/
.bouton_haut .pp_fade {
	padding-top: 36px;
}
div.facebook.bouton_haut .pp_details {
	position: relative;
	margin-top: -375px;
}

/***** Responsive Version Mobile *****/
@media (max-width: 750px) {
	* {
		-webkit-font-size-adjust:100%;
		-moz-font-size-adjust:100%;
		-ms-font-size-adjust:100%;
		font-size-adjust:100%;
	}

	html {
		width:100%;
		min-width:100%;

	}
	body {
		font-family:"Trebuchet MS", "Verdana", Arial, "Helvetica", sans-serif;
		font-size:12px;
		color:#aaaaaa;
		font-weight: normal;
		font-style: normal;
		background:#FFFFFF;
		width:100%;
		min-width:100%;
	}

	img {
		max-width:100%;
	}
	/** Généralités **/
	body {
	}
	.container {
		width:90%;
	}
	.zone {
		min-width:100%;
		max-width:100%;
		width:100%;
	}

	/** Zone - header **/
	#zone-header{
		background:#d3e541 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_header_mobile.png) repeat-x bottom left;
	}
		#header {
			padding:0;
		}
			#header-logo {
				display:block;
				position:relative;
				top:0;
				left:0;
				margin:auto;
				width:90%;
				max-width:347px;
			}
				#header-logo > img {
					width:100%;
				}

			#header > h1 {
				display:none;
			}

			#header-slogan {
				position:relative;
				top:0;
				left:0;
				width:100%;
				text-align: center;
				color:#FFF;
				font-size: 5vw;
				padding:5px 0px;  
			}

	/** Zone - Slider **/
	#zone-slider {
		display:none;
	}
	/** Zone - Menu **/
	#zone-menu {
		z-index:1;
	}
	/** Zone - Page **/
	#zone-page {
		z-index:0;
		margin-top:-15px;
	}
	#content {
		padding:0;
	}
		#content .cms_bloc_form {
			width:100%;
			max-width:100%;
		}
			#content .intitule, 
			#content .valeur,
			#content .cms_bloc_form textarea {
				display:block;
				width:100%;
				max-width:100%;
			}

			#content .cms_bloc_form * {
			}


		#content .cms_bloc_text_gauche,
		#content .cms_bloc_text_droite {
			display:block;
			width:100%;
			max-width:100%;
		}

			#content .cms_bloc_text_droite {
				padding-top:10px;
			}

		#content .cms_bloc_text_milieu {
			display:none;
		}

		#content .cms_bloc_media, #content img {
			max-width:100%;
			display:block;
			float:none;
			margin:auto;
			padding:0;
			margin-bottom:10px;
		}

		#content .cms_bloc_photogallery {
			display:none;
		}

		/*
		#content .cms_bloc_photogallery,
		#content .cms_bloc_photogallery *:not(script) {
			display:block;
			max-width:100%;
			margin:auto !important;
		}

			#content .gp-mosaique-media {
				padding-top:10px !important;
			}
		*/

		#content .cms_bloc_media .legend {
			display:none;
		}
	#zone-footer {
		font-size: 0.1vw;
	}
		#footer {
			font-size: 0.1vw;
		}

		#se-form {
			display:none;
		}
}
.connexionMaMaison {
	margin: 50px 0;
	text-align: center;
}

.connexionMaMaison h3 {
	font-size: 20px;
	font-weight: normal;
	color: #95c11f;
	margin: 0 0 20px 0;
}

.connexionMaMaison a {
	font-size: 12px;
	font-weight: normal;
}
.connexionMaMaison * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.connexionMaMaison .inputsCenter {
	text-align: right;
	width: 360px;
	margin: 0 auto;
}
.connexionMaMaison input {
	color: #95c11f;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
	padding: 5px 10px;
	width: 100%;
	height: 30px;
	border-radius: 15px;
	background: white;
	box-shadow: 0px 3px 5px rgba(0,0,0,.15) inset;
	border: 1px solid #b5b5b5;
} .connexionMaMaison .inputsCenter input[disabled] {
	background: #eee;
	color: #bbb;
}

.connexionMaMaison .buttonSubmit,
.connexionMaMaison button,
.connexionMaMaison button:after {
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/sprite_connect.png') no-repeat 0 0;
}

.connexionMaMaison .buttonSubmit {
	width: 400px;
	height: 100px;
	margin: 10px auto;
	background-position: 0 -333px;
}

.connexionMaMaison button {
	margin: 0 auto;
	width: 80px;
	line-height: 80px;
	height: 80px;
	border-radius: 50%;
	cursor: pointer;
	border: none;
}

.connexionMaMaison button:hover {
	background-position: 0 -160px;
}

.connexionMaMaison button:active {
	background-position: 0 -160px;
		    transform: scale(.95);
	-webkit-transform: scale(.95);
	   -moz-transform: scale(.95);
	       -o-transform: scale(.95);
	    -ms-transform: scale(.95);
}

#zone-menu.desktop {
		z-index:3;
	}
		#zone-menu.desktop:before {
			content:"";
			position:absolute;
			height:8px;
			width:100%;
			top:-8px;
			left:0;
			background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/degrade_page.png) repeat-x top left;
		}

	/** Correction bug IE7 : marges sous li **/
	#zone-menu.desktop #menu li   { *font-size: 0;		*line-height: 0;	}
	#zone-menu.desktop #menu li a { *font-size: 18px;	*line-height: 21px;	}



	/** ===== MENU NIVEAU 1 ===== **/

	#zone-menu.desktop #menu {
		background:#eeeeee;
	}
		#zone-menu.desktop #menu:before, #zone-menu.desktop #menu:after {
			content:"";
			display:block;
			position:absolute;
			height:100%;
			width:73px;
			background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/degrade_gris.png) repeat-y;
			top:0;
			z-index:0;
		}
			#zone-menu.desktop #menu:before {
				left:0;
				background-position:-73px 0;
			}

			#zone-menu.desktop #menu:after {
				right:0;
				background-position:0 0;
			}

	#zone-menu.desktop #menu ul.niv1 {
		padding:0;
		margin:0;
		text-align: center;
	}
		#zone-menu.desktop #menu li.niv1 {
			position:relative;
			display:inline-block;
			width:120px;
			margin-left:-3px;
			z-index:0;
		}
			#zone-menu.desktop #menu li.niv1.niv1_on {
				z-index:1;
			}
			#zone-menu.desktop #menu li.niv1:hover {
				z-index:2;
			}

		#zone-menu.desktop #menu a.niv1 {
			text-align: center;
			display:block;
			padding:6px 5px;
			width:120px;
			font-size:15px;
			color:#aaaaaa;
			text-decoration: none;
			border:1px solid #eeeeee;
		}
			#zone-menu.desktop #menu li.niv1:hover a.niv1,
			#zone-menu.desktop #menu li.niv1_on a.niv1 {
				background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_menu_niv1_hover.png) repeat-x top left;
				color:#90b547;
				border:1px solid #6b6b6b;
				-moz-box-shadow: 0 0 3px rgba(7,8,8,.75);
				-webkit-box-shadow: 0 0 3px rgba(7,8,8,.75);
				box-shadow: 0 0 3px rgba(7,8,8,.75);
			}

			#zone-menu.desktop #menu li.niv1>a span {}
				#zone-menu.desktop #menu li.niv1:hover>a span {}



	/** ===== MENU NIVEAU 2 ===== **/

	#zone-menu.desktop #menu div.niv2 {
		left:-9999px;
		right:auto;
		position: absolute;
		top: 31px;
		width: 177px;
		z-index: 10;
		padding-top: 0px;
		opacity:0;
		-webkit-transition:opacity ease-in-out 200ms;
		transition:opacity ease-in-out 200ms;
	}
	#zone-menu.desktop #menu ul.niv2 {
		position:relative;
		padding:0;
		margin: 0;
		background:#222222 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_menu_niv2.png) repeat-x top left;
		-moz-box-shadow: 0 0 3px rgba(7,8,8,.75);
		-webkit-box-shadow: 0 0 3px rgba(7,8,8,.75);
		box-shadow: 0 0 3px rgba(7,8,8,.75);
		border-right:1px solid #6b6b6b;
		border-left:1px solid #6b6b6b;
		border-bottom:1px solid #6b6b6b;
	}
		#zone-menu.desktop #menu ul.niv2:before {
			content:"";
			background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_menu_niv1_hover.png) repeat-x bottom left;
			position:absolute;
			top:-5px;
			left:-1px;
			width:175px;
			height:5px;
			border-right:1px solid #6b6b6b;
			border-left:1px solid #6b6b6b;
		}


	#zone-menu.desktop #menu li.niv1:hover div.niv2 {
		left:0;
		opacity:1;
	}
	#zone-menu.desktop #menu li.niv1:hover div.niv2.to_left {
		left : auto;
		right : -2px;
	}

	#zone-menu.desktop #menu li.niv2 {
		position:relative;
		padding:1px 0;
		list-style: none;
	}
		#zone-menu.desktop #menu a.niv2 {
			display: block;
			font-size:12px;
			line-height: 12px;
			text-align: center;
			padding: 5px 10px;
			text-decoration: none;
			color:#dddddd;
			margin:1px 2px;
		}
			#zone-menu.desktop #menu li.niv2_on a.niv2 {
				color:#a2d91a;
			}
			#zone-menu.desktop #menu li.niv2:hover a.niv2 {
				background:#a2d91a url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_menu_niv2_hover.png) repeat-x top left;
				border:1px solid #759b1f;
				margin:0 1px;
				color:#FFF;
			}


	/** ===== MENU NIVEAU 3 ===== **/
	#zone-menu.desktop #menu div.niv3 {
		position:absolute;
		top:0;
		left:-9999px;
		padding-left:5px;
		padding-right:5px;
		opacity:0;
		-webkit-transition:opacity ease-in-out 200ms;
		transition:opacity ease-in-out 200ms;
	}
		#zone-menu.desktop #menu li.niv2:hover div.niv3 {
			display:block;
			left:175px;
			opacity:1;
		}
		#zone-menu.desktop #menu div.niv2.to_left:hover div.niv3 {
			right:175px;
			left:auto;
		}
		#zone-menu.desktop #menu ul.niv3 {
			padding:0;
			margin:0;
			width:175px;
			background:#575757 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_menu_niv2.png) repeat-x top left;
			-moz-box-shadow: 0 0 3px rgba(7,8,8,.75);
			-webkit-box-shadow: 0 0 3px rgba(7,8,8,.75);
			box-shadow: 0 0 3px rgba(7,8,8,.75);
		}

			#zone-menu.desktop #menu li.niv3 {
				position:relative;
				padding:1px 0;
				list-style: none;
			}
			
				#zone-menu.desktop #menu a.niv3 {
					display: block;
					font-size:12px;
					line-height: 12px;
					text-align: center;
					padding: 5px 10px;
					text-decoration: none;
					color:#dddddd;
					margin:1px 2px;
				}
					#zone-menu.desktop #menu li.niv3_on a.niv3 {
						color:#a2d91a;
					}
					#zone-menu.desktop #menu li.niv3:hover a.niv3 {
						background:#a2d91a url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_menu_niv2_hover.png) repeat-x top left;
						border:1px solid #759b1f;
						margin:0 1px;
						color:#FFF;
					}



/******* Version Mobile *********/
	#zone-menu.mobile .btn_navigation {
		display:block;
		text-transform: uppercase;
		text-align: center;
		padding: 10px 0px 45px 0px;
		background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/ombre.png) no-repeat bottom center;
		font-size:20px;
		color:#aaaaaa;
	}

	#zone-menu.mobile #menu {
		position:absolute;
		top:45px;
		width:100%;
	}
		#zone-menu.mobile #menu ul {
			padding:0;
			margin:0;
			width:100%;
		}
			#zone-menu.mobile #menu li {
				position:relative;
				display:block;
				margin-left:-3px;
				z-index:0;
				background:#1b1b1b url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_menu_niv1_mobile.png) repeat-x top left;
			}
				#zone-menu.mobile #menu li.niv1_on,
				#zone-menu.mobile #menu li.niv2_on,
				#zone-menu.mobile #menu li.niv3_on,
				#zone-menu.mobile #menu li:hover {
					z-index:1;
				}

			#zone-menu.mobile #menu a {
				display:block;
				padding:11px 6px;
				font-size:20px;
				color:#FFF;
				text-decoration: none;
			}
				#zone-menu.mobile #menu a:hover,
				#zone-menu.mobile #menu a.niv1_on,
				#zone-menu.mobile #menu a.niv2_on,
				#zone-menu.mobile #menu a.niv3_on {
					background:#a2d91a url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_menu_niv2_hover.png) repeat-x top left;
					border:1px solid #759b1f;
					padding:10px 5px;
				}

				#zone-menu.mobile #menu li.niv1>a span {
					display:block;
					padding:0px 10px 0px 20px;
				}

				#zone-menu.mobile #menu li.niv2>a span {
					display:block;
					padding:0px 10px 0px 40px;
				}

				#zone-menu.mobile #menu li.niv3>a span {
					display:block;
					padding:0px 10px 0px 60px;
				}

#notre-offre div,
#notre-offre p,
#notre-offre ul,
#notre-offre li,
#notre-offre h3 {
	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	        box-sizing: border-box !important;
}

#notre-offre .clearfix:before,
#notre-offre .clearfix:after {
    content: ' ';
    display: table;
}

#notre-offre .clearfix:after {
    clear: both;
}

#notre-offre .clearfix {
    *zoom: 1;
}


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

.zone-bandeau .zone-titre h3:before,
.zone-bandeau .zone-texte li:before {
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/sprite_nos-offres.png') no-repeat 0 0;
	content: '';
	display: inline-block;
	position: relative;
}

.zone-bandeau .zone-texte .texte .btn a {
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/btn_nos-offres.png') no-repeat 0 0;
}
/*---------------------- TITRE --------------------------*/

.zone-bandeau_titre {
	position: relative;
}
	.zone-bandeau_titre .zone-texte-full {
		position: relative;
		height: 500px;
		margin: -500px auto 0 auto;
	}
			@keyframes clignotageBouton {
				0%, 100% {
					opacity: 0;
				}
				50% {
					opacity: 1;
				}
			}
			@-moz-keyframes clignotageBouton {
				0%, 100% {
					opacity: 0;
				}
				50% {
					opacity: 1;
				}
			}
			@-webkit-keyframes clignotageBouton {
				0%, 100% {
					opacity: 0;
				}
				50% {
					opacity: 1;
				}
			}
			@-o-keyframes clignotageBouton {
				0%, 100% {
					opacity: 0;
				}
				50% {
					opacity: 1;
				}
			}
			@-ms-keyframes clignotageBouton {
				0%, 100% {
					opacity: 0;
				}
				50% {
					opacity: 1;
				}
			}
			.zone-bandeau_titre .zone-texte-full > a {
				position: absolute;
				top: 132px;
				z-index: 10;
				width: 215px;
				height: 215px;
				opacity: 0;
				text-decoration: none;
				background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/logo_titre_on.png') no-repeat center center;
					
				/*CSS3 webkit keyframes animation*/
				-webkit-animation-name: clignotageBouton;
				-webkit-animation-duration: 3s;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-timing-function: ease-in-out;
				
				/*CSS3 moz keyframes animation*/
				-moz-animation-name: clignotageBouton;
				-moz-animation-duration: 3s;
				-moz-animation-iteration-count: infinite;
				-moz-animation-timing-function: ease-in-out;
				
				/*CSS3 o keyframes animation*/
				-o-animation-name: clignotageBouton;
				-o-animation-duration: 3s;
				-o-animation-iteration-count: infinite;
				-o-animation-timing-function: ease-in-out;

				/*CSS3 ms keyframes animation*/
				-ms-animation-name: clignotageBouton;
				-ms-animation-duration: 3s;
				-ms-animation-iteration-count: infinite;
				-ms-animation-timing-function: ease-in-out;

				/*CSS3 W3C keyframes animation*/
				animation-name: clignotageBouton;
				animation-duration: 3s;
				animation-iteration-count: infinite;
				animation-timing-function: ease-in-out;
			}

	.zone-bandeau_titre .zone-texte {
		position: relative;
		height: 500px;
		margin: -500px auto 0 auto;
		padding: 0 55px;
	}
		.zone-bandeau_titre .zone-texte .texte {
			position: absolute;
			right: 55px;
			width: 440px;
			top: 185px;
		}

			.zone-bandeau_titre .zone-texte .texte h3 {
				color: white;
				font-family: "Trebuchet MS", Arial, Verdana !important;
				font-size: 30px;
				line-height: 36px;
				font-weight: bold;
				margin: 0 0 10px 0;
			}
			.zone-bandeau_titre .zone-texte .texte p {
				color: white;
				font-weight: bold;
				font-family: "Trebuchet MS", Arial, Verdana !important;
				font-size: 14px;
				line-height: 20px;
			}
	.zone-bandeau_titre .zone-visuel {
		height: 500px;
		width: 100%;
	}
		.zone-bandeau_titre .zone-visuel .visuel {
			height: 100%;
			width: 100%;
		}

	.zone-bandeau_titre.bandeau_titre .zone-visuel {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_bandeau_titre.png') repeat-x center top;
	}
		.zone-bandeau_titre.bandeau_titre .zone-visuel .visuel {
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bandeau_titre.jpg') no-repeat center top;
		}

	.zone-bandeau_titre .zone-store {
		background: #f4f4f4;
	}
		.zone-bandeau_titre .zone-store .store {
			padding: 45px 55px 30px 55px;
		}
			.zone-bandeau_titre .zone-store .store img {
				position: relative;
				-webkit-transition: all .3s ease-in-out;
				   -moz-transition: all .3s ease-in-out;
				    -ms-transition: all .3s ease-in-out;
				     -o-transition: all .3s ease-in-out;
				        transition: all .3s ease-in-out;
			}
			.zone-bandeau_titre .zone-store .store img {
				
			}
			.zone-bandeau_titre .zone-store .store p {
				font-family: "Trebuchet MS", Arial, Verdana;
				width: 690px;
				color: #aaaaaa;
				font-size: 14px;
				line-height: 20px;
				margin: 5px 0 0 0;
			}
				.zone-bandeau_titre .zone-store .store p strong {
					font-weight: bold;
				}
				.zone-bandeau_titre .zone-store .store p a {
					color: #95c11f;
				}
	.zone-bandeau_titre .zone-arrow {
		background: white;
		padding: 50px 0 60px 0;
	}
		.zone-bandeau_titre .zone-arrow .arrow {
			position: relative;
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/arrow_shadow.png') no-repeat center top;
			height: 111px;
			padding: 50px 0 60px 0;
		}
		.zone-bandeau_titre .zone-arrow .arrow:hover {
			background-position: center bottom;
		}

		.zone-bandeau_titre .zone-arrow .arrow a {
			display: block;
			position: relative;
			text-decoration: none;
			top: -50px;
			width: 100%;
			height: 111px;
		}

/*--------------------- BANDEAUX ------------------------*/

.zone-bandeau {
	position: relative;
}
	.zone-bandeau .container {
		padding: 0 55px; 
	}
	.zone-bandeau .zone-titre {
		position: absolute;
		z-index: 30;
		top: 0;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,0.4);
		height: 120px;
	}
			.zone-bandeau .zone-titre h3 {
				font-size: 30px;
				font-family: "Trebuchet MS", Arial, Verdana;
				font-weight: bold;
				color: white;
				padding: 42px 0 42px 30px;
				line-height: 1.2;
			}
			.zone-bandeau .zone-titre h3:before {
				width: 15px;
				left: -30px;
				height: 21px;
				background-position: 0 0;
				margin: 0 -15px 0 0;
			}
			.zone-bandeau_titre .zone-texte > a,
			.zone-bandeau .zone-titre h3 + a {
				display: block;
				text-indent: -9999px;
				overflow: hidden;
				width: 60px;
				height: 60px;
				background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/video.png') no-repeat 0 0;
				position: absolute;
				top: -30px !important;
				right: 24px !important;
				left: inherit !important;
			}
	.zone-bandeau .zone-visuel {
		height: 580px;
		width: 100%;
	}
		.zone-bandeau .zone-visuel .visuel {
			height: 100%;
			width: 100%;
		}
	.zone-bandeau.bandeau1 .zone-visuel {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_bandeau1.png') repeat-x center top;
	}
		.zone-bandeau.bandeau1 .zone-visuel .visuel {
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bandeau1.jpg') no-repeat center top;
		}
	.zone-bandeau.bandeau2 .zone-visuel {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_bandeau2.png') repeat-x center top;
	}
		.zone-bandeau.bandeau2 .zone-visuel .visuel {
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bandeau2.jpg') no-repeat center top;
		}
	.zone-bandeau.bandeau3 .zone-visuel {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_bandeau3.png') repeat-x center top;
	}
		.zone-bandeau.bandeau3 .zone-visuel .visuel {
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bandeau3.jpg') no-repeat center top;
		}
	.zone-bandeau.bandeau4 .zone-visuel {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_bandeau4.png') repeat-x center top;
	}
		.zone-bandeau.bandeau4 .zone-visuel .visuel {
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bandeau4.jpg') no-repeat center top;
		}
	.zone-bandeau.bandeau5 .zone-visuel {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_bandeau5.png') repeat-x center top;
	}
		.zone-bandeau.bandeau5 .zone-visuel .visuel {
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bandeau5.jpg') no-repeat center top;
		}
	.zone-bandeau .zone-texte {
		padding: 40px 0;
	}
		.zone-bandeau .zone-texte .texte {
			position: relative;
		}
			.zone-bandeau .zone-texte .texte ul {
				margin: 0;
				padding: 0;
			}
				.zone-bandeau .zone-texte .texte ul li {
					list-style-type: none;
					padding: 0 0 0 22px;
					color: #aaaaaa;
					line-height: 20px;
					font-size: 14px;
					font-weight: normal;
					font-family: "Trebuchet MS", Arial, Verdana;
				}
				.zone-bandeau .zone-texte .texte ul li:before {
					width: 8px;
					height: 10px;
					background-position: 0 -44px;
					margin: 0 -8px 0 0;
					left: -22px;
				}
			.zone-bandeau .zone-texte .texte .btn {
				position: absolute;
				top: -69px;
				left: 466px;
				width: 58px;
				height: 58px;
				border-radius: 50%;
				background: white;
				margin: 0;
				padding: 0;
			}

			.zone-bandeau .zone-texte .texte .btn a {
				position: absolute;
				display: block;
				width: 58px;
				height: 58px;
				border-radius: 50%;
				text-decoration: none;
			}
			.zone-bandeau .zone-texte .texte .btn a:hover {
				background-position: 0 -58px;
			}


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

.zone-prefooter {
	position: relative;
	height: 580px;
	background: #f4f4f4;
	margin-bottom: 60px; 
}
	.zone-prefooter .prefooter .left,
	.zone-prefooter .prefooter .right,
	.zone-prefooter .bgRight {
		height: 580px;
	}
	.zone-prefooter .prefooter .left {
		padding: 10px 55px; 
		width: 470px;
	}
		.zone-prefooter .prefooter .left p {
			font-family: "Trebuchet MS", Arial, Verdana;
			font-size: 14px;
			line-height: 20px;
			color: #aaaaaa;
			text-align: justify;
		}
		.zone-prefooter .prefooter .left p + h3 {
			margin: 10px 0 15px 0;
		}
		.zone-prefooter .prefooter .left h3 {
			position:relative;
			font-size: 30px;
			line-height: 32px;
			font-family: "Trebuchet MS", Arial, Verdana;
			font-weight:normal;
			color: #95c11f;
			padding-left:30px;
			margin: 10px 0;
		}
		.zone-prefooter .prefooter .left h3:before {
			content:"";
			display:block;
			position:absolute;
			height:21px;
			width:16px;
			top: 6px;
			left: 0px;
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/sprite.png') no-repeat 0 0;
		}
	.zone-prefooter .prefooter .right {
		position: relative;
		z-index: 10;
		width: 495px;
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bandeau_prefooter.jpg') no-repeat top right;
	}

.zone-prefooter .bgRight {
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bg_prefooter_right.png') repeat-x center top;
	width: 40%;
	position: absolute;
	right: 0;
}


.shadowBandeau {
	height: 34px;
	width: 100%;
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/shadow_bandeau.png') no-repeat center top;
	margin: 0 0 15px 0;
}

		.moreServices {
			font-size: 30px;
			line-height: 32px;
			font-family: "Trebuchet MS", Arial, Verdana;
			font-weight:normal;
			color: #95c11f;
			text-align: center;
			margin: 15px auto 40px auto;
		}
/*--------------------------------------------------------------*/


@media (max-width: 750px) {
	
	* {
		-webkit-font-size-adjust:100%;
		-moz-font-size-adjust:100%;
		-ms-font-size-adjust:100%;
		font-size-adjust:100%;
	}

	html {
		width:100%;
		min-width:100%;

	}

	body {
	}
	.container {
		width:90%;
	}
	.zone {
		min-width:100%;
		max-width:100%;
		width:100%;
	}	
		.zone-prefooter .container,
		.zone-bandeau_titre .container,
		.zone-bandeau .container {
			width: 85%;
			padding: 0;
		}

		.zone-bandeau_titre .arrow.container {
			width: 100%;
		}

		.zone-bandeau .zone-titre {
			height: auto;
		}
				.zone-bandeau .zone-titre .titre h3 {
					font-size: 20px;
					padding: 15px 0 15px 30px;
				}
				.zone-bandeau .zone-titre h3:before {
					top: 3px;
				}
		.zone-bandeau_titre .zone-visuel .visuel,
		.zone-bandeau_titre .zone-visuel,
		.zone-bandeau .zone-visuel .visuel,
		.zone-bandeau .zone-visuel {
			height: 300px;
			-webkit-background-size: 512px 300px !important;
			background-size: 512px 300px !important;
		}
		.zone-bandeau_titre .zone-visuel .visuel,
		.zone-bandeau_titre .zone-visuel {
			height: 300px;
			-webkit-background-size: 594px 300px !important;
			background-size: 594px 300px !important;
		}
			.zone-bandeau .zone-texte .texte .btn {
				position: relative;
				top: -69px;
				left: 0;
				margin: 0 auto -58px auto;
			}

	.zone-bandeau_titre .zone-texte-full {
		position: relative;
		height: 300px;
		margin: -300px auto 0 auto;
	}
			.zone-bandeau_titre .zone-texte-full > a {
				top: 79px;
				width: 129px;
				height: 129px;
				-webkit-background-size: 129px 129px !important;
				background-size: 129px 129px !important;
			}
	.zone-bandeau_titre .zone-texte {
		position: relative;
		height: 300px;
		margin: -300px auto 0 auto;
	}
		.zone-bandeau_titre .zone-texte .texte {
			position: absolute;
			right: 0;
			width: 57%;
			top: 50px;
			font-family: "Trebuchet MS", Arial, Verdana;
		}
			.zone-bandeau_titre .zone-texte .texte h3 {
				font-size: 18px;
				line-height: 22px;
				margin: 0 0 5px 0;
			}
			.zone-bandeau_titre .zone-texte .texte p {
				font-size: 12px;
				line-height: 15px;
			}
			
			.zone-bandeau_titre .zone-store .store > .left {
				width: 27%;
				max-width: 137px; 
			}
			.zone-bandeau_titre .zone-store .store p {
				font-family: "Trebuchet MS", Arial, Verdana;
				width: 67%;
				font-size: 14px;
				line-height: 20px;
				text-align: justify;
				margin: 0;
			}
		.zone-bandeau_titre .zone-store .store {
			padding: 30px 0 30px 0;
		}
	.zone-prefooter {
		height: auto;
		margin-bottom: 0;
	}

	.zone-prefooter .prefooter {
	}
	.zone-prefooter .prefooter .left {
		height: auto;
		float: none;
		padding: 30px 0; 
		width: 100%;
	}
	.zone-prefooter .bgRight {
		display: none;
	}
	.zone-prefooter .prefooter .right {
		float: none;
		height: 270px;
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/tpl14/../../images/htd/bandeau_prefooter_resp.jpg') no-repeat top left;
		position: relative;
		left: -9%;
		width: 117.9%;
	}
	
	.shadowBandeau {
		position: relative;
		z-index: 30;
		margin: 0 0 -34px 0;
	}

	.moreServices {
		padding-top: 20px;
	}

	.zone-bandeau_titre .zone-texte > a,
	.zone-bandeau .zone-titre h3 + a {
		width: 30px;
		height: 30px;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
		top: -15px !important;
		right: 0 !important;
	}
}
body.loading #menu {
	display:none;
}
#contentForm * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contentForm {
	height: 840px;
	position: relative;
	margin: 0 0 65px 0;
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/loader.gif') no-repeat center center;
}
#contentForm .viewport {
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: relative;
}
#contentForm #arrowNext {
	border: none;
	outline: none;
	text-indent: -9999px;
	cursor: pointer;
	width: 112px;
	height: 112px;
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/sprite_arrow.png') no-repeat 0 0;
	position: absolute;
	z-index: 150;
	bottom: -40px;
	left: 50%;
	margin-left: -56px;
}
#contentForm #arrowNext:hover {
	background-position: 0 -112px;
}
#contentForm .etape {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 5;
}
#contentForm .etape.activ {
	z-index: 50;
}
#contentForm .etape > div {
	width: 50%;
	height: 100%;
}
#contentForm #error {
	width: 395px;
	height: 81px;
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_error.png') no-repeat 0 0;
	position: absolute;
	bottom: -81px;
	opacity: 0;
	z-index: 150;
	left: 50%;
	margin-left: -197px;
	font-size: 25px;
	padding: 10px 60px;
	line-height: 1.2;
	color: #aaa;
	font-weight: bold;
	text-align: center;
}
#contentForm .etape > div .contentSide {
	width: 495px;
	height: 100%;
}

#contentForm .etape > div.left .contentSide {float: right;}
#contentForm .etape > div.right .contentSide {
	float: left;
	padding: 130px 0 0 55px;
	text-align: center;
}
#contentForm .etape > div.right .contentSide .containerChoice {
	display: inline-block;
	vertical-align: middle;
	width: 430px;
}
#contentForm .etape > div.right .contentSide .containerChoice + span {
	display: inline-block;
	width: 1px;
}
#contentForm .etape > div.right .contentSide .containerRight {
	height: 620px;
	line-height: 620px;
}
#contentForm .etape > div.right .contentSide .choice {
	text-align: center;
	padding: 0 0 33px 0;
	height: 120px;
	line-height: 87px;
	margin-bottom: -20px;
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/shadow_choice.png') no-repeat center bottom;
}
#contentForm .etape > div.right .contentSide .choice input {
	height: 0;
	width: 0;
	display: none;
	overflow: hidden;
}
#contentForm .etape > div.right .contentSide .choice label {
	font-size: 35px;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #aaa;
	cursor: pointer;
}
#contentForm .etape > div.right .contentSide .choice label:hover {
	color: #95c11f;
}
#contentForm .etape > div.right .contentSide .choice label.checked {
	color: #95c11f;	
}
#contentForm .etape > div.right .contentSide h3 {
	font-size: 50px;
	font-weight: bold;
}

#contentForm .etape > div.right { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_eright.png') repeat-x 0 0;}
#contentForm .etape1 > div.left { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_e1.png') repeat-x 0 0;}
#contentForm .etape2 > div.left { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_e2.png') repeat-x 0 0;}
#contentForm .etape3 > div.left { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_e3.png') repeat-x 0 0;}
#contentForm .etape4 > div.left { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_e4.png') repeat-x 0 0;}
#contentForm .etape1 > div.left .contentSide { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e1.jpg') repeat-x 0 0;}
#contentForm .etape2 > div.left .contentSide { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e2.jpg') repeat-x 0 0;}
#contentForm .etape3 > div.left .contentSide { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e3.jpg') repeat-x 0 0;}
#contentForm .etape4 > div.left .contentSide { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e4.jpg') repeat-x 0 0;}
#contentForm .etape1 > div.right .contentSide h3 { color: #95c11f;}
#contentForm .etape2 > div.right .contentSide h3 { color: #e86285;}
#contentForm .etape3 > div.right .contentSide h3 { color: #4199c9;}
#contentForm .etape4 > div.right .contentSide h3 { color: #f7af2f;}


/*************************************/

#contentForm #finalEtape.etape > div.right .contentSide .containerRight {
	height: 620px;
	line-height: 1.2;
	text-align: right;
}

#contentForm #finalEtape.etape > div.right .contentSide .containerRight p {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
#contentForm #finalEtape.etape > div.right .contentSide .containerRight p + p {
	font-size: 30px;
	margin-top: 400px;
}
#contentForm #finalEtape.etape > div.left .contentSide .containerRight p + input[type="submit"],
#contentForm #finalEtape.etape > div.right .contentSide .containerRight p + p + input[type="submit"] {
	display: inline-block;
	width: 244px;
	height: 46px;
	border: none;
	outline: none;
	text-align: center;
	cursor: pointer;
	padding-right: 30px;
	font-size: 23px;
	color: #95c11f;
	text-decoration: none;
	font-weight: bold;
	margin: 25px 0 0 0;
	line-height: 46px;
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/sprite_btn_contact.png') no-repeat 0 0;
}
#contentForm #finalEtape.etape > div.left .contentSide .containerRight p + input[type="submit"]:hover,
#contentForm #finalEtape.etape > div.right .contentSide .containerRight p + p + input[type="submit"]:hover {
	color: #fff;
	background-position: 0 -46px;
}
#contentForm #finalEtape.etape > div.right .contentSide h3 {
	font-size: 40px;
	color: #fff;
	line-height: 1.15;
	text-align: right;
}
#contentForm #finalEtape.etape > div.right .contentSide h4 {
	font-size: 28px;
	color: #fff;
	line-height: 1.25;
	height: 37px;
	margin: 15px 0;
	text-align: right;
}

#contentForm #finalEtape.etape > div.left .contentSide {
	width: 335px;
	height: 100%;
}
#contentForm #finalEtape.etape > div.right .contentSide {
	width: 655px;
	padding: 40px 0 0 55px;
	height: 100%;
}

#contentForm #finalEtape.etape > div.right {
	width: calc(((100% - 990px) / 2) + 655px);
	width: -webkit-calc(((100% - 990px) / 2) + 655px);
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_e5.png') repeat-x 0 0;
}
#contentForm #finalEtape.etape > div.left {
	width: calc(((100% - 990px) / 2) + 335px);
	width: -webkit-calc(((100% - 990px) / 2) + 335px);
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_eright.png') repeat-x 0 0;
}

#contentForm #finalEtape.etape.blocsecure > div.right .contentSide { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_secure.jpg') no-repeat 0 0;}
#contentForm #finalEtape.etape.bloceconomy > div.right .contentSide { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_economy.jpg') no-repeat 0 0;}
#contentForm #finalEtape.etape.bloceasy > div.right .contentSide { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_easy.jpg') no-repeat 0 0;}
#contentForm #finalEtape.etape.blocfun > div.right .contentSide { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_fun.jpg') no-repeat 0 0;}
#contentForm #finalEtape.etape.blochealth > div.right .contentSide { background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_health.jpg') no-repeat 0 0;}

#contentForm #finalEtape.etape > div.left .contentSide {
	padding: 230px 0 0 0;
}

#contentForm #finalEtape.etape > div.left .contentSide ul:before,
#contentForm #finalEtape.etape > div.left .contentSide ul:after {
	content: '';
	display: block;
	width: 100%;
	height: 34px;
	position: absolute;
	left: 0;
	top: -34px;
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/sprite_shadow.png') no-repeat 0 0;
}
#contentForm #finalEtape.etape > div.left .contentSide ul:after {
	background-position: 0 -34px;
	top: inherit;
	bottom: -34px;
}
#contentForm #finalEtape.etape > div.left .contentSide ul {
	position: relative;
	padding: 105px 0 105px 55px;
	margin: 0;
	list-style: none;
}
#contentForm #finalEtape.etape > div.left .contentSide ul li {
	padding: 2px 0 2px 20px;
	list-style: none;
	margin: 0;
}
#contentForm #finalEtape.etape > div.left .contentSide ul li:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 10px;
	background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/puce_final.png') no-repeat 0 0;
	margin: 0 -8px 0 0;
	position: relative;
	left: -20px;
}
#contentForm #finalEtape.etape > div.left .contentSide ul li,
#contentForm #finalEtape.etape > div.left .contentSide ul li a {
	color: #95c11f;
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
}
/*************************************/


@media (max-width: 750px) {

	#contentForm {
		height: 560px;
		position: relative;
		margin: 0 0 50px;
	}
		#contentForm.finalEtape {
			height: auto;
		}
	#contentForm .viewport {
		padding: 50px 0 0;
		overflow: hidden;
		height: 100%;
		width: 100%;
		position: relative;
	}

	#contentForm .etape {
		position: absolute;
		top: 50px;
		left: 0;
		height: 460px;
		width: 100%;
		z-index: 5;
	}

	#contentForm .etape > div,
	#contentForm .etape > div .contentSide {
		display: block;
		width: 100%;
	}

	#contentForm .etape > div.left {
		height: 160px;
		line-height: 160px;
		position: relative;
	}

	#contentForm .etape > div.right {
		height: 350px;
	}

	#contentForm .etape > div.right {
		background: -moz-linear-gradient(top,  #f9f9f9 0%, #eee 100%);
		background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eee 100%);
		background: -o-linear-gradient(top,  #f9f9f9 0%,#eee 100%);
		background: -ms-linear-gradient(top,  #f9f9f9 0%,#eee 100%);
		background: linear-gradient(to bottom,  #f9f9f9 0%,#eee 100%);
	}
	#contentForm .etape1 > div.left {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_e1.png') repeat-x 0 0;
	}
	#contentForm .etape2 > div.left {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_e2.png') repeat-x 0 0;
	}
	#contentForm .etape3 > div.left {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_e3.png') repeat-x 0 0;
	}
	#contentForm .etape4 > div.left {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_e4.png') repeat-x 0 0;
	}
	#contentForm .etape1 > div.left .contentSide {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e1_m.png') no-repeat 0 0;
	}
	#contentForm .etape2 > div.left .contentSide {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e2_m.png') no-repeat 0 0;
	}
	#contentForm .etape3 > div.left .contentSide {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e3_m.png') no-repeat 0 0;
	}
	#contentForm .etape4 > div.left .contentSide {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e4_m.png') no-repeat 0 0;
	}
	#contentForm .etape > div.left .contentSide {
		height: 200px;
		width: 110px;
		position: absolute;
		z-index: 5;
		bottom: 0;
		right: 10px;
		-webkit-background-size: contain;
		background-size: contain;
	}

	#contentForm .etape > div.right .contentSide {
		padding: 15px 0 0 0;
		float: none;
	}

	#contentForm .etape > div.left h3 {
		display: inline-block;
		vertical-align: middle;
		line-height: 1.2;
		font-size: 24px;
		color: #fff;
		text-align: center;
		width: 99%;
		position: relative;
		z-index: 10;
		padding: 0 64px 0 0;
		font-weight: bold;
	}
	#contentForm .etape5 > div.left h3 {
		padding: 0;
	}
	#contentForm .etape > div.left h3 + span {
		display: inline-block;
		vertical-align: middle;
		width: 1px;
		height: 100%;
	}
	#contentForm .etape > div.right .contentSide .containerRight {
		height: 300px;
		line-height: 300px;
	}
	#contentForm .etape > div.right .contentSide .containerChoice {
		width: 90%;
	}
	#contentForm .etape > div.right .contentSide .choice label {
		font-size: 25px;
	}
	#contentForm .etape > div.right .contentSide .choice {
		height: 80px;
		line-height: 42px;
	}
	#contentForm #arrowNext {
		width: 64px;
		height: 64px;
		-webkit-background-size: 64px 128px;
		background-size: 64px 128px;
		bottom: -32px;
		left: 50%;
		margin-left: -32px;
	}
	#contentForm #arrowNext:hover {
		background-position: 0 -64px;
	}
	#contentForm #error {
		width: 310px;
		height: 64px;
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/bg_error.png') no-repeat 0 0;
		-webkit-background-size: 310px 64px;
		background-size: 310px 64px;
		position: absolute;
		bottom: -80px;
		opacity: 0;
		z-index: 150;
		left: 50%;
		margin-left: -155px;
		font-size: 20px;
		padding: 10px 40px;
		line-height: 1.2;
		color: #aaa;
		font-weight: bold;
		text-align: center;
	}
	#contentForm #finalEtape {
		position: relative;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 5;
	}
	#contentForm #finalEtape.etape > div.right {
		display: block;
		width: 100%;
		height: auto;
		background: -moz-linear-gradient(top,  #f9f9f9 0%, #eee 100%);
		background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eee 100%);
		background: -o-linear-gradient(top,  #f9f9f9 0%,#eee 100%);
		background: -ms-linear-gradient(top,  #f9f9f9 0%,#eee 100%);
		background: linear-gradient(to bottom,  #f9f9f9 0%,#eee 100%);
	}
	#contentForm #finalEtape.etape > div.right .contentSide {
		background: none !important;
		padding: 8%;
		width: 100%;
	}

		#contentForm #finalEtape.etape > div.right .contentSide ul {
			position: relative;
			padding: 0;
			margin: 0;
			list-style: none;
			text-align: left;
		}
		#contentForm #finalEtape.etape > div.right .contentSide ul li {
			padding: 2px 0 2px 20px;
			list-style: none;
			margin: 0;
		}
		#contentForm #finalEtape.etape > div.right .contentSide ul li:before {
			content: '';
			display: inline-block;
			width: 8px;
			height: 10px;
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/puce_final.png') no-repeat 0 0;
			margin: 0 -8px 0 0;
			position: relative;
			left: -20px;
		}
		#contentForm #finalEtape.etape > div.right .contentSide ul li,
		#contentForm #finalEtape.etape > div.right .contentSide ul li a {
			color: #95c11f;
			font-weight: normal;
			font-size: 16px;
			text-decoration: none;
		}
	#contentForm #finalEtape.etape > div.lastBloc {
		text-align: center;
		padding: 8%;
	}
		#contentForm #finalEtape.etape > div.lastBloc p {
			font-size: 30px;
			color: #fff;
			font-weight: bold;
		}
		#contentForm #finalEtape.etape > div.lastBloc p span {
			font-size: 20px;
			display: block;
			color: #fff;
			font-weight: bold;
		}
		#contentForm #finalEtape.etape > div.lastBloc p + input[type="submit"] {
			display: inline-block;
			width: 244px;
			height: 46px;
			text-align: center;
			border: none;
			outline: none;
			padding-right: 30px;
			font-size: 23px;
			color: #95c11f;
			text-decoration: none;
			font-weight: bold;
			margin: 25px 0 0 0;
			line-height: 46px;
			cursor: pointer;
			background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/sprite_btn_contact.png') no-repeat 0 0;
		}
		#contentForm #finalEtape.etape > div.lastBloc p + input[type="submit"]:hover {
			color: #fff;
			background-position: 0 -46px;
		}

	#contentForm #finalEtape.etape.blocsecure > div.left .contentSide {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_secure.png') no-repeat center bottom;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#contentForm #finalEtape.etape.bloceconomy > div.left .contentSide {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_economy.png') no-repeat center bottom;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#contentForm #finalEtape.etape.bloceasy > div.left .contentSide {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_easy.png') no-repeat center bottom;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#contentForm #finalEtape.etape.blocfun > div.left .contentSide {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_fun.png') no-repeat center bottom;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#contentForm #finalEtape.etape.blochealth > div.left .contentSide {
		background: url('https://www.htd-maison-intelligente.com/default/CMS/css/common/../../images/htd/page_projet/e5_health.png') no-repeat center bottom;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#contentForm #finalEtape.etape > div.left,
	#contentForm #finalEtape.etape > div.lastBloc {
		display: block;
		width: 100%;
		height: auto;
		line-height: 1.2;
		background: -moz-linear-gradient(top,  #dbdcde 0%, #b8bdc1 100%);
		background: -webkit-linear-gradient(top,  #dbdcde 0%,#b8bdc1 100%);
		background: -o-linear-gradient(top,  #dbdcde 0%,#b8bdc1 100%);
		background: -ms-linear-gradient(top,  #dbdcde 0%,#b8bdc1 100%);
		background: linear-gradient(to bottom,  #dbdcde 0%,#b8bdc1 100%);
	}

	#contentForm #finalEtape.etape > div.left .contentSide {
		width: 100%;
		height: auto;
		padding: 8%;
		padding-bottom: 200px;
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	#contentForm #finalEtape.etape > div.left h3 {
		font-size: 30px;
		font-weight: bold;
		color: #fff;
		text-align: left;
	}
	#contentForm #finalEtape.etape > div.left h4 {
		font-size: 22px;
		margin: 10px 0;
		font-weight: bold;
		color: #fff;
		text-align: left;
	}
	#contentForm #finalEtape.etape > div.left p {
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		text-align: justify;
	}
	#contentForm #finalEtape.etape > div.lastBloc {
		float: right;
	}


}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Default Theme
	----------------------------------- */

	div.pp_default .pp_top,
	div.pp_default .pp_top .pp_middle,
	div.pp_default .pp_top .pp_left,
	div.pp_default .pp_top .pp_right,
	div.pp_default .pp_bottom,
	div.pp_default .pp_bottom .pp_left,
	div.pp_default .pp_bottom .pp_middle,
	div.pp_default .pp_bottom .pp_right { height: 13px; }
	
	div.pp_default .pp_top .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
	div.pp_default .pp_top .pp_middle { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
	div.pp_default .pp_top .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
	
	div.pp_default .pp_content .ppt { color: #f8f8f8; }
	div.pp_default .pp_content_container .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
	div.pp_default .pp_content_container .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
	div.pp_default .pp_content { background-color: #fff; } /* Content background */
	div.pp_default .pp_next:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.pp_default .pp_previous:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_default .pp_expand { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
	div.pp_default .pp_expand:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_default .pp_contract { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
	div.pp_default .pp_contract:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_default .pp_close { width: 30px; height: 30px; background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
	div.pp_default #pp_full_res .pp_inline { color: #000; } 
	div.pp_default .pp_gallery ul li a { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
	div.pp_default .pp_gallery ul li a:hover,
	div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
	div.pp_default .pp_social { margin-top: 7px; }

	div.pp_default .pp_gallery a.pp_arrow_previous,
	div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
	div.pp_default .pp_nav .pp_play,
	div.pp_default .pp_nav .pp_pause { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
	div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
	div.pp_default .pp_details { position: relative; }
	div.pp_default a.pp_arrow_previous,
	div.pp_default a.pp_arrow_next { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
	div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
	div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
	div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
	div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
	
	div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

	div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

	div.pp_default .pp_bottom .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
	div.pp_default .pp_bottom .pp_middle { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
	div.pp_default .pp_bottom .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

	div.pp_default .pp_loaderIcon { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */

	
	/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */


	div.light_rounded .pp_top .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content .ppt { color: #000; }
	div.light_rounded .pp_content_container .pp_left,
	div.light_rounded .pp_content_container .pp_right { background: #fff; }
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_rounded .pp_details { position: relative; }
	div.light_rounded .pp_description { margin-right: 85px; }
	div.light_rounded #pp_full_res .pp_inline { color: #000; } 
	div.light_rounded .pp_gallery a.pp_arrow_previous,
	div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_rounded .pp_nav .pp_play { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_rounded .pp_nav .pp_pause { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.light_rounded .pp_arrow_previous { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content_container .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_rounded .pp_content_container .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_rounded .pp_content { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .pp_details { position: relative; }
	div.dark_rounded .pp_description { margin-right: 85px; }
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }
	div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
	div.dark_rounded .pp_gallery a.pp_arrow_previous,
	div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_rounded .pp_nav .pp_play { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_rounded .pp_nav .pp_pause { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.dark_rounded .pp_arrow_previous { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: #000; }
	
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square .pp_details { position: relative; }
	div.dark_square .pp_description { margin: 0 85px 0 0; }
	div.dark_square #pp_full_res .pp_inline { color: #fff; }
	div.dark_square .pp_gallery a.pp_arrow_previous,
	div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_square .pp_nav { clear: none; }
	div.dark_square .pp_nav .pp_play { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_square .pp_nav .pp_pause { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.dark_square .pp_arrow_previous { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
	div.facebook .pp_top .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.facebook .pp_top .pp_middle { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
	div.facebook .pp_top .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.facebook .pp_content .ppt { color: #000; }
	div.facebook .pp_content_container .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
	div.facebook .pp_content_container .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
	div.facebook .pp_content { background: #fff; } /* Content background */
	div.facebook .pp_expand { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.facebook .pp_expand:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.facebook .pp_contract { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.facebook .pp_contract:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.facebook .pp_close { width: 22px; height: 22px; background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.facebook .pp_details { position: relative; }
	div.facebook .pp_description { margin: 0 37px 0 0; }
	div.facebook #pp_full_res .pp_inline { color: #000; } 
	div.facebook .pp_loaderIcon { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.facebook .pp_arrow_previous { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
		div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
	div.facebook .pp_arrow_next { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
		div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
	div.facebook .pp_nav { margin-top: 0; }
	div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
	div.facebook .pp_nav .pp_play { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
	div.facebook .pp_nav .pp_pause { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
	
	div.facebook .pp_next:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.facebook .pp_previous:hover { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.facebook .pp_bottom .pp_left { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.facebook .pp_bottom .pp_middle { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
	div.facebook .pp_bottom .pp_right { background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0;
				}
				
				.pp_social { float: left; margin: 0; }
				.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
				.pp_social .twitter { float: left; }
				
				.pp_nav {
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
						white-space: nowrap;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(https://www.htd-maison-intelligente.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}