@charset "UTF-8";

/***************************** CSS GENERIC ********************************/
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
body, td, 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: #000000;
	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;
}

/*** GENERALITES ***/
*, *:active, *:focus, *:hover{
	outline:none;
}

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:980px;
	position:relative;
	margin:auto;
}
.zone {
	display:block;
	min-width:990px;
	position:relative;
}

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


/***** SPRITE *****/
#zone-slider .bx-pager .pager-link,
#zone-slider .slide-contenu > .slider-link:after,
#zone-menu:after,
#content .cms_bloc_text li: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/tpl9/../../images/htd/connexion/sprite.png) no-repeat;
}

/***** Zone : Header *****/
#zone-header {
	z-index:2;
}
	#header {
		min-height:1px;
	}
		#htdhome-logo {
			background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/btn_htdhome.png) no-repeat;
			display:block;
			height: 83px;
			left:10px;
			position:absolute;
			top:0;
			overflow: hidden;
			width: 63px;
		}
		#htdhome-logo:hover {
			background-position: -63px 0;
		}

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

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

#zone-header-bottom {
	z-index:1;
	height: 130px;
	background: #cfe330 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_header_home.png) repeat-x bottom left;
	overflow:hidden;
}
	#header-bottom {
		height:265px;
		text-align: center;
	}
		#store-logo{
			display: inline-block;
			margin: 10px auto 0;
		}
		
	#zone-header-bottom.lifestyle {
		background: #65d1e7 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_header_lifestyle.png) repeat-x bottom left;
	}
	#zone-header-bottom.room {
		background: #f598c8 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_header_room.png) repeat-x bottom left;
	}
	#zone-header-bottom.device {
		background: #fbdb49 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_header_device.png) repeat-x bottom left;
	}
	#zone-header-bottom.pay-per-view {
		background: #c5bba6 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_header_payperview.png) repeat-x bottom left;
	}
			
#extranet-container{
    position: absolute;
    right: 50px;
    top: 15px;
    width: 140px;
}
    #extranet-container a{
        border: 1px solid #aaaaaa;
        border-radius: 10px;
        background: #ffffff;
        color: #95c11f;
        display: block;
        height: 20px;
        font-weight: bold;
        line-height: 20px;
        margin: 0 0 5px;
        padding: 0 8px;
        text-align: center;
        text-decoration: none;
        width: 140px;
    }
    #extranet-container a.menu-button:hover{
        background: #95c11f;
        color: #ffffff;
    }
	    #extranet-container a.main-button span{
	       background: url("https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/sprite-extranet.png") no-repeat scroll right -14px;
	       display: block;
	       width: 100%;
	    }
	    #extranet-container a.main-button.menuDisplayed span{
	       background-position: right 5px;
	    }

     #extranet-container a.menu-button.connexion{
        text-transform: uppercase;
     }

/***** Zone Page *****/
#zone-page {
	background: #FFFFFF url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_zone_page.png) repeat-x 0 0;
}

#content {
	padding: 5px 0px 0;
	font-size: 1.1666em;
}
	#content a {
		color:#95c11f;
		text-decoration: underline;
	}
		#content a:hover {
			text-decoration: none;
		}

	#content h2 {
		position:relative;
		font-size: 1.4em;
		font-weight:normal;
		color:#95c11f;
		padding-left:20px;
		margin: 5px 0;
	}
		#content h2:before {
            background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_h2_store.png) no-repeat;
			content:"";
			display:block;
			position:absolute;
			height:16px;
			width:12px;
			top: 6px;
			left: 0px;
			background-position:0 0;
		}
	#content .cms_bloc_text {
		margin-bottom: 10px;
	}

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

		#content .cms_bloc_title:first-child {
			padding:0 10px;
		}
			#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;
	}
	
