/* ***** BEGIN LICENSE BLOCK *****
* This file is part of INDUXIA's work.
* Copyright (c) 2006 INDUXIA and contributors. All rights
* reserved.
*
* INDUXIA is a multimedia production company which provides highly 
* interactive, design driven and functional solutions.
* More information about our services: http://www.induxia.com/
*
* ***** END LICENSE BLOCK *****
*
* Contributor(s):
*  
*/

/* Ce fichier dfinit le style visuel pour les diffrents lments du site.
* Dans l'ordre, vous trouverez les rgles qui dfinissent l'apparence pour:
* - les lments HTML en gnral
* - la page
* - l'entte
* - le prlude
* - le contenu
* - la barre de navigation
* - le pied de page
*
* L'agengement des blocs est dfini dans le fichier layout.css
*/

@import "layout.css";


/* Les lments HTML en gnral
-------------------------------------------------------- */

html, body { margin: 0; padding: 0; height: 100%; min-width: 1000px;}

html>body #maincontainer {height:100%;} /* 100 % height */
body {
/*	background: url("../img/bg_nmeurope.gif") no-repeat center top; */
/*	background-color: #fff; */
	font: normal 9pt arial, helvetica, sans-serif;
	color: #414243;
}

/*
#maincontainer{
	background: url("../img/bg_nmeurope.gif") no-repeat center top;
}
#maincontainer.carte{
	background: url("../img/bg_nmeurope_carte.gif") no-repeat center top;
}
*/
strong, b { font-weight: bold; }

a { 
	text-decoration: none; 
	color: #F1590C;
}
a:hover {
	text-decoration: underline;
}

img { border: 0; }

p { margin: 0; padding: 0; }


/* Les styles de mise en page
-------------------------------------------------------- */

.bold { font-weight: bold; }
.small { font-size: .8em; }
.italic { font-style: italic; }
.red { color: #AC3537 !important; }
.black { color: #000 !important; }
.alignleft { text-align: left !important; }
.alignright { text-align: right !important; }
.aligncenter { text-align: center !important; }

.bluetitle { color: #54599D; }
.greytext { color: #414243; }
.bluelink { color: #293094; }

/* Les styles des diffrentes zones
-------------------------------------------------------- */

#topsection {
	margin-top: 14px;
}
.why { 
	height: 293px;
	background: url("../img/header_why.jpg") no-repeat left top;
}
.links { 
	height: 293px;
	background: url("../img/header_why.jpg") no-repeat left top;
}
.customer { 
	height: 293px;
	background: url("../img/header_customer.jpg") no-repeat left top;
}
.documents { 
	height: 293px;
	background: url("../img/header_documents.jpg") no-repeat left top;
}
.rate { 
	height: 293px;
	background: url("../img/header_rate.jpg") no-repeat left top;
}
.tips { 
	height: 293px;
	background: url("../img/header_tips.jpg") no-repeat left top;
}
.faq { 
	height: 293px;
	background: url("../img/header_faq.jpg") no-repeat left top; }
.contact { 
	height: 293px;
	background: url("../img/header_contact.jpg") no-repeat left top;
}
.home { 
	height: 350px;
	background: url("../img/header_home.jpg") no-repeat left top;
}

#topsection .innertube{
	margin: 0px;
	position: relative;
}
#topsection .innertube h1{
	display: none;
}
#topsection .innertube a.logo{
	position: absolute;
	top: 15px;
	left: 95px;
	height: 116px;
	width: 175px;
	display: block;
}
* html #topsection .innertube a.logo{
	position: absolute;
	top: 20px;
	left: 95px; /*-405px;*/
}

#contentcolumn{
}
#contentcolumn .innertube{
	margin: 30px 115px 0 97px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.main-text {
	text-align: justify;
	margin-top: 0px;
}
* html .main-text {margin-top: 8px;}

.dip-down {
	margin-top: 40px;
}
.rightshift {
	margin-left: 25px;
}
.rightshiftcontact {
	margin-left: 40px;
}

.highlite {
	color: #6C58A6;
	font-weight: bold;
}
.highlitecontact {
	color: #151B78;
	font-weight: bold;
}
.highlitecontactbig {
	color: #151B78;
	font: bold 11pt arial, helvetica, sans-serif;
	letter-spacing: -0.9px;
	padding-bottom: 5px;
	line-height: 12.0pt;
	text-align: left;
}

