/**
* CSS
* 
* @version 1.2 Juillet 2010
* @author www.nikitaconcept.com
* @author Didier Chartrain copycut.design@gmail.com
*/

@import url(container.css);

/*html {height: 100%;}*/

body {
	height: 100%;
	background: #001F44;
	font: normal 12px Arial, Helvetica, sans-serif;
}

/* BASIC ELEMENTS */

h1 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #023F88;
}

h1 span {
	text-indent: -9999em;
	display: block;
}

#contenu p {
	font: normal 13px/15px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 5px 0 0 10px;
}

blockquote {
	font: italic 15px/18px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px 0 0 10px;
}

blockquote:before {
	content: " “";
	font: bold 20px/15px Arial, Helvetica, sans-serif;
	color: #CCC;
}

blockquote:after {
	content: " ”";
	font: bold 20px/15px Arial, Helvetica, sans-serif;
	color: #CCC;
}

div.article a,
#contenu p a,
#contenu li a {
	color: #023F88;
	text-decoration: underline;
}

#contenu p a:hover,
#contenu li a:hover {
	color: #3b8acd;
	text-decoration: underline;
}

#contenu ul {
	padding: 2px 0 0 0;
}

#contenu ul li {
	padding: 1px 0 0 10px;
}

#contenu p strong {font-weight: bold;}

#contenu p em {font-style: italic;}

#contenu img {}

.left {float:left;}
.right {float:right;}
.clear {
	display: block;
	clear: both;
}

#contenu iframe {
	margin: 10px;
	padding: 1px;
	border: 1px solid #AAA;
	background: #FFF;
}

#contenu form {
	margin: 5px;
	padding: 10px;
	border: 1px solid #AAA;
	overflow: hidden;
}

#contenu form div {
	float: left;
	margin: 5px;
	width: 295px;
}

#contenu form p {
	padding: 5px 0 0 0;
	font: normal 12px/14px "Trebuchet MS", Arial, sans-serif;
	color: #444;
}

#contenu form p.infos {
	font: italic 11px/13.5px "Trebuchet MS", Arial, sans-serif;
	color: #666;
}

#contenu form input,
#contenu form textarea {
	margin: 5px 0;
	padding: 5px;
	width: 95%;
	font: italic 11px "Trebuchet MS", Arial, sans-serif;
	color: #023F88;
}

#contenu form input.radio {
	width: auto;
	padding: 0;
	margin: 0 10px 0 0;
}

#contenu form input.bouton {
	background: #023F88;
	color: #FFF;
	border: 1px solid #001F44;
	width: 100%;
}

#contenu form input.bouton:hover {
	background: #FFF;
	color: #023F88;
}

#contenu .article {
	background: #FFF;
	border: 1px solid #CCC;
	margin: 10px;
	padding: 0 10px 10px 10px;
	border-raduis: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* DIV's */

#warper {
	width: 960px;
	margin: auto;
}

#warper_index {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 960px;
	margin: -480px;
	background: url(../images/index_bg.jpg) top left no-repeat;
	padding-top: 500px;
}

/* CHOIX LANGUES */
#header_langues {
	float: right;
	border: 1px solid #001733;
	border-top: none;
	margin: 0 0 25px 0;
	color: #024695;
}

	#header_langues ul {
		border: 1px solid #013879;
		border-top: none;
		padding: 12px 8px;
	}
	
	#header_langues li {
		display: inline;
		font: normal 10px "Trebuchet MS", Arial, sans-serif;
		text-shadow: 1px 1px 0px #001733;
	}
	
	#header_langues li a { color: #024695; }
	
	#header_langues li a:hover,
	#header_langues li a.current {
		color: #3A89CC;
		text-shadow: 0px 0px 9px #3A89CC;
	}
	
	#header_langues li a:active { color: #FFF; }


/* HEADER */
#header {
	clear: both;
	height: 145px;
	/*padding-bottom: 12px;*/
	background: #FFF url(../images/header_logo.gif) top left no-repeat;
	margin-bottom: 30px;
	overflow: hidden;
}

#header p {
	height: 125px;
	font: normal 23px/28px Arial, Helvetica, sans-serif;
	color: #555;
	padding: 30px 20px 0 200px;
	text-align: justify;
	/*background: url(../images/header_creativity.gif) top right no-repeat;*/
	background: url(../images/zen/banner_zen.jpg) top right no-repeat;
}

