@charset "utf-8";
/*defaults*/
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,p,br,caption,tbody,tfoot,thead,tr,th,td,h1,h2,h3,h4,h5,h6{margin:0;padding:0;vertical-align:baseline}
body{background:#93c0dc;color:#000;font:75%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;position:relative}
textarea{font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif}
:focus{outline:none}
a{
	text-decoration:underline;
	color:#FFF;
	font-weight:bold;}
a:hover,a:focus{text-decoration:none}
a img {border:none}
abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}
address,cite,em,i{font-style:italic}
blockquote,q{quotes:none}
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; margin:1em}
blockquote *:first-child:before { content: "\201C"}
blockquote *:first-child:after { content: "\201D"}
code,kbd,tt{font-family:"Courier New", Courier, monospace;line-height:1;}
del{text-decoration:line-through}
dfn{border-bottom:1px dashed;font-style:italic}
dl{margin:0 0 1.5em}
dt{font-weight:bold}
dd{padding-left:1.5em}
h1{font-size:2em;font-weight:700;margin:6px 0 12px 0}
h2{font-size:1.5em;margin:6px 0 12px 0}
h3{font-size:1.1666em;margin:3px 0 6px 0}
h4{font-size:1em;margin:3px 0 6px 0}
h5{font-size:0.8333em;margin:3px 0 6px 0}
h6{font-size:0.666em;margin:3px 0 6px 0}
img{display:inline-block;vertical-align:bottom}
ins{text-decoration:overline}
pre{font-family:"Courier New", Courier, monospace;margin:0 0 1.5em}
sub{top:0.4em;font-size:0.85em;line-height:1;position:relative;vertical-align:baseline}
sup{font-size:0.85em;line-height:1;position:relative;bottom:0.5em;vertical-align:baseline}
strong,b{font-weight:bold}
p {margin:10px 0}
hr {
height:1px;
display:block;
border:0;
border-top:1px solid #ccc;
margin:10px 0;
clear:both;
}
/*Lists*/
ul{list-style:outside disc}
ol{list-style:outside decimal}
ul,ol{margin:0 0 1.5em 1.5em;padding:0}
/*Cols*/
.cols {
clear:both;
}
.col {
display:inline:
overflow:hidden;
float:left;
background: #06C;
}
.col50 {width:480px;}
.col33 {width:320px;}
.col25 {width:240px;}
/*Tables*/
table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}
caption{font-style:italic;text-align:left;margin-bottom:0.5em}
tr.alt{background:#06C}
td{padding:0.333em;vertical-align:middle}
th{font-weight:700;padding:0.333em;vertical-align:middle;background:#06C;color:#fff;}
thead {border-bottom:2px solid #ccc}
tfoot {border-top:2px solid #ccc}
tr:hover {background:#06C;}
/*Forms*/
legend {padding:3px 5px;background:#06C;border:1px solid #ccc;}
fieldset {border:1px solid #ccc;padding:0 10px 10px 10px;margin:0;background:#eee;}
form div {margin:0.5em 0;}
form div span {
display:none;
font-size:0.8em;
color:#666;
}
form input:focus + span, *:first-child+html form div span {display:block;}
* html form div span {display:block;}
input[type=text],input[type=password], select, textarea{border:1px solid #ccc}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {background:#FFFFC6;border:1px solid #FCDE65}
input[type=radio],input[type=checkbox] {margin:0 3px}
.button {background-color:#eee;background-image:none !important;background-position:5px 0;color:#264409; border:1px solid #ccc;border-bottom-width:3px;margin:5px;padding:3px 5px;}
/*Tooltips*/
a.tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
/*Message boxes*/
.message, noscript {padding:.8em .8em .8em 3em;margin-bottom:1.6em;border:2px solid #ddd;background-repeat:no-repeat;background-position:.8em .8em}
.message a { background:none; padding:0; margin:0}
.error {background-color:#FBE3E4;background-image:url(../images/icons/exclamation.png);color:#8a1f11;border-color:#FBC2C4}
.success {background-color:#E6EFC2;background-image:url(../images/icons/tick.png);color:#264409;border-color:#C6D880}
.warning {background-color:#FFF6BF;background-image:url(../images/icons/error.png);color:#514721;border-color:#FFD324}
.notice {background-color:#C4DEEC;background-image:url(../images/icons/information.png);color:#005177;border-color:#70A5C5}
.error a {color:#8a1f11}
.success a {color:#264409}
.warning a {color:#514721}
.notice a {color:#005177}
/* Link icons */
a[rel="external"], a[href^="mailto:"], a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], a[href$=".rdf"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}
a[rel="external"]         { background-image: url(../images/icons/external.png); padding-right: 14px} 
a[href^="mailto:"]        { background-image: url(../images/icons/email.png)}
a[href$=".pdf"]   { background-image: url(../images/icons/pdf.png)}  
a[href$=".doc"]   { background-image: url(../images/icons/doc.png)}  
a[href$=".xls"]   { background-image: url(../images/icons/xls.png)}  
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(../images/icons/feed.png)}
/*clearfix*/
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {
	overflow:hidden; /*ie6, triggers hasLayout*/
}
.clear {clear:both}
.left {
	float:left;
	}
.right {
	float:right;
	}

/*menu*/
.menu, .menu ul {
list-style:none;
margin:0;
}
.menu li{
float:left;
width:auto;
position:relative;
margin:0;
padding:0;
}
.menu li a {
text-decoration:none;
height: auto;
}
.menu li a:hover, .menu li a.current {
background:#ccc;
}
.menu li a.current {
cursor:default;
}
.menu li ul {
	display:none;
	position:absolute;
}
.menu li:hover ul {display:block;}
.menu li ul li {
clear:both;
margin:0;
padding:0;
}
/*tree list*/
ul.tree, ul.tree ul { list-style-type: none; list-style-position:outside;background: url(../images/tree/vline.png) repeat-y; margin: 0; padding: 0; position:relative; } 
ul.tree ul { margin-left: 10px; } 
ul.tree li { margin: 0; padding: 0 12px; line-height: 20px; background: url(../images/tree/node.png) no-repeat; } 
ul.tree li.last { background: #fff url(../images/tree/lastnode.png) no-repeat; } 
ul.tree li:last-child { background: #fff url(../images/tree/lastnode.png) no-repeat; } 
/*transparency*/
.transparent {
opacity:0.5;
}
/*charts : pie*/
.chart_pie {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  background-image: url('../images/charts/slices.gif');
}
/*charts : hbar*/
.chart_hbar {
     border: 1px solid #ccc; 
     width: 100px; 
     margin: 2px 5px 2px 0; 
     padding: 1px; 
     background: white;
   }
.chart_hbar div {
     background-color: #ACE97C; 
     height: 12px;
	 font-size:10px;
	 line-height:12px;
	 /*text-indent:5px;  uncomment this to make label visible */
	 text-indent:-9999px;
}
/*layout*/
#wrapper {
position:relative;
margin:10px auto;
width:960px;
background: url(../images/fond_content.jpg) repeat;
}
#header {
	text-align: center;
	width: 960px;
	height: 208px;
	background:url(../images/entete.jpg);
}

#header_nl {
	text-align: center;
	width: 960px;
	height: 208px;
	background:url(../images_nl/entete.jpg);
}

#footer {
	text-align:center;
	height: 160px;
	background:url(../images/fond_contenu.jpg) no-repeat;
}

#footer_nl {
	text-align:center;
	height: 160px;
	background:url(../images_nl/fond_contenu.jpg) no-repeat;
}
#content {
	height:auto;
	}
/*typography*/

	/*-----------content--------*/
	
	#gauche{
		width:293px;
		float:left;
		background: #366;
	}
	
	#droite{
		width:182px;
		float: right;
	}
	
	#centre{
		margin: 0 182px 0 293px;
	}
	
	.gauchenoir{
		background:url(../images/gauchenoir.jpg) repeat;
		height:auto;
	}
	
	.droitenoir{
		background:url(../images/droitenoir.jpg) repeat;
		height:auto;
	}
	
	.texte{
		padding: 10px 25px 5px 0;
		color:#FFF;
	}
	
	.leftfooter {
	float:left;
	margin: 0 15px 0 120px;
	}
	.rightfooter {
	float:right;
	margin: 0 150px 0 0;
	}
	.betweenfooter {
	margin: 0 15px 0 15px;
	}

	.leftimg {
	float:left;
	margin: 0 15px 5px 0;
	}
	
	#apDiv1 {
	position:absolute;
	left:985px;
	top:110px;
	width:36px;
	height:30px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:1035px;
	top:105px;
	width:36px;
	height:29px;
	z-index:2;
}

#menulangue{
list-style:none;
padding:110px 38px 0 0;
color:#FFF;
font-weight:bold.
}
#menulangue li{
float:right;
width:auto;
position:relative;
margin:0 35px 0 0;;
padding:0;
}
#menulangue li a {
text-decoration:none;
height: auto;
}
#menulangue li a:hover, .menu li a.current {
background:#ccc;
}