/*
CSS Credit: http://www.templatemo.com
*/

html {height:100%;}

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family:Calibri;
	font-size: 15px;
	height:100%;
	

}

#bg {position:fixed; top:0; left:0; width:100%; height:100%;}

a:link, a:visited { color: #000000; text-decoration: none; font-weight: bold; } 
a:active, a:hover { color: #000000; text-decoration: underline; } 

p { margin: 0px; padding: 0px; text-align: justify; }

img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_25 { margin-right: 5px; text-align:center;}
.margin_right_60 { margin-right: 30px; }

.border_bottom {
	border-bottom: 1px solid #999;
}

.rc_btn_01 a {
	clear: both;
	float: left;
	padding-left: 30px;
	display: block;
	width: 200px;
	font-size: 12px;
	background: url(images/templatemo_icon_01.png) no-repeat;
	font-weight: bold;
	text-decoration: none;
}

.rc_btn_02 a {
	clear: both;
	display: block;
	float: right;
	text-align: center;
	width: 106px;
	height: 28px;
	padding-top: 8px;
	background: url(images/templatemo_button_01.png) no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/* header */
#templatemo_header_wrapper {
	width: 938px;
	height: 203px;
	margin: 0 auto;
	}

#templatemo_header {
	width: 938px;
	height: 203px;
	margin: 0 auto;
	}

#templatemo_header #site_title_section {
	float: left;
	width: 300px;	
	margin-left: 30px;
	text-align: center;
}

#site_title_section #site_title {
	margin-top: 30px;
	padding: 10px 0;
	font-size: 30px; 
	color: #4379ab;
	font-weight: bold;
}

#site_title_section #salogon {
	font-size: 14px;
	margin-left: 20px;
	color: #333333;
}

#templatemo_header #search_section {
	float: right;

	margin-top: 40px;
	margin-right: 20px;
}

#search_section form {
	margin: 0px;
	padding: 0px;
}

#searchfield {
	height: 20px;
	width: 200px;
	padding: 5px;
	color: #000;
	font-size: 13px;
	font-variant: normal;
	line-height: normal;
	background: #86d8ff;
}

#searchbutton {
	width: 106px;
 	height: 35px;
	margin: 0 0 0 7px;
	padding: 0 6px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	background: url(images/templatemo_search_button.png); 
	border: none;
}

/* end of header */

/* banner */
#templatemo_banner_wrapper {
	clear: both;
	width: 100%;
	height: 220px;
	margin: 0 auto;
}

#templatemo_banner {
	width: 938px;
	height: 260px;
	margin: 0 auto;
	padding: 0 0px;
	/*background: url(images/templatemo_banner_bg.png) no-repeat;*/
	position:relative; z-index:1;
}

#banner_entretien {
	width: 938px;
	height: 260px;
	margin: 0 auto;
	padding: 0 0px;
	background: url(images/banner_entretien.png) no-repeat;
	position:relative; z-index:1;
}

#banner_profiles {
	width: 938px;
	height: 220px;
	margin: 0 auto;
	padding: 0 0px;
	background: url(images/banner_profiles.png) no-repeat;
	position:relative; z-index:1;
}

#banner_quincaillerie {
	width: 938px;
	height: 260px;
	margin: 0 auto;
	padding: 0 0px;
	/*background: url(images/banner_quincaillerie.png) no-repeat;*/
	position:relative; z-index:1;
}

#banner_header_01 {
	padding: 5px 0 0px 0;
	color: #37396E;
}

#banner_header_02 {
	margin-left:10px;
	margin-bottom: 20px;	
	font-size: 20px;
	font-weight: bold;
	color: #37396E;
}

#banner_text {
	color: #999;
	width: 500px;
	margin-left: 10px;
	font-size: 14px;
}

#banner_text p {
	margin-bottom: 20px;
}
/* end of banner */

/* menu */
#templatemo_menu_wrapper {
	float: left;
	width: 200px;
	height: 278px;
	overflow: hidden;
}

