body{
	background-image:url(pix/background.jpg);
	background-repeat:repeat-x;
	background-color:#0075d5;
	margin:0px;
	padding:0px;
	text-align: center; 
	
}
html{
	overflow-Y: scroll;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
div,a,td,p,textarea,input,select{
	font-family:"Trebuchet MS",Helvetica,Verdana,Arial,"Lucida Grande", Tahoma, Sans-Serif;
	font-size:11pt;
	color:#565656;
	margin-bottom:0px;
}
div #quick_access_contenu,#quick_access_contenu a{
	color:#ffffff;
	font-size:9pt;
	text-decoration:none;
}
h1,h2,h3{
	font-family:"Trebuchet MS",Helvetica,Verdana,Arial,"Lucida Grande", Tahoma, Sans-Serif;
	margin-top:10px;
	margin-bottom:10px;
}
DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}
.mavid{
	text-align:center;
}
hr{
	clear:both;
}
#legend{
	text-align:center;
	font-size:7pt;
	color:#666666;
	margin-left:auto;
	margin-right:auto;
}
#container{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 840px;
	text-align: left;
	
}
#banner{
	height:172px;
	width:840px;
	z-index:0;
}
#quick_access{
	background-image:url(pix/quick-access.jpg);
	background-repeat:no-repeat;
	height:15px;
	width:840px;
	text-align:right;
	font-family:"Trebuchet MS", Helvetica,Verdana,Arial,"Lucida Grande", Tahoma, Sans-Serif;
	font-size:7pt;
	font-weight:bold;
	color:#ffffff;
	margin-top:1px;
	margin-bottom:2px;
}
#quick_access_contenu{
	margin-right:200px;
	font-size:9pt;
}
#menu{
	background-image:url(pix/menu.jpg);
	height:34px;
	width:825px;
	padding:0;
	margin:0;
	z-index:10;
}

#contenu{
	margin:0px;
	padding-left : 40px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(pix/main_mid.jpg) repeat-y;
	min-height:280px;
	border:0px solid red;
	
}
#bottom{
	background:url(pix/main_bottom.jpg) no-repeat;
	height:57px;
	width:825px;
}
.titre_cc{
	padding-right:10px;
	width:95%;
	margin-bottom:10px;
	padding-top:10px;
	/*height:30px;*/
	font-weight:bold;
	border-bottom:dotted 1px #565656;
	
	text-align:left;
}
.titre_news{
	color:#444444;
	font-weight:bold;
	font-size:11pt;
}
.coprs_news{
	color:#444444;
	font-weight:bold;
	font-size:11pt;
}
.core_cc{
	padding-left:5px;
	padding-right:10px;
	text-align:left;
}
.core_bxl, .core_1080, .core_cf{
	text-align:justify;
}
.titre_1080, .titre_bxl,.titre_cf {
	padding:0;
	margin-bottom:0px;
	/*height:15px;*/
	font-size:8pt;
}
a.news:hover{
	background-color:#D7E3EF;
	text-decoration:none;
}
a.news{
	font-size:8pt;
	text-decoration:none;
}

blockquote{
	border-left : 2px dotted #c9d9e9;
	padding-left:10px;
	padding-right:10px;
	background:#E3ECF4;
}
h1{
	font-size:16pt;
	color:#267fd1;
	border-left : 5px solid #2354D3;
	padding-left: 7px;
	padding-top: 7px;

}
h2{
	font-size:14pt;
	color:#267fd1;
	
	padding-left: 5px;
}
h2.trigger {
	
	float: left;
}
h4{
	font-size:10pt;
	background:url(pix/citaat.gif) no-repeat;
	padding-left:18px;
	height:16px;
	border-bottom:1px dotted #c0c0c0;
}
/*
FORM
*/
#form{
	margin-top:10px;
	margin-bottom:10px;
	min-height:300px;
}
input , textarea{
	background: url(pix/back_input.jpg) repeat-x;
	border:0px solid #c0c0c0;
	width:300px;
	margin-left:10px;
	height:20px;
}
.btn_img{
	width:177px;
	border:0px;
	height:36px;
}
textarea{
	background:#b5d5f2;
	height:250px;
}
select{
	width:300px;
	margin-left:10px;
	border:0px;
}
.radio{
	width:10px;
}
#avis{
	float:right;
}
#vaussi{
	float:right;
	border:dotted #2354D3 2px;
	padding:2px;
	font-size:9pt;
	max-width:200px;
	background:white;
	margin-left:10px;
}
#vaussi a {
	color:#267fd1;
	font-size:9pt;
}
.bt_send{
	width:59px;
	height:23px;
	background:url(pix/envoi.jpg) no-repeat;
	cursor:pointer;
}
.bt_del{
	width:59px;
	height:23px;
	background:url(pix/effacer.jpg) no-repeat;
	cursor:pointer;
}
#subm{
	clear:both;
	text-align:center;
}
/*
Mise en page de la page d'accueil avec les différents blocs
*/
/*Bloc coeur*/