#scenar-container{
	padding-left:10px;
}
	#scenar-container .scenario-insert{
		border-radius: 8px;
		float: left;
		height: 435px;
		margin: 0 30px 40px 0;
		position: relative;
		width: 300px;
	}
	#scenar-container .scenario-insert.last{
        margin: 0 0 40px 0;
    }
	#scenar-container .scenario-insert.large{
		height: 300px;
        width: 100%;
	}
		#scenar-container .scenario-insert a{
			border-radius: 8px;
			display: block;
			height: 100%;
			text-decoration: none;
			width: 100%;
		}
			#scenar-container .insert-mask{
				border-radius: 6px;
			    box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
			    display: block;
			    height: 99%;
			    margin: 0 0 3px 3px;
			    padding: 1px;
			    width: 100%;
			}
			#scenar-container span.service-logo{
				background: url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/sprite_picto_store_hover.png) no-repeat top center;
				display: block;
				height: 149px;
				margin: 100px auto 10px;
				overflow: hidden;
				width: 120px;
			}
			#scenar-container .large span.service-logo{
			    margin: 50px auto 10px;
			}
			#scenar-container span.service-title{
				color: #FFFFFF;
                display: block;
                font-size: 26px;
                text-align: center;
			}
			#scenar-container span.service-slogan{
			    display: none;
				color: #FFFFFF;
				font-size: 24px;
				padding: 0 16px;
				text-align: center;
			}
			#scenar-container .large span.service-slogan{
				left: 185px;
			}
			
			#scenar-container .scenario-insert span.insert-hover{
				display: none;
				text-align: center;
			}
				#scenar-container .scenario-insert span.insert-hover .service-slogan{
					font-size: 22px;
				}
		
		#scenar-container .scenario-insert a:hover{
			box-shadow: 1px 1px 7px #000;
		}
		#scenar-container .scenario-insert a:hover span.service-slogan{
			display: block;
		}
		#scenar-container .scenario-insert a:hover span.service-title{
            display: none;
        }
		
	#lifestyle{
		background: #2065ae url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_lifestyle.png) repeat-x 0 top; 
	}
	#room{
		background: #dc3148 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_room.png) repeat-x 0 top; 
	}
		#room span.service-logo{
			background-position: 0 -150px;
		}
	#device{
		background: #f38617 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_device.png) repeat-x 0 top; 
	}
		#device span.service-logo{
			background-position: 0 -300px;
		}
	#pay-per-view{
		background: #3e3c35 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_payperview.png) repeat-x 0 top; 
	}
		#pay-per-view span.service-logo{
			background-position: 0 -600px;
		}

/*** Fil d'arianne ***/
#breadcrumb {
	margin: 30px 0 0;
	text-align: center;
}
	#breadcrumb > span ,
	#breadcrumb a {
	   color: #AAAAAA;
	   font-weight:bold;
	}
/*** 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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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 {
			width:100%;
			max-width:168px;
			height:64px;
			background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../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,
		.footer-htd-store + img {
			position: relative;
			-webkit-transition: all .3s ease-in-out;
			        transition: all .3s ease-in-out;
		}
		
		#footer-logo {
		}
		
		.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 .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;
				width:155px;
				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%;
	}
	/** GENERALITES **/
	body {
	}
	.container {
		width:100%;
	}
	.zone {
		min-width:100%;
		max-width:100%;
		width:100%;
	}