#templatemo_menu {
	padding: 20px 5px;
	overflow: hidden;	
}

#templatemo_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#templatemo_menu ul li {
	width: 200px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #66CC66;	
	margin-bottom: 4px;
}

#templatemo_menu ul li:hover {
	background: #006600;
	color:#66CC66;
}

#templatemo_menu ul li a {
	display: block;
	width: 170px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #003300 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
	color: #66CC66;
	 font-weight:bold;
	}

#templatemo_menu li .current {
	color: #003300;
	 font-weight:bold;
	}

#templatemo_menu .last {
	margin-bottom: 0px;
}
/* end of menu*/

/* menu Profiles*/
#templatemo_menu_wrapper {
	float: none;
	width: 200px;
	height: 278px;
	overflow: hidden;
}

#profiles_menu {
	padding: 20px 5px;
	overflow: hidden;	
}

#profiles_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#profiles_menu ul li {
	width: 150px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #d8d7d7;	
	margin-bottom: 4px;
}

#profiles_menu ul li:hover {
	background: #666666;
	color:#333333;
}

#profiles_menu ul li a {
	display: block;
	width: 170px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #333333 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#profiles_menu li a:hover, #profiles_menu li .current {
	color: #999;
	 font-weight:bold;
	}

#profiles_menu li .current {
	color: #333333;
	 font-weight:bold;
	}

#profiles_menu .last {
	margin-bottom: 0px;
	font-size: 15px;

}
/* end of menu*/

/* menu Toles*/
#toles_wrapper {
	float: left;
	width: 180px;
	height: 500px;
	overflow: hidden;
}

#toles_menu {
	padding: 20px 5px;
	overflow: hidden;	
}

#toles_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#toles_menu ul li {
	width: 180px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #d8d7d7;	
	margin-bottom: 4px;
}

#toles_menu ul li:hover {
	background: #666666;
	color:#333333;
}

#toles_menu ul li a {
	display: block;
	width: 170px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #333333 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#toles_menu li a:hover, #toles_menu li .current {
	color: #999;
	 font-weight:bold;
	}

#toles_menu li .current {
	color: #333333;
	 font-weight:bold;
	}

#toles_menu .last {
	margin-bottom: 0px;
	font-size: 15px;

}
/* end of menu*/


/* menu Tubes*/
#tubes_wrapper {
	float: left;
	width: 200px;
	height: 278px;
	
	/*overflow: hidden;*/
}

#tubes_menu {
	padding: 76px 5px;
	
	/*overflow: hidden;*/	
}

#tubes_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tubes_menu ul li {
	width: 170px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #d8d7d7;	
	margin-bottom: 4px;
}

#tubes_menu ul li:hover {
	background: #666666;
	color:#333333;
}

#tubes_menu ul li a {
	display: block;
	width: 150px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #333333 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#tubes_menu li a:hover, #tubes_menu li .current {
	color: #999;
	 font-weight:bold;
	}

#tubes_menu li .current {
	color: #333333;
	 font-weight:bold;
	}

#tubes_menu .last {
	margin-bottom: 0px;
	font-size: 15px;

}

/* end of menu*/

/*Content */
#Tubesc
        {
            
           float: left;
           width: 730px;
		   height: 700px;
		   padding-left:5px;
		   
	
			
        }

#Ferc
        {
            
           float: left;
           width: 730px;
		   height: 800px;
		   padding-left:3px;
		   
	
			
        }

#Tubesrc
        {
            
           float: left;
           width: 730px;
		   height: 1400px;
		   padding-left:5px;
		   
	
			
        }
#Tubesr
        {
            
           float: right;
           width: 730px;
		   height: 1150px;
		   
	
			
        }

#Tolesf
        {
            
           float: right;
           width: 730px;
		   height: 450px;
		   
	
			
        } 

#Tolesc
        {
            
           float: right;
           width: 730px;
		   height: 850px;
		   
	
			
        }
                
