@import "reset.css";
@import "typo.css";
@import "images.css";
@import "block.css";
@import "links.css";

@media screen, print {
	body {
		text-align: center;
		background: #ffffff;
	}	

/* ############ start structure ############*/

	div#main {
		width: 767px;
		margin: 0 auto;
		
		text-align: left;
	}
		
	div.header {
		margin-bottom: 0.8em;

		font-size: 8pt;
		color: #ffffff;
	}
	
	div.header div.top_static {
		position: relative;
		height: 60px;
				
		background: url("/img/en/headers/top_static.jpg");
	}
	
	/* ##### français */
	body.fr div.header div.top_static {
		background: url("/img/fr/headers/top_static.jpg");
	}
	
		div.nav_home {
			position: absolute;
			
			left: 0px;
			top: 0px;
			
			background: transparent;
			width: 160px;
		}
		
		div.nav_home a {
			display: block;
			
			height: 60px;
		}
		
		div.nav_french {
			position: absolute;
			
			left: 702px;
			top: 3px;
			
			text-align: right;
		}
		
		div.nav_ewayTab {
			position: absolute;
			
			left: 642px;
			top: 40px;
			
			background: transparent;
			width: 120px;
		}
		
		div.nav_ewayTab a {
			display: block;
			
			height: 16px;
		}

	div.header .topDate {
		float: left;
		
		padding: 4px 8px;
	}
	
	div.header div.top_nav {
		float: left;
		
		width : 100%;
		
		background: #336699;
	}
	
	
	div.header div.search_panel_out {
		padding-bottom: 8px;
		
		background: url("../img/bottom_round0.gif") bottom no-repeat;
	}
	
		
	div.header div.search_panel_in {
		padding-top: 8px;
		padding-left: 8px;
		border-left: 1px #999999 solid;
		border-right: 1px #999999 solid;
		
		background: #ECECEC;
	}
	
	div.data {
		clear: right;
		
		padding-bottom: 4em;
		border-bottom: 1px #999999 solid;
	}

	div.data div.mainLeft_panel{
		float: left;
				
		width: 160px;
		margin-right: 12px;
	}
	
	
	div.data div.mainRight_panel {
		float: left;
		
		width: 575px;
	}
		
	div.mainRight_panel #main_swf {
		margin-bottom: 1.6em
	}
	
	div.mainRight_panel div.main_text {
		margin-top: 1.6em;
		margin-bottom: 2em;
	}
	
	div.mainRight_panel div.main_text p {
		margin: 12px 0;
		
		text-align: justify;
	}
	
	/* start IE hack */
	* html div.mainRight_panel #main_swf {
		margin-left: -3px;
	}
	/* end IE hack */
	
	div.footer {
		padding: 1.2em 0;
		
		text-align: center;
	}
	
	
/* ############ end structure ############*/



	
/* ############ start regular lists ############ */
	
	dl.contestMonths dt {
		width: 200px;
		
		padding-bottom: 0.2em;
		margin: 0.8em 0;
		border-bottom: 1px #336699 dotted;
				
		font-size: 1.6em;
		color: #336699;
	}
	
	dl.contestCities dt {
		padding-bottom: 0;
		margin-bottom: 0.2em;
		border-bottom: 0;
				
		font-size: 1em;
		font-weight: 700;
	}
	
	dl.customers dt {
		margin-bottom: 0.8em;
	}
	
	dd {
		margin-bottom: 1.4em;
		
		text-align: justify;
	}
	
	li {
		-moz-float-edge: content-box;
	}
	
	ol.numeric {
		padding-left: 2em;
		
		list-style-type: decimal;
	}
	
	* html ul.searchResults {
		width: 570px;
	}
	
	ul.sml_margin li {
		margin: 1em 0;
	}
	
	ul.common {
		padding-left: 2em;
		margin: 12px 0;

		list-style-type: disc;
	}
	
	/*### start left news list ### */
	ul.left_news_list li {
		margin-bottom: 0.2em;
		
		font-size: 0.9em;
	}
	/*### start left news list ### */
	
	
	/*### start left link list ### */
	ul.left_link_list {
		padding-left: 1em !important;
		_padding-left: 1.4em;
		
		list-style: square;
	}
	
	ul.left_link_list li {
		margin-bottom: 0.1em;
		
		font-size: 0.9em;
	}
	/*### end left link list ### */
	
	