ul.red_dots {
	list-style-image: url("../img/puce_orange_liste.gif");
	list-style-type: circle;
	padding: 0;
	margin: 0;
	margin-left: 15px;
	}
	ul.red_dots li { margin: 0; padding: 0; }

ul.red_dots_blue_text {
	list-style-image: url("../img/puce_orange_liste.gif");
	list-style-type: circle;
	padding: 0;
	margin: 0;
	margin-left: 15px;
	color: #151B78;
	font-weight: bold;
	}
* html ul.red_dots_blue_text {margin-top: 8px;}

	ul.red_dots_blue_text li { margin: 0; padding: 0; }

.normal {
	font: normal 9pt arial, helvetica, sans-serif;
	color: #414243;
	text-align: justify;
}

	#documents-nav { 
		margin: 0;
		margin-top:20px;
		}
	* html #documents-nav {margin-left: 30px; }

	#documents-nav li { display: inline; list-style: none; margin: 0; padding: 0; }
	#documents-nav a { 
		font: bold 8pt Arial, Helvetica, sans-serif; 
		text-transform: uppercase; 
		color: #293094; 
		text-decoration: none;
		margin-right: 5px;
		padding-left: 15px; 
		background: url("../img/puce_orange.gif") no-repeat center left;
	}
	#documents-nav a:hover { color: #84ACDF; }
	#documents-nav a.sel { color: #84ACDF; }

#contentcolumn ul.textlist {
	list-style-type: none;
	margin-left: -40px;
}
* html #contentcolumn ul.textlist { margin-left: 0; }

#contentcolumn ul.textlist li {
	margin: 5px 0;
}
#contentcolumn ul.textlist li p {
	padding: 10px 0 10px 30px;
}
.level2 {
	list-style-type: lower-alpha;
	margin-left: 10px; /*-8px;*/
}
* html .level2 { margin-left: 52px; /*30px;*/ }
	
.widenumber {
	padding-right: 20px;
	color: #293094;
	font-weight: bold;
}
#disclaimer {
	width: 136px;
	height: 24px;
	background: url("../img/btn_disclaimer_over.gif") no-repeat center left;
	margin-left: 20px;
	margin-top: 6px;
}
a.disclaimer {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/btn_disclaimer.gif") no-repeat center left;
}
a.disclaimer em {
	display: none;
}
a.disclaimer:hover {
	background: none;
}

#faq-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 45px;
	margin-top: 15px;
}
#faq-list li {
	padding: 3px 0;
}

#faq-list a {
	text-decoration: none; 
	color: #3D3D80;
	font-weight: bold;
}
#faq-list a:hover {
	color: #84ACDF;
	text-decoration: none; 
	font-weight: bold;
}
#faq-list a.sel {
	text-decoration: none; 
	color: #84ACDF;
	font-weight: bold;
}
#faq-list a.sel:hover {
	color: #84ACDF;
	text-decoration: none; 
	font-weight: bold;
}


.faq-description {
	border-top: #9AB4CD 1px solid;
	margin-left: 30px;
	margin-top: 5px;
	padding-left: 14px;
	padding-top: 5px;
	text-align: justify;
}

#leftcolumn{
}
#leftcolumn .innertube{
	margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
}

#nav { 
	width: 130px; 
	margin: 0;
	margin-top: 5px;
	margin-left: 86px;
	margin-bottom: 10px;
	padding: 0; 
	list-style-type: none;
}
#nav ul { margin: 0; padding: 0; }
#nav li { margin: 0; padding: 0; }

#nav a { margin: 0; padding: 0; }
#nav em { display: none; }
#nav .menu { display: block; }

#nav .menu a {
	display: block;
	float: right;
	width: 100%;
	height: 100%;
}

#nav .menu a:hover { background: transparent none; }