#Tubesa
        {
            
           float: left;
           width: 730px;
		   height: 1200px;
		   padding-left:5px;		   
	
			
        }         

 #Tubesp
        {
            
           float: right;
           width: 730px;
		   height: 750px;
	    }
	    
#Tubesl
        {
            
           float: right;
           width: 730px;
		   height: 1050px;
		   
	
			
        }       
#Tubesg
        {
            
           float: right;
           width: 730px;
		   height: 600px;
		   
	
			
        }        

#Tubess
        {
            
           float: left;
           width: 730px;
		   height: 1100px;
		   padding-left:15px;		
        }
        
#Tubesf
        {
            
           float: left;
           width: 730px;
		   height: 700px;
		   padding-left:15px;		
        }
 
/* menu Toles*/
#templatemo_toles_wrapper {
	float: left;
	width: 180px;
	height: 320px;
	overflow: hidden;
}

/* menu quicaillerie*/
#templatemo_menu_wrapper {
	float:left;
	width: 200px;
	height: 360px;
	overflow: hidden;
}

#Lamines_menu_wrapper {
	float:left;
	width: 205px;
	height: 400px;
	overflow: hidden;
}

#profiles_menu_wrapper {
	float:left;
	width: 180px;
	height: 278px;
	overflow: hidden;
}
#quicaillerie_menu {
	padding: 20px 5px;
	overflow: hidden;	
}

#quicaillerie_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#quicaillerie_menu ul li {
	width: 150px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #62b2df;	
	margin-bottom: 4px;
}

#quicaillerie_menu ul li:hover {
	background: #2b62a7;
	color:#98d1f1;
}

#quicaillerie_menu ul li a {
	display: block;
	width: 170px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #2b2ea7 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#quicaillerie_menu li a:hover, #quicaillerie_menu li .current {
	color: #62b2df;
	 font-weight:bold;
	}

#quicaillerie_menu li .current {
	color: #2b2ea7;
	 font-weight:bold;
	}

#quicaillerie_menu .last {
	margin-bottom: 0px;
	font-size: 15px;
}
/* end of menu*/

/* Menu Electricité */

#electricite_menu {
	padding: 20px 5px;
	overflow: hidden;	
}

#electricite_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#electricite_menu ul li {
	width: 150px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #baafcb /*62b2df*/;	
	margin-bottom: 4px;
}

#electricite_menu ul li:hover {
	background: #5f27ad;
	color:#5f27ad; /*#98d1f1;*/
}

#electricite_menu ul li a {
	display: block;
	width: 170px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #5f27ad; /*#2b2ea7 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#electricite_menu li a:hover, #electricite_menu li .current {
	color: #987dc0; /*62b2df*/
	 font-weight:bold;
	}

#electricite_menu li .current {
	color: #5f27ad; /*2b2ea7*/
	 font-weight:bold;
	}

#electricite_menu .last {
	margin-bottom: 0px;
	font-size: 15px;
}

/*End Menu Electricite */

/* Menu Plomberie */

#plomberie_menu {
	padding: 20px 5px;
	overflow: hidden;	
}

#plomberie_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#plomberie_menu ul li {
	width: 150px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #ffecaa;	
	margin-bottom: 4px;
}

#plomberie_menu ul li:hover {
	background: #f1c100;
	color:#ffecaa; /*#98d1f1;*/
}

#plomberie_menu ul li a {
	display: block;
	width: 170px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #e3b600; /*#2b2ea7 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#plomberie_menu li a:hover, #plomberie_menu li .current {
	 color: #ffecaa; /*62b2df*/
	 font-weight:bold;
	}

#plomberie_menu li .current {
	color: #d5ab00; /*2b2ea7*/
	 font-weight:bold;
	}

#plomberie_menu .last {
	margin-bottom: 0px;
	font-size: 15px;
}

/*End Menu Plomberie */

/* Menu Outillage */

