@charset "utf-8";
/* CSS Document */
 
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	text-align:left;
 }
table {
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;

}
fieldset,img { 
	border:0;
	text-align:left;

}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	text-align:left;

}
ol,ul {
	list-style:none;
	text-align:left;

}
caption,th {
	text-align:left;
	text-align:left;

}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	text-align:left;

}
q:before,q:after {
	content:'';
	text-align:left;

}
abbr,acronym { border:0;
	text-align:left;

}
 
 
body {
	width:100%;
	height:100%;
 	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
 }
 
*{margin:0;	padding:0;}

html{height:100%;}
 
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a:focus {outline:none;}

 
#container {
  	width:100%; 
  	min-width:1004px;
	margin:auto; 
	position:relative;
	text-align:center;
	background-color:#dedede;
  }
 
#header{
  	position:relative;
	top:0px;
 	height:190px;
	width:100%;
	min-width:1204px;
}


#vectors{
	position:relative;
	background-image:url(../images/template/top_vector.png);
	background-position:center;
	top:0px;
	height:206px;
	width:100%;
	min-width:1004px;
	z-index:2;
  }
 
   
#clouds{
	position:absolute;
	top:0px;
  	height:216px;
	width:100%;
	min-width:1004px;
   }  
   
#cloud_top_left{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/template/cloud_top_left.png);
	background-repeat:no-repeat;
	width:435px;
	height:206px;
	z-index:2;
 	float:left;
 }

#cloud_top_center{
 	position:absolute;
	top:0px;
 	background-image:url(../images/template/cloud_top_center.png);
	background-repeat:repeat-x;
	width:100%;
	height:206px;
	float:left;
	z-index:1;
}

#cloud_top_right{
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(../images/template/cloud_top_right.png);
	background-repeat:no-repeat;
	width:544px;
	height:206px;
	float:left;
	z-index:2;
}   
 
 
#logo{
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-467px;
	background-image:url(../images/template/logo.png);
	background-repeat:no-repeat;
	width:380px;
	height:149px;
	z-index:4;
	float:left;
 }
 

 #since{
	position:absolute;
	top:160px;
	margin-left:-422px;
	left:50%;
 	width:88px;
	height:40px;
	z-index:3;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-align:center;
	color:#CCCCCC ;
    }
  
#top_flash{
	position:absolute;
	top:148px;
	left:50%;
	margin-left:-260px;
	width:552px;
	height:40px;
	z-index:3;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:inhert;
	color:#cac2c1;
    }  
  
   
#moto{
	position:absolute;
	top:112px;
	left:50%;
	margin-left:274px;
	background-image:url(../images/template/moto.png);
	background-repeat:no-repeat;
	width:164px;
	height:50px;
	z-index:3;
	float:left;
}

 
#menu{
	position:relative;
	top:190px;
	left:0px;
	background-image:url(../images/template/menu_background.png);
	background-repeat:repeat-x;
	width:100%;
	height:33px;
	z-index:3;
 }

#menu_categories{
 	position:relative;
	top:0px;
	width:700px;
	height:28px;
	top:2px;
	left:50%;
	margin-left:-350px;
  }
  
  
  
.menu_bullets{
	position:relative;
	top:0px;
	width:100px;
	height:20px;
	float:left;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 5px 5px 5px;;
	color:#FFFFFF;
	text-align:center;
	 
    }  

.menu_objects{
	position:relative;
	top:0px;
	width:100px;
	height:20px;
	float:left;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 5px 5px 5px;;
	color:#FFFFFF;
	text-align:center;
     }

#container_center{
	position:relative;
	top:26px;
	width:100%; 
	height:100%;
	min-height:461px;
  	min-width:1004px;
	z-index:1;
 	background-color:#dedede;
    }

#container_bg_left{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/template/container_bg_left.png);
	background-repeat:no-repeat;
	width:435px;
	height:434px;
	z-index:2;
 	float:left;
   }

#container_bg_center{
	position:absolute;
	top:0px;
 	background-image:url(../images/template/container_bg_center_back.png);
	background-repeat:repeat-x;
	width:100%;
	height:434px;
	z-index:1;
 	float:left;
    }

#container_bg_right{
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(../images/template/container_bg_right.png);
	background-repeat:no-repeat;
	width:544px;
	height:434px;
	z-index:2;
 	float:left;
   }
 
#main_area{
	position:relative;
	top:0px;
	background-image:url(../images/template/main_area_background.png);
 	height:550px;
	width:870px;
 	left:50%;
	margin-left:-435px;
	z-index:4;
	float:left;
	
   }


