@charset "utf-8";

/*###################################################################
###########                     GLOBALS                   ###########
###################################################################*/


/*###################################################################
###########                   CONTAINERS                  ###########
###################################################################*/

	#upper_content_inner {
		background: url(images/french/upper_content_bg_main.jpg) top left no-repeat;
	}



/*###################################################################
###########                    CONTENT                    ###########
###################################################################*/
	
	#item_1 { width: 270px; padding: 15px 0 0 2px; }
	#item_2 { width: 190px; padding: 15px 0 0 2px; }
	#item_3 { width: 267px; padding: 15px 0 0 2px; }
	#item_4 { width: 165px; padding: 15px 0 0 2px; }
	
	div.menu_item_text {
		width: 150px;
		height: 25px;
		background: url(images/french/upper_content_menu_titles_sprite.png) top left no-repeat;
	}
		#item_1 .menu_item_text { 
			width: 161px; 
			height: 24px;
			background-position: 0 -100px; 
		}
		#item_1:hover .menu_item_text, #item_1:active .menu_item_text { background-position: 0 0; }	
		.currentItem #item_1 .menu_item_text { background-position: 0 0; }		
			
		#item_2 .menu_item_text { 
			width: 97px; 
			height: 24px; 
			background-position: 0 -125px; 
		}
		#item_2:hover .menu_item_text, #item_2:active .menu_item_text  { background-position: 0 -25px; }
		.currentItem #item_2 .menu_item_text { background-position: 0 -25px; }
			
		#item_3 .menu_item_text { 
			width: 158px; 
			height: 24px; 
			background-position: 0 -150px; 
		}
		#item_3:hover .menu_item_text, #item_3:active .menu_item_text  { background-position: 0 -50px; }
		.currentItem #item_3 .menu_item_text { background-position: 0 -50px; }
			
		#item_4 .menu_item_text { 
			width: 62px; 
			height: 24px;
			background-position: 0 -175px; 
		}
		#item_4:hover .menu_item_text, #item_4:active .menu_item_text  { background-position: 0 -75px; }
		.currentItem #item_4 .menu_item_text { background-position: 0 -75px; }
			
			
	#upper_content_inner_solution_left table { width: 380px; }
	#upper_content_inner_solution_left table td { 
		height: 33px; 
		padding: 0 5px 0 5px; 
		font-size: 0.9em;
		vertical-align: middle; 
	}
			
			

/*###################################################################
###########                 WONG SCENARIO                 ###########
###################################################################*/		

	.wong_table_value {
		background: url(images/french/scenario_wong_table_values_sprite.png) no-repeat top left;
	}		



/*###################################################################
###########                SANTOS SCENARIO                ###########
###################################################################*/		

	.santos_table_value {
		background: url(images/french/scenario_santos_table_values_sprite.png) no-repeat top left;
	}
	

/*###################################################################
###########                CALEYS SCENARIO                ###########
###################################################################*/		

	.caley_table_value {
		background: url(images/french/scenario_caley_table_values_sprite.png) no-repeat top left;
	}
	
	

/*###################################################################
###########                BARTON SCENARIO                ###########
###################################################################*/		

	.barton_table_value {
		background: url(images/french/scenario_barton_table_values_sprite.png) no-repeat top left;
	}
		
		
		
/*###################################################################
###########                     TABS                      ###########
###################################################################*/

	ul.tabs a {
		padding-top: 0;
		height: 30px;
	}
	ul.tabs a:hover, ul.tabs a:active  { height: 30px; background-position: 0 -64px; outline:none; }
		
		ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
			height: 31px;
		}

	ul.tabs a .tab_titles {
		margin: 0 auto;
		margin-top: 0;
		background: url(images/french/content_lower_tabs_titles_sprite.png) no-repeat top left;	
		cursor: pointer !important;
	}
	ul.tabs a.current .tab_titles { cursor: default !important; }
		#tab_title_1 { width: 99px; height: 28px; background-position: 0 0; }
		ul.tabs a:hover #tab_title_1, ul.tabs a:active #tab_title_1 { background-position: 0 0; }
		ul.tabs a.current #tab_title_1, ul.tabs a.current:hover #tab_title_1, ul.tabs li.current a #tab_title_1 {
			background-position: 0 -87px;
		}		
		
		#tab_title_2 { width: 99px; height: 28px; background-position: 0 -29px; }
		ul.tabs a:hover #tab_title_2, ul.tabs a:active #tab_title_2 { background-position: 0 -29px; }
		ul.tabs a.current #tab_title_2, ul.tabs a.current:hover #tab_title_2, ul.tabs li.current a #tab_title_2 {
			background-position: 0 -116px;
		}	
		
		#tab_title_3 { width: 80px; height: 28px; background-position: 0 -58px; }
		ul.tabs a:hover #tab_title_3, ul.tabs a:active #tab_title_3 { background-position: 0 -58px;; }
		ul.tabs a.current #tab_title_3, ul.tabs a.current:hover #tab_title_3, ul.tabs li.current a #tab_title_3 {
			background-position: 0 -145px;
		}	


	#tabs_pane_3 { height: 225px; padding: 8px 10px 0 205px; } 
	
	
	
/*###################################################################
###########                     STACK                     ###########
###################################################################*/
	
	#stack .tab #stack_title_calculator { 
		width: 181px; 
		background: url(images/french/stack_title_1_d.gif) top left no-repeat; 
	}
	#stack .tab #stack_title_checklist { 
		width: 144px;  
		background: url(images/french/stack_title_2_d.gif) top left no-repeat; 
	}
	#stack .tab #stack_title_faq { 
		width: 138px; 
		background: url(images/french/stack_title_3_d.gif) top left no-repeat; 
	}
	
	
/*###################################################################
###########                   OVERLAYS                    ###########
###################################################################*/
	
	.overlay {  
		width: 600px;     
		min-height: 500px;     
	} 	
	
	.overlay .close {  
		right: 28px; 
		top: 28px;  
	}
			
	#overlay_calculator #overlay_calc_total_text { width: 55%; margin: 10px 25px 0 5px; text-align: right; }
	#overlay_calculator #overlay_calc_total { 
		margin: 20px 25px 0 50px; 
		vertical-align: middle;
	}
	
	.overlay_contact_inner { margin: 10px 10px 10px 130px; }
	
				

/*###################################################################
###################################################################*/