@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;
		}
}
#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;
				}

#store-menu-container {
	position: relative;
	margin: 15px 0 0;
	height: 100%;
}
#store-menu {
	background:#eeeeee;
}
	#store-menu:before, #store-menu:after {
		content:"";
		display:block;
		height: 100%;
		position:absolute;
		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;
	}
		#store-menu:before {
			left:0;
			background-position:-73px 0;
		}

		#store-menu:after {
			right:0;
			background-position:0 0;
		}

#store-menu ul{
	overflow: visible;
}

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

	#store-menu a.niv1 {
		text-align: center;
		display:block;
		padding:6px 5px;
		width:165px;
		font-size:15px;
		color:#aaaaaa;
		text-decoration: none;
		border:1px solid #eeeeee;
	}
		#store-menu li.niv1:hover a.niv1,
		#store-menu li.niv1_on a.niv1 {
			color:#90b547;
		}

		#store-menu li.niv1>a span {}
		#store-menu li.niv1:hover>a span {}
		
#store-menu-container-bottom{
	background:url(https://www.htd-maison-intelligente.com/default/CMS/css/tpl9/../../images/htd/connexion/ombre.png) no-repeat center 0;
	height: 34px;
	width: 100%;
}

/***** Responsive Version Mobile *****/
@media (max-width: 750px) {
	#store-menu-container {
		margin: 0;
	}
	
	#store-menu:before, 
	#store-menu:after{
		background: none;
	}
	
	#store-menu li{
		max-width: 50%;
		padding: 0;
	}
		#store-menu li a.niv1{
			max-width: 100%;
			font-size: 0.9em;
			padding: 5px 0;
		}
}
#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;
}
#store-popup #select-application-content{
    height:100%;
    margin:0px auto;
    text-align: left;
}

@media (max-width:1350px){
    #store-popup #select-application-content{
        width:100%;
    }
    
    #select-application-content .bloc-submit{
        margin-top:-50px;
    }
}

@media (min-width:1350px){
    #store-popup #select-application-content{
        width:680px;
    }
    
    #select-application-content .bloc-submit{
        margin-top:-70px;
    }
}

#select-application-content .contener-submit{
    position:relative;
    margin:0px auto;
}

#select-application-content .contener-submit input[type="submit"]{
    position:absolute;
    left:0px;
    top:7px;
    border:0px;
    transition: all 0.3s ease-in-out 0s;
    cursor:pointer;
}

#select-application-content .contener-submit input[type="submit"]:hover{
    top:0px;
}

#select-application-content .contener-submit img.shadow-submit{
    position:absolute;
    transition: all 0.3s ease-in-out 0s;
}

#select-application-content .contener-submit input[type="submit"]:hover + img.shadow-submit{
    opacity:0.3;
}

@media (max-width:1350px){
    #select-application-content .contener-submit{
        width:80px;
        height:110px;
    }
    
    #select-application-content .contener-submit input[type="submit"]{
        width:80px;
        height:80px;
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/btn_valider_80.png) left top no-repeat;
    }
    
    #select-application-content .contener-submit img.shadow-submit{
        left:0px;
        top:100px;
    }
}
@media (min-width:1350px){
    #select-application-content .contener-submit{
        width:120px;
        height:150px;
    }
    
    #select-application-content .contener-submit input[type="submit"]{
        width:120px;
        height:120px;
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/btn_valider_120.png) left top no-repeat;
    }
    
    #select-application-content .contener-submit img.shadow-submit{
        left:20px;
        top:140px;
    }
}

#select-application-content .bloc-submit-txt{
    padding-top:10px;
    padding-bottom:30px;
    font-size:18px;
    font-weight:bold;
    color:#95c11f;
    text-align:center;
}

#select-application-content #me-form-selectapplicationtocategory{
    position:relative;
    padding-top:25px;
    margin: 0 auto;
}

@media (max-width:1350px){
    #select-application-content #me-form-selectapplicationtocategory{
        width:100%;
    }
}
@media (min-width:1350px){
    #select-application-content #me-form-selectapplicationtocategory{
        width:600px;
    }
}

#select-application-content .cs-form-element{
	margin: 0;
}
    #select-application-content .cs-form-element > .cs-form-element-contener{
        display: inline;
        float: none;
        margin: 0;
    }
    #select-application-content .cs-form-element > label{
        display: inline;
        float: none;
        margin: 0;
        text-align :left;
    }