#company_photo{
	top:32px;
	position:relative;
	height:250px;
	width:590px;
	left:140px;
	text-align:center;
 	background-color:#F7F7F7;
 }

#company_text{
	top:49px;
	position:relative;
	height:250px;
	width:710px;
	left:66px;
   	padding:5px 20px 5px 20px;
	margin:10px 0px 10px 0px;
	background-color:#F7F7F7;
  }

.paragraph{
	padding:15px 5px 5px 5px;
	margin:10px 5px 10px 0px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
   }
  
#news_button{
	position:absolute;
	top:34px;
	left:-36px;
	background-image:url(../images/template/button_news.png);
	background-repeat:no-repeat;
	width:44px;
	height:147px;
	z-index:5;
	float:left;
  }
  
#news_table{
	position:relative;
	top:69px;
	background-image:url(../images/template/news_background.png);
	background-repeat:repeat-x;
  	height:250px;
 	width:745px;
	left:50%;
	margin-left:-365px;
	z-index:4;
   }
  
#news_top{
	position:absolute;
	top:14px;
	background-image:url(../images/template/border_news_top.png);
	background-repeat: no-repeat;
  	height:25px;
	width:704px;
	left:50%;
	margin-left:-352px;
	z-index:1;
 }

#news_middle{
	position:absolute;
	top:39px;
	background-image:url(../images/template/border_news_middle.png);
	background-repeat: repeat-y;
 	height:54%;
	width:704px;
	color:#555555;
	left:50%;
	margin-left:-352px;
	z-index:1;
 }

#news_bottom{
 	position:absolute;
	top:164px;
	background-image:url(../images/template/border_news_bottom.png);
	background-repeat: no-repeat;
 	height:25px;
	width:704px;
	left:50%;
	margin-left:-352px;
  	z-index:-1;
  }
  
#news_photo{
	position:relative;
	top:-20px;
	left:4px;
	background-image:url(../images/template/border_news_picture);
	background-repeat:no-repeat;
	width:326px;
	height:170px;
 }

#news_date{
	position:absolute;
	top:-15px;
	left:340px;
	width:340px;
	height:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
 	text-align:justify;
   }
 
#news_title{
	position:absolute;
	top:2px;
	left:340px;
	width:340px;
	height:20px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	text-align:justify;
 
  }
  
#news_description{
	position:absolute;
	top:22px;
	left:340px;
	width:340px;
	height:100px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
 	text-align:justify;
   }

#news_more{
	position:absolute;
	bottom:-8px;
	right:4px;
	background-image:url(../images/template/button_more.png);
	background-repeat:no-repeat;
	width:91px;
	height:24px;
}
 

#gallery_button{
	position:relative;
	margin-top:34px;
	left:-44px;
	background-image:url(../images/template/button_gallery.png);
	background-repeat:no-repeat;
	width:44px;
	height:147px;
	float:left;
 }
 

#gallery_table{
	position:relative;
	top:37px;
	background-image:url(../images/template/gallery_background.png);
	background-repeat:repeat-x;
	height:227px;
 	width:745px;
	left:50%;
	margin-left:-365px;
	z-index:4;
  }
 
 #main_gallery{
	position:relative;
	top:-15px;
	background-image:url(../images/template/gallery_background.png);
	background-repeat:repeat-x;
	background-color:#efefef;
	height:554px;
 	width:745px;
	left:50%;
	margin-left:-375px;
	z-index:4;
 }
 
#new_photo{
	position:relative;
	top:40px;
	left:-15px;
	padding-right:5px;
  	background-image:url(../images/template/border_gallery_picture.png);
	background-repeat:no-repeat;
	width:167px;
	height:148px;
	float:left;
   }
   
   
 #center_gallery{
	position:relative;
	top:0px;
  	background-color:#F7F7F7;
	height:500px;
 	width:750px;
	left:50%;
	margin-left:-370px;
	z-index:4;
 }  
    
#product_category{
	position:relative;
	top:24px;
	left:21px;
	z-index:10; 
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777777;
} 

#product_image{
	top:7px;
	position:relative;
	width:320px;
	height:300px;
	left:20px;
	float:left;
}
 
#product_title{
	top:31px;
	position:relative;
	padding:9px;
	margin-left:20px;
	margin-right:20px;
	width:390px;
 	left:320px;
 	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
} 
 
#product_description{
 	top:20px;
	position:relative;
	padding:5px;
	width:372px;
	height:290px;
	left:25px;
 	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	float:left;
  }
 