#scenar-container{
	padding: 0;
}
	#scenar-container .scenario-insert,
	#scenar-container .scenario-insert.last,
	#scenar-container .scenario-insert.large,
	#scenar-container .scenario-insert a,
	#scenar-container .scenario-insert.large a,
	#scenar-container .insert-mask,
	#scenar-container .scenario-insert.large .insert-mask{
		border-radius: 0;
		height: 280px;
		margin: 0;
		width: 100%;
	}
        #scenar-container .insert-mask,
        #scenar-container .scenario-insert.large .insert-mask{
            box-shadow: 0 0 0 #000000;
        }
	#scenar-container .scenario-insert.large{
	   margin-top: 60px;
	}
	   #scenar-container span.service-logo,
	   #scenar-container .large span.service-logo{
	       margin: 40px auto 10px;
	   }
	   #scenar-container span.service-title{
			color: #FFF;
			display: block;
			font-size: 1.7em;
			padding: 0 0 5px;
	   }
	   /** DEMANDE DU CLIENT DE MASQUER LE SOUS TITRE **/
       /** AFFICHAGE CORRECTE SI ON ENLEVE LE DISPLAY: NONE **/
	   #scenar-container span.service-slogan{
            color: #FFF;
            display: block;
            display: none;
            font-size: 1.1em;
            padding: 0 15px 5px;
       }
       #scenar-container .scenario-insert a:hover span.service-slogan{
            display: none;
       }
	
	#scenar-container .scenario-insert a:hover {
	    box-shadow: 0 0 0 #000000;
	}
	
	#scenar-container .scenario-insert a:hover span.service-slogan,
    #scenar-container .scenario-insert a:hover span.service-title{
        display: block;
    }
    /** DEMANDE DU CLIENT DE MASQUER LE SOUS TITRE **/
    /** AFFICHAGE CORRECTE SI ON ENLEVE LE DISPLAY: NONE **/
    #scenar-container .scenario-insert a:hover span.service-slogan{
        display: none;
    }

	/** Zone - header **/
	#zone-header{
		background:#d3e541 url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/bg_header_mobile.png) repeat-x bottom left;
	}
		#header {
			padding: 0;
			min-height: 0;
			height: 0;
		}
			#header > h1 {
				display:none;
			}
			
			#htdhome-logo {
				display:block;
				left: 3%;
				position:absolute;
				top:0;
				overflow: hidden;
			}

			#header-slogan {
			    display: block;
				position:relative;
				top:85px;
				left:0;
				width:100%;
				text-align: center;
				color:#FFF;
				font-size: 5vw;
				padding:5px 0px;  
			}
		#store-logo {
            width: 150px;
        }
		
		#extranet-container{
		  top: 5px;
		  right: 5px;
		  width: 100px;
		}
		  #extranet-container a{
              font-size: 0.7em;
              padding: 0 4px;
              width: 100px;
          }

	/** 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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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:175px;
			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:175px;
			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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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/tpl9/../../images/htd/connexion/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;
				}

#bloc_page_password_oublie{
	text-align:center;
	color:#95c11f;
}

#bloc_page_password_oublie .titre{
	font-size:20px;
	text-align:center;
	padding-bottom:20px;
	font-weight:bold;
}

#bloc_page_password_oublie .chapo,
#bloc_page_password_oublie .error_message{
	display:block;
	font-size:16px;
	text-align:center;
}
@media (max-width:450px){
	#bloc_page_password_oublie .titre{
		font-size:16px;
	}
	
	#bloc_page_password_oublie .chapo,
	#bloc_page_password_oublie .error_message{
		font-size:14px;
	}
}

input#wg_email,
input#wg_genere_newpassword,
input#wg_genere_newpassword_confirm{
	display:block;
	margin:0px auto;
	padding:0px;
	width:345px;
	height:28px;
	line-height:28px;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	color:#95c11f;
	border:1px solid #aaaaaa;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 56%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(56%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 56%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 56%,#eeeeee 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 56%,#eeeeee 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #ffffff 56%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

input#wg_email:hover,
input#wg_email:focus,
input#wg_genere_newpassword:hover,
input#wg_genere_newpassword:focus,
input#wg_genere_newpassword_confirm:hover,
input#wg_genere_newpassword_confirm:focus{
	text-decoration:none;
	background: #ffffff;
}

@media (max-width:450px){
	input#wg_email,
	input#wg_genere_newpassword,
	input#wg_genere_newpassword_confirm{
		width:300px;
		font-size:12px;
	}
}

/*BOF Bouton de send_password + ombre*/
#contener_submit{
	width:346px;
	height:110px;
	background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/ombrage_bas_400.png) center 45px no-repeat;
	margin:10px auto 0px auto;
}

