/* Interpartners Worldwide */

/* *** FONTS *** */
/*

	Menu :			Lucida Grande (99% des Mac)
					Lucida Sans Unicode (98% des Win)
					Verdana
					Helvetica
					#Color : gris (#666), actif (gris clair : #969696), hover (blanc sur fond gris)
					text-shadow en CSS3
	Titre : 		Futura (image, Fontjazz ou CSS3)
					#Color :  #D20035 (rouge)
	Intertitre : 	Trebuchet MS (99% des Win, 94% des Mac) 
					#Color : bleu (#11658F) ou rouge (#D20035)
	Texte : 		Lucida Grande (99% des Mac)
					Lucida Sans Unicode (98% des Win)
					Verdana
					Helvetica
					#Color : gris (#666) ou bleu (#11658F)
		
	Stats : 		http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml	
	
	
	// IE6
	La class hover dans le menu est ajouté via jquery pour gérer IE6
	
	// HTML
	Le header html peut être placé n'importe ou dans le div#website
	La colonne de texte dans le div#content peut être placée avant ou après la colonne #hightlighted
	
*/

.clear						{	clear:both; height:1px; }
a							{ 	cursor:pointer; }

@font-face 					{	font-family: Futura; font-style: normal; font-weight: normal;
								src: url('../font/Futura-Light.eot');
								src: local('Futura Light'), url('../font/Futura-Light.ttf') format('opentype'); }
@font-face 					{	font-family: Futura; font-style: normal; font-weight: bold;
								src: url('../font/Futura-Bold.eot');
								src: local('Futura Bold'), url('../font/Futura-Bold.ttf') format('opentype'); }							


body						{ 	text-align:center; 
								font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
								font-size:12px; line-height:17px; color:#666; }

#website					{	width:960px; text-align:left; margin:0 auto; position:relative; 
								padding-top:325px; margin-bottom:40px; padding-bottom:20px;
								border:1px solid #F1F1F1; border-top:none; }

/* ****** HEADER ****** */					
#header						{	position:absolute; top:0; left:0; width:960px; height:324px; 
								background:url("../images/bk-header.jpg") no-repeat 0 0; }

/* logo */
#header	#logo				{	background:url("../images/logo.gif") no-repeat 0 0; width:189px; height:51px;
								position:absolute; top:150px; left:80px; z-index:1; }
#header	#logo span			{	display:none; }			

#header	#logo_back				{	background:url("../images/logo-back.gif") no-repeat 0 0; width:189px; height:80px;
								position:absolute; top:150px; left:80px; z-index:1; }
#header	#logo_back span			{	display:none; }			

/* navigation */								
#header #nav 				{	height:72px; text-shadow:0 1px #fff; font-size:12px; /* ie6 bug z-index => */ z-index:999; zoom:1; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif }
#header .level-1 			{	display:inline; }
#header .level-1 li			{	float:left; position:relative; height:72px; }
#header .level-1 a			{	display:block; line-height:70px; height:71px; padding:0 31px; _float:left;
								border-right:1px solid #E2E2E2; border-left:1px solid #C3C3C3; color:#666; }
#header .level-1 a.active	{	color:#D70137;	/*color:#969696;*/ }								
#header .level-1 li:hover a,
#header .level-1 li.hover a	{	background:url("../images/bk-menu-hover.jpg") repeat-x; color:#fff; text-shadow:0 1px #000; }								
#header .level-1 li.first a	{ 	border-left:none; }
#header .level-1 li.last a	{ 	border-right:none; padding-right:36px;}								
#header .level-1 a span		{	background:url("../images/ico-arrow-menu.gif") no-repeat 0 50%; padding-left:16px; }

#header .level-2 			{ 	display:none; background:#535353; z-index:999; text-shadow:0 1px #000;
								position:absolute; top:72px; left:1px; padding:10px 0; }
#header .level-2 li			{ 	float:none; /*padding:8px 0;*/ height:auto; clear:both; display:block; white-space:nowrap; }
#header .level-2 li a		{ 	line-height:normal; height:auto; padding:8px 40px 8px 45px; display:block; 
								/*display:inline;*/ white-space:nowrap; color:#fff; border:none; background:transparent url("../images/ico-arrow-ssmenu.gif") no-repeat 27px 50%; }							
#header .level-2 li a span	{	white-space:nowrap; background:none; padding-left:0; }							
#header li:hover .level-2 a,
#header li.hover .level-2 a	{ 	background:#535353 url("../images/ico-arrow-ssmenu.gif") no-repeat 27px 50%; }
#header .level-1 .level-2 li a.active,
#header .level-1 .level-2 li a:hover	{ background:#8F8F8F url("../images/ico-arrow-ssmenu-hover.gif") no-repeat 27px 50%; }
#header .level-1 .level-2 li a.active span,
#header .level-1 .level-2 li a:hover span	{ /*background:url(../images/ico-arrow-ssmenu-hover.gif) no-repeat 27px 50%;*/ }
#header .level-1 li:hover .level-2,
#header .level-1 li.hover .level-2	{ display:block; }

/* info bulle */
#header #bulle				{	background:url("../images/bk-bulle.png") no-repeat 0 0;
								_background:url("../images/bk-bulle-ie.jpg") no-repeat 0 0; /* IE6 */
								height:90px; width:110px;
								padding:35px 25px; text-align:center;
								position:absolute; right:18px; top:152px; }