/* ############ end regular lists ############ */




/* ############ start navigation lists ############ */
	
	
	/* ### start top main navigation ###*/
	ul#main_nav {
		float: right;
		padding: 2px 0;
		position: relative;
		
	}
	
	ul#main_nav * {z-index: 100px;}
	
	ul#main_nav li {
		position: relative;
		float: left;
	}
	
	html body ul#main_nav li a {display : block; line-height: 13px;}
	
		/*### sub menus ### */
		ul#main_nav li ul {
			position: absolute; 
			display: none;
						
			top: 17px;
			left: 0px;
			
			background-color: #336699;
		}
		
		/* sub's sub */
		ul#main_nav li ul ul {
			top: 0px;
			left: 154px;
			z-index: 1;
						
			background-color: #336699;
		}
		
		/* ie hack */* html ul#main_nav li ul ul {
			/*left: 149px;*/
		}
		
		/* hack */
		li>ul {
			top: auto;
			left: auto;
		}
		
		/* ### placing far right submenus ### */
		ul#main_nav li.nav_careers ul {
			left: -104px;
		}
		
		
		/* ###### français */
		body.fr ul#main_nav li.nav_careers ul {
			left: -24px;
		}
		
		/* ie hack * html ul#main_nav li.nav_careers ul {
			left: -97px;
		}*/
		
		ul#main_nav li.nav_support ul {
			left: -19px;
		}
		
		
		/* ###### français */
		body.fr ul#main_nav li.nav_support ul {
			left: auto;
		}
		
		/* ie hack * html ul#main_nav li.nav_support ul {
			left: -19px;
		}*/
		
		/* ### sub menu widths ### */
		li ul {
			width: 156px;
		}
		
		li ul ul {
			width: 106px;
		}
		
		ul#main_nav li:hover ul ul {
			display: none;
		}
		
		ul#main_nav li:hover ul, ul#main_nav ul li:hover ul {
			display: block;
		}
		
		ul#main_nav li ul li {
			display: block;
			float: none;
			
			border-left: 1px #6699CC solid;
			border-bottom: 1px #6699CC solid;
						
			background-color: #336699;
		}
		
		ul#main_nav li ul li ul li {
			background-color: #6699CC;
			
			border-left: 1px #336699 solid;
			border-bottom: 1px #336699 solid;
		}
		/* ### end sub menus ### */
		
		
		
	/* ### end top main navigation ###*/
	
	/* ### start footer navigation ###*/
	ul.nav_footer {
		margin-top: 0.6em;
		
		white-space: nowrap;
	}
	
	ul.nav_footer li {
		display: inline;
		
		padding: 0 0.6em;
		border-right: 1px solid;
	}
	
	ul.nav_footer li.last {
		border-right: 0;
	}
	/* ### end footer navigation ###*/
	
	/* ### start locations navigation ###*/
	ul.nav_loc {
		text-align: center;
	}
	
	ul.nav_loc li {
		display: inline;
		
		padding: 0 0.6em;
	}
	/* ### end locations navigation ###*/
	
	
	
/* ############ end navigation lists  ############ */