#contener_btn_submit_send_password{
	position:relative;
	width:80px;
	height:110px;
	text-align:center;
	margin:0px auto;
}

#btn_submit_send_password{
	position:absolute;
	left:0px;
	top:7px;
	width:80px;
	height:80px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	transition: all 0.3s ease-in-out 0s;
	border:0px;
	background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/btn_send_password_80.png) left top no-repeat;
	cursor:pointer;
}

#btn_submit_send_password:hover{
	top:0px;
}

#btn_submit_send_password:hover + img#shadow_btn_submit_send_password{
	opacity:0.6;
}

#shadow_btn_submit_send_password{
	position:absolute;
	left:0px;
	bottom:0px;
	transition: all 0.3s ease-in-out 0s;
}

@media (max-width:450px){
	#contener_submit{
		width:300px;
		background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/ombrage_bas_300.png) center 45px no-repeat;
	}
}

@media (min-width:1350px){
	#contener_submit{
		background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/ombrage_bas_400.png) center 70px no-repeat;
	}

	#contener_btn_submit_send_password{
		width:120px;
		height:150px;
	}
	
	#btn_submit_send_password{
		width:120px;
		height:120px;
		background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/btn_send_password_120.png) left top no-repeat;
	}
	
	#shadow_btn_submit_send_password{
		left:20px;
	}
}
/*EOF Bouton de send_password + ombre*/

/*BOF Bouton go_back + ombre*/
#contener_go_back{
	width:346px;
	height:110px;
	background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/ombrage_bas_400.png) center 45px no-repeat;
	margin:10px auto 0px auto;
}

#contener_btn_go_back{
	position:relative;
	width:80px;
	height:110px;
	text-align:center;
	margin:0px auto;
}

#btn_go_back{
	position:absolute;
	left:0px;
	top:7px;
	width:80px;
	height:80px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	transition: all 0.3s ease-in-out 0s;
	border:0px;
	background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/btn_go_back_80.png) left top no-repeat;
	cursor:pointer;
}

#btn_go_back:hover{
	top:0px;
}

#btn_go_back:hover + img#shadow_btn_go_back{
	opacity:0.6;
}

#shadow_btn_go_back{
	position:absolute;
	left:0px;
	bottom:0px;
	transition: all 0.3s ease-in-out 0s;
}

@media (max-width:450px){
	#contener_go_back{
		width:300px;
		background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/ombrage_bas_300.png) center 45px no-repeat;
	}
}

@media (min-width:1350px){
	#contener_go_back{
		background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/ombrage_bas_400.png) center 70px no-repeat;
	}

	#contener_btn_go_back{
		width:120px;
		height:150px;
	}
	
	#btn_go_back{
		width:120px;
		height:120px;
		background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/btn_go_back_120.png) left top no-repeat;
	}
	
	#shadow_btn_go_back{
		left:20px;
	}
}
/*EOF Bouton go_back + ombre*/

#jr_form_mdp_oublie{
	display:inline-block;
	margin:0px auto;
}
#store-news-slider{
	width: 980px;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
}

