@charset "utf-8";
/* CSS Document */

@import url("habillage_fontface.css");

*									{ margin: 0; padding: 0; list-style-type: none; }
p									{ margin: 0 0 12px 0; }
html,body							{ width: 100%; height: 100%; }
body								{ background: url(images/BG.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
::selection 						{ background: #91C431; color: #fff; }
::-moz-selection 					{ background: #91C431; color: #fff; }

.KlavikaBoldBold 					{ font-weight: normal; font-style: normal; line-height:normal; font-family: 'KlavikaBold', sans-serif; font-size-adjust: 0.49; }
.KlavikaRegularPlain 				{ font-weight: normal; font-style: normal; line-height:normal; font-family: 'KlavikaRegularPlain', sans-serif; font-size-adjust: 0.49; }

#container							{ background: #FFF url(images/BGcontent.gif) repeat-x left top; width: 940px; min-height: 100%; margin: 0 auto 0 auto; padding: 0 30px 0 30px; position: relative; }

#language							{ position: absolute; top: 0; right: 30px; text-align: right; font-weight: bold; font-size: 12px; color: #91C431; z-index: 50; width: 300px; }
#language li 						{ color: #000; }
#language .language					{ padding: 3px 0 0 0; }
#language .language	ul				{ padding: 4px 0 0 0; display: none; }
#language .language a				{ background: url(images/language.gif) no-repeat right 3px; padding: 2px 20px 5px 0; margin: 0 0 0 0; color: #91C431; text-decoration: none; width: 100%;}
#language .language li a.UK,
#language .language li a.FR 		{ display: block; background: #FF0; padding: 3px 20px 3px 0; margin: 0; }
#language .language li a:hover.UK,
#language .language li a:hover.FR 	{ background: #000; }
#language .FR,
#language .UK						{ }

h1 a								{ background: url(images/BGh1.gif) no-repeat left top; display: block; width: 325px; height: 44px; position: absolute; top: 60px; z-index: 2; }
h1 a:hover							{ background: url(images/BGh1.gif) no-repeat left -44px; }
h1 img,
h1 a span							{ display: none; }

/* SCREEN RESOLUTION CHANGES */

#header								{ height: 101px; border-bottom: 1px solid #DDDDDD; position: relative; margin: 0 0 15px 0; }

#topmenu							{ height: 43px; position: absolute; top: 60px; right: 0; z-index: 1; }
#topmenu li							{ float: left; margin: 0 0 0 30px; }
#topmenu li	a						{ font-family: 'GothamMediumRegular'; font-size: 14px; font-weight: normal; text-transform: uppercase; text-decoration: none; color: #666; display: inline-block; height: 35px; padding: 7px 0 0 0; }
#topmenu li a:hover,
#topmenu li a.on					{ background: url(images/BGtopmenu-over.gif) repeat-x left bottom; font-weight: normal; color: #72A51F; }

#slider1 li h2						{ font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 28px; color: #999; margin: 0; }
#slider1 li h2 a					{ color: #91C431; text-decoration: none; }
#slider1 li h2 a:hover				{ background: #EEE; color: #91C431; text-decoration: none; }
#slider1 p							{ margin: 0; }
#sliderscontrols					{ border-bottom: 1px solid #DDD; padding: 0 0 10px 0; margin: 0 0 15px 0; }
#sliderscontrols #go-prev			{ background: #FFF url(images/butt-prevnext.gif) no-repeat left top; display: block; height: 13px; width: 23px; position: absolute; right: 53px; margin: 4px 0 0 0; }
#sliderscontrols #go-next			{ background: #FFF url(images/butt-prevnext.gif) no-repeat right top; display: block; height: 13px; width: 23px; position: absolute; right: 30px; margin: 4px 0 0 0; }
#sliderscontrols #go-prev:hover		{ background: #FFF url(images/butt-prevnext.gif) no-repeat left bottom; }
#sliderscontrols #go-next:hover		{ background: #FFF url(images/butt-prevnext.gif) no-repeat right bottom; }
#sliderscontrols #go-prev span,
#sliderscontrols #go-next span		{ display: none; }
#slider2 li							{ height: 110px; }

#X3homeblocks						{ border-bottom: 1px solid #DDD; padding: 0 0 15px 0; margin: 0 0 10px 0; }
#X3homeblocks h3,
#X5homeblocks h3					{ font-family: 'GothamMediumRegular', sans-serif; font-size: 17px; font-weight: normal; text-transform: uppercase; color: #666; margin: 0 0 4px 0; }
#X3homeblocks h4,
#X5homeblocks h4					{ font-family: 'GothamMediumRegular', sans-serif; font-weight: normal; text-transform: uppercase; }
#X3homeblocks p						{ margin: 0; }
#X3homeblocks li					{ float: left; width: 300px; margin: 0 20px 0 0; }
#X3homeblocks li.nomargin,
#X5homeblocks li.nomargin			{ margin: 0; }
#X3homeblocks li img				{ border: 0; opacity: 0.9;
									  /* Firefox */
									  -moz-transition-property: opacity;
									  -moz-transition-duration: 0.2s;
									  /* WebKit */
									  -webkit-transition-property: opacity;
									  -webkit-transition-duration: 0.2s;
									  /* Opera */
									  -o-transition-property: opacity;
									  -o-transition-duration: 0.2s;
									  /* Standard */
									  transition-property: opacity;
									  transition-duration: 0.2s;
									}
#X3homeblocks li .X3title			{ display: block; width: 280px; height: 28px; text-decoration: none; text-transform: uppercase; font-family: 'GothamMediumRegular'; font-size: 18px; font-weight: normal; color: #666; padding: 14px 10px 10px 10px; }
#X3homeblocks.small	li .X3title		{ font-size: 15px; }
#X3homeblocks li .X3content			{ background: #EEE url(images/more-home.gif) no-repeat right bottom; display: none; width: 280px; height: 32px; font-size: 12px; text-decoration: none; color: #333; padding: 10px; line-height: 16px; }
#X3homeblocks li:hover img			{ opacity: 1; }
#X3homeblocks li:hover .X3title		{ display: none; }
#X3homeblocks li:hover .X3content	{ display: block; }

#X5homeblocks						{ padding: 0 0 30px 0; }
#X5homeblocks li					{ background: #FFF; float: left; width: 152px; margin: 0 20px 0 0; color: #666; padding: 10px 10px 16px 10px; cursor: pointer; }
#X5homeblocks li:hover				{ background: #EEE url(images/more-home.gif) no-repeat right bottom; }
#X5homeblocks li:hover h4			{ }
#X5homeblocks li:hover p			{ color: #333; }
#X5homeblocks li p					{ margin: 0 0 4px 0; }
#X5homeblocks li h4					{ font-size: 14px; color: #91C431; margin: 0 0 3px 0; }

/* END SCREEN RESOLUTION CHANGES */



.container							{ }
span.trigger 						{ background: #666 url(images/more_bg2.gif) no-repeat left top; color: #FFF; padding: 0; margin: 0 0 20px 0; height: 13px; display: inline-block; cursor: pointer; }
span.trigger strong					{ background: url(images/more_bg2.gif) no-repeat right 2px; font-family: Arial, Helvetica, sans-serif; line-height: 11px; font-size: 12px; font-weight: normal; padding: 0 16px 0 10px; }
span.active							{ background: #91C431 url(images/more_bg2.gif) no-repeat left bottom; }
span.active	strong					{ background: url(images/more_bg2.gif) no-repeat right bottom; }
.toggle_container					{ background: #F2F2F2; overflow: hidden; clear: both; margin: 0 0 20px 0; padding: 0 20px 1px 20px; }
.toggle_container h3				{ }
.toggle-separator					{ height: 10px; margin: 0; font-size: 1px; }

#breadcrumb	li						{ float: left; color: #666; font-size: 11px; text-transform: lowercase; margin: 0 0 20px 0; }
#breadcrumb	li a					{ color: #666; text-decoration: none; }
#breadcrumb	li a:hover				{ text-decoration: underline; }
#breadcrumb	li a.on					{ font-weight: normal; color: #999; }

#leftcol							{ width: 556px; margin: 0 64px 30px 0; padding: 0; color: #666; float: left; clear: both; }
#leftcol h2							{ font-family: 'GothamMediumRegular', sans-serif; font-size: 25px; font-weight: normal; text-align: left; color: #666; margin: 0 0 12px 0; }
#leftcol h3							{ font-family: 'GothamMediumRegular', sans-serif; font-size: 20px; font-weight: normal; text-align: left; color: #91C431; margin: 0 0 4px 0; }
#leftcol .news p					{ border-left: 1px solid #DDD; padding: 0 0 0 18px; margin: 0 0 6px 0; font-size: 11px; }
#leftcol .news p.more				{ border: 0; padding: 0; margin: 0 0 27px 0; font-size: 12px; }
#leftcol .news p a					{ color: #72A51F; text-decoration: none; }
#leftcol .news p a:hover			{ text-decoration: underline; }
#leftcol .leftmenu p				{ border-left: 1px solid #DDD; padding: 0 0 0 18px; margin: 0 0 6px 0; font-size: 11px; }
#leftcol .leftmenu p.more			{ border: 0; padding: 0 0 2px 0; margin: 0 0 27px 0; font-size: 12px; }
#leftcol .more a					{ background: url(images/more.gif) no-repeat left 2px; font-size: 12px; color: #666; padding: 0 0 2px 18px; display: inline-block; }
#leftcol .more a:hover				{ background: url(images/more.gif) no-repeat left -50px; color: #72A51F; text-decoration: none; }
#leftcol a							{ color: #039; text-decoration: underline; }
#leftcol a:hover					{ text-decoration: none; }
#leftcol p							{ line-height: 21px; text-align: left; }
#leftcol ul							{ line-height: 22px; margin: 0 0 12px 0; }
#leftcol ul li 						{ background: url(images/bullet.gif) no-repeat left 8px; padding: 0 0 0 12px; }
#leftcol ul li a					{ text-decoration: none; }
#leftcol ul li a:hover				{ color: #72A51F; text-decoration: none; }
#leftcol a							{ text-decoration: none; }
#leftcol a:hover					{ color: #72A51F; text-decoration: none; }
#leftcol .right						{ text-align: right; }

.leftmenu.content ul				{ margin: 0 0 23px 0; }
.leftmenu.content ul li				{ margin: 0 0 8px 0; }
.leftmenu.content ul a 				{ background: url(images/more.gif) no-repeat left -1px; color: #999; text-decoration: none; padding: 0 0 0 20px; }
.leftmenu.content ul a.on			{ background: url(images/more.gif) no-repeat left -53px; font-weight: bold; }
.leftmenu.content ul a:hover		{ background: url(images/more.gif) no-repeat left -53px; text-decoration: underline; }
.leftmenu.content ul ul				{ margin: 4px 0 6px 0; border-left: 1px solid #DDDDDD; }
.leftmenu.content ul ul li			{ margin: 0; }
.leftmenu.content ul ul a 			{ background: none; padding: 0 0 0 20px; }
.leftmenu.content ul ul a:hover		{ background: none; }
.leftmenu.content ul ul a.on		{ background: none; color: #91C431; font-weight: bold; }

.news.content ul					{ margin: 0 0 23px 0; }
.news.content ul li					{ margin: 0 0 8px 0; }
.news.content ul a 					{ display: inline-block; background: url(images/more.gif) no-repeat left -1px; color: #999; text-decoration: none; padding: 0 0 0 20px; }
.news.content ul a:hover			{ background: url(images/more.gif) no-repeat left -53px; text-decoration: underline; }
.news.content ul a.on				{ background: url(images/more.gif) no-repeat left -53px; font-weight: bold; }
.news.content ul ul					{ margin: 0 0 6px 0; }
.news.content ul ul li				{ margin: 0; }
.news.content ul ul a 				{ background: none; padding: 0 0 0 20px; }
.news.content ul ul a:hover 		{ background: none; }

#whtp.content ul					{ margin: 0 0 3px 0; padding: 220px 0 0 0; }
#whtp.content ul li					{ background: none; margin: 0 0 8px 0; padding: 0; }
#whtp.content ul a 					{ background: url(images/dl.gif) no-repeat left -1px; color: #999; text-decoration: none; padding: 0 0 0 20px; }
#whtp.content ul a:hover			{ background: url(images/dl.gif) no-repeat left -53px; text-decoration: underline; }

#rightcol							{ background: url(images/bg_whitepaper.gif) no-repeat left 48px; width: 320px; margin: 0 0 30px 0; padding: 0; color: #333; float: left; }
#rightcol h2						{ font-family: 'GothamMediumRegular', sans-serif; font-size: 27px; font-weight: normal; text-align: left; color: #666; margin: 0 0 12px 0;  }
#rightcol h2 span					{ visibility: hidden; }
#rightcol p							{ line-height: 22px; }
#rightcol ul						{ line-height: 22px; margin: 0 0 12px 0; }
#rightcol ul li 					{ background: url(images/bullet.gif) no-repeat left 8px; padding: 0 0 0 12px; }
#rightcol ul li a					{ text-decoration: none; }
#rightcol ul li a:hover				{ color: #72A51F; text-decoration: none; }
#rightcol a							{ text-decoration: none; }
#rightcol a:hover					{ color: #72A51F; text-decoration: none; }
#rightcol .more a					{ background: url(images/more.gif) no-repeat left -49px; color: #72A51F; padding: 0 0 0 18px; text-decoration: underline; display: inline-block; }
#rightcol .more a:hover				{ background: url(images/more.gif) no-repeat left 3px; text-decoration: none; }

#footer								{ clear: both; border-top: 1px solid #DDDDDD; font-size: 11px; color: #999; padding: 17px 0 20px 0; margin: 0; }
#footer	a							{ color: #666; text-decoration: none; }
#footer	a:hover						{ text-decoration: underline; }
#footer .footer-left,
#footer .footer-mid					{ float: left; width: 200px; display: block; padding: 0 0 20px 0; }
#footer .footer-left strong,
#footer .footer-mid strong			{ font-weight: normal; color: #666; }
#footer .footer-right				{ float: right; }

.IE6								{ position: absolute; font-size: 11px; color: #09F; top: 2px; display: none; }
.IE6 a								{ color: #09F; text-decoration: underline; }
.IE6 a:hover						{ text-decoration: none; }

.tablecontent 						{ width: 100%; border: 0; margin: 0 0 12px 0; }
.tablecontent th					{ background: #E4E4E4; padding: 6px; border-bottom: 1px solid #FFF; }
.tablecontent td					{ background: #F3F3F3; padding: 4px; border-bottom: 1px solid #FFF; }

.hrseparator						{ display: block; clear: both; font-size: 1px; height: 1px; }
.visuhome							{ margin: 0 0 25px 0; }
.page_404							{ font-family: 'GothamBlackRegular', sans-serif; font-size: 90px; font-weight: normal; text-align: left; color: #EEE; margin: 120px 0 120px 0; }