#outillage_menu {
	padding: 20px 5px;
	overflow: hidden;	
}

#outillage_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#outillage_menu ul li {
	width: 150px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #f0e7da;	
	margin-bottom: 4px;
}

#outillage_menu ul li:hover {
	background: #b88849;
	color:#f0e7da; /*#98d1f1;*/
}

#outillage_menu ul li a {
	display: block;
	width: 170px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #b88849; /*#2b2ea7 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#outillage_menu li a:hover, #outillage_menu li .current {
	 color: #f0e7da; /*62b2df*/
	 font-weight:bold;
	}

#outillage_menu li .current {
	color: #b88849; /*2b2ea7*/
	 font-weight:bold;
	}

#outillage_menu .last {
	margin-bottom: 0px;
	font-size: 15px;
}

/*End Menu Outillage */

/* Menu Construction */

#construction_menu {
	padding: 20px 5px;
	overflow: hidden;	
}

#construction_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#construction_menu ul li {
	width: 150px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #fddac2;	
	margin-bottom: 4px;
}

#construction_menu ul li:hover {
	background: #ff6c02;
	color:#fddac2; /*#98d1f1;*/
}

#construction_menu ul li a {
	display: block;
	width: 170px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #ff6c02; /*#2b2ea7 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#construction_menu li a:hover, #construction_menu li .current {
	 color: #f0e7da; /*62b2df*/
	 font-weight:bold;
	}

#construction_menu li .current {
	color: #ff6c02; /*2b2ea7*/
	 font-weight:bold;
	}

#construction_menu .last {
	margin-bottom: 0px;
	font-size: 15px;
}

/*End Menu Construction */

/* Menu Boulonnerie */

#boulonnerie_menu {
	padding: 20px 5px;
	overflow: hidden;	
}

#boulonnerie_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#boulonnerie_menu ul li {
	width: 150px;
	height: 38px;
	padding: 0 0 0 20px;
	margin: 0px;	
	background: #ffd1cb;	
	margin-bottom: 4px;
}

#boulonnerie_menu ul li:hover {
	background: #ff1802;
	color:#fddac2; /*#98d1f1;*/
}

#boulonnerie_menu ul li a {
	display: block;
	width: 170px;
	height: 28px;
	padding: 10px 0 0 30px;
	color: #ff1802; /*#2b2ea7 /*#9fa2a4*/;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background: url(images/templatemo_menu_list_icon.jpg) left center no-repeat;
	outline: none;
}

#boulonnerie_menu li a:hover, #boulonnerie_menu li .current {
	 color: #ffd1cb; /*62b2df*/
	 font-weight:bold;
	}

#boulonnerie_menu li .current {
	color: #ff1802; /*2b2ea7*/
	 font-weight:bold;
	}

#boulonnerie_menu .last {
	margin-bottom: 0px;
	font-size: 15px;
}

/*End Menu Boulonnerie */


/* Products Container */
#product_container {
	float: right;
	width: 700px;
	height: 480px;
	padding: 15px;
	overflow: hidden;
}

td {
	text-align:center;
	color:#37396E;
}

td a:hover {
	color:#37396E;
}

td a:visited {
	color:#37396E;
}

td .desciption {
	text-align:left;
}
/* end og Products Container */

/* content */
#templatemo_content_wrapper {
	clear: both;
	width: 938px;
	margin: 0 auto;
	
}

#templatemo_content {
	width: 938px;
	margin: 0 auto;
	padding:0px 10px 10px 0px;
	position:relative; z-index:1;
}

#gallery
        {
            
           float: right;
           width: 750px;
		   height: 480px;
		   padding-top:15px;
	
			
        }

#gallerycheville
        {
            
           float: right;
           width: 750px;
		   height: 700px;
		   padding-top:15px;
	
			
        }
                
#galleryvis
        {
            
           float: right;
           width: 750px;
		   height: 1500px;
		   padding-top:15px;
	
			
        }
        
