

/* Bloc principal du site */

#conteneur {
position:relative;
margin-left: auto; 
margin-right: auto; 
width:780px;
}

#fiches {
position:relative;
margin-left: 100px; 
width:780px;
font-size:12px;
font-family:arial, verdana;
margin-top:20px;

}
	/* Top - logo et infos */

	#top {
	margin-left: auto; 
	margin-right: auto; 
	width:780px;
	height:80px;
	}
	
		#top img {
		white-space:nowrap;
		margin:0;
		padding:0;
		display:block;
		float:left;
		border:0;
		}

	/* Nav - barre de menu principale */
	
	#nav {
	padding-top:3px;
	padding-bottom:5px;
	margin-left: auto; 
	margin-right: auto; 
	width:780px;
	height:30px;
	}
	
		#nav img {
		white-space:nowrap;
		margin:0;
		padding:0;
		display:block;
		float:left;
		border:0;
		}
	
	
	/* Main - menu secondaire + contenu */

	#main {
	position:relative;
	margin-left: auto; 
	margin-right: auto; 
	width:780px;
	}
	

		/* Sommaire */
	
		#sommaire_accueil {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:574px;
		/*		 background-image:url(img/main/sommaire_info_jpo3.jpg);*/
background-image:url(img/main/accueil_sommaire2.jpg);
		background-repeat:no-repeat;
		}
			#sommaire_accueil_drink {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:574px;
		/* background-image:url(img/main/accueil_sommaire.jpg); */
		background-image:url(img/main/sommaire_accueil_drink.jpg);
		background-repeat:no-repeat;
		}
		
		#sommaire_accueil_brocante {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:574px;
		/* background-image:url(img/main/accueil_sommaire.jpg); */
		background-image:url(img/main/sommaire_accueil_brocante.jpg);
		background-repeat:no-repeat;
		}
		
		#sommaire_accueil_art {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:574px;
		/* background-image:url(img/main/accueil_sommaire.jpg); */
		background-image:url(img/main/sommaire_accueil_art.jpg);
		background-repeat:no-repeat;
		}


		#sommaire_admin {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:346px;
		background-image:url(img/main/admin_sommaire.jpg);
		background-repeat:no-repeat;
		padding-top:85px;
		padding-left:20px;
		}
		
		#sommaire_vtonline {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:346px;
		background-image:url(img/main/vtonline_sommaire.jpg);
		background-repeat:no-repeat;
		padding-top:85px;
		padding-left:20px;
		}
		#sommaire_asbl {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:346px;
		background-image:url(img/main/asbl_sommaire.gif);
		background-repeat:no-repeat;
		padding-top:85px;
		padding-left:20px;
		}
		
		#sommaire_initiatives {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:346px;
		background-image:url(img/main/initiatives_sommaire.jpg);
		background-repeat:no-repeat;
		padding-top:85px;
		padding-left:20px;
		}
		
		#sommaire_refuge {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:346px;
		background-image:url(img/main/refuge_sommaire.jpg);
		background-repeat:no-repeat;
		padding-top:85px;
		padding-left:20px;
		}
		
		#sommaire_communaute {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:346px;
		background-image:url(img/main/communaute_sommaire.jpg);
		background-repeat:no-repeat;
		padding-top:85px;
		padding-left:20px;
		}
		
		#sommaire_aideznous {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:346px;
		background-image:url(img/main/aideznous_sommaire.jpg);
		background-repeat:no-repeat;
		padding-top:85px;
		padding-left:20px;
		}

		#sommaire_contact {
		position:relative;
		top:6px;
		left:0px;
		width:211px;
		height:346px;
		background-image:url(img/main/contact_sommaire.jpg);
		background-repeat:no-repeat;
		padding-top:85px;
		padding-left:20px;
		}
		
		a.sommaire {
		color: #505050;
		letter-spacing:1.5px;
		font-size:12px;
		font-weight:bold;
		font-family:arial, verdana;
		line-height:30px;
		}
	
		a.sommaire:hover{
		color:#F47A00;
		}
		
		a.sommairelink {
		color: #F47A00;
		letter-spacing:1.5px;
		font-size:12px;
		font-weight:bold;
		font-family:arial, verdana;
		line-height:30px;
		}
		
				
		
		/* Info */

		#info{
		position:relative;
		bottom:0px;
		left:0px;
		width:211px;
		height:140px;
		background-image:url(img/main/info.gif);
		background-repeat:no-repeat;
		padding-top:3px;
		padding-left:20px;
		color: #606060;
		font-size:10px;
		line-height:20px;
		font-family:arial, verdana;
		}

		#info img.imgleft{
		margin-left:-15px;
		margin-top:20px;
		margin-bottom:20px;
		}
		
		#imgleft {
		position:absolute;
		background: url("img/main/ph_all.jpg"); 
		width:200px;
		background-repeat:repeat-y;
		left:-207px;
		top:570px;
		min-height:96%;
}

		#imgleft2 {
		position:absolute;
		background: url("img/main/ph_all.jpg"); 
		width:200px;
		background-repeat:repeat-y;
		left:-207px;
		top:570px;
		min-height:94%;
	}		
		#imgleft5 {
		position:absolute;
		background: url("img/main/ph_all.jpg"); 
		width:200px;
		background-repeat:repeat-y;
		left:-207px;
		top:570px;
		min-height:45%;
}
		#imgleft3 {
		position:absolute;
		background: url("img/main/ph_all.jpg"); 
		width:200px;
		background-repeat:repeat-y;
		left:-207px;
		top:570px;
		min-height:85%;

}
		#imgleft4 {
		position:absolute;
		background: url("img/main/ph_all.jpg"); 
		width:200px;
		background-repeat:repeat-y;
		left:-207px;
		top:570px;
		min-height:99.7%;
		
		}
		#info img {
		margin-left:25px;
		}

		/* Contenu */

		#content {
		position:relative;
		left:211px;
		margin-top:-550px;
		width:540px;
		min-height:535px;
		padding-top:10px;
		padding-left:20px;
		}		
					
			#content h1 {	
			display:inline;
			line-height:25px;
			vertical-align:top;
			color: #F47A00;
			letter-spacing:2px;
			font-size:17px;
			font-weight:500;
			font-family:arial, verdana;
			}
			
			#content h1.low {	
			display:inline;
			line-height:25px;
			color: #F47A00;
			letter-spacing:1px;
			font-size:13px;
			font-weight:bold;
			font-family:arial, verdana;
			vertical-align:5px;
			}

		
			#content h2 {	
			display:inline;
			font-size:13px;
			letter-spacing:0.5px;
			font-family:arial, verdana;
			color: #505050;
			}
			
			
			#content p.accueil {	
			font-size:13px;
			line-height:20px;
			letter-spacing:0.2px;
			font-family:arial, verdana;
			text-align:justify;
			color: #303030;
			margin-top:11px;
			margin-bottom:12px;
			}
			
			#content p.accueil_2 {	
			font-size:13px;
			line-height:3px;
			letter-spacing:0.2px;
			font-family:arial, verdana;
			text-align:justify;
			color: #303030;
			margin-top:11px;
			margin-bottom:12px;
			}
			
			#content p.accueil_3 {	
			font-size:13px;
			line-height:20px;
			padding-top:10px;
			padding-left:15px;
			padding-right:10px;
			letter-spacing:0.2px;
			font-family:arial, verdana;
			background-image:url(img/main/rectangle.gif);
			background-repeat:no-repeat;
			width:541px;
			text-align:left;
			color: #303030;
			margin-top:11px;
			}
			
			#content p.all1 {	
			font-size:13px;
			line-height:20px;
			letter-spacing:0.2px;
			font-family:arial, verdana;
			text-align:justify;
			color: #202020;
			margin-top:11px;
			margin-left:30px;
			margin-bottom:12px;
			}
			
					

	
			#content form {	
			font-size:13px;
			line-height:20px;
			letter-spacing:0.2px;
			font-family:arial, verdana;
			text-align:justify;
			color: #202020;
			margin-top:11px;
			margin-left:30px;
			margin-bottom:12px;
			}
			
			#content form a{	
			color:#F47A00;
			}
			
			#content form a:hover{	
			color:#757575;
			}
			
			#content_charte {
			height:220px;
			width:500px;
			margin-top:20px;
			margin-left:35px;
			letter-spacing:0.1px;
			font-family:arial, verdana;
			font-size:10px;
			text-transform:uppercase;
			overflow:scroll;
			background-color:#f8f8f8;	
			}
			
			#content p.all1 a{	
			color:#F47A00;
			}
			
			#content p.all1 a:hover{	
			color:#757575;
			}
			
			a.purple {
			color:#9410fc;
			text-decoration:none;
			}

			a.purple:hover{
			color:#F47A00;
			}	
			
			a.blue {
			color:#0b49fe;
			text-decoration:none;
			}

			a.blue:hover{
			color:#F47A00;
			}	
			

			
						
			#content img.centrer {	
			padding-left:10px;
			padding-right:20px;
			padding-bottom:2px;
			border:0;
			}

			
			#content span.droite {	
			float:right;
			}
			
			#content span.subtitle {	
			color:#F47A00;
			}
			
			#content span.subtitle2 {	
			color: #707070;
			font-weight:bold;
			}
			
			#content img.accueil{
			float:left;
			margin-right:15px;
			}		
			
			#content table.stat {
			font-size:13px;
			margin-left:25px;
			font-family:arial;
			color:#606060;
			}	
			#content table.stat3 {
			font-size:13px;
			margin-left:47px;
			font-family:arial;
			color:#606060;
			}	
			#content table.stat2 {
			font-size:13px;
			margin-left:25px;
			font-family:arial;
			color:#606060;
			margin-top:-20px;
			}	
		
			#content table.all1 {	
			font-size:13px;
			line-height:20px;
			letter-spacing:0.2px;
			font-family:arial, verdana;
			text-align:justify;
			color: #202020;
			margin-top:11px;
			margin-left:30px;
			margin-bottom:12px;
			}
	/* Foot - menu bas */

	#foot {
	position:relative;
	bottom:-13px;
	margin-left: auto; 
	margin-right: auto; 
	width:765px;
	height:20px;
	background-color: #ececec;
	}		
	
		#foot p {	
		font-size:10px;
		line-height:20px;
		font-family:arial;
		text-align:center;
		vertical-align:middle;
		color: #707070;
		}
		
		#foot a{
		color:#606060;
		text-decoration:none;
		}
		
		#foot a:hover{
		color:#F47A00;
		}	
		
		
/* Eléments Communs */		

a{
color:#757575;
text-decoration:none;
}

a:hover{
color:#F47A00;
}	


#defilement {
width:495px;
height:125px;
background-color:f3f1ff;
overflow:auto;
margin-left:29px;
padding-top:10px;
padding-right:20px;
padding-bottom:20px;
font-family:arial;
font-size:13px;
text-align:justify;
}

#defilement2 {
width:490px;
height:40px;
background-color:#f3f1ff;
overflow-y:scroll;
margin-left:29px;
padding-left:5px;
padding-top:10px;
padding-right:20px;
padding-bottom:20px;
font-family:arial;
font-size:13px;
text-align:justify;
}

#formulaire {
text-transform:uppercase;
}


	
	