/* ############ start forms ############ */

	input, select, option, textarea {
		background: #ECECEC;
		
		font-size: 1em;
		color: #000000;
	}
	
	input, select {
		padding: 1px;
		border: 1px #999999 solid;
	}
	
	input.searchInput {
		background: #ffffff;
	}
	
	label {
		display: block;
		
		margin-bottom: 0.2em;
	}	
	
	/* ### start search form ### */
	form.site_search {
		float: right;
		
		width: 21.5em;
		padding-right: 0.7em;
		margin-top: -2px;
		
		text-align: right;
	}
		
	
	form.site_search input.submit {
		padding: 0 4px !important;
		padding: 0;
		border-top: 1px #cccccc solid;
		border-right: 1px #333333 solid;
		border-bottom: 1px #333333 solid;
		border-left: 1px #cccccc solid;
		background: #999999;

		color: #ffffff;		
	}
	
	form.requestForm input.submit {
		border-top: 1px #cccccc solid;
		border-right: 1px #333333 solid;
		border-bottom: 1px #333333 solid;
		border-left: 1px #cccccc solid;
	}
	/* ### end search form ### */
	
	
	/* ### start other countries form ### */
	form#other_countries {
		margin-bottom: 1em;
	}
	
	form#other_countries select {
		width: 140px;
	}
	/* ### end other countries form ### */
	
	
/* ###### end forms ######*/

	
	
	
/* ###### start feature panels ###### */
	div.feature_panel, div.ad_panel {
		margin-bottom: 0.8em;
	}
	
	div.feature_panel h4 {
		height: 20px;
	}
	
	div.feature_panel h4.new {
		background-image: url("../img/en/headers/what_new.gif");
	}
	
	div.feature_panel h4.elinks {
		background-image: url("../img/en/headers/exp_links.gif");
	}
	
	div.feature_panel h4.catalogue {
		background-image: url("../img/en/headers/catalogue.gif");
	}
	
	body.fr div.feature_panel h4.new {
		background-image: url("../img/fr/headers/what_new.gif");
	}
	
	body.fr div.feature_panel h4.elinks {
		background-image: url("../img/fr/headers/exp_links.gif");
	}
	
	body.fr div.feature_panel h4.catalogue {
		background-image: url("../img/fr/headers/catalogue.gif");
	}
	
	div.feature_panel .panel_data {
		padding: 8px;
		border-style: solid;
		border-width: 0 1px 1px 1px;
		border-color: #999999;
		
		background: #ececec;
	}
	
	/*### start ad panels ###*/
	div.ad_panel {
		
	}
	/*### end ad panels ###*/
	
/* ###### end solution panels ###### */
	
	/* ### start solutions listing ###*/
	div.solution_panel_outer {
		text-align: center;
	}
	
	.solution_panel {
		width: 409px;
		height: 138px;
		margin: 0 auto;
						
		position: relative;
		
		border-collapse: collapse;
					
		text-align: left;
		font-size: 9pt;
		
		background-image: url("../img/panel.gif");
	}
	
	/* ###### français */
	body.fr .solution_panel {
		height: 171px;
		
		background-image: url("../img/panelFr.gif");
	}
	
	.solution_panel a.panel {
		display: block;
		position: absolute;
		
		width: 119px;
		height: 58px;
		padding: 8px;
		background: #fff;
	}
	
	* html .solution_panel a.panel {
		width: 135px;
		height: 74px;
	}
	
	* html .solution_panel a.panel:hover {
		cursor: pointer;
	}
	
	.solution_panel a.small {
		top: 25px;
		left: 1px;
	}
	
	.solution_panel a.mid {
		top: 25px;
		left: 137px;
	}
	
	.solution_panel a.lrg {
		top: 25px;
		left: 273px;
	}
		
		.solution_panel a.panel p.data {
			height: 74px;
		}
		
		
		/* ###### français */
		body.fr .solution_panel a.panel p.data {
			height: 108px;
		}
		
		
		.solution_panel a.panel p.more {
			margin-top: 0.4em;
			
			text-align: right
		}

/* ###### end solution panel ###### */


/* ##### site ####### */
.greenTable
{
	border-color:#557218;
	border-style:solid;
	border-width:2;
	background-color:#D8E3C0;
}

.noBorder
{
	border-style:none;
	border-width:0;
}

.arial14NoirBold
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #000000;
}

.arial14Noir
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
}

.arial16NoirBold
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #000000;
}

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

.arial10NoirBold
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #000000;
}

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

.JustifyText
{
	text-align:justify;	
}
	
	
}

@media print {
	.header {
		visibility: hidden;
		display: none;
	}
	
	.mainLeft_panel {
		display: none;
	}
	
	.footer {
		display: none;
	}
}