/**
 * Copyright 2009 Cedric Michaux (cedric@he8us.be)
 */

 /**
 * Css Reset
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}

body { line-height: 1;}
 
ol, ul { list-style: none;}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}

input, select, textarea{font-size: 100%}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}

a:hover{text-decoration: none;}


/**
 * Define tags display
 */
p{margin: 10px 0;}


/**
 * Defining the sprite
 */

body,
.trigger a img,
.content .arrowdraw,
#giveAChance_choose,
#giveAChance_choose .next_link,
.bird_col3,
ul#partnersList li,
ul#historic li,
ul#young li,
#container #rightPart #logo img,
.share,
.share .add2any_button a img,
#container #rightPart #giveAChance_tellYourFriends,
#container #rightPart #newsletter_bird,
#overlay .submit,
#container #rightPart #newsletter .submit,
#partners .partnersMap,
#forucix .forucixMap,
.col_1 h2,
.col_2 h2,
.col_3 h2,
.col_4 h2,
.col_5 h2,
#overlay .close{background: url(images/sprite_all.gif) no-repeat left top;}


.allwidth{background: url(images/sprite_big.jpg) no-repeat left top;}



/**
 * General Classes
 */

h2, h3{text-transform: none;}
h2 {font-size:20px; font-weight:normal;}
	h2 strong {font-size:26px; font-weight:bold;}
.col_1 h2 {background-position: 368px -320px; padding-top:36px; margin-top:10px; margin-bottom:26px;}
.col_2 h2 {background-position: 314px -455px; padding-top:29px; margin-top:17px; margin-bottom:26px;}
.col_3 h2 {background-position: 301px -618px; padding-top:35px; margin-top:0; margin-bottom:14px;}
.col_4 h2 {background-position: 300px -780px; padding-top:34px; margin-top:17px; margin-bottom:26px;}
.col_5 h2 {background-position: 222px -915px; padding-top:26px; margin-top:17px; margin-bottom:28px;}

strong{font-weight:bold}

ul#partnersList li { padding:10px 0; background-position: -158px -64px; text-indent:38px;}

ul#partnersList li a{ font-size:12px; font-weight:bold; color:#336699; text-decoration:none; border-bottom:1px solid #999999;}

ul#historic li { padding:10px 0; background-position: -158px -290px; text-indent:20px;}
ul#historic li a{ font-size:12px; font-weight:bold; color:#000; text-decoration:none; border-bottom:1px solid #999999;}

ul#young li { padding:10px 0; background-position: -158px -385px; text-indent:20px;}
ul#young li a{ font-size:12px; font-weight:bold; color:#000; text-decoration:none; border-bottom:1px solid #999999;}

h3 {font-size:18px; font-weight:normal;}
	h3 strong {font-size:24px; font-weight:bold;}


