/**************************** PRODUCTION BY SHABAN Hisham, CROSS-SYSTEMS GENEVA *************************************/


body{
	/*Eviter de rajouter sur le body plus de style qu'on a ci-dessous car sinon ca va faire conflit avec le style de l'admin du CMS*/
	width:100%;
	background:transparent url("/common/img/V3/minisites/bg_body.jpg") center top;
}

li{list-style:none;}

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

a:hover{
	text-decoration:underline;
}

a img{border:0;}

.site_width{ width:994px !important;}

.container, .container .ui-widget{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
}
.container .ui-widget-content {
	background:none;
	border:none;
}

td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

h3, h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.modalClose{
	font-family:Arial, Helvetica, sans-serif;
}

/******************************************************** HEADER **********************************************/

.header{
	padding:6px 0;
}

.box {
	/*background-color: #ffffff;*/    
	/*opacity: 0.7;
	filter:alpha(opacity=70);*/
    border-radius: 7px 7px 7px 7px; 
    /*border: 1px solid #C6C6C6;*/
	border: 1px solid #AAAAAA;
    padding:6px 0px;
	background: url("/common/img/V3/minisites/left_cadre_middle.png") repeat scroll left top transparent;
	margin-bottom:5px;
}

/*div.minisiteHeader{
	background-color: #ffffff;    
	opacity: 0.5;
    border-radius: 7px 7px 7px 7px;    
    padding:6px 15px;
}*/
div.minisiteHeader{	
	float:left;
	margin-bottom:5px;	
	background-color: #ffffff;
	background-image:none;
}

div.minisiteHeader div, div.minisiteHeader img{
	opacity: 1;
}

div.customerInfo {
	width:420px;	
	float:right;
	margin-right:150px;
	height:70px;
	/*display:table-cell;
	vertical-align:middle;*/
}

div.customerInfo div.wrapper {
	width:420px;	
	height:70px;
	display:table-cell;
	vertical-align:middle;
}

div.addressData {
	width:220px;
	/*padding-top:10px;*/
	float:left;
	
	
}
div.emailData {
	width:200px;
	/*padding-top:10px;*/
	float:right;
	text-align:right;	
}
/*#presentationTab {float:left};*/
#presentationTab div {float:left;}
#presentationTab div.col1 {width:385px;}
#presentationTab div.col2 {width:266px;padding-left:10px;overflow-y:auto;height:380px;}

.left_links{
	float:left;
	margin-left:20px;
	width:334px;
	padding-top:4px;
}

*html .left_links{
	margin-left:10px;
}

.right_links{
	float:left;
	width:640px;
}

.right_links ul li{
	float:right;
	display:block;
	padding-left:8px;
}

.right_links .sep{
	color:#fff;
	padding-top:3px;
	display:block;
	height:9px;
	float:left;
}

.right_links ul li.sendToFriend a{
	background:transparent url(/common/img/V3/minisites/sendToFriend.gif) no-repeat right top;
	padding:4px 19px 0 0;
	display:block;
	height:12px;
	float:left;
}

.right_links ul li.addToSpace a{
	background:transparent url(/common/img/V3/minisites/addToSpace.gif) no-repeat right top;
	padding:4px 23px 0 0;
	display:block;
	height:12px;
	float:left;
}

.right_links ul li.findDealer a{
	background:transparent url(/common/img/V3/minisites/findDealer.gif) no-repeat right top;
	padding:4px 22px 0 0;
	display:block;
	height:12px;
	float:left;
}

.right_links ul li.backLink a{
	background:transparent url(/minisites/img/back_01.gif) no-repeat right top;
	padding:4px 19px 0 0;
	display:block;
	height:12px;
	float:left;
}

/********************************************************** CENTER ***********************************************/


.center ul li{
	background:transparent url(/common/img/V3/minisites/puce_orange.png) no-repeat left 5px;
	padding-left:14px;
}

/** LEFT CONTENT **/

.left_cadre{
	width:700px;
	height: 440px;
	float:left;
}

.left_cadre_small {
	width:700px;
	height: 240px;
	float:left;
}



/*.left_cadre_middle{
	width:478px;
	padding:10px 19px 6px 20px;
	background:transparent url(/common/img/V3/minisites/left_cadre_middle.png) repeat-y left top;
	font-size:12px;
}

body:nth-of-type(1) .left_cadre_middle{
	width:517px;
}

*html .left_cadre_middle{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/left_cadre_middle.png", sizingMethod="scale");
}
*/

.expert_logo {
	float:right;
	padding-right:10px;
	width:60px;
	height:70px;
	line-height:70px;
}
.customer_group_logo {
	float:right;
	padding-right:10px;
	width:85px;
	height:70px;
	line-height:70px;
	overflow:hidden;
}

.customer_logo {
	float:left;
	/*width:400px;*/
	overflow:hidden;
	padding-left:5px;
	padding-right:10px;
	height:70px;
	line-height:70px;
}
.customer_logo img,.customer_group_logo img,.expert_logo img {vertical-align:middle;}
.expert_logo img {height:65px; /* let's resize for best display*/}
	
.left_cadre_middle .border_blanche{
	width:450px;
	border:1px solid #fff;
	margin:6px 0px;
	padding:13px;
	background:transparent url(/common/img/V3/minisites/bg_border_blanche.png) repeat-y left top;
	line-height:18px;
	float:left;
}

*html .left_cadre_middle .border_blanche{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/bg_border_blanche.png", sizingMethod="scale");
}

.onglet{
	margin-top:10px;
	clear:both;
}

.onglet_left{
	float:left;
	width:5px;
	background:transparent url(/common/img/V3/minisites/onglet_left.png) no-repeat right bottom;
	height:23px;
}

*html .onglet_left{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/onglet_left.png", sizingMethod="scale");
}

.onglet_middle{
	float:left;
	background:transparent url(/common/img/V3/minisites/onglet_middle.png) repeat-x left bottom;
	padding:3px 14px 0 14px;
	height:20px;
}

*html .onglet_middle{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/onglet_middle.png", sizingMethod="scale");
}

.onglet_right{
	float:left;
	width:5px;
	background:transparent url(/common/img/V3/minisites/onglet_right.png) no-repeat left bottom;
	height:23px;
}

*html .onglet_right{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/onglet_right.png", sizingMethod="scale");
}

.sous_onglet{
	background:transparent url(/common/img/V3/minisites/sous_onglet.png) no-repeat left bottom !important;
}

*html .sous_onglet{
	background-image:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/sous_onglet.png", sizingMethod="crop") !important;
}

.les2rect{
	width:478px;
	background:transparent url(/common/img/V3/minisites/les2rect.png) repeat-y left top;
}

*html .les2rect{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/les2rect.png", sizingMethod="scale");
}

.rectangle_blanc{
	float:left;
	width:230px;
	padding-top:10px;
}

.txt_img{
	width:230px;
}

.block_img{
	text-align:center;
	width:70px;
	vertical-align:top;
	padding-bottom:8px;
}

.block_txt{
	width:151px;
	vertical-align:middle;
	font-size:11px;
	padding-right:9px;
	padding-bottom:8px;
}


.left_cadre_bottom{
	font-size:1px;
	height:9px;
	width:517px;
	background:transparent url(/common/img/V3/minisites/left_cadre_bottom.png) no-repeat left top;
}

*html .left_cadre_bottom{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/left_cadre_bottom.png", sizingMethod="crop");
}

.rectangle_blanc2{
	float:left;
	width:212px;
	padding:10px 9px;
	margin-left:18px;
}

.rectangle_blanc2 ul li{
	display:block;
	padding-bottom:5px;
	clear:both;
	padding-left:0 !important;
	background:none !important;
}

.bg_blanc{
	background:#fff;
}

.img_float_left{
	width:465px;
	padding:7px 0 7px 13px;
}

body:nth-of-type(1) .img_float_left{
	width:478px;
}

.img_float_left img{
	margin-left:17px;
	float:left;
	display:block;
}

.img_float_left img.firstImg{
	margin-left:0;
}

/** FIN LEFT CONTENT **/

/** RIGHT CONTENT **/

.right_cadre{
	width:278px; /* 280 without border */
	float:left;
	margin-left:14px;
	height: 440px;
	overflow:hidden;
	
}
#minisiteNews{overflow:hidden;}

#scrollDownNews {
	margin-left: 130px;
	display:none;
	
}
.right_cadre_small{
	width:278px; /* 280 without border */
	float:left;
	margin-left:14px;
	min-height: 240px;	
}

.box h1{ padding: 0px 8px 2px 8px;border-bottom: 1px solid #AAAAAA;font-size:14px; color:#626971; /*background-color:#D2CCCC;*/}
.box h2{ padding: 1px 8px 1px 8px;}
.box h3.newsHeader{ background-color:#ffffff;font-size:13px;padding: 1px 8px 1px 8px;clear:both;}
.box label{ padding: 1px 8px 1px 8px;width:80px;display: block;float: left;}
.box .label{float: left; padding: 0 10px 0 3px; width: auto;}
.right_cadre p{ padding-top: 12px;}
.box .chkBox { float: left; height: 14px; width: 14px;}
.box select,.box textarea{ margin: 1px 8px 1px 8px;}
.right_cadre select, .right_cadre textarea{ width:257px; font-size:11px; border:1px solid #AAAAAA;} 
.right_cadre .inputField { width:170px;font-size:12px;border-radius: 2px 2px 2px 2px; border:1px solid #AAAAAA;height:17px;}

.minisiteNews {
	padding-bottom:15px;
	padding: 5px 8px 15px 8px;
}
.minisiteNews a.moreLink {
	float:right;
	font-size:10px;
	font-weight:bold;
	padding: 2px 0px 5px 0px;
}
.right_cadre .minisiteNews p {padding-top:0px;}

.right_cadre .col2 {padding: 5px 8px 15px 8px;}

.newsStatus {
	float:right;
	font-size:10px;
	padding-top:2px;
}

.openingHours {
	clear:both;
}


.right_cadre .onglet{
	margin-top:33px;
}

*html .right_cadre .onglet{
	margin-top:31px;
}

*+html .right_cadre .onglet{
	margin-top:31px;
}

body:nth-of-type(1) .right_cadre .onglet{
	margin-top:31px;
}

.right_cadre .sous_onglet{
	background:transparent url(/common/img/V3/minisites/sous_onglet_right.png) no-repeat left bottom !important;
}

*html .right_cadre .sous_onglet{
	background-image:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/sous_onglet_right.png", sizingMethod="crop") !important;
}

.right_cadre .errorContainer p 				{ padding-top:0; }
#requestAquoteForm .errorContainer .error  	{ border: none; color:red; }
.box .errorContainer label 					{ display: inline; float: none; }

.closeLayer {
	position: absolute;
	display: block;
	width: 11px;
	height: 11px;
	top: 0;
	right: 10px;
	background: url(/common/img/V3/bg_btnCloseLayer.gif) no-repeat left top;
	text-decoration: none;
	font-size: .1em;
}
.closeLayer:hover {
	text-decoration: none;
}
.closeLayer span {
	display: none;
}


/** FIN RIGHT CONTENT **/

/**************************************************** FOOTER ***********************************************/

.footer{
	width:100%;
	height:33px;
	margin-top:12px;
	background:transparent url(/common/img/V3/minisites/bg_footer.png) repeat-x left top;
	padding-top:6px;
}

*html .footer{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/bg_footer.png", sizingMethod="scale");
}

.logo_somfy_jaune{
	float:left;
	width:102px;
	height:27px;
	background:transparent url(/common/img/V3/minisites/logo_somfy_jaune.png) no-repeat left top;
}

*html .logo_somfy_jaune{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/logo_somfy_jaune.png", sizingMethod="crop");
}

.bottom_links{
	float:left;
	width:892px;
	text-align:right;
	/*padding-top:10px;*/
}


/********************from D_strore.css*************************/
/*Send to a friend layer */
	
	
.tellaFriendBlockDL{
	position:absolute;
	display:block;
	width:470px;
	z-index:500;
	top:0;
	left:50%;
	margin:20% 0 0 -256px;
	text-align:left;
	display:none;
	background:url(/common/img/V3/bg_x1TopInfoLayerTell.png) no-repeat left top;
}

.tellaFriendBlockDL h3 {
	border-bottom:1px solid #D4D4D4;
	padding:20px 0pt 1em 30px;
}

.tellaFriendBlock .stdInfoLayer p {C_layout.css (line 402)
font-size:1.09em;
padding:1em 30px;
}

.tellaFriendBlockDL .headerDecoDL{
	width:100%;
	height:8px;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/bg_x1TopInfoLayerTell.png", sizingMethod="crope");
	font-size:.3em;
}
* html body .tellaFriendBlockDL .headerDecoDL{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/bg_x1TopInfoLayerTell.png", sizingMethod="crope");
}
.tellaFriendBlockDL .centralDecoDL{
	width:100%;
	background:url(/common/img/V3/bg_x1CenterInfoLayer1.png) repeat-y left top;
	height:228px;
}
.tellaFriendBlockDL .bottomDecoDL{
	width:100%;
	height:8px;
	background:url(/common/img/V3/bg_x1BottomInfoLayerTell.png) no-repeat left top;
	font-size:.3em;
}
* html body .tellaFriendBlockDL .bottomDecoDL{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/bg_x1BottomInfoLayerTell.png", sizingMethod="crope");
}
.tellaFriendBlockDL  .contentPrime{
	position:relative;
	width:470px;
}
.tellaFriendBlockDL  .stdInfoLayer{
	position:relative;
	width:470px;
}
/**/
.tellaFriendBlockDL .stdInfoLayer h3{
	padding:20px 0 1em 30px;
	border-bottom:1px solid #d4d4d4;
}
.tellaFriendBlockDL .stdInfoLayer p{
	padding:1em 30px;
	font-size:1.09em;
}
.tellaFriendBlockDL .stdInfoLayer input, .forgetPassword .stdInfoLayer input{
	background-color:#e1e1e1;
	width:300px;
	height:20px;
	border:none;
}
.tellaFriendBlockDL .stdInfoLayer #tellaFriend label, #forgetPassword label {
	width:120px;
	float:left;
	display:inline;
	font-size:1.09em;
}
.tellaFriendBlockDL .stdInfoLayer #tellaFriend p{
	padding:0.5em 30px;
}
.tellaFriendBlockDL .stdInfoLayer .valider{
	padding-top: 20px!important;
	width:100px;
	position:relative;
	left:45%;
}
.tellaFriendBlockDL .stdInfoLayer #valider{
	height:16px;
	width:50px;
	background-color:#fcb426;
	color:#ffffff;
	float:left;
	text-align:center;
	padding:0 0 2px 3px;
}
.tellaFriendBlockDL .stdInfoLayer .btnLeft,
.tellaFriendBlockDL .stdInfoLayer .btnRight {
	float:left;
	display:inline;
	}
#popUpSmallBody {
	height:120px;
	background-color:white;
}


#popUpSmallBody {index.cfm (line 738)
background-color:white;
height:260px;
}

.linkTooltip {
	margin-right:5px;
}

/*********submitsmall from cross-systems_add-on**************/
.submitSmall {
	/*position:relative;*/
	text-align:center;
	width:100%;
}

.submitSmall input {
	background:transparent url(/common/img/V3/bg_submitStyle1.gif) no-repeat scroll left top;
	border:0px none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:10px;
	height:16px;
	overflow:visible;
	padding:0pt 0pt 0pt 7px;
	width:auto;
}

.submitSmall p {
	height:auto;
	margin:10px 0pt 0pt;
	padding:0pt;
	text-align:center;
}

.submitSmall input, label, .label {
	vertical-align:top;
}

.submitSmall a {
	color:#FFFFFF;
}

.submitSmall input:hover, .submitSmall input.sfHover, .submitSmall a:hover{
	color:#65480F;
}

/***********link in footer*********************/
/*********/
#universAccess #webLinkSelector{
	width:95px;
	text-align:left;
	background: #000000 url(/common/img/V3/pict_somfyGroup.gif) no-repeat 1px 3px;
}
#webLinkSelector a.selectorTitle{
	padding-left: 15px;
	background:url(/common/img/V3/pict_webSelectorUp.gif) no-repeat 95% 50%;
	
}
#webLinkSelector a.selectorTitle:hover{
	background:url(/common/img/V3/pict_webSelectorUp.gif) no-repeat 95% 50%;
	color:#FFFFFF;
}


#webLinkSelectorUp{
	width:95px;
	text-align:left;
}
#webLinkSelectorUp a{
	background:url(/common/img/V3/pict_webSelectorUp.gif) no-repeat 95% 50%;
}
#webLinkSelectorUp a:hover{
	background:#ffffff url(/common/img/V3/pict_webSelectorUpOver.gif) no-repeat 95% 50%;
}



#webLinkList{
	position:absolute;
	width:95px;
	bottom:17px;
	left:0;
	z-index:400;
}
#webLinkList li{
	width:100%;
	float:none;
	background-image:none;
	margin:0;
}
#webLinkList li a{
	display:block;
	background: #000000 url(/common/img/V3/pict_listArrowOver.gif) no-repeat 3px center;
	position:relative;
	width:85px;
	padding:2px 0 2px 10px;
}
#webLinkList li a:hover{
	background: #ffffff url(/common/img/V3/pict_listArrow.gif) no-repeat 3px center;
	color:#000000;
}
/*********/
#universAccess{
	/*width: 430px;*/
	float:right;
	position:absolute;
	margin-left:690px;
}

#universAccess li.deco {background:none !important;}

#universAccess li.deco a{background:none !important;}

*html #universAccess li.deco{filter:0 !important;}

#universAccess li a{
	color: black !important;
}

#universAccess #webLinkSelector {
	background:none;
	width:200px;
	margin:0;
}

#webLinkSelector a.selectorTitle {
	background:transparent url(/common/img/V3/hub/pict_select_inv.gif) no-repeat scroll right center !important;
	background-color:#80716C !important;
	border-style:solid none solid solid;
	border-width:1px 0pt 1px 1px;
	color:#DED9CC !important;
	display:block;
	font-size:11px;
	height:14px;
	padding:2px 0pt 0pt 5px;
	text-decoration:none !important;
	width:195px;
	/*width: 15em;*/
	}
	
#webLinkList{
	width:203px;
}

#webLinkList li{
	/*width:200px;*/
}

*+html #webLinkList li{
/*	width:200px;*/
}

*html #webLinkList li{
/*	width:200px;*/
}

#webLinkList li a{
	background:transparent url(/common/img/V3/hub/fond-combo.png) repeat scroll 0% !important;
	color:#000000;
	/*padding:2px 0pt 2px 7px;*/
	position:relative;
	text-decoration:none;
	width:191px;
	cursor:pointer;
}

*html #webLinkList li a{
	background-image:none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/hub/fond-combo.png", sizingMethod="scale");	
	width:193px;
}

*+html #webLinkList li a{
	/*width:200px;*/
}

.panel {
	text-align:center;	
}

ul.openingHours {
	padding:10px 0px;
}

ul.openingHours li{
	background-image: none;
	padding-left:0px;
	clear:both;
	width:100%; /* to fix depending on final design */
	line-height:18px;
}
ul.openingHours li.dayItem0{
	background-color:white;	
	overflow: hidden;
}

ul.openingHours li div{width:70px;float:left;}
ul.openingHours li div.seperator{width:10px;float:left;}
ul.openingHours li div.weekday{width:70px;float:left;}
ul.openingHours li div.hours{width:80px;white-space:nowrap;}

.box div.btOrangeRight{
		/*background: transparent url(/common/img/V3/ecommerce/boutton_droit.png) no-repeat bottom left!important;*/
		background: transparent url(/common/img/V3/btn-right.png) no-repeat bottom left!important;
		width:15px !important;
		height:40px !important;
		float:left !important;
		padding: 0 !important;
		}
	
*html .box div.btOrangeRight{
		background-image:none!important;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/btn-right.png", sizingMethod="crop");
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/ecommerce/boutton_droit.png", sizingMethod="crop");*/
	}
	
.box div.btOrangeLeft{
		/*background: url(/common/img/V3/ecommerce/bt_next_left.png) !important;*/
		background: url(/common/img/V3/btn-left.png) !important;
		background-position: left !important;
		/*height: 18px !important;*/
		height: 28px !important;
		padding: 12px 0 0 15px !important;
		text-align: center !important;
		float: left !important;
		width: auto !important;
		}
	
*html .box div.btOrangeLeft{
		background-image:none !important;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/btn-left.png", sizingMethod="crop");
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/ecommerce/bt_next_left.png", sizingMethod="crop");*/
	}
	
.box div.btOrangeLeft a, div.dealerResultControls div.btOrange a {color: #000000 !important; text-decoration: none;font-size:14px;font-weight:bold;}
.box div.btOrangeLeft a:hover, div.dealerResultControls div.btOrange a:hover {text-decoration: underline;}

 #photos{height:375px;width:380px;}