/* -------------------------------------------------------------- 
	
	* screen.css - monsite.com

	* @type:    Screen
	* @langue:  Français
	* @year:    2008
	* @author:  CyberGénération
	
--------------------------------------------------------------- */
	
	
	body { background: #000 url(img/bg_body.jpg) top center no-repeat; }


/* topMenu
--------------------------------------------------------------- */
	
	#mainMenu .home				{ background:url(img/mainMenu_home.png) top no-repeat; display:block; width:91px; height:65px; }
	#mainMenu .about			{ background:url(img/mainMenu_about.png) top no-repeat; display:block; width:102px; height:65px; }
	#mainMenu .solutions		{ background:url(img/mainMenu_solutions.png) top no-repeat; display:block; width:174px; height:65px; } 
	#mainMenu .clients			{ background:url(img/mainMenu_clients.png) top no-repeat; display:block; width:85px; height:65px; }
	#mainMenu .contact			{ background:url(img/mainMenu_contact.png) top no-repeat; display:block; width:146px; height:64px; }
	
	#quickMenu .language		{ background:url(img/btn_langue.png) top no-repeat; display:block; width:90px; height:28px; }


/* button
--------------------------------------------------------------- */
	
	.btn_learnMore			{ background:url(img/btn_learnMore.png) top no-repeat; display:block; width:229px; height:56px; float:right; margin:30px 10px 0 0; padding:0 }
	.btn_learnMore:hover	{ background-position:bottom }
	
	.btn_more				{ background:url(img/btn_more.png) top no-repeat; display:inline-block; width:51px; height:16px; margin:-4px 0 0 2px; position:relative; top:6px }
	.btn_demo				{ background:url(img/btn_demo.png) top no-repeat; display:inline-block; width:81px; height:16px; margin:-4px 0 0 2px; position:relative; top:6px }
	.btn_more:hover,
	.btn_demo:hover			{ background-position:bottom }


/* topColumn2
--------------------------------------------------------------- */

	#tribe 					{ background:url(img/bg_topColumn2_tribe.jpg) top no-repeat; height:auto !important; min-height:485px; height:485px;}
	
	
/* pageTitle
--------------------------------------------------------------- */
	
	#learnMore .gerer		{ background:url(img/title_gerer.png) top right no-repeat; display:block; height:74px; }
	#learnMore .stimuler  	{ background:url(img/title_stimuler.png) top right no-repeat; display:block; height:74px; }
	#learnMore .maximiser 	{ background:url(img/title_maximiser.png) top right no-repeat; display:block; height:74px; }

	#why_fantactik h3   	{ background:url(img/title_why-fantactik.png) no-repeat; display:block; width:190px; height:23px; margin:0 0 10px 198px }
	#fantactik_users h3  	{ background:url(img/title_fantactik-users.png) no-repeat; display:block; width:150px; height:23px; margin:0 0 10px 179px }
	
/* Contact form
--------------------------------------------------------------- */

	#btn_send 				{ background: url(img/btn_send.png) top left no-repeat; display:block; width:125px; height:37px; border:0 none; margin-top:-25px; float:right; cursor:pointer }
	#btn_send:hover 		{ background-position:bottom}
	
	#s_nom 					{ background:url(img/form_s_nom.png) no-repeat; padding-left:50px; width:275px }
	#s_tel 					{ background:url(img/form_s_tel.png) no-repeat; padding-left:82px; width:243px }
	#s_courriel 			{ background:url(img/form_s_courriel.png) no-repeat; padding-left:75px; width:250px }
	#s_sujet 				{ background:url(img/form_s_sujet.png) no-repeat; padding-left:55px; width:270px }
	#s_comments				{ background:url(img/form_s_comments.png) no-repeat; padding-left:8px; padding-top:30px; width:311px; height:135px; margin-top:-1px }	
	
	.footer_column1 .addthis_button		{ background:url(img/btn_partager.gif) no-repeat; }