body
{
	margin:10px 0;
	padding:0;
	text-align:center;
	background-color:transparent;
}

/*----------------------------------------------------------- container---------*/
div#container
{
	background:none;
	font-size:0.8em;
	width:900px;
	height: 635px;
	padding:0;
	margin:0 auto;
	text-align:left;
	
}
* html div#container
{
	width:900px;
	w\idth:900px;
}
/*----------------------------------------------------------- bandeau---------*/
div#bandeau
{
	font-size:0.8em;
	width:100%;
	height: 108px;
	padding:0px;
	margin-bottom:0px;
	align:center;
	background-repeat: no-repeat;
	background-image: url(bandeau_01.jpg);
}
/*----------------------------------------------------------- menuHaut---------*/
div#menuHaut
{
	font-size:0.8em;
	width:100%;
	height: 32px;
	padding:0px;
	margin-bottom:0px;
	align:center;
	background-image: url(A_02.jpg);
	background-repeat: no-repeat;
	text-align: right;
}
/*----------------------------------------------------------- menuHautRubArt---------*/
div#menuHautRubArt
{
	font-size:0.8em;
	width:100%;
	height: 32px;
	padding:0px;
	margin-bottom:0px;
	align:center;
	background-image: url(Rub_02.jpg);
	background-repeat: no-repeat;
	text-align: right;
}
/*----------------------------------------------------------- article---------*/
div#article
{
	font-size:0.8em;
	width:100%;
	height: 406px;
	padding:0px;
	margin-bottom:0px;
	align:center;

}

/*----------------------------------------------------------- articleRubArt---------*/
div#articleRubArt
{
	font-size:0.8em;
	width:100%;
	height: 406px;
	padding:0px;
	margin-bottom:0px;
	align:center;
		background-image: url(Rub_03.jpg);
	background-repeat: no-repeat;

}
/*----------------------------------------------------------- articleRubArt---------*/
div#logos
{
	font-size:0.8em;
	width:900px;
	height: 45px;
	margin-bottom:0px;
	overflow: no;
	align: center;
	
}
/*----------------------------------------------------------- menuBas---------*/
div#menuBas
{
	font-size:0.8em;
	width:100%;
	height: 44px;
	padding:0px;
	margin-bottom:0px;
	align:center;
		background-image: url(A_13.jpg);
	background-repeat: no-repeat;
}
/*-----------------------------------------------------------banner---------*/
div#banner
{
	border-top:10px solid #FFFFFF;
	
}

/*-----------------------------------------------------------article homepage---------
div#article
{
	float:right;
	width:550px;
	height: 625px;

	background:#FFFFFF;
}*/
.article1{
	padding:0 10px 0 0;	
overflow: auto;
}

/*-----------------------------------------------------------rubriques---------*/
div#rubriqueColUn
{
	float:left;
	width:207px;
	height: 100%;

	
}
div#rubriqueColUnArt
{
	float:left;
	width:243px;
	height: 390px;
	text-align: right;

}
div#rubriqueColUnBottom
{
	background:url(../md/1rounded_bottom.gif) bottom left no-repeat;

	border-bottom:10px solid #FFFFFF;
		
}
div#rubriqueColUnHead
{
	background:url(../md/1rounded_top.gif) top left no-repeat;
	padding:3px;	
}
div#rubriqueColDeux
{
	float:right;
	margin-right:0px;
	width:490px;
	overflow: auto;
	background-image: url(A_05.jpg);
	background-repeat: no-repeat;
	height: 100%;
	
}
div#rubriqueColDeuxRubArt
{
	float:right;
	margin-right:0px;
	width:657px;
	overflow: auto;
	height: 100%;
	
}
div#rubriqueColDeuxBottom
{
	background:url(../md/1rounded_bottom.gif) bottom left no-repeat;

	border-bottom:10px solid #FFFFFF;	
}
div#rubriqueColDeuxHead
{
	background:url(../md/1rounded_top.gif) top left no-repeat;
	padding:3px;	
}