#product_carousel{
	top:5px;
	position:relative;
	width:720px;
	height:150px;
	float:left;
	left:10px;
 } 
 
 
#new_center_gallery_photo{
	position:relative;
	top:50px;
	left:30px;
	padding:40px 5px 40px 5px;
   	background-image:url(../images/template/border_gallery_picture.png);
	background-repeat:no-repeat;
	width:167px;
	height:148px;
	float:left;
   } 
   
#partner_container_photo{
	position:relative;
	top:40px;
	left:30px;
	padding:40px 5px 40px 5px;
   	background-image:url(../images/template/border_gallery_picture.png);
	background-repeat:no-repeat;
	width:167px;
	height:148px;
	float:left;
   }
     
	 
#partners_photo{
	position:absolute;
	top:4px;
	left:4px;
 	width:142px;
	height:124px;
	padding:5px;
	background-color:#FFFFFF;
  }


#partners_title{
	position:absolute;
	top:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:142px;
	text-align:center;
 	height:15px;
	padding:5px;
 }
 
#gallery_photo{
	position:absolute;
	top:10px;
	left:10px;
 	width:142px;
	height:123px;
}

#gallery_title{
	position:absolute;
	top:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
 	text-align:center;
	width:150px;
	height:15px;
	padding:5px;
 }
 
#footer{
	top:-1px;
  	position:relative;
  	width:100%;
	height:101px;
 	background-color:#dedede;
      }

#footer_objects{
	top:1px;
	position:relative;
	width:870px;
	height:100px;
	background-color:#EBEBEB;
	left:50%;
	margin-left:-435px;
}


#footer_space{
	top:0px;
	position:relative;
	width:750px;
	height:100px;
	background-color:#F7F7F7;
	left:50%;
	margin-left:-369px;
}

#footer_logo{
	top:20px;
	position:relative;
	left:10px;
	background-image:url(../images/template/footer_logo.png);
	background-repeat:no-repeat;
	width:153px;
	height:70px;
	float:left;
 }

#footer_meteo{
	top:20px;
	position:relative;
	left:37px;
	background-image:url(../images/template/footer_meteo.png);
	background-repeat:no-repeat;
	width:85px;
	height:75px;
	float:left;
}


#footer_somfy{
	top:22px;
	position:relative;
	left:65px;
	background-image:url(../images/template/footer_somfy.png);
	background-repeat:no-repeat;
	width:85px;
	height:75px;
	float:left;
  }


#footer_copyrights{
	top:46px;
	position:absolute;
	right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:inhert;
	color: #999999;
	width:250px;
	height:30px;
 	float:left;
	padding-top:10px;
	padding-bottom:10px;
  }
 
#map{
	top:20px;
	position:relative;
	width:314px;
	height:261px;
	background-repeat:no-repeat;
 	left:50%;
	margin-left:-340px;
	z-index:3;
 	float:left;
  }
  
#center_contact{
	position:relative;
	top:0px;
  	background-color:#F7F7F7;
	height:500px;
 	width:750px;
	left:50%;
	margin-left:-370px;
	z-index:4;
 }  

#contactform {
	top:20px;
 	position:relative;
	width:310px;
	height:320px;
	left:50%;
	z-index:5;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
    }


#contactinfo{
	position:relative;
	top:68px;
	width:480px;
 	background-repeat:no-repeat;
 	left:50%;
	margin-left:-240px;
	z-index:5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
 
#info_name{
	top:5px;
	position:relative;
	left:15px;
}

#info_contact{
	top:5px;
	position:relative;
	left:15px;
}

#info_desite{
	top:5px;
	position:relative;
	left:15px;
}

 
#pages{
	top:-34px;
	left:25px;
	width:330px;
	height:32px;
 	position:absolute;
 	background-position:left;
	background-repeat:no-repeat;
}

#pagesA{
 	left:-2px;
	width:77px;
	height:30px;
	top:1px;
	position:relative;
	background:url(../images/template/pages.png);
 	background-position:left;
	background-repeat:no-repeat;
	float:left;
}

#pagesB{
 	left:-2px;
 	height:30px;
	top:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	position:relative;
	background:url(../images/template/pagesB.png);
 	background-position:left;
	float:left;
}

.pageNum{
 	top:5px;
	height:30px;
 	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	float:left;
}

#pagesC{
 	left:-2px;
	width:77px;
	height:30px;
	top:1px;
	position:relative;
	background:url(../images/template/pagesC.png);
 	background-position:left;
	background-repeat:no-repeat;
	float:left;
}