/* NAVIGATION */
#navigation {
	overflow: hidden;
	margin-bottom: 30px;
}

	ul.nav_agence {
		float: left;
		width: 308px;
		margin-right: 15px;
		border: 1px solid #000b2d;
	}
	
	ul.nav_portfolio {
		float: left;
		width: 308px;
		border: 1px solid #000b2d;
	}
	
	ul.nav_contact {
		float: right;
		width: 308px;
		border: 1px solid #000b2d;
	}
	
		#navigation ul ul {
			/margin-top: -19px;
			-margin-top: -19px;
			-margin-bottom: -4px;
		}
	
		#navigation ul.nav_agence ul {
			border: 1px solid #3FA3DF;
			background: #006BC3 url(../images/navigation_bg_agence.gif) repeat-x;
			padding-bottom: 8px;
		}
		
		#navigation ul.nav_portfolio ul {
			border: 1px solid #1d5da1;
			background: #00337A url(../images/navigation_bg_portfolio.gif) repeat-x;
			padding-bottom: 8px;
		}
		
		#navigation ul.nav_contact ul {
			border: 1px solid #013776;
			background: #002052 url(../images/navigation_bg_contact.gif) repeat-x;
			padding-bottom: 8px;
		}
				
			#navigation a {
				font: normal 12px/16px "Trebuchet Ms", sans-serif;
				color: #FFF;
				margin: 8px 16px;
				text-decoration: none;
			}
			
			#navigation ul.nav_agence a { text-shadow: 1px 1px 3px #004985; }
			#navigation ul.nav_portfolio a { text-shadow: 1px 1px 3px #000033; }
			#navigation ul.nav_contact a { text-shadow: 1px 1px 3px #000; }
			
			#navigation a:hover {
				color: #CCC;
				text-decoration: underline;
			}
				
			#navigation a.super_menu {
				margin: 0 0 8px 0;
				display: block;
				width: 306px;
				height: 52px;
				text-indent: -9999em;
			}
			
				ul.nav_agence a.super_menu {background: url(../images/navigation_agence.gif) 0 0 no-repeat;}
				ul.nav_agence a.super_menu:hover {background: url(../images/navigation_agence.gif) -306px 0 no-repeat;}
				ul.nav_agence a.super_menu.english {background: url(../images/navigation_agence.gif) 0 -52px no-repeat;}
				ul.nav_agence a.super_menu.english:hover {background: url(../images/navigation_agence.gif) -306px -52px no-repeat;}
				ul.nav_agence a.super_menu.neerderlands {background: url(../images/navigation_agence.gif) 0 -104px no-repeat;}
				ul.nav_agence a.super_menu.neerderlands:hover {background: url(../images/navigation_agence.gif) -306px -104px no-repeat;}
				
				ul.nav_portfolio a.super_menu {background: url(../images/navigation_portfolio.gif) no-repeat;}
				ul.nav_portfolio a.super_menu:hover {background: url(../images/navigation_portfolio.gif) 0 -52px no-repeat;}
				
				ul.nav_contact a.super_menu {background: url(../images/navigation_contact.gif) no-repeat;}
				ul.nav_contact a.super_menu:hover {background: url(../images/navigation_contact.gif) 0 -52px no-repeat;}				

/* NAV INDEX*/

	#navigation_index {
		border: 1px solid #000b2d;
		overflow: hidden;
		width: 310px;
		margin: auto;
	}

	#navigation_index ul {
		overflow: hidden;
		margin: 0;
		border: 1px solid #00285a;
		background: #001539 url(../images/nav_index_bg.gif) 0px 52px repeat-x;
	}
	
	#navigation_index a.super_menu {
		display: block;
		height: 50px;/*52px avec les sous menus*/
		width: 308px;
		background: url(../images/nav_index_title.gif) no-repeat;
		text-indent: -9999em;
		overflow: hidden;
	}
	
	#navigation_index a.super_menu:hover { background: url(../images/nav_index_title.gif) 0 -52px no-repeat; }
	
		#navigation_index ul ul {
			border: none;
			background: none;
			padding: 5px;
		}
		
		#navigation_index ul ul li {
			float: left;
			width: 99px;
			overflow: hidden;
		}
		
		#navigation_index ul ul li a {
			display: block;
			padding: 3px;
			color: #FFF;
			font: normal 16px "Trebuchet MS", Arial, sans-serif;
			text-indent: 5px;
		}

		#navigation_index ul ul ul li a {
			color: #204b7e;
			font: normal 11px/12px "Trebuchet MS", Arial, sans-serif;
			text-indent: 0;
		}
		
		#navigation_index ul ul li a:hover { color: #CCC; }
		#navigation_index ul ul ul li a:hover { color: #3A89CC; }	

/*INDEX - choix langue*/
#choixlangue_index {
	position: relative;
	top: 67px;
	right: -555px;
	width: 83px;
	height: 53px;
	background: url(../images/etiquette.png) no-repeat;
	padding: 15px 0 0 25px;
}

#choixlangue_index a {
	display: block;
	text-indent: -9999em;
	width: 15px;
	height: 30px;
	float: left;
	margin: 3px;
	border: none;
}