#container-slider{
	height: 380px;
	overflow: hidden;
	width: 960px;
}
	.slider-elem{
	   height: 100%;
	   position: relative;
	   width: 100%;
	}
		.slider-infos{
			background: rgba(33,33,33,0.7);
			color: #FFFFFF;
			height: 380px;
			padding: 0 50px;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 250px;
		}
			.slider-infos-picto{
				margin: 70px auto 20px;
			}
				.slider-infos-picto a{
					font-size: 0;
					line-height: 0;
				}
			.slider-infos-title{
				background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/bg_news_bottom.png) no-repeat center bottom;
				font-size: 20px;
				padding: 0 0 20px;
			}
			.slider-infos-description{
				margin: 0 auto;
				padding: 10px 0 0;
			}
			
	#store-news-slider .bx-pager{
		position: absolute;
		bottom: 0;
		text-align: center;
		width: 100%;
		margin: 5px 0;
	}
	    #store-news-slider .bx-pager > div{
	       display: inline-block;
	    }
		#store-news-slider .bx-pager a{
			background: url("https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/sprite.png") no-repeat scroll 0 0;
			display: inline-block;
			height: 8px;
			margin: 0 2px;
			overflow: hidden;
			text-indent: -999px;
			width: 9px;
		}
			#store-news-slider .bx-pager a.bx-pager-link{
				background-position: -40px 0;
			}
			#store-news-slider .bx-pager a.bx-pager-link:hover, 
			#store-news-slider .bx-pager a.bx-pager-link.active{
				background-position: -40px -10px
			}
			
		#store-news-slider .bx-prev,
		#store-news-slider .bx-next{
			background: url("https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/sprite_controls.png") no-repeat scroll -10px 0;
			display: block;
			height: 124px;
			position: absolute;
			overflow: hidden;
			text-indent: -999px;
			width: 57px;
			
			-webkit-transition: all .3s ease-in-out;
			        transition: all .3s ease-in-out;
		}
			#store-news-slider .bx-prev{
				left: 0px;
    			top: 33%;
			}
			#store-news-slider .bx-next{
				background-position: 10px -124px;
				right: 0px;
    			top: 33%;
			}
			
			#store-news-slider .bx-prev:hover{
				background-position: 0 0;
			}
			#store-news-slider .bx-next:hover{
				background-position: 0 -124px;
			}
		
@media (max-width: 750px) {
	#store-news-slider{
		height: 300px;
		padding: 0;
		width: 100%;
	}
	
	#container-slider{
		width: 100%; 
	}
		.slider-img{
		      
		}
		.slider-infos{
			width: 100%;
		}
	
	#store-news-slider .slider-infos-picto{
	   margin: 20px auto 10px;
	}
	#store-news-slider .slider-infos-picto a{
        display: block;
        margin: 0 auto;
		width: 60px;
	}
	#store-news-slider .slider-infos-description{
	   padding: 0;
	}
	
	#store-news-slider .bx-prev{
		background-position: -5px 0;
		left: 0px;
		top: 20%;
	}
	#store-news-slider .bx-next{
		background-position: 5px -124px;
		right: 0px;
		top: 20%;
	}
	
	#store-news-slider .bx-prev:hover{
		background-position: 0 0;
	}
	#store-news-slider .bx-next:hover{
		background-position: 0 -124px;
	}
	   #store-news-slider .bx-pager{
	       display: none;
	   }
	   #store-news-slider .slider-infos-description{
	       display: none;
	   }
}
#store-popup-container{
    background:#ffffff;
    border:1px solid #a4a5a2;
	display:none;
    position:absolute;
    top:0px;
    left:0px;
    max-height:90%;
    width: 800px;
    z-index:9002;
}
	#store-popup{
	    border:0px; 
	    display:none;
	    height: 100%;
	    left:0px;
	    padding: 0 0 50px; 
	    position:absolute;
	    top:0px;
	    text-align: center;
	    width: 100%;
	    z-index:9002;
	}
	   #store-popup-close{
	       height: 50px;
	       position:relative;
	   }
       #store-popup-close a{
		   background: url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/edit_application/btn_close_edit_application.png) left top no-repeat;
		   cursor: pointer;
		   display: block;
		   height: 29px;
		   position: absolute;
		   right: 5px;
		   top: 5px;
		   width: 30px;
       }
       #store-popup-close a:hover{
           background-position: 0 -29px;
       }
       #store-popup-content{
           height: 100%;
           overflow: auto;
       }
	       #store-popup .popup-inner-content{
	           margin: 0 auto;
	           position: relative;
	           width: 50%;
	       }
	       
       #store-popup .popup-message{
	       font-size: 18px;
	       font-weight: bold;
	       color: #95c11f;
	       text-align: center;
       }
       #store-popup .popup-big-message{
           font-size: 24px;
           font-weight: bold;
           color: #95c11f;
           text-align: center;
       }
			#store-popup .popup-big-message.error{
			     color: #C40000;
			}
	#store-popup-error{
		display: none;
	}