#pages_font{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	top:6px;
	width:40px;
	height:21px;
	left:25px;
	position:absolute;
}

#pagging{
 	padding-top:40px;
	top:0px;
	text-align:center;
	position:relative;
	z-index:4;
  }

#pages{
	bottom:17px;
	left:350px;
	width:330px;
	height:32px;
	position:absolute;
 	background-position:left;
	background-repeat:no-repeat;
 }

#pagesA{
 	left:-2px;
	width:77px;
	height:30px;
	top:1px;
	position:relative;
	background:url(../images/template/pages.png);
 	background-position:left;
	background-repeat:no-repeat;
	float:left;
}

#pagesB{
 	left:-2px;
 	height:30px;
	top:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	position:relative;
	background:url(../images/template/pagesB.png);
 	background-position:left;
	float:left;
}

.pageNum{
 	top:5px;
	height:30px;
 	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	float:left;
}

#pagesC{
 	left:-2px;
	width:77px;
	height:30px;
	top:1px;
	position:relative;
	background:url(../images/template/pagesC.png);
 	background-position:left;
	background-repeat:no-repeat;
	float:left;
}

#pages_font{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	top:6px;
	width:40px;
	height:21px;
	left:25px;
	position:absolute;
}

#backbutton{
	bottom:13px;
	right:18px;
	width:112px;
	height:38px;
	position:absolute;
	background:url(../images/template/back_next_button.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}

#nextbutton{
	bottom:13px;
	right:18px;
	width:112px;
	height:38px;
	position:absolute;
	background:url(../images/template/back_next_button.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;

}

#previous{
	top:8px;
	width:80px;
	height:21px;
	left:11px;
	position:absolute;
}

#next{
	top:8px;
	width:80px;
	height:21px;
	right:13px;
	position:absolute;
}

#back{
	top:8px;
	width:80px;
	height:21px;
	right:13px;
	position:absolute;
}

.member_panel_login {
	background-color:#0e3d75; 
	border:0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF; 
	text-align:left; 
}

.desite:link {
	color:#999999;
 	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
} 

.desite:visited {
	color: #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;	
}

.desite:hover {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
}

.desite:active {
	color: #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
}


.more:link {
	color: #333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 } 

.more:visited {
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;	
}

.more:hover {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
}

.more:active {
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
}



.previous:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.previous:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.previous:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
}

.previous:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.next:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.next:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.next:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
}

.next:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.categorie_menu:link {
	color: #000000;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 } 

.categorie_menu:visited {
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;	
}

.categorie_menu:hover {
	color: #444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
}

.categorie_menu:active {
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
}


/************************************************
 *	LiveValidation                 *
 ************************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
	background-color: #FFA8AA;
	color:#333333;
	border: 0;
}


	
/************************************************
 *	Paging                 *
 ************************************************/

.paging:link {
	color:#666666;
	font-family:verdana;
	font-weight: bold;
	font-size: 11px;
}
.paging:visited {
	color: #666666;
	font-family:verdana;
	font-weight: bold;
	font-size: 11px;
}
.paging:hover {
	color: #2D87A1;
	font-family:verdana;
	font-size: 11px;
}
.paging:active {
	color:#666666;
	font-family:verdana;
	font-size: 11px;
}

.pagingNAV {
	color:#2D87A1;
	font-family:verdana;
	font-weight: bold;
	font-size: 13px;
}

.partnerstext {
	color:#2D87A1;
	text-align:center;
	font-family:verdana;
	font-weight: bold;
	font-size: 12px;
}

.partnerstext:link{
	color:#2D87A1;
	text-align:center;
	font-family:verdana;
	font-weight: bold;
	font-size: 12px;
}

.partnerstext:visited{
	color:#2D87A1;
	text-align:center;
	font-family:verdana;
	font-weight: bold;
	font-size: 12px;
}

.partnerstext:hover{
	color:#2D87A1;
	text-align:center;
	font-family:verdana;
	font-weight: bold;
	font-size: 12px;
}

.partnerstext:active{
	color:#2D87A1;
	text-align:center;
	font-family:verdana;
	font-weight: bold;
	font-size: 12px;
}



.gallery_category_button:link{
	color:#565656;
	font-family:verdana;
	font-size: 12px;
}

.gallery_category_button:visited{
	color:#565656;
	font-family:verdana;
	font-size: 12px;
}

.gallery_category_button:hover{
	color: #AAAAAA;
	font-family:verdana;
	font-size: 12px;
}
 
 .gallery_category_button:active{
	color:#565656;
	font-family:verdana;
	font-size: 12px;
}