.align.left{text-align: left;}
.align.center{text-align: center;}
.align.right{text-align: right;}
.align.justify{text-align: justify;}
.float.left{float: left;}
.float.right{float: right;}
.clr{clear: both}
.hide{display: none;}
textarea,
input.text{border: 1px solid #918f8f; background: #ffffff; font-size: 12px; padding: 1px 6px; }
input.text{ height: 18px;}

.bird_col3{float:right; margin-left:50px; width: 111px; height: 124px; background-position: -1029px -813px}


/**
 * Pages Code
 */

 body{ font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; background-color: #e5e5e5; background-position: left -1042px; background-repeat: repeat-x; min-height: 750px; _height: 750px; line-height: 15px;}
 
 	#wait{position: absolute; left: 50%; top: 50%; margin: -146px 0 0 -121px}
	 	#wait img{ width: 243px; height: 293px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/app/webroot/img/waiting_page.png', sizingMethod='scale');}
	 	div[id=wait] img{background: url(../img/waiting_page.png) left top no-repeat;}
 
 	#splash{width: 177px; height: 204px; margin: -102px 0 0 -88px; position: absolute; left: 50%; top: 50%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/app/webroot/css/images/splash.png', sizingMethod='scale'); font-size: 30px;}
 	div[id=splash]{background: url(images/splash.png) left top no-repeat;}
	 	#splash a{color: #000000; text-decoration: none; position: absolute; line-height: 30px; display: block; padding: 10px; }
	 	#splash a:hover{text-decoration: underline}
	 	#splash a#lang_fr{left: 80px; top: 0;}
	 	#splash a#lang_nl{left: 49px; top: 154px;}
 
 	#container{margin: 0 auto; width: 926px; _width: 930px;}
	 	#container #leftPart,
	 	#container #rightPart{ height: 100%}
	 	#container #leftPart{width: 652px;}
	 	#container #rightPart{width: 274px; background: #ffffff; text-transform: uppercase; position: relative;}
		
			.column{ margin-right: 4px; width: 28px; padding: 0; overflow: hidden;  font-size: 12px;}
			.opened{ width: 520px}
				.column div.trigger{ width: 28px; float: left; line-height: 0; font-size: 0}
					.column .trigger a{ position: relative; width: 28px; display: block; height: 743px}
						.column .trigger a img{display: block; position: absolute; top: 0; left: 0; width: 28px; height: 155px}
				.column .colContainer{background: #ffffff; margin-left: 28px; overflow: hidden; width: 0; position: absolute; _margin-left: 0; #margin-left: 0; display: none;}
				.column.opened .colContainer{ width: 492px; display: block;}
					.column .colContainer .content{ width: 416px; padding: 3px 31px 10px 45px;}
						.content img.allwidth {position:relative; left:-45px; width: 492px;}
				
				.column .footer{clear: both; padding-left: 28px; text-align: center; color: #ffffff; width: 520px;  text-transform: uppercase; height: 28px; line-height: 28px;}
					.column .footer a{ color: #ffffff; text-decoration: none}
					.column .footer a:hover{ text-decoration: underline;}
				
				
			.col_1{padding-top: 25px;}
					.fr .col_1 .trigger a img{background-position: left top;}
					.nl .col_1 .trigger a img{background-position: left -155px;}
					
					.col_1 .content img.allwidth {height: 204px;}
					
			.col_1,
				.col_1 .footer{background: #eb1f3c;}
			
			.col_2{padding-top: 20px;}
					.col_2 .content img.allwidth {height: 204px; background-position: left -204px;}
					.fr .col_2 .trigger a img{background-position: -28px top;}
					.nl .col_2 .trigger a img{background-position: -28px -155px;}
			.col_2,
				.col_2 .footer{background: #808080;}
			
			.col_3{padding-top: 35px;}
					.col_3 .content img.allwidth {height: 204px; background-position: left -408px;}
					.fr .col_3 .trigger a img{background-position: -56px top;}
					.nl .col_3 .trigger a img{background-position: -56px -155px;}
			.col_3,
				.col_3 .footer{background: #eb1f3c;}
				.col_3 p.bird{background: red;}				
			
			.col_4{padding-top: 30px;}
					.fr .col_4 .trigger a img{background-position: -84px top;}
					.nl .col_4 .trigger a img{background-position: -84px -155px;}
			.col_4,
				.col_4 .footer{background: #808080;}
				
			.col_4 .colContainer{
				background: #fff url(images/jump.png) no-repeat right bottom;
			}
			
			.col_5{padding-top: 55px;}
					.fr .col_5 .trigger a img{background-position: -112px top;}
					.nl .col_5 .trigger a img{background-position: -112px -155px;}
					.col_5 .content img.allwidth {height: 234px; background-position: left -408px;}
			.col_5,
				.col_5 .footer{background: #eb1f3c;}
				
			.col_1 .arrowdraw {color:#89ab70; float:right;}
			.col_1 .arrowdraw a {color:#89ab70;}
				
			.content .intro {font-size:14px; line-height:18px;}
			.col_3 .content .intro {margin: 11px 0 12px}
				
				#giveAChance_choose {background-position: -723px top ; height: 454px; width: 417px; position: relative;}
					#giveAChance_choose .pack{ width: 160px; font-size: 10px; position: absolute;}
						#giveAChance_choose h3{font-size: 16px; margin: 8px 0 6px; font-weight:bold;}
						.nl #giveAChance_choose h3{font-size: 14px;}
						#giveAChance_choose .value{width: 48px; margin-right: 10px; color: #ff3e63; font-size: 16px; font-weight: bold; line-height: 42px; padding-top: 7px;}
							#giveAChance_choose .value span{font-size: 32px;}
						#giveAChance_choose .description{width: 94px; line-height:12px;}
						#giveAChance_choose .next_link{position: absolute; left: 50px; top: 90px; text-decoration: none; color: #000000; text-transform: capitalize; font-weight: bold; padding: 8px 22px 8px 12px; background-position: -651px -26px}
						#giveAChance_choose .choose{font-size: 30px; text-align: center; font-weight: bold; color: #FF3E63; margin-top: 13px; position: relative;}
							#giveAChance_choose .choose span{font-size: 16px}
							#giveAChance_choose .choose input.text{position: absolute; left: 48px; top: -10px; width: 43px; font-size: 25px; color: #FF3E63; padding: 0; height: 24px; border: 0; background: #FEEED9}
							html*#giveAChance_choose .choose input.text{ top: 2px; }

					#giveAChance_choose #pack_1{ left: 23px; top: 28px;}
					#giveAChance_choose #pack_2{ left: 238px; top: 28px;}
					#giveAChance_choose #pack_3{ left: 19px; top: 189px;}
						#giveAChance_choose #pack_3 h3{ left: 25px; top: 172px; margin-top: 2px;}
					#giveAChance_choose #pack_4{ left: 238px; top: 185px;}

					#giveAChance_choose #pack_5{ left: 128px; top: 320px;}
						#giveAChance_choose #pack_5 h3{ text-align: center;}
						#giveAChance_choose #pack_5 .next_link{ top: 79px;}
						#giveAChance_choose #pack_5 .error{ position: absolute; top: 110px; left: -17px; width: 205px;}
				
	 	#container #rightPart a{text-decoration: none;}
	 	#container #rightPart a:hover{text-decoration: underline;}
	 	#container #rightPart #logo{width: 154px; margin: 13px auto 3px; display: block;}
		 	#container #rightPart #logo img{width: 154px; height: 62px; background-position: -249px -157px;}
			
	 	#container #rightPart #giveAChance_tellYourFriends{background-position: -866px -528px; width: 274px; height: 223px; position: relative;}
		 	#container #rightPart #giveAChance_tellYourFriends #giveAChance{font-size: 26px; color: #ffffff; padding: 28px 0; text-align: center; position: absolute; left: 13px; top: 10px; width: 250px;}
			 	#container #rightPart #giveAChance_tellYourFriends #giveAChance strong{font-size: 34px}
				
		 	#container #rightPart #giveAChance_tellYourFriends #tellYourFriends{font-size: 13px; color: #000000; padding: 8px 0; position: absolute; left: 86px; top: 132px; text-align: center; width: 170px;}
			 	#container #rightPart #giveAChance_tellYourFriends #tellYourFriends strong{font-size: 18px}
				
	 	#container #rightPart #newsletter{ margin: 40px 0 19px; padding: 0 5px 0 12px}
		 	#container #rightPart #newsletter h3{ margin: 0 0 10px; font-size: 10px; font-weight: normal;}
			 	#container #rightPart #newsletter h3 strong{ font-size: 14px;}
		 	#container #rightPart #newsletter .form{height: 25px;}
			 	#container #rightPart #newsletter .text{width: 193px}
			 	#overlay .submit,
			 	#container #rightPart #newsletter .submit{display: inline-block; padding: 5px 10px; background-position: -160px -155px; font-weight: bold; text-transform: lowercase; color: #000000; font-size: 16px; text-decoration: none;}
			 	#overlay .submit:hover,
			 	#container #rightPart #newsletter .submit:hover{text-decoration: underline;}
		 	#container #rightPart #newsletter .error,
		 	#container #rightPart #newsletter .success{margin-top: 3px; text-transform: none; display: none;}
		 	.error{color: red;}
		 	.success{color: green;}
		 	#container #rightPart #newsletter .success{height: 25px;}
	
	 	#container #rightPart #newsletter_bird{ margin: 0 0 210px; background-position: -555px -608px; width: 274px; height: 46px;}

	 	#container #rightPart #contactUs{line-height: 18px; margin-bottom: 110px; padding: 0 5px 0 12px; text-transform: none; left: 0}
		 	#container #rightPart #contactUs h3{margin: 0px; font-size: 10px; text-transform: uppercase;}
			 	#container #rightPart #contactUs h3 strong{font-size: 14px;}
		 	#container #rightPart #contactUs a{color: #000000; text-decoration: underline;}
		 	#container #rightPart #contactUs a:hover{ text-decoration: none;}
			 	#container #rightPart #contactUs a span{color: #d2232a;}

	 	#container #rightPart #donation{line-height: 18px; margin-bottom: 25px; padding: 0 5px 0 12px; text-transform: none; left: 0}
		 	#container #rightPart #donation h3{margin-bottom: 0px; font-size: 10px; text-transform: none;}
			 	#container #rightPart #donation h3 strong{font-size: 14px;}
		 	#container #rightPart #donation a{color: #000000; text-decoration: underline;}
		 	#container #rightPart #donation a:hover{ text-decoration: none;}
			 	#container #rightPart #donation a span{color: #d2232a;}		
				
				
	 	#container #rightPart .bottomGlue{ position: absolute; bottom: 15px; padding: 0 5px 0 12px; text-transform: none; left: 0}		
		
	 	#container #rightPart #partners{}
		 	#container #rightPart #partners h3{text-transform: uppercase; font-size: 10px; margin-bottom: 8px;}
		
	
#noScript{position: absolute; top: 100px; width: 300px; left: 50%; margin: 0 -150px;}
#ajaxOverlayBg,
#overlayBg{display: none; position: absolute; left: 0; top: 0; width: 100%; background-color: #4e0528; opacity: 0.6; filter: alpha(opacity=60); }
#ajaxOverlay{position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; }
	#ajaxOverlay img{border: 1px solid #FF3E63}
#overlay{ position: absolute; left: 50%; top: 50%; width: 662px; height: 445px; margin: -222px 0 0 -331px;}
	#overlay .background{ position: absolute; left: 0; top: 0; width: 662px; height: 445px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/app/webroot/css/images/overlay_bg.png', sizingMethod='scale');}
	#overlay div[class="background"]{ background: url(images/overlay_bg.png) left top no-repeat; }
	#overlay .close{ position: absolute; right: 56px; top: 69px; padding-right: 25px; color: #000000; background-position: -632px -1px; font-weight: bold; text-transform: uppercase; text-decoration: none }
	.nl #overlay .close{  background-position: -640px -1px; }
	#overlay .overlay_content{ position: absolute; left: 52px; top: 86px; width: 587px; height: 307px; font-size: 12px; line-height: 14px;}
		#overlay .overlay_content h2{font-size: 36px; line-height: 36px; text-align: center; font-weight: bold; margin: 4px 0 10px;}

#overlay .line{ clear: both; padding: 5px 0; position: relative;}
	#overlay .contact .textarea,
	#overlay .contact .text{padding: 3px 0}
	#overlay .line div.text{float: left; margin-right: 7px; width: 280px;}
		#overlay .textarea label,
		#overlay .text label{display: inline-block; width: 129px; padding-right: 5px; text-align: right;}
		#overlay .contact .textarea label,
		#overlay .contact .text label{ width: 160px;}
		#overlay .text input{ width: 132px}
		#overlay .contact .text input{ width: 250px}
		#overlay .input.textarea label{position: absolute; left: 0; top: 5px;}
		#overlay .input.textarea textarea{margin-left: 134px; width: 420px;}
		#overlay .submit{display: block; margin-left: 270px; padding-top: 6px; padding-bottom: 8px; width: 26px}
		#overlay .contact .input.textarea textarea{ width: 250px; margin-left: 165px}


#langMenu{text-align: right; padding: 4px 5px; color: #b6b6b6; font-size: 11px; font-family: Verdana, sans-serif;}
	#langMenu a{ color: #b6b6b6; font-weight: bold;}

.share{position: relative; width: 274px; height: 53px; background-position: -554px -528px;}
	.share .add2any_button a img{position: absolute; left: 66px; top: 0; width: 38px; height: 30px; background-position: -160px top;}

#partners{}
	#partners .partnersMap{position: relative; height: 67px; width: 236px; background-position: -592px -675px;}
		#partners .partnersMap a{position: absolute; top: 4px; height: 32px; text-indent: -9999px; display: block;}
		#partners .partnersMap a:hover{text-decoration: none;}
		#partners .partnersMap #cf_map{left: -2px; width: 38px;}
		#partners .partnersMap #dma_map{left: 65px; width: 44px;}
		#partners .partnersMap #iab_map{left: 148px; width: 46px;}
		#partners .partnersMap #lbi_map{left: -2px; width: 32px; top: 36px}
		#partners .partnersMap #dyn_map{left: 61px; width: 51px; top: 36px}
		#partners .partnersMap #frb_map{left: 148px; width: 76px; top: 36px}
		
		
#forucix{}
	#forucix .forucixMap{position: relative; height: 200px; width: 302px; background-position: -850px -800px;}
		#forucix .forucixMap a{position: absolute; top: 4px; height: 20px; text-indent: -9999px; display: block;}
		#forucix .forucixMap a:hover{text-decoration: none;}
		#forucix .forucixMap #forest_map{left: 160px; width: 20px; top: 120px;}
		#forucix .forucixMap #uccle_map{left: 176px; width: 20px; top: 147px;}
		#forucix .forucixMap #ixelles_map{left: 200px; width: 20px; top: 115px;}		
		

		
/* QUGY Content */
.content p {margin:20px 0;}
.content a {color:#000000;}
.content .arrowdraw {background-position: -161px -72px; padding-left:38px; font-weight:bold; font-size:14px; text-decoration:none; margin-bottom:30px; padding-bottom:5px;}



.pressCorner {width:554px; position:absolute; left:50%; margin-left:-277px; font-family:Verdana, Geneva, sans-serif; background:url(../img/press_bg.gif) repeat-y left; min-height: 100%; _height:100%;}
.pressCorner .left {background:#5fc7ef; width:28px; float:left; margin-right:4px; padding-top:30px;}
.pressCorner .content {float:left; background:#FFFFFF; width:492px; padding:22px 14px 0 14px; font-size:11px;}

.pressCorner h2 {position:relative; left:-14px; padding:0 14px 10px; font-size:14px; font-weight:bold; width:492px; _width:auto;}
.pressCorner .document {background: url(../img/press_document.gif) no-repeat left top; padding-top:29px; height:19px;}
.pressCorner .visual {background: url(../img/press_image.gif) no-repeat left top; padding-top:23px; height:25px;}
.pressCorner .contact {background: url(../img/press_contact.gif) no-repeat left top; padding-top:23px; height:25px;}

.pressintro {padding:5px 0 22px 0;}

.downloadlist li {line-height:18px;}
.downloadlist a {text-decoration:none; background: url(../img/icon-download.gif) no-repeat right top; padding-right:15px;}
.downloadlist a:hover {text-decoration:underline;}

.pressCorner .contactpanel span {padding-left:20px; padding-bottom:5px; display:block;}
.pressCorner .contactpanel .name {background: url(../img/icon-name.gif) no-repeat left top;}
.pressCorner .contactpanel .phone {background: url(../img/icon-phone.gif) no-repeat left top;}
.pressCorner .contactpanel .mail {background: url(../img/icon-mail.gif) no-repeat left top;}