#overlay_popup{
	display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#000000;
    opacity:0.8;
    z-index:9001;
}

#popup-message.hidden{
    display: none;  
}

#container-validate a{
	display: inline-block;
    margin: 70px auto 0;
    text-align: center;
    text-decoration: none;
}
    #container-validate a > img {
        display: block;
        margin: 5px auto 0;
        transition: all 0.3s ease-in-out 0s;
    }
    #container-validate a > img.btn-picto {
        margin-top: 10px;
    }
    #container-validate a:hover img.btn-picto{
        margin-top: 0px;
    }
    #container-validate a:hover img.btn-picto + img{
        margin-top: 15px;
        opacity:0.6;
    }

/***** Responsive Version Mobile *****/
@media (max-width: 750px) {
	#store-popup-container{
	   width: 90%;
	}
	
	#store-popup .popup-inner-content{
	   padding: 0 15px;
	   width: 100%;
	}
	#store-popup .recap-line{
	   text-align: center;
	}
}


/*** Presentation ***/
#presentation-popup{
	background: #212121;
    box-shadow: 3px 3px 5px #333333;
    color: #FFFFFF;
    margin: 0 auto;
	padding: 20px 20px 80px;
	width: 260px;
}
    #presentation-popup .scenario-title{
        font-size: 18px;
        margin: 10px 0;
    }
    #presentation-popup .bloc-btn{
        font-size: 14px;
        padding: 0 25px;
    }
    
    #presentation-popup .scenario-grade{
        background: url("https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/store/sprite_grade.png") repeat-x scroll 0 0;
        height: 13px;
        margin: 0 auto 10px;
        width: 82px;
    }
        #presentation-popup .scenario-grade.grade,
        #presentation-popup .scenario-grade.grade0{background-position: 0 -65px;}
        #presentation-popup .scenario-grade.grade1{background-position: 0 -52px;}
        #presentation-popup .scenario-grade.grade2{background-position: 0 -39px;}
        #presentation-popup .scenario-grade.grade3{background-position: 0 -26px;}
        #presentation-popup .scenario-grade.grade4{background-position: 0 -13px;}
    
    #container-link{
        position: relative;
    }
	    #container-link a{
	        display: inline-block;
		    margin: -55px auto 0;
		    text-align: center;
		    text-decoration: none;
	    }
	       #container-link a > img {
	           display: block;
	           margin: 5px auto 0;
               transition: all 0.3s ease-in-out 0s;
	       }
	       #container-link a > img.btn-picto {
	           margin-top: 10px;
	       }
	       #container-link a:hover img.btn-picto{
               margin-top: 0px;
           }
           #container-link a:hover img.btn-picto + img{
               margin-top: 15px;
               opacity:0.6;
           }
       #container-link > span {
           color: #95c11f;
           display: block;
           font-size: 18px;
           font-weight: bold;
           padding: 20px 0;
           text-align: center;
       }

/*** Connexion ***/
@media (max-width: 750px) {
	#contener_connexion #form_connexion_login,
	#contener_connexion #form_connexion_password_text,
	#contener_connexion #form_connexion_password,
	#contener_connexion #contener_link_password_forgotten{
		width: 80%;	
	}
}