/*#header #bulle p			{	color:#fff; font-size:20px; text-shadow:0 1px #666; line-height:20px; }								
#header #bulle p.links		{	font-size:14px; margin-top:10px; text-shadow:none; }
#header #bulle p.links a	{	font-size:13px; color:#fff; background:url("../images/ico-arrow-bulle.gif") no-repeat right 50%; padding-right:15px; }*/

#header #bulle p			{	color:#fff; font-size:20px; text-shadow:0 1px #666; /*line-height:20px;*/ }								
#header #bulle p.links		{	font-size:12px; margin-top:6px; text-shadow:none; }
#header #bulle p.links a	{	font-size:12px; color:#fff; /*background:url("../images/ico-arrow-bulle.gif") no-repeat right 50%; padding-right:15px;*/ }


/* ****** CONTENT ****** */
#content					{	}

/* colonne de gauche */
#content #highlighted		{	width:270px; color:#11658F; float:left; }
#content #highlighted .colonne	{ margin-bottom:25px; }
#content #highlighted ul	{	list-style:url("../images/ico-arrow-highlighted.gif"); padding:10px 0 10px 30px; line-height:18px; }
#content #highlighted li	{	margin:5px 0; text-align:justify;}
#content #highlighted h3	{	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
								font-size:22px; line-height:25px; font-weight:normal; margin-left:30px; }
#content #highlighted .links	{ text-align:right; font-weight:bold; }
#content #highlighted .links:before	{ content:'... '; }
#content #highlighted .links a		{ color:#11658F; }

#content #highlighted .title	{ font-weight:bold; }
#content #highlighted .title a		{ color:#11658F; }


/* MEET PARTNERS EN CSS3 AVEC DEGRADATION LEGERE SOUS IE */
/*#content #highlighted .meetpartner	{ 	border:1px solid #D9D9D9; margin-left:30px; width:217px; padding:8px; display:block;
										-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom:15px; 
										background-image: -moz-linear-gradient(top, #F3F3F3, #FEFEFE);
										background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F3F3F3),color-stop(1, #FEFEFE)); 
										filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#FEFEFE'); 
										-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#FEFEFE')"; }
#content #highlighted .meetpartner p{ 	background:url(../images/meet-parents.gif) no-repeat 0 0; margin:5px 30px; padding-left:70px; 
										height:48px; padding-top:5px; color:#4D4D4D; line-height:20px;
										font-family:"Futura", Verdana, Arial, Helvetica, sans-serif; font-size:22px; }	
#content #highlighted .meetpartner p strong	{	display:block; color:#11658F; }*/

/* MEET PARTNERS EN IMAGE */
#content #highlighted .meetpartner	{ 	background:url("../images/illu-meetpartners.jpg") no-repeat 0 0; width:240px; margin-left:30px; height:90px; margin-bottom:15px; display:block; }
#content #highlighted .meetpartner p{ 	display:none; }

#content #highlighted .markets_trends	{ 	background:url("../images/illu-markets-trends.jpg") no-repeat 0 0; width:240px; margin-left:30px; height:90px; margin-bottom:15px; display:block; }
#content #highlighted .markets_trends p{ 	display:none; }

#content #highlighted .contactus	{ 	background:url("../images/illu-contactus.jpg") no-repeat 0 0; width:240px; margin-left:30px; height:90px; margin-bottom:15px; display:block;}
#content #highlighted .contactus p	{ 	display:none; }										

/* contenu texte */
#content #colonne-texte  {	width:480px; float:right; margin-right:120px; _margin-right:60px; }
#content #colonne-texte-seule	{	padding:0 20px; }

#content #colonne-texte h1, #content #colonne-texte-seule h1	{	font-family:"Futura", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
								font-size:50px; line-height:55px; /*font-size:35px; line-height:40px; */color:#D20035; margin:0 0 35px 0; 
								font-weight:normal; text-transform:uppercase; }
#content #colonne-texte h1 strong, #content #colonne-texte-seule h1 strong	{	display:block; }								
#content #colonne-texte h2, #content #colonne-texte-seule h2	{	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
								font-size:20px; color:#D20035; line-height:25px; margin:15px 0 25px 0; font-weight:normal; }
#content #colonne-texte h3, #content #colonne-texte-seule h3  { color:#D20035; font-weight:bold; font-style:italic; font-size:12px; }
#content #colonne-texte p, #content #colonne-texte-seule p	{	line-height:17px; margin:10px 0; }
#content #colonne-texte .important, #content #colonne-texte-seule .important{ color:#D20035; font-weight:bold; font-style:italic; font-size:12px; }
#content #colonne-texte #form_contact label, #content #colonne-texte-seule #form_contact label{ float:left; width:150px; }
#content #colonne-texte hr, #content #colonne-texte-seule hr { color:#D20035; background-color:#D20035; height:1px; border:0; }

#content #colonne-texte a, #content #colonne-texte-seule a { color:#11658F; text-decoration:underline; }
#content #colonne-texte a:hover, #content #colonne-texte-seule a:hover { color:#D20035; text-decoration:none; }

#content #colonne-texte .pdf_file, #content #colonne-texte-seule .pdf_file { background:url(../images/pdf.png) no-repeat 0 0; padding-left:20px; }

#content #colonne-texte a.open, #content #colonne-texte a.close { text-decoration:none; color:#D20035; }
#content #colonne-texte .open_close { float:right; margin-bottom:10px; }

#content #colonne-texte .network-highlight p img { padding:5px; border:0; }

input.large { width:400px; }
input.medium { width:200px; }

/* ****** FOOTER ****** */
#footer						{ 	position:absolute; bottom:-20px; right:10px; }