/*INDEX - adresse*/
p#adresse_index {
	width: 310px;
	margin: auto;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #3569a7;
	padding: 20px 0 10px 0;
}

p#adresse_index a { color: #3569a7; }
p#adresse_index a:hover { color: #FFF; }	

/* CONTENU */
#container {
	/* DEBUG IE7&6 */
	-margin-top: 200px;
	overflow: hidden;
}

	#container_intro {
		background: #FFF;
		height: 286px;
		position: relative;
		overflow: hidden;
	}	
	
		#container_intro p {
			position: absolute;
			z-index: 1;
			height: 36px;
			width: 948px;
			padding: 250px 0 0 12px;
			color: #FFF;
			font: normal 20px "Trebuchet MS", Arial, sans-serif;
		}
		#container_intro p.banner_zen a { background: url(../images/zen/accueil_zen2.jpg) no-repeat; }
		#container_intro p.banner_zen.nl a { background: url(../images/zen/accueil_zen2_nl.jpg) no-repeat; }
		#container_intro p.banner_zen.en a { background: url(../images/zen/accueil_zen2_en.jpg) no-repeat; }
		#container_intro p.banner_1 { background: url(../images/banner001.jpg) no-repeat; }
		#container_intro p.banner_2 { background: url(../images/banner002.jpg) no-repeat; }
		#container_intro p.banner_3 { background: url(../images/banner003.jpg) no-repeat; }
		#container_intro p.banner_4 { background: url(../images/banner004.jpg) no-repeat; }
		#container_intro p.banner_5 { background: url(../images/banner005.jpg) no-repeat; }
		
		#container_intro p.banner_zen {
			position: relative;
			padding: 0;
			margin: 0;
			height: 287px;
			width: 960px;
		}
		
		#container_intro p.banner_zen a {
			position: absolute;
			z-index: 1;
			height: 36px;
			width: 948px;
			padding: 250px 0 0 12px;
			color: #FFF;
			font: normal 20px "Trebuchet MS", Arial, sans-serif;
			text-decoration: none;
		}
		
		#container_intro p.banner_zen a:hover { text-decoration: underline; }

/* !ENVENTS */
.newsubscrib a {
	display: block;
	height: 1px;
	padding-top: 60px;
	width: 900px;
	margin: auto;
	background: url(../images/events/inscription_newsletter.gif) no-repeat;
	margin-bottom: 10px;
	overflow: hidden;
}
.newsubscrib a:hover { background: url(../images/events/inscription_newsletter.gif) bottom no-repeat; }

.newsubscrib.nl a { background: url(../images/events/inscription_newsletter_nl.gif) no-repeat; }
.newsubscrib.nl a:hover { background: url(../images/events/inscription_newsletter_nl.gif) bottom no-repeat; }

.newsubscrib.en a { background: url(../images/events/inscription_newsletter_en.gif) no-repeat; }
.newsubscrib.en a:hover { background: url(../images/events/inscription_newsletter_en.gif) bottom no-repeat; }

.event {
	height: 340px;
	margin: 25px 25px 10px 25px;
}

.event.zen {
	background: url(../images/events/zen.jpg) no-repeat;
	position: relative;
}

.event.zen div {
	margin-left: 502px;
	margin-top: 22px;
	padding-top: 10px;
	width: 358px;
}

#contenu .event.zen div h2 {
	color: #023F88;
	font-weight: bold;
}

#contenu .event.zen div p {
	color: #023F88;
}

#contenu .event.zen.nl div h2 {
	font-size: 10pt;
}

#contenu .event.zen.nl div p {
	font-size: 9pt;
}

.event.zen div a {
	position: absolute;
	top: 310px;
	left: 574px;
	display: block;
	width: 220px;
	height: 23px;
	text-align: center;
	padding-top: 7px;
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25)
}

.event.zen div a:hover {
	color: #023F88;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.40)
}



/* !FOOTER */
#footer {
	background: #FFF;
	height: 56px;
	overflow: hidden;
	margin-bottom: 30px;
}

	a#logo_footer {
		float: left;
		display: block;
		height: 56px;
		width: 152px;
		background: url(../images/logo_footer.gif) 26px 21px no-repeat;
		text-indent: -9999em;
	}
	
	#footer ul {
		float: left;
		height: 36px;
		padding-top: 20px;
	}
	
		#footer li { display: inline; }
		
			#footer li a {
				font: normal 12px "Trebuchet Ms", Arial, sans-serif;
				color: #888;
				margin: 0 8px;
			}
			
			#footer li a:hover {color: #555;}
	
	#footer p {
		float: right;
		padding-top: 15px;
		padding-right: 20px;
		font: normal 10px "Trebuchet Ms", Arial, sans-serif;
		color: #888;
		text-align: right;
	}