#nav .over01 { width: 130px; height: 24px; background: url("../img/nav/menu_why_over.gif") no-repeat top left; }
#nav .over02 { width: 130px; height: 24px; background: url("../img/nav/menu_documents_over.gif") no-repeat top left; }
#nav .over03 { width: 130px; height: 24px; background: url("../img/nav/menu_rate_over.gif") no-repeat top left; }
#nav .over04 { width: 130px; height: 24px; background: url("../img/nav/menu_tips_over.gif") no-repeat top left; }
#nav .over05 { width: 130px; height: 24px; background: url("../img/nav/menu_faq_over.gif") no-repeat top left; }
#nav .over10 { width: 130px; height: 24px; background: url("../img/nav/menu_links_over.gif") no-repeat top left; }
#nav .over06 { width: 130px; height: 24px; background: url("../img/nav/menu_contact_over.gif") no-repeat top left; }
#nav .over07 { width: 130px; height: 18px; background: url("../img/nav/sub_menu_to_usa_over.gif") no-repeat top left; }
#nav .over08 { width: 130px; height: 22px; background: url("../img/nav/sub_menu_to_france_over.gif") no-repeat top left; }
#nav .over09 { width: 130px; height: 21px; background: url("../img/nav/sub_menu_from_france_over.gif") no-repeat top left; }

#nav .link01 { width: 130px; height: 24px; background: url("../img/nav/menu_why.gif") no-repeat top left; }
#nav .link02 { width: 130px; height: 24px; background: url("../img/nav/menu_documents.gif") no-repeat top left; }
#nav .link03 { width: 130px; height: 24px; background: url("../img/nav/menu_rate.gif") no-repeat top left; }
#nav .link04 { width: 130px; height: 24px; background: url("../img/nav/menu_tips.gif") no-repeat top left; }
#nav .link05 { width: 130px; height: 24px; background: url("../img/nav/menu_faq.gif") no-repeat top left; }
#nav .link10 { width: 130px; height: 24px; background: url("../img/nav/menu_links.gif") no-repeat top left; }
#nav .link06 { width: 130px; height: 24px; background: url("../img/nav/menu_contact.gif") no-repeat top left; }
#nav .link07 { width: 130px; height: 18px; background: url("../img/nav/sub_menu_to_usa.gif") no-repeat top left; }
#nav .link08 { width: 130px; height: 22px; background: url("../img/nav/sub_menu_to_france.gif") no-repeat top left; }
#nav .link09 { width: 130px; height: 21px; background: url("../img/nav/sub_menu_from_france.gif") no-repeat top left; }

#nav .selected01 { width: 130px; height: 24px; background: url("../img/nav/menu_why_sel.gif") no-repeat top left; }
#nav .selected02 { width: 130px; height: 24px; background: url("../img/nav/menu_documents_sel.gif") no-repeat top left; }
#nav .selected03 { width: 130px; height: 24px; background: url("../img/nav/menu_rate_sel.gif") no-repeat top left; }
#nav .selected04 { width: 130px; height: 24px; background: url("../img/nav/menu_tips_sel.gif") no-repeat top left; }
#nav .selected05 { width: 130px; height: 24px; background: url("../img/nav/menu_faq_sel.gif") no-repeat top left; }
#nav .selected10 { width: 130px; height: 24px; background: url("../img/nav/menu_links_sel.gif") no-repeat top left; }
#nav .selected06 { width: 130px; height: 24px; background: url("../img/nav/menu_contact_sel.gif") no-repeat top left; }
#nav .selected07 { width: 130px; height: 18px; background: url("../img/nav/sub_menu_to_usa_sel.gif") no-repeat top left; }
#nav .selected08 { width: 130px; height: 22px; background: url("../img/nav/sub_menu_to_france_sel.gif") no-repeat top left; }
#nav .selected09 { width: 130px; height: 21px; background: url("../img/nav/sub_menu_from_france_sel.gif") no-repeat top left; }

img.hhgfaa {
	margin-left: 85px;
}
#footer { 
	text-align: right; 
	height: 25px; 
}

	#footer ul { 
		float: right;
		margin-right: 115px;
		margin-top: 80px;
		}
	* html #footer ul { margin-right: 60px; }
	#footer li { display: inline; list-style: none; margin: 0; padding: 0; }
	#footer a { 
		text-transform: lowercase; 
		padding-left: 16px; 
		font: normal 8pt Arial, Helvetica, sans-serif; 
		color: #6E74BD; 
		text-decoration: none;
	}
	#footer a:hover { color: #000000; }
	#footer a.induxia { 
		padding-right: 23px; 
		background: url("../img/induxia_redux.gif") no-repeat center right;
	}