/*** Recap ***/
.bloc-recap{
	margin: 0 0 35px;
	text-align: left;
}
    .bloc-recap .popup-big-message{
        margin: 0 0 25px;
    }
    .bloc-recap .recap-line{
        margin: 0 0 5px;
    }
        .bloc-recap .recap-line span{
            font-weight: bold;
        }
		.bloc-recap .recap-line span + span {
		    font-style: italic;
		    font-weight: normal;
		}
        .bloc-recap .recap-application-name{ 
            font-size: 18px;
            text-align: center;
        }
    
    .recap-paymode-elem{
        text-align: center;
    }    
	    .recap-paymode-elem > *{
	        display: inline-block;
	    }
body.loading #menu {
	display:none;
}
#contener_connexion{
	padding-top:60px;
	padding-bottom:60px;
}

@media (max-height:800px){
	#contener_connexion{
		padding-top:0px;
		padding-bottom:0px;
	}
}

@media (max-width:450px){
	.container{
		width:100%;
	}
}

.input_password,
.input_text{
	display:block;
	margin:0px auto;
	padding:0px;
	width:345px;
	height:28px;
	line-height:28px;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	color:#95c11f;
	border:1px solid #aaaaaa;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 56%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(56%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 56%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 56%,#eeeeee 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 56%,#eeeeee 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #ffffff 56%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.input_password:hover,
.input_password:focus{
	text-decoration:none;
	background: #ffffff;
}

@media (max-width:450px){
	.input_password,
	.input_text{
		width:300px;
		font-size:12px;
	}
}

#form_connexion{
	text-align:center;
}

#form_connexion_login{
	margin-bottom:20px;
}

#contener_link_password_forgotten{
	margin:0px auto;
	width:340px;
	text-align:right;
	padding-top:3px;
	padding-right:5px;
}
@media (max-width:450px){
	#contener_link_password_forgotten{
		width:295px;
	}
}

a#link_password_forgotten{
	color:#95C11F;
	text-decoration:underline;
	font-size:11px;
}

a#link_password_forgotten:hover{
	text-decoration:none;
}

#contener_ombrage_haut{
	width:346px;
	height:24px;
	background:url(https://www.htd-maison-intelligente.com/default/css/extranet/../../CMS/images/htd/ombrage_haut.png) left top no-repeat;
	margin:0px auto 30px auto;
}

.connexion_erreur{
	padding-bottom:20px;
	font-size:16px;
	font-weight:bold;
	color:#95C11F;
}

.connexion_message{
	padding-bottom:20px;
	font-size:20px;
	color:#95C11F;
}

@media (max-width:450px){
	.connexion_message{
		padding-left:15px;
		padding-right:15px;
		font-size:16px;
		font-weight:bold;
		
	}
}


/*BOF Bouton de connexion + ombre*/
#contener_submit{
	width:346px;
	height:110px;
	background:url(https://www.htd-maison-intelligente.com/default/css/extranet/../../CMS/images/htd/connexion/ombrage_bas_400.png) center 45px no-repeat;
	margin:10px auto 0px auto;
}

#contener_btn_submit_connexion{
	position:relative;
	width:80px;
	height:110px;
	text-align:center;
	margin:0px auto;
}

#btn_submit_connexion{
	position:absolute;
	left:0px;
	top:7px;
	width:80px;
	height:80px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	transition: all 0.3s ease-in-out 0s;
	border:0px;
	background:url(https://www.htd-maison-intelligente.com/default/css/extranet/../../CMS/images/htd/btn_connexion.png) left top no-repeat;
	cursor:pointer;
}

#btn_submit_connexion:hover{
	top:0px;
}

#btn_submit_connexion:hover + img#shadow_btn_submit_connexion{
	opacity:0.6;
}

#shadow_btn_submit_connexion{
	position:absolute;
	left:0px;
	bottom:0px;
	transition: all 0.3s ease-in-out 0s;
}

@media (max-width:450px){
	#contener_submit{
		width:300px;
		background:url(https://www.htd-maison-intelligente.com/default/css/extranet/../../CMS/images/htd/connexion/ombrage_bas_300.png) center 45px no-repeat;
	}
}
/*EOF Bouton de connexion + ombre*/