#select-application-content fieldset{
	background: none;
    border:0px;
    margin:0px;
    padding:0px;
    padding-top: 90px;
    padding-bottom:60px;
}

#select-application-content .select-application-contener-fieldset{
    margin:0px auto;
    padding:0px;
    padding-bottom:5px;
    
    color:#ffffff;
    
    -moz-box-shadow: 2px 2px 5px 0px #656565;
    -webkit-box-shadow: 2px 2px 5px 0px #656565;
    -o-box-shadow: 2px 2px 5px 0px #656565;
    box-shadow: 2px 2px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
    
    background: #363636; /* Old browsers */
    background: -moz-linear-gradient(top, #363636 0%, #181818 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(100%,#181818)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #363636 0%,#181818 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #363636 0%,#181818 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #363636 0%,#181818 100%); /* IE10+ */
    background: linear-gradient(to bottom, #363636 0%,#181818 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#181818',GradientType=0 ); /* IE6-9 */
}

#select-application-content .select-application-contener-fieldset{
    position:relative;
}

#select-application-content .select-application-fieldset-titre{
    position:absolute;
    top:10px;
    font-weight:bold;
    /*text-align:center;*/
}

@media (max-width:1350px){
    #select-application-content .select-application-contener-fieldset{
        width: 80%;
    }
    
    #select-application-content .select-application-fieldset-titre{
        left:-21px;
        width: 100%;
        height:40px;
        line-height:22px;
        padding-top:10px;
        padding-bottom:8px;
        padding-left:50px;
        font-size:13px;
    }
    
    #select-application-content #select-application-fieldset-titre-lifestyle{
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/fond_titre_lifestyle_256.png) left top no-repeat;
    }
    
    #select-application-content #select-application-fieldset-titre-room{
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/fond_titre_room_256.png) left top no-repeat;
    }
    
    #select-application-content #select-application-fieldset-titre-device{
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/fond_titre_device_256.png) left top no-repeat;
    }
}
@media (min-width:1350px){
    #select-application-content .select-application-contener-fieldset{
        width:390px;
    }
    
    #select-application-content .select-application-fieldset-titre{
        left:-41px;
        width:389px;
        height:79px;
        line-height:41px;
        padding-top:14px;
        padding-bottom:24px;
        padding-left:100px;
        font-size:18px;
    }
    
    #select-application-content #select-application-fieldset-titre-lifestyle{
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/fond_titre_lifestyle_389.png) left top no-repeat;
    }
    
    #select-application-content #select-application-fieldset-titre-room{
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/fond_titre_room_389.png) left top no-repeat;
    }
    
    #select-application-content #select-application-fieldset-titre-device{
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/fond_titre_device_389.png) left top no-repeat;
    }
}

#select-application-content a.btn-slider{
    position:absolute;
    display:block;
    top:50px;
    z-index:9;
    transition: all 0.3s ease-in-out 0s;
}

@media (max-width:1350px){
    #select-application-content a.btn-slider{
        width:24px;
        height:35px
    }
    
    #select-application-content a#btn-slider-prev{
        left:0px;
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/btn_prev_24.png) left top no-repeat;
    }
    
    #select-application-content a#btn-slider-next{
        right:0px;
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/btn_next_24.png) left top no-repeat;
    }
}
@media (min-width:1350px){
    #select-application-content a.btn-slider{
        width:33px;
        height:50px
    }
    
    #select-application-content a#btn-slider-prev{
        left:0px;
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/btn_prev_33.png) left top no-repeat;
    }
    
    #select-application-content a#btn-slider-next{
        right:0px;
        background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/edit_application/btn_next_33.png) left top no-repeat;
    }
}

#select-application-content .cs-form-element{
    padding-left:20px;
}


#select-application-content .cs-form-element label{
    vertical-align:top;
    cursor:pointer;
}

@media (max-width:1350px){
    #select-application-content .cs-form-element label{
        line-height:20px;
        font-size:12px;
        padding-left:5px;
    }
    
    #select-application-content .cat-custom{
        padding-left:30px;
    }
}
@media (min-width:1350px){
    #select-application-content .cs-form-element label{
        line-height:32px;
        font-size:14px;
        padding-left:10px;
    }
    
    #select-application-content .cat-custom{
        padding-left:50px;
    }
}