/*#############
## languages ##
#############*/
div#languages p
{
	margin:0;
	padding:2px 0;
	text-align:right;
}
div#languages a, div#languages span
{
	text-decoration:none;
	border:none;
	font:bold .85em arial,sans-serif;
	color:#000;
	padding:0 2px;
}
div#languages a:hover,div#languages a.current,div#languages span.current
{
	color:#fff;
	background:#bd000b;
}
/*###################
## main navigation ##
###################*/
div#mainnav
{
	width:100%;
	background:#cbddeb url(file:///travaux/M%8Etadesign/travaux%20publics%20(client)/climat-klimaat/%20MD1032%20NEW%20climatechange.be/pr%8Eparation/images/bkg_navbar.jpg) bottom left no-repeat;
}
div#mainnav ul
{
	list-style:none;
	margin:0 5px;
	padding:0;
}
div#mainnav li
{
	float:left;
	background: url(file:///travaux/M%8Etadesign/travaux%20publics%20(client)/climat-klimaat/%20MD1032%20NEW%20climatechange.be/pr%8Eparation/images/bkg_sep.jpg) bottom right no-repeat;
	padding-right:2px;
}
div#mainnav a
{
	float:left;
	font-family:Arial,Verdana,sans-serif;
	padding:5px 8px;
	text-decoration:none;
	color:#000;
}
div#mainnav a:hover,div#mainnav a:focus,div#mainnav a:active,div#mainnav a.current
{
	border-bottom:3px solid #bd000b;
	padding-bottom:2px;
}
/*The following is read by IE5 MAC only and is used so that IE 5.0 mac draws the main navbar (almost) correctly
IE 5 MAC Filter: http://www.stopdesign.com/log/2004/07/06/filtering-css.html
Philippe Wittenbergh's inline-block solution: http://emps.l-c-n.com/articles/70/stuff-and-things*/
/*\*//*/
div#mainnav li
{
	display:inline-block !important;
	float:none !important;
}
div#mainnav a
{
	display:inline-block !important;
	float:none !important;
	padding:5px 8px 2px;
	border-bottom:3px solid transparent;
}
div#mainnav a:hover,div#mainnav a:focus,div#mainnav a:active,div#mainnav a.current
{
	border-bottom:3px solid #bd000b;
}
/**/
/*#################
## styleswitcher ##
#################*/
div#styleswitch
{
	padding:4px 0;
}
div#styleswitch p
{
	text-align:right;
	padding:0;
	margin:0;
}
div#styleswitch img
{
	vertical-align:baseline;
}
/*##########
## images ##
##########*/
img.pictleft, object.pictleft
{
	float:left;
	padding:5px;
	border:1px solid #ccc;
	margin:0 5px 5px 0;
	background:white;
}
img.pictright, object.pictright
{
	float:right;
	padding:5px;
	border:1px solid #ccc;
	margin:0 0 5px 5px;
	background:white;
}
img.pictcenter
{
	display:block;
	margin:5px auto;
	padding:5px;
	border:1px solid #ccc;
	background:white;
}
img.current
{
	background:#cbddeb;
}
img.bigpict
{
	display:block;
	padding:5px;
	border:1px solid #ccc;
	margin:10px auto;
	background:white;
}
img.pict
{
	display:block;
	padding:5px;
	border:1px solid #ccc;
	background:white;
}
/*################
## form buttons ##
################*/
.button
{
	background:#ccc;
	color:#000;
	border:2px solid #6499c4;
}
/*##########
## footer ##
##########*/
div#sponsors
{
	margin:10px 0;
	clear:both;
}
div#sponsors img
{
	margin:0 2px 0 0;
}
div#footer
{
	margin-top:10px;
	border-top:2px solid #8ab5d9;
	text-align:center;
}
div#footer p
{
	margin:0;
	padding:5px 10px;
}
/*##########
## titles ##
##########*/
h1,h2,h3,h4,h5,h6
{
	clear:both;
	margin-bottom:10px;
	padding-bottom:2px;
}
h1,h2
{
	color:#000;
	border-bottom:1px dashed #ccc;
}
h1 span,h2 span
{
	color:#bd000b;
}
/*put other color on spans when in lists (see page.css/list_items)*/
h1 a span,h2 a span
{
	color:#235680;
}
h1 a:hover span,h2 a:hover span
{
	color:#bd000b;
}
h3,h4,h5,h6
{
	color:#516B80;
}
h1
{
	font:bold 130% "Trebuchet MS",sans-serif;
}
h2
{
	font:bold 125% "Trebuchet MS",sans-serif;
}
h3
{
	font:bold 120% "Trebuchet MS",sans-serif;
}
h4
{
	font:bold 115% "Trebuchet MS",sans-serif;
}
h5
{
	font:bold 110% "Trebuchet MS",sans-serif;
}
h6
{
	font:bold 105% "Trebuchet MS",sans-serif;
}
/*#########
## links ##
#########*/
a
{
	color:#0070ad;
}
a:link
{
	text-decoration:none;
}
a.current
{
	text-decoration:none;
	color:#000;
}
a:hover,a.current:hover
{
	text-decoration:none;
}
a:focus,a.current:focus,a.more:focus,dl#educapoles dt a:focus,dl#sciencespoles dt a:focus,dl#antarctica dt a:focus,dl#foundation dt a:focus
{
	text-decoration:none;
	background:#e8f4ff;
	color:#000;
}
a:active,a.current:active,a.more:active,dl#educapoles dt a:active,dl#sciencespoles dt a:active,dl#antarctica dt a:active,dl#foundation dt a:active
{
	text-decoration:none;
	background:#e8f4ff;
	color:#000;
}
/*###########
## various ##
###########*/
img
{
	border:none;
}
.notop
{
	padding-top:0;
	margin-top:0;
}
p.more
{
	padding:0 0 0 6px !important;
	background: url(file:///travaux/M%8Etadesign/travaux%20publics%20(client)/climat-klimaat/%20MD1032%20NEW%20climatechange.be/pr%8Eparation/images/icn_arrow.gif) 0 .5em no-repeat;
}
.center
{
	text-align:center;
}
.left
{
	text-align:left;
}
.right
{
	text-align:right;
}
hr
{
	display:none;
}
.red
{
	color:#bd000b;
}
/*########
## docs ##
########*/
/* style ecrasant le style spip par défaut*/
.spip_documents{
	 
	text-align: left;
	
}
.spip_doc_titre{
	margin-left:5px; 
	text-align: left;
	width: 75%;
}
.spip_doc_descriptif{
	margin-left:5px; 
	margin-bottom:15px;
	text-align: left;
	width: 75%;
}

/*########
## hide ##
########*/
.hide
{
	position:absolute;
	width:100px;
	top:-999px;
	left:-999px;
}
.invis
{
	visibility:hidden;
}
/*############
## clearing ##
############*/
.clearer
{
	clear:both;
}
.clearfix:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix
{
	display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display:block;
}
/* End hide from IE-mac */

/*listes*/
.ul {margin: 1 0 2 0}
.navigationon {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border-bottom:1px dotted #ccc;
	padding:2px;
}
.navigationTemp {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;

	padding:2px;
}
.navigationoff {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding:2px;
}
.navigationvert {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding:0px;
}
div#navigation2 {

	text-indent : -10px;
	margin-left:20px;
		margin-top:5px;

}
.navigation2 {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.navigation2art {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
div#navigation3 {

	text-indent : -10px;
	margin-left:30px;
		margin-top:1px;
}
.navigation3 {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.navigation3art {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
div#navigation4 {

	text-indent : -10px;
	margin-left:40px;

}
.navigation4 {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.slashNavigationon {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.slashNavigationoff {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.articleTitre {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #ac4d00;
	text-decoration: none;
	border-bottom:1px dotted #ccc;

}
.articleChapo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	text-align: left;
}
.articleTexte {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}
.articleNotes {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.articleNoteBold {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}
.barreFederal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}
.listnav {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;

}
/*listes*/