/*feuille de style 

--- BLARINGHEM ---

Couleurs
noir : #000000;
blanc:#FFFFFF;
titres : Impact
police : Arial

indiquer ici les codes couleurs et la police choisie pour le site

*/

/*
 definir en premier lieu POLICE, Couleur du texte, couleur font de la page, taille de la police en em.
*/

BODY
	{
	  	margin:0px;
	  	background-color:#E8E8E8;
	  	font-family:"Arial";
	  	color:#787878;
	  	font-size:0.7em;
	  	background-image: url('_images/bg.jpg');
	  	text-align:left;
	}

a{
		color:#787878;
		text-decoration:none;		
		cursor:pointer;
	}
	
font.titre_edito{
	font-weight:bold;
}

font.titre_article{
	font-weight:bold;
	font-size:1.5em;
}

font.orange{
	color:#ffB400;
}

font.copyright{
	color:#818181;
	vertical-align:top;
}

a.listedesbiens{
	color:#CCCCCC;
	font-weight:bold;
}

a.listedesbiens:hover{
	color:#787878;
	font-weight:bold;
}

font.nb_articles{
	color:#CCCCCC;
}

font.pipe{
	font-size:0.9em;
	vertical-align:top;
}

img{
	border:0;
}

img.bordure{
	border : 1px solid;
	border-color : #787878;
	cursor:pointer;
}

td.borduregauche{
	border-left : 1px solid;
	border-color : #787878;
}

td.titre_page{
	font-family:"Arial";
	color:#787878;
 	font-size:1.3em;
 	text-align:left;
}

a.sous_menu{
		color:#787878;
		text-decoration:none;
		font-size:0.9em;
}

a.sous_menu:hover{
		color:#000000;
		text-decoration:none;
		font-size:0.9em;
}

/* FORMULAIRE */
		
	td.formulaire
	{
		width:100%;
		padding-left:100px;
		padding-right:100px;
		padding-top:10px;
		padding-bottom:10px;
	}
		
	td.formulaire_libelle{
		text-align:left;	
		width:120px;	
		color:#787878;
		font-size:1em;
		height:25px;
		vertical-align:middle;
	}
	
	td.formulaire_libelle2
	{
		text-align:left;
		color:#787878;
		font-size:1em;	
		width:5px;
	}
		
	td.formulaire_libelle3
	{
		text-align:left;	
		width:250px;
		color:#787878;
		font-size:1em;
		height:25px;
		vertical-align:middle;	
	}
	
	td.formulaire_libelle4
	{
		text-align:left;	
		width:375px;
		color:#787878;
		font-size:1em;
		height:25px;
		vertical-align:middle;	
	}
	
	td.formulaire_liste
	{
		text-align:left;	
		width:125px;
		color:#787878;
		font-size:1em;
		height:25px;
		vertical-align:middle;
	}	
	
	input.formulaire_radio
	{
		background-color:#F9F0CF;
		border:0px;
		color:#787878;
		font-family:Trebuchet MS;	
		font-size:1em;
		width:20px;
	}
	
	select.formulaire
	{
		background-color: #F9F0CF;
		border:0px;
		color:#787878;
		font-family:"Verdana";	
		width:220px;
		font-size:1em;
	}
	
	input.formulaire
	{
		background-color: #E0E0E0;
		border:0px; /* borders ne sont pas geres */
		color:#787878;
		font-family:"Verdana";
		/*letter-spacing:1px;*/
		width:220px;
		font-size:1em;
	}	
	
	textarea.formulaire
	{
		background-color:#E0E0E0;
		border:0px;
		color:#787878;
		font-family:"Verdana";	
		font-size:1em;
		width:345px;
	}
		
	input.formulaire_date
	{
		background-color: #F9F0CF;
		border:0px;
		color:#787878;
		font-family:"Verdana";	
		width:20px;
		font-size:1em;
	}
	
	input.formulaire_heure
	{
		background-color: #F9F0CF;
		border:0px;
		color:#787878;
		font-family:"Verdana";	
		width:20px;
		font-size:1em;
	}
	
	td.legende_form
	{
		text-align:left;	
		font-family:"Verdana";	
		color:#787878;
		font-size:1em;
		height:25px;
		vertical-align:middle;
	}
	
	td.btn_form
	{
		text-align:center;	
		font-family:"Verdana";	
		color:#787878;
		font-size:1em;
		height:25px;
		vertical-align:middle;
	}
	
	a.formulaire
	{
		font-family:"Verdana";	
		color:#CDCDCD;
		text-decoration:none;
		font-weight:bold;
	}
	
	a.formulaire:hover
	{
		font-family:"Verdana";	
		color:#646464;
		text-decoration:none;
		font-weight:bold;
	}
	
/*Style de la liste des images*/

	#imageFlow {
		position: relative;
		width: 80%;
		height: 80%;
		left: 0%;
		top: 20%;
		background: transparent;
	}
	
	#imageFlow .diapo {
		position: absolute;
		left: -1000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}
	
	#imageFlow .link {
		border: dotted #fff 1px;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	
	#imageFlow .bank {
		visibility: hidden;
	}
	
	#imageFlow .top {
		position: relative;
		width: 100%;
		height: 40%;
	}
	
	#imageFlow .text {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: -2px;
		text-align: center;
		color: #787878;
		font-family: verdana, arial, Helvetica, sans-serif;
		z-index: 1000;
	}
	
	#imageFlow .title {
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#imageFlow .legend {
		font-size: 0.8em;
	}
	
	#imageFlow .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
	}
	
	#imageFlow .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	
	#imageFlow .arrow-left {
		position: absolute;
		left:0px;
	}
	
	#imageFlow .arrow-right {
		position: absolute;
		right: 0px;
	}
	
	#imageFlow .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}