/* @override http://mgestion.html/css/main.css */

/* main styles for metropole gestion */

body			{ font-size:70%; color:#333; font-family:Verdana; background:url(../img/body_bg.png) repeat-x; }

.hidden			{ display:none; }

#global			{ position:relative; width:1000px; margin:0 auto; overflow:hidden; }

header					{ height:72px; }
header #metropole		{ position:absolute; top:10px; left:3px; margin:0; z-index:2; }
header #metropole a		{ display:block; width:228px; height:53px; background:url(../img/logo_mg.gif) no-repeat; text-indent:-9000px; cursor:pointer; }

header nav#menu			{ width:940px; position:absolute; top:33px; left:0; text-align:center; font-size:1em; z-index:1; }
header nav#menu a		{ color:#333; border-left:1px solid #333; padding:.25em 1.1em .2em 1.3em; margin:0; }
header nav#menu a.first	{ border:none; }
header nav#menu a:hover, header nav#menu a.active	{ color:#B80000; }

header .switch			{ position:absolute; right:0; top:33px; z-index:1000; }
header .switch nav		{ float:left; padding:0 10px; position:relative; }
header .switch p span	{ padding:0 .3em 0 0; }
header .switch p strong	{ font-weight:normal; padding:2px 38px 2px 5px; border:1px solid #9F9F9F; cursor:pointer; background:url(../img/country_arrow.png) no-repeat center right; }
header .switch ul		{ margin:2px 0 0 0; padding:.3em 4px .3em 4px; float:right; text-align:right; border:1px solid #9F9F9F; background:#FFF; line-height:1.4em; font-size:.95em; position:absolute; right:10px; }
header .switch ul a		{ color:#888; display:block; clear:both; padding:.3em 35px .3em 35px; border-top:1px solid #DDD; background-position:center right; background-repeat:no-repeat; }
header .switch ul a:hover	{ color:#666; }
header .switch ul a.first	{ border:none; }

header .switch ul .france	{ background-image:url(../img/flags/france.gif); }
header .switch ul .england		{ background-image:url(../img/flags/england.gif); }
header .switch ul .deutschland	{ background-image:url(../img/flags/deutschland.gif); }
header .switch ul .switzerland	{ background-image:url(../img/flags/switzerland.gif); }
header .switch ul .spain	{ background-image:url(../img/flags/spain.gif); }
header .switch ul .luxemburg	{ background-image:url(../img/flags/luxemburg.gif); }
header .switch ul .sweden	{ background-image:url(../img/flags/sweden.gif); }
header .switch ul .italia	{ background-image:url(../img/flags/italia.gif); }
header .switch ul .belgium	{ background-image:url(../img/flags/belgium.gif); }
header .switch ul .nederlands	{ background-image:url(../img/flags/nederlands.gif); }
header .switch ul .oesterreich	{ background-image:url(../img/flags/austria.gif); }
header .switch ul .usa	{ background-image:url(../img/flags/usa.gif); }

footer			{ clear:both; height:44px; padding:20px 6px 20px 6px; }
footer nav		{ font-size:.9em; padding-bottom:1.3em; }
footer nav a, footer nav a:visited		{ color:#333; border-left:1px solid #333; padding:.25em .8em .2em 1em; margin:0; }
footer nav a.first	{ border:none; padding-left:0; }
footer nav a:hover	{ color:#B80000; }
footer #copyright	{ font-size:.85em; color:#646464; white-space:nowrap; }

h2					{ font-family:Georgia; color:#920000; font-size:1.25em; line-height:2em; }

#cgpi				{ position:absolute; top:14px; left:238px; color:#999; font-size:1em; z-index:3; }

/* standard blocks */
div.medium_block			{ width:268px; height:128px; padding:3px 5px 5px 7px; background:url(../img/home_medium_bg.png) no-repeat; overflow:hidden; }
div.big_block				{ width:268px; height:263px; padding:3px 5px 5px 7px; background:url(../img/home_big_bg.png) no-repeat; overflow:hidden; }
div.medium_block h2, div.big_block h2	{ color:#237FA6; line-height:2.6em; }
div.medium_block h2 a, div.big_block h2 a	{ display:block; }
div.medium_block h2 a span, div.big_block h2 a span	{ display:block; }
div.medium_block h2 a:hover span, div.big_block h2 a:hover span	{ background:url(../img/corner_blue.png) no-repeat top right; }
div.medium_block div.articles, div.big_block div.articles	{ margin-right:4px; }

div.articles			{ background:#E2E2E2; padding:2px 4px; }
div.articles ul			{ padding:2px 0 0 0; }
div.articles li			{ padding:0 0 4px 0; line-height:1.25em; }
div.articles li a		{ color:#333; display:block; padding:0 30px 0 0; background:url(../img/article_arrow.png) no-repeat bottom right; }div.articles li a:hover	{ color:#2B9CCC; background-image:url(../img/article_more_arrow.png); }
div.articles p			{ padding:0 0 .6em 0; line-height:1.4em; }
div.articles p.more		{ font-size:.85em; padding:0 0 1px 0; margin:0; line-height:normal; }
div.articles p.more a		{ float:left; padding:0 12px 0 0; background:url(../img/article_more_arrow.png) no-repeat center right; }

#blog					{ float:left; margin-right:8px; }
#blog h2 a				{ padding-left:16px; background:url(../img/blog.png) no-repeat center left; }
.big_block#blog ul		{ height:205px; }
.medium_block#blog ul		{ height:69px; }
.medium_block#news ul		{ height:69px; }

/* icon navs */
ul.icons				{ list-style-type:none; left:0; font-family:Georgia; font-weight:bold; font-size:1.2em; }
ul.icons li				{ width:136px; height:136px; background:#FFF url(../img/icon_bg.png) no-repeat; }
ul.icons li.top			{ background:#FFF url(../img/welcome_block_small.png) no-repeat; }
ul.icons a				{ color:#920000; line-height:2.5em; display:block; margin:3px 5px 0 7px; height:124px; background-repeat:no-repeat; background-position:bottom left; }
ul.icons a span			{ display:block; height:124px; background-position:bottom left; background-repeat:no-repeat; cursor:pointer; }
ul.icons a:hover, ul.icons a.selected		{ color:#B80000; background:url(../img/corner_red.png) no-repeat top right; }
ul.icons li.company span	{ background-image:url(../img/picto_company.jpg); }
/* ul.icons li.team span	{ background-image:url(../img/picto_team.jpg); } */
ul.icons li.team span		{ background-image:url(../img/picto_team.png); background-position:0 0; }
ul.icons li.team a:hover span, ul.icons li.team a.selected span	{ background-position:0 -124px; }

ul.icons li.expertise span	{ background-image:url(../img/picto_expertise_cgpi.jpg); }
ul.icons li.expertise.big span	{ background-image:url(../img/picto_expertise.jpg); }
ul.icons li.subscribe span	{ background-image:url(../img/picto_subscribe.png); background-position:top left; }
ul.icons li.subscribe a:hover span	{ background-image:url(../img/picto_subscribe.png); background-position:bottom left; }
ul.icons li.sri span			{ background-image:url(../img/picto_sri.jpg); }
ul.icons li.results a span		{ background-image:url(../img/picto_results.png); background-position:0 0; }
ul.icons li.results a:hover span, ul.icons li.results a.selected span	{ background-position:0 -124px; }
ul.icons li.cgpi span			{ background-image:url(../img/picto_cgpi.png); background-position:0 0; }
ul.icons li.cgpi a:hover span, ul.icons li.cgpi a.selected span	{ background-position:0 -124px; }
ul.icons li.cgpi a				{ color:#A28D80; }
ul.icons li.cgpi a:hover, ul.icons li.cgpi a.selected		{ color:#C8AE9E; background:url(../img/corner_brown.png) no-repeat top right; }
ul.icons li.partners span		{ background-image:url(../img/picto_partners.png); background-position:0 0; }
ul.icons li.partners a:hover span, ul.icons li.partners a.selected span	{ background-position:0 -124px; }
ul.icons li.trainings.big a.icon  { position:absolute; width:268px; margin-right:4px; }
ul.icons li.trainings a.icon			{  color:#A28D80; background-image:url(../img/picto_trainings.png); background-position:0 0; }
ul.icons li.trainings a.icon:hover	{ color:#C8AE9E; background-position:0 -124px; }
ul.icons li.trainings a.icon:hover span, ul.icons li.trainings a.icon.selected span		{ background:url(../img/corner_brown.png) no-repeat top right; }
ul.icons li.trainings div.info		{ float:right; width:132px; margin-top:35px; margin-right:9px; height:84px; padding:4px; font-family:Verdana; font-size:.8em; font-weight:normal; background:#C8BFBE; overflow:hidden; }
ul.icons li.trainings div.info p		{ height:56px; line-height:1.4em; padding:0 0 .8em 0; }
ul.icons li.trainings div.info p.more	{ padding:0; height:auto; }
ul.icons li.trainings div.info a		{ color:#6E6653; font-size:.9em; height:auto; margin:0; padding:0 14px 0 0; background:url(../img/trainings_more.png) no-repeat center right; float:left; }
ul.icons li.trainings div.info a:hover	{ color:#A28D80; }
ul.icons li.stats a				{ color:#3288AB; }
ul.icons li.stats a span		{ background-image:url(../img/picto_stats.png); background-position:0 0; }
ul.icons li.stats a:hover span, ul.icons li.stats a.selected span	{ background-position:0 -124px; }
ul.icons li.stats a:hover, ul.icons li.stats a.selected		{ color:#2B9CCC; background:url(../img/corner_blue.png) no-repeat top right; }
ul.icons li.letter a				{ color:#3288AB; }
ul.icons li.letter a span		{ background-image:url(../img/picto_letter_icon.png); background-position:0 0; }
ul.icons li.letter a:hover span, ul.icons li.letter a.selected span	{ background-position:0 -124px; }
ul.icons li.letter a:hover, ul.icons li.letter a.selected, ul.icons li.movies a:hover, ul.icons li.movies a.selected		{ color:#2B9CCC; background:url(../img/corner_blue.png) no-repeat top right; }
ul.icons li.press a:hover, ul.icons li.press a.selected		{ background:url(../img/corner_brown.png) no-repeat top right; }
ul.icons li.press a span		{ color:#A28D80; background-image:url(../img/picto_press.png); background-position:0 0; }
ul.icons li.press a:hover span, ul.icons li.press a.selected span	{ color:#C8AE9E; background-position:0 -124px; }
ul.icons li.assets a:hover, ul.icons li.assets a.selected		{ background:url(../img/corner_brown.png) no-repeat top right; }
ul.icons li.assets a span		{ color:#A28D80; background-image:url(../img/picto_assets.png); background-position:0 0; }
ul.icons li.assets a:hover span, ul.icons li.assets a.selected span	{ color:#D5B9A8; background-position:0 -124px; }
ul.icons li.products a span		{ background:url(../img/picto_funds.png) no-repeat top left; }
ul.icons li.products a:hover span, ul.icons li.products a.selected span	{ background-position:bottom left; }
ul.icons li.sondage a				{ color:#3288AB; }
ul.icons li.sondage a span		{ background-image:url(../img/picto_sondage.png); background-position:0 0; }
ul.icons li.sondage a:hover span, ul.icons li.sondage a.selected span	{ background-position:0 -124px; }
ul.icons li.sondage a:hover, ul.icons li.sondage a.selected		{ color:#2B9CCC; background:url(../img/corner_blue.png) no-repeat top right; }
ul.icons li.choose span	{ background-image:url(../img/picto_choose.png); background-position:top left; }
ul.icons li.choose a:hover span	{ background-image:url(../img/picto_choose.png); background-position:bottom left; }
ul.icons li.movies a				{ color:#3288AB; }

span.button			{ display:block; float:left; height:21px; background:url(../img/button_bg.png) no-repeat top left; zoom:1; overflow:hidden; }
span.button input	{ display:block; border:none; height:21px; padding:0 18px 0 6px; background:url(../img/button_right.png) no-repeat top right; color:#FFF; font-size:1em; font-weight:bold; overflow:visible; }

#global_disclaimer					{ clear:both; background:#E2DDD0; margin:0 0 16px 0; padding:10px; font-size:.9em; position:absolute; z-index:9990; top:0; left:0; right:0; height:100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#global_disclaimer p.title  { font-size:1.2em; padding-bottom:.6em; }
#global_disclaimer p				{ line-height:1.6em; }
#global_disclaimer_overlay        { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:10000; /* opacity in the js */ }
#global_disclaimer.overlayed      { position:absolute; top:100px; width:700px; left:50%; margin:0 0 0 -350px; z-index:10001; background:#FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#global_disclaimer div.buttons		{ padding:18px 0 10px 0; }
#global_disclaimer a.button			  { display:block; float:left; height:21px; background:url(../img/button_bg.png) no-repeat top left; margin:0 10px 0 0; line-height:20px; }
#global_disclaimer a.button span	{ display:block; border:none; height:21px; padding:0 18px 0 6px; background:url(../img/button_right.png) no-repeat top right; color:#FFF; font-size:1em; font-weight:bold; }

/* USA */

ul.icons li.usa-company span	{ background-image:url(../img/picto_company.jpg); }

ul.icons li.usa-team span		{ background-image:url(../img/picto_team.png); background-position:0 0; }
ul.icons li.usa-team a:hover span, 
ul.icons li.usa-team a.selected span	{ background-position:0 -124px; }


ul.icons li.usa-letter-sri a				{ color:#3288AB; }
ul.icons li.usa-letter-sri a span		{ background-image:url(../img/picto_letter_icon.png); background-position:0 0; }
ul.icons li.usa-letter-sri a:hover span, 
ul.icons li.usa-letter-sri a.selected span	{ background-position:0 -124px; }
ul.icons li.usa-letter-sri a:hover, 
ul.icons li.usa-letter-sri a.selected		{ color:#2B9CCC; background:url(../img/corner_blue.png) no-repeat top right; }

ul.icons li.usa-letter a				{ color:#3288AB; }
ul.icons li.usa-letter a span		{ background-image:url(../img/picto_letter_icon.png); background-position:0 0; }
ul.icons li.usa-letter a:hover span, 
ul.icons li.usa-letter a.selected span	{ background-position:0 -124px; }
ul.icons li.usa-letter a:hover, 
ul.icons li.usa-letter a.selected		{ color:#2B9CCC; background:url(../img/corner_blue.png) no-repeat top right; }

ul.icons li.usa-sri-approach span			{ background-image:url(../img/picto_sri.jpg); }

ul.icons li.usa-expertise span	{ background-image:url(../img/picto_expertise_cgpi.jpg); }