#select-application-slider,
#select-application-slider li{
    padding-bottom:5px;
}
/* iCheck plugin Minimal skin, blue
----------------------------------- */
.icheckbox_minimal-blue{
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-blue {
    background-position: 0 0;
}

.icheckbox_minimal-blue.disabled {
    background-position: 0px 0px;
    cursor: default;
}


@media (max-width:1350px){
	.icheckbox_minimal-blue{
	    width: 22px;
	    height: 20px;
	    background: url(https://www.htd-maison-intelligente.com/default/css/interface/checkbox/../../../CMS/images/htd/edit_application/checkbox_blue_mobile.png) no-repeat;
	}
	
	/*.icheckbox_minimal-blue.hover {
	    background-position: -22px 0px;
	}*/
	.icheckbox_minimal-blue.checked {
	    background-position: -22px 0px;
	}
}

@media (min-width:1350px){
	.icheckbox_minimal-blue{
	    width: 32px;
	    height: 32px;
	    background: url(https://www.htd-maison-intelligente.com/default/css/interface/checkbox/../../../CMS/images/htd/edit_application/checkbox_blue.png) no-repeat;
	}
	
	/*.icheckbox_minimal-blue.hover {
	    background-position: -32px 0px;
	}*/
	.icheckbox_minimal-blue.checked {
	    background-position: -32px 0px;
	}
}
/* iCheck plugin Minimal skin, pink
----------------------------------- */
.icheckbox_minimal-pink{
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-pink {
    background-position: 0 0;
}

.icheckbox_minimal-pink.disabled {
    background-position: 0px 0px;
    cursor: default;
}


@media (max-width:1350px){
	.icheckbox_minimal-pink{
	    width: 22px;
	    height: 20px;
	    background: url(https://www.htd-maison-intelligente.com/default/css/interface/checkbox/../../../CMS/images/htd/edit_application/checkbox_pink_mobile.png) no-repeat;
	}
	
	/*.icheckbox_minimal-pink.hover {
	    background-position: -22px 0px;
	}*/
	.icheckbox_minimal-pink.checked {
	    background-position: -22px 0px;
	}
}

@media (min-width:1350px){
	.icheckbox_minimal-pink{
	    width: 32px;
	    height: 32px;
	    background: url(https://www.htd-maison-intelligente.com/default/css/interface/checkbox/../../../CMS/images/htd/edit_application/checkbox_pink.png) no-repeat;
	}
	
	/*.icheckbox_minimal-pink.hover {
	    background-position: -32px 0px;
	}*/
	.icheckbox_minimal-pink.checked {
	    background-position: -32px 0px;
	}
}
/* iCheck plugin Minimal skin, yellow
----------------------------------- */
.icheckbox_minimal-yellow{
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-yellow {
    background-position: 0 0;
}

.icheckbox_minimal-yellow.disabled {
    background-position: 0px 0px;
    cursor: default;
}


@media (max-width:1350px){
	.icheckbox_minimal-yellow{
	    width: 22px;
	    height: 20px;
	    background: url(https://www.htd-maison-intelligente.com/default/css/interface/checkbox/../../../CMS/images/htd/edit_application/checkbox_yellow_mobile.png) no-repeat;
	}
	
	/*.icheckbox_minimal-yellow.hover {
	    background-position: -22px 0px;
	}*/
	.icheckbox_minimal-yellow.checked {
	    background-position: -22px 0px;
	}
}

@media (min-width:1350px){
	.icheckbox_minimal-yellow{
	    width: 32px;
	    height: 32px;
	    background: url(https://www.htd-maison-intelligente.com/default/css/interface/checkbox/../../../CMS/images/htd/edit_application/checkbox_yellow.png) no-repeat;
	}
	
	/*.icheckbox_minimal-yellow.hover {
	    background-position: -32px 0px;
	}*/
	.icheckbox_minimal-yellow.checked {
	    background-position: -32px 0px;
	}
}
#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*/
#slider-scenario-container-top{
	height: 280px;
	position: relative;
	width: 960px;
}
	#slider-scenario-master-container{
		background: #EEE;
		border: 1px solid #aaaaaa;
		border-bottom: none;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		height: 215px;
		text-align: center;
		overflow: hidden;
	}
	   #slider-scenario-loader{
           height: 215px;
           width: 100%;
        }
            #slider-scenario-loader img{
                margin: 90px auto 0;
            }
	
	    #slider-scenario-container{
	       height: 215px;
	    }
	    #slider-scenario-container .slider-elem-container{
	       position: relative;
	       float: left;
	    }
		#slider-scenario-container .slider-elem{
			/*border: 1px solid #aaaaaa;*/
			border-radius: 8px;
			height: 160px;
			margin: 25px 49px 29px;
			position: relative;
			overflow: hidden;
			width: 220px;
		}
	    
		#slider-scenario-container .slider-elem a{
		  text-decoration: none;
		  display: block;
		}		
		#slider-scenario-container .slider-elem a > img{
           border-radius: 8px;
        }
		    /*** a voir la meilleure solution ***/
			#slider-scenario-container .slider-elem.grey{
			    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.2222 0.2222 0.2222 0 0 0.2222 0.2222 0.2222 0 0 0.2222 0.2222 0.2222 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
			    filter:gray;
			    -webkit-filter: grayscale(100%);
			    opacity: 0.4;
			}
			#slider-scenario-container .slider-elem.grey:hover{
			     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                 -webkit-filter: grayscale(0%);
                 opacity: 1;
			}
			
			#slider-scenario-container .scenario-infos{
				bottom: 0;
				border-bottom-left-radius: 7px;
                border-bottom-right-radius: 7px;
				left: 0;
				height: 57px;
				position: absolute;
				z-index: 3;
				width: 100%;
			}
				.lifestyle #slider-scenario-container .scenario-infos{
					background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_bloc_scenario_lifestyle.png") repeat-x scroll 0 0;
				}
				.room #slider-scenario-container .scenario-infos{
					background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_bloc_scenario_room.png") repeat-x scroll 0 0;
				}
				.device #slider-scenario-container .scenario-infos{
					background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_bloc_scenario_device.png") repeat-x scroll 0 0;
				}
				.pay-per-view #slider-scenario-container .scenario-infos{
					background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_bloc_scenario_payperview.png") repeat-x scroll 0 0;
				}
		
		#slider-scenario-container .scenario-title{
			color: #FFF;
			font-size: 15px;
			position: absolute;
			top: 10px;
			right: 75px;
			text-decoration: none;
		}
		#slider-scenario-container .scenario-grade{
			background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/sprite_grade.png") repeat-x scroll 0 0;
			height: 13px;
			position: absolute;
			top: 30px;
			right: 75px;
			width: 82px;
		}
			#slider-scenario-container .scenario-grade.grade,
			#slider-scenario-container .scenario-grade.grade0{background-position: 0 -65px;}
			#slider-scenario-container .scenario-grade.grade1{background-position: 0 -52px;}
			#slider-scenario-container .scenario-grade.grade2{background-position: 0 -39px;}
			#slider-scenario-container .scenario-grade.grade3{background-position: 0 -26px;}
			#slider-scenario-container .scenario-grade.grade4{background-position: 0 -13px;}
			
		#slider-scenario-container .scenario-picto{
			position: absolute;
			right: 15px;
			top: 10px;
		}

	#slider-scenario-label-top{
		bottom: 0;
		height: 9px;
		left: 0px;
		width: 100%;
		position: absolute;
	}
		.lifestyle #slider-scenario-label-top{
			background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_scenariotype_lifestyle_top.png") no-repeat center 0;
		}
		.room #slider-scenario-label-top{
			background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_scenariotype_room_top.png") no-repeat center 0;
		}
		.device #slider-scenario-label-top{
			background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_scenariotype_device_top.png") no-repeat center 0;
		}
		.pay-per-view #slider-scenario-label-top{
			background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_scenariotype_payperview_top.png") no-repeat center 0;
		}
	
	#slider-scenario-label{
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		font-size: 26px;
		height: 65px;
		line-height: 60px;
		text-align: center;
	}
		.lifestyle #slider-scenario-label{background-color: #4199c9}
		.room #slider-scenario-label{background-color: #e86285}
		.device #slider-scenario-label{background-color: #f7af2f}
		.pay-per-view #slider-scenario-label{background-color: #7f796b}
		
		#slider-scenario-label a{
		  color: #FFFFFF;
		  text-decoration: none;
		  
		  -webkit-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out;
		}
		#slider-scenario-label a:hover{
           text-shadow: #000000 2px 2px 4px;
        }
		