#galleryLampes
        {
            
           float: right;
           width: 750px;
		   height: 600px;
		   padding-top:15px;
	
			
        }

        
#main {
	float: left;
	width: 100%;
}

#templatemo_content #content_left {
	float: left;
	width: 260px;
	margin: 0 40px 0 0;
	padding:  0 39px 0 0;
	border-right: 1px solid #999;
}

#templatemo_content #content_right {
	float: left;
	width: 938px;
	margin: 0px;
	background: url(images/templatemo_content_top.jpg) top repeat-x;
}

.content_header_01 {
	font-size: 22px;
	color: #37396E;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: url(images/templatemo_horizontal_divider_01.jpg) bottom repeat-x;	
}

.detail{
	font-size: 12px;
	color: #37396E;	
}

.content_header_02 {
	font-size: 22px;
	color: #37396E;
	text-align:left;
	padding-top:10px;
	background: url(images/templatemo_horizontal_divider_01.jpg) bottom repeat-x;	
}

.content_header {
	font-size: 22px;
	color: #37396E;
	text-align:left;
	padding-top:10px;
	width:200px;
	background: url(images/templatemo_horizontal_divider_01.jpg) bottom repeat-x;	
	
}

.header {
	font-size: 22px;
	color: #37396E;
	text-align:left;
	padding-top:10px;
	width:205px;
	background: url(images/templatemo_horizontal_divider_01.jpg) bottom repeat-x;	
	
}
#content_left .content_left_section {
	clear: both;
}

.news_section {
	border-left: 10px solid #999;
	padding-left: 10px;
}

.content_left_section p {
	text-align: justify;
}

.news_date {
	font-size: 12px;
	font-weight: bold;
	color: #4895c8;
}

.news_title {
	font-size: 12px;
	font-weight: bold;
	color: #fbb239;
}

.content_left_section form {
	padding: 0px;
	margin: 10px 0 0px 0;
}

.content_left_section #search_field {
	padding: 5px 0 0 0;
	height: 20px;
	width: 255px;
	margin-bottom: 10px;
}

.content_left_section #subscribe_button {
	float: right;
	width: 106px;
 	height: 36px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	background: url(images/templatemo_button_01.png) no-repeat; 
	border: none;
}

#content_right .content_right_section {
	clear: both;
	padding:40px 0 0 0;
	}

.content_right_section p {
	text-align: justify;
	padding-bottom: 10px;
}

#content_right .content_right_280_section {
	float: left;
	width: 450px;
}

#content_right .content_right_380_section {
	float: left;
	width: 360px;
}
.content_right_280_section .image_wrapper {
	background: #333;
	padding: 9px;
	margin-bottom: 10px;
}

.content_right_280_section .image_wrapper img {
}

.content_right_280_section ul {
	margin: 10px 0 0 0;
	padding: 0px;
}

.content_right_280_section ul li {
	border-left: 5px solid #999;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	list-style:none;
}

.content_right_w620_wrapper {
	
	}

.content_right_w620_inner {
	padding: 30px 28px;
	width:880px;
	background: url(images/image_wrapper.png) no-repeat center;
	z-index:2;
}

.content_right_w620_inner .image_wrapper {
	 
	padding: 4px;
	margin-bottom: 5px;
	z-index:1;
	text-align:center;
}

.image_wrapper img {
	border: none;
}

.box_w170 {
	float: left;
	width: 160px;
	margin-left:45px;
	text-align:center;
}
/* end of content right */

/* footer */
#templatemo_footer_wrapper {
	clear: both;
	width: 938px;
	height: 80px;
	margin: 0 auto;
	background: url(images/templatemo_footer.jpg) repeat-x;
	position:relative; z-index:1;
}

#templatemo_footer {
	width: 938px;
	padding: 20px 0 0 0;
	margin: 0 auto;
	text-align: center;
	color: #CCC;
}

#templatemo_footer a {
	color: #FFF;
	
}
/* end of footer */