div#accueil_left{
	float:left;
	width:409px ;
	border:0px solid red;
	padding:0;
	margin-right:5px;
}

div#accueil_right{
	float:left;
	padding-left:5px;
	border:0px solid blue;
}

body:last-child:not(:root:root) #accueil_right {
position:absolute;margin-left:410px}/* only Safari 2 */
div#coeur{
	margin-left:5px;
	margin-top:5px;
	
}
		div#coeur_top{
				width:411px;
				height:36px;
				background: url(pix/coeur_top.jpg) no-repeat;
		}
		div#coeur_mid{
				width:411px;
				background: url(pix/coeur_mid.jpg) repeat-y;
				padding-left:5px;
				padding-right:5px;
				/*height:405px;
				overflow:auto;*/
				
		}
		div#coeur_bottom{
				width:411px;
				height:15px;
				background: url(pix/coeur_bottom.jpg) no-repeat;
		}
div#bxl{
		/*height:200px;*/
		margin-top:5px;
}
	div#bxl_top{
				background: url(pix/bxl_top.jpg) no-repeat;
				width:325px;
				height:36px;
	}
	div#agenda_top{
				background: url(pix/g_agenda_top.jpg) no-repeat;
				width:411px;
				height:36px;
	}
	div#bxl_mid{
				width:325px;
				background: url(pix/bxl_mid.jpg) repeat-y;
				padding-left:5px;
				padding-right:5px;
				height:90px;
				overflow:auto;
	}
	div#bxl_bottom{
				background: url(pix/bxl_bottom.jpg) no-repeat;
				width:325px;
				height:19px;
	}
div#molenbeek{
	width:161px;
	float:left;
}
	div#molenbeek_top{
				background: url(pix/1080_top.jpg) no-repeat;
				width:161px;
				height:36px;
	}
	div#molenbeek_mid{
				width:161px;
				background: url(pix/1080_mid.jpg) repeat-y;
				padding-left:5px;
				padding-right:5px;
				height:175px;
				overflow:auto;
	}
	div#molenbeek_bottom{
				background: url(pix/1080_bottom.jpg) no-repeat;
				width:161px;
				height:15px;
	}
div#cf{

	width:161px;
	float:right;
	/position:absolute;
	/padding-left:3px;
}
	div#cf_top{
				background: url(pix/cf_top.jpg) no-repeat;
				width:161px;
				height:36px;
	}
	div#cf_mid{
				width:161px;
				background: url(pix/cf_mid.jpg) repeat-y;
				padding-left:5px;
				padding-right:5px;
				height:175px;
				overflow:auto;
	}
	div#cf_bottom{
				background: url(pix/cf_bottom.jpg) no-repeat;
				width:161px;
				height:15px;
	}
div#pub{
	clear:both;
	margin-top:50px;
}
div#citaat{
	background:#E6DDE4;
	color:#909090;
	font-size:9pt;
	height:16px;
	text-align:right;
	padding-right:10px;
	border-bottom:1px solid #846181;
	margin-left:-5px;
	width:400px;
	clear:both;
}
div#citaat a{
	text-decoration:none;
	font-size:9pt;
}
#rss{
	text-align:right;
	clear:both;
	line-height:20px;
}
/*Mouseover EFFECT*/
a.zoom { /* Les liens qui ont la classe "zoom" */
		display:block;
		/* On fixe les dimensions de la petite image */
		width:300px; 
		height:142px;
		background-image:url(../pix/tract1.jpg); /* On met l'image en fond */
		border:0px solid #3a7ec8;
		}

		a.zoom:hover { /* Au survol d'une image ayant la classe "zoom" */
		width:300px;
		height:546px;
		background-image:url(../pix/tract2.jpg); 
		/* On modifie la position de l'image de fond pour qu'elle laisse apparaitre l'image zoomee */
		background-position:0% 0px;
		border:0px solid #3a7ec8;
		}
/*#################################################*/
@charset "UTF-8";

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
}