#slider-scenario-container-top .bx-prev,
#slider-scenario-container-top .bx-next{
    background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/sprite_controls.png") no-repeat scroll -10px 0;
    display: block;
    height: 124px;
    position: absolute;
    outline: none !important;
    overflow: hidden;
    text-indent: -999px;
    width: 57px;
    
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
    #slider-scenario-container-top .bx-prev,
    #slider-scenario-container-top .bx-next{
        display: block;
        height: 124px;
        width: 57px;
    }

    #slider-scenario-container-top .bx-prev{
        left: -5px;
        top: 60px;
    }
    #slider-scenario-container-top .bx-next{
        background-position: 10px -124px;
        right: -5px;
        top: 60px;
    }
    
    #slider-scenario-container-top .bx-prev:hover{
        background-position: 0 0;
    }
    #slider-scenario-container-top .bx-next:hover{
        background-position: 0 -124px;
    }

#details-right{
	float: right;
	width: 260px;
}
#details-right-bloc{
	background: #212121;
	box-shadow: 3px 3px 5px #333;
	color: #FFF;
	padding: 20px 15px 40px;
}
    #details-right-bloc a{
        color: #ffffff;
    }
	#details-infos-top{
		position: relative;
		margin: 0 0 25px;
	}
	#details-infos-top > div{
		float: left;
		width: 80px;
	}
	#details-infos-top > div+div{
		padding: 0 0 0 10px;
		width: 150px;
	}
		#details-right .scenario-picto{
		}
		#details-right .scenario-title{
			color: #FFF;
			font-size: 15px;
			margin: 0 0 10px;
		}
		#details-right .scenario-grade{
			background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/sprite_grade.png") repeat-x scroll 0 0;
			height: 13px;
			margin: 0 0 10px;
			width: 82px;
		}
			#details-right .scenario-grade.grade,
			#details-right .scenario-grade.grade0{background-position: 0 -65px;}
			#details-right .scenario-grade.grade1{background-position: 0 -52px;}
			#details-right .scenario-grade.grade2{background-position: 0 -39px;}
			#details-right .scenario-grade.grade3{background-position: 0 -26px;}
			#details-right .scenario-grade.grade4{background-position: 0 -13px;}
		
		#details-right .bloc-btn{
			text-decoration: none;
			width: 135px;
			text-align: center;
		}	
		.bloc-btn{
			background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_bloc_btn.png") repeat-x scroll 0 0;
			border-radius: 15px;
			color: #FFF;
			display: inline-block;
			font-size: 11px;
			line-height: 20px;
			font-weight: bold;
			height: 21px;
			padding: 0 5px;
		}
			.bloc-btn span{
				display: inline-block;
				height: 20px;
				padding: 0 5px 0 0;
			}
			.bloc-btn span+span{
				border-left: 1px solid #FFF;
				padding: 0 0 0 5px;
			}
		.bloc-btn.paid{
            padding: 0 12px;
		}
		
		#details-right .bloc-btn-infos{
            background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/bg_bloc_btn.png") repeat-x scroll 0 0;
            border-radius: 15px;
            color: #FFF;
            display: block;
            font-size: 11px;
            line-height: 20px;
            font-weight: bold;
            height: 21px;
            padding: 0 8px;
            text-align: center;
            margin: 0 0 8px;
            width: 135px;
        }
            #details-right .bloc-btn-infos.hidden{
                display: none;
            }
        
        #details-right .infos-hidden,
        #details-right .infos-visible{
            display: block;
            text-align: center;
            width: 130px;
        }
        #details-right .infos-hidden{
            border: none;
            display: none;
        }
        #details-right .bloc-btn:hover .infos-visible{
            display: none;
        }
        #details-right .bloc-btn:hover .infos-hidden{
            display: block;
        }
	
	#details-infos-bottom{
		font-size: 12px;
		text-align: center;
	}
		#details-infos-bottom .details-label{
			font-weight: bold;
		}
		#details-infos-bottom .details-value{
			margin: 0 0 10px;
		}
		
#details-left{
	float: right;
	padding: 0 20px 0 0;
	width: 700px;
}

#details-left li{
	list-style-type: none;
    padding-left: 30px;
    position:relative;
}
#details-left li:before {
	background:url(https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/connexion/sprite.png) no-repeat;
    content:"";
	display:block;
	position:absolute;
	height:9px;
	width:10px;
	top: 5px;
	left: 15px;
	background-position:-30px 0;
}

.details-notice{
    font-size: 15px;
    margin: 20px;
    text-align: center;
}

@media (max-width: 750px) {
	#slider-scenario-container-top{
		width: 100%;
		overflow: hidden;
	}
		#slider-scenario-container{
			border-left: 0;
			border-right: 0;
			border-radius: 0;
			text-align: center;
		}
			#slider-scenario-container .slider-elem{
				float: none;
				margin: 25px auto 0;
			}
			/*.slider-elem.grey{
				display: none;
			}*/
				.slider-elem > img{
					height: 100%;
				}
				#slider-scenario-label{
					border-radius: 0;
					font-size: 1.2em;
				}
	
	#details-right,
	#details-left{
		float: none;
		width: 100%;
		padding: 0 5px;
	}
	   #container-details.videos #details-right,
	   #container-details.installation #details-right,
	   #container-details.review #details-right{
	       display: none;
	   }
	
	#details-right{
		margin: 0 0 15px;
	}
	
	#details-infos-top,
	#details-infos-bottom{
		float: left;
		width: 50%;
	}
	#details-infos-top > div{
		width: 100%;
	}
	
	#details-infos-top{
		padding: 0 20px 0 0;
	}
	#details-infos-top > div + div{
	   padding: 0;
	   text-align: center;
	   width: 100%;
	}
	   #details-right .scenario-grade,
	   #details-right .bloc-btn-infos{
	       margin: 0 auto 10px;
	   }
	   	
	#details-infos-bottom{
		padding: 0 0 0 10px;
		text-align :left;
	}
	
	#slider-scenario-container-top .bx-prev{
	   background-position: 0 0;
        left: 0px;
    }
    #slider-scenario-container-top .bx-next{
        background-position: 0 -124px;
        right: 0px;
    }
}

	/*** PRESENTATION ***/
	#details-slider-container{
		margin: 0 0 20px;
		position: relative;
		width: 680px;
	}
		#details-slider-container .bx-window{
			border: 1px solid #AAA;
			border-radius: 8px;
			overflow:hidden;
		}
		/*#details-slider-container img{
			height: 400px;
			width: 680px;
		}*/
		
	#details-slider-container .bx-pager{
		position: absolute;
		bottom: 0;
		text-align: center;
		width: 100%;
		margin: 5px 0;
	}
		#details-slider-container .bx-pager > div{
			display: inline-block;
		}
			#details-slider-container .bx-pager a.bx-pager-link{
			    background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/connexion/sprite.png") no-repeat scroll 0 0;
				background-position: -40px 0;
			    display: block;
				height: 8px;
	            margin: 0 2px;
	            overflow: hidden;
	            text-indent: -999px;
	            width: 9px;
			}
			#details-slider-container .bx-pager a.bx-pager-link:hover, 
			#details-slider-container .bx-pager a.bx-pager-link.active{
				background-position: -40px -10px
			}
			
		#details-slider-container .bx-prev,
		#details-slider-container .bx-next{
			background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/sprite_controls.png") no-repeat scroll -10px 0;
			display: block;
			height: 124px;
			position: absolute;
			outline: none !important;
			overflow: hidden;
			text-indent: -999px;
			width: 57px;
			
			-webkit-transition: all .3s ease-in-out;
			        transition: all .3s ease-in-out;
		}
			#details-slider-container .bx-prev{
				left: -5px;
    			top: 30%;
			}
			#details-slider-container .bx-next{
				background-position: 10px -124px;
				right: -5px;
    			top: 30%;
			}
			
			#details-slider-container .bx-prev:hover{
				background-position: 0 0;
			}
			#details-slider-container .bx-next:hover{
				background-position: 0 -124px;
			}
			
	@media (max-width: 750px) {
		#details-slider-container,
		#details-slider{
			width: 100%;
		}
		
		#details-slider-container .bx-prev,
		#details-slider-container .bx-next{
		  background-position: 0 0;
		  top: 20%;
		}
		#details-slider-container .bx-next{
		  background-position: 0 -124px;
		}
	}
	
	/*** VIDEOS ***/
	.videos-elem{
	   margin: 0 0 15px;
	}
			
	/*** REVIEW ***/
	#details-redact-container,
	#details-post-container{
		text-align: center;
	}
		.btn-review{
			display: inline-block;
			margin: 70px auto 0;
			text-align: center;
			text-decoration: none;
		}
			.btn-review > img{
				display: block;
				margin: 5px auto 0;
				transition: all 0.3s ease-in-out 0s;
			}
				.btn-review img.btn-picto{
					margin-top: 10px;
				}
			.btn-review:hover img.btn-picto{
				margin-top: 0px;
			}
			.btn-review:hover img.btn-picto + img{
				margin-top: 15px;
				opacity:0.6;
			}
			
	.btn-review + p{
		color: #95c11f;
		font-size: 26px;
		margin: 10px 0 0;
		text-align: center;
	}
	
	#review-container{
	}
		#review-container .review{
			margin: 0 0 25px;
		}
			#review-container .review-infos{
				color: #95c11f;
				font-size: 15px;
				font-style: italic;
				font-weight: bold;
				margin: 0 0 3px;
			}
			
			#review-container .review-grade{
				background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/sprite_grade_notice.png") repeat-x scroll 0 0;
				height: 13px;
				margin: 0 0 3px;
				width: 82px;
			}
				#review-container .review-grade.grade,
				#review-container .review-grade.grade0{background-position: 0 -65px;}
				#review-container .review-grade.grade1{background-position: 0 -52px;}
				#review-container .review-grade.grade2{background-position: 0 -39px;}
				#review-container .review-grade.grade3{background-position: 0 -26px;}
				#review-container .review-grade.grade4{background-position: 0 -13px;}
				
			#review-container .review-title{
				color: #aaaaaa;
				font-size: 15px;
				font-style: italic;
				font-weight: bold;
				margin: 0 0 3px;
			}
			
			#review-container .review-message{
				font-size: 12px;
			}
			
		#review-container .review-notice{
		  font-size: 15px;
		  margin: 20px;
		  text-align: center;
		}

#details-redact-container.hidden,
#review-container.hidden{
    display: none;
}
#details-post-container.hidden,
#redact-container.hidden{
	display: none;
}

			
#form-review-container > div{
	margin: 0 0 10px;
}
	#redact-container label{
		display: inline-block;
	    font-size: 12px;
	    text-align: right;
	    vertical-align: top;
	    width: 150px;
	}
	#redact-container .cs-form-element input,
	#redact-container .cs-form-element textarea{
	   border-radius: 0px;
	   width: 500px
	}
	#redact-container .cs-form-element input{
	   height: 23px;
	}
	#redact-container .cs-form-element textarea{
		height: 100px;
	}
	
	#redact-container #review-grade-container{
		background: url("https://www.htd-maison-intelligente.com/default/css/store/../../CMS/images/htd/store/sprite_grade_notice.png") no-repeat scroll 0 0;
		display: inline-block;
		height: 13px;
		margin: 0 0 3px;
		width: 85px;
	}
		#redact-container #review-grade-container.grade,
		#redact-container #review-grade-container.grade0{background-position: 2px -65px;}
		#redact-container #review-grade-container.grade1{background-position: 2px -52px;}
		#redact-container #review-grade-container.grade2{background-position: 2px -39px;}
		#redact-container #review-grade-container.grade3{background-position: 2px -26px;}
		#redact-container #review-grade-container.grade4{background-position: 2px -13px;}
		#redact-container #review-grade-container.grade5{background-position: 2px 0}
	
	#redact-container .review-grade{
		display: block;
		float: left;
    	height: 13px;
    	padding: 0 2px;
    	width: 17px;
	}
	#redact-container .review-grade:hover{
		cursor: pointer;
	}
	
	@media (max-width: 750px) {
	
		#form-review-container label{
		    line-height: 24px;
		    text-align: left;
            width: 100%;
		}
        #redact-container .cs-form-element > input,
		#redact-container .cs-form-element > textarea{
			width: 100%;
		}
	}
	/*** INSTALLATION ***/