/**************************** 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{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
}

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;
}

.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:517px;
	float:left;
}

.left_cadre_top{
	font-size:1px;
	height:9px;
	width:517px;
	background:transparent url(/common/img/V3/minisites/left_cadre_top.png) no-repeat left bottom;
	clear:both;
}

*html .left_cadre_top{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/left_cadre_top.png", sizingMethod="crop");
	clear:none;
}

*+html .left_cadre_top{
	clear:none;
}

.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");
}

.left_cadre_middle .arriere_blanc{
	width:460px;
	background-color:#fff;
	padding:9px 5px 7px 13px;
	float:left;
}

.expert_logo {
	float:left;
	width:60px;
}

.customer_logo {
	float:right;
	/*width:400px;*/
	overflow:hidden;
	padding-right:5px;
}

.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:457px;
	float:left;
	margin-left:20px;
}

.right_cadre_top{
	font-size:1px;
	height:9px;
	width:457px;
	background:transparent url(/common/img/V3/minisites/right_cadre_top.png) no-repeat left bottom;
	clear:both;
}

*html .right_cadre_top{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/right_cadre_top.png", sizingMethod="crop");
	clear:none;
}

*+html .right_cadre_top{
	clear:none;
}

.right_cadre_middle{
	width:422px;
	padding:10px 16px 6px 19px;
	background:transparent url(/common/img/V3/minisites/right_cadre_middle.png) repeat-y left top;
	font-size:12px;
}

body:nth-of-type(1) .right_cadre_middle{
	width:458px;
}

*html .right_cadre_middle{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/right_cadre_middle.png", sizingMethod="scale");
}

.right_cadre_middle .border_Img_blanche img{
	/*border:1px solid #FFFFFF;*/
}

.right_cadre_bottom{
	font-size:1px;
	height:9px;
	width:457px;
	background:transparent url(/common/img/V3/minisites/right_cadre_bottom.png) no-repeat left top;
}

*html .right_cadre_bottom{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/V3/minisites/right_cadre_bottom.png", sizingMethod="crop");
}

.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;
}


/** 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 li{
	background-image: none;
	padding-left:0px;
	clear:both;
	width:230px; /* to fix depending on final design */
}
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;}
