/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

legend {
	color: #006600;

}

li {
	list-style-type: square; 
	color: #006600;
}

li li{
	list-style-type: square; 
	color: #98cb98;
}

div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}

.gris {
	color: #333333;
}

h2 {
	margin: 0px;
	padding: 0px;
	margin-top: 15px; 
	color: #006600;
	font-size: 16px;
}

h3 {
	color: #006600;
	font-size: 12px;
	display:inline;
}



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #006600;
}

.grosbleu {
	color: #263f74;
	font-weight: bold;
}

p {
line-height: 18px;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #263f74;
	font-weight: bold;
	text-decoration: none;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #263f74;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #263f74;
}
a:active {
	text-decoration: none;
	color: #263f74;
}



a.lien1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:normal;
	text-decoration: none;
}
a.lien1:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:normal;
	text-decoration: none;
}
a.lien1:hover {
	text-decoration: none;
	color: #263f74;
}
a.lien1:active {
	text-decoration: none;
	color: #333333;
}

/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#006600;
	background-color:#CBFFCB;
	border-bottom:#CBFFCB 1px solid;
	border-top:#CBFFCB 1px solid;
	border-left:#CBFFCB 1px solid;
	border-right:#CBFFCB 1px solid;
}


.bouton_news2 {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage_selec {
	color:#ff0000;
}

/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/
#header {
	width: 969px;
	height: 152px;
	background-color: #CBFFCB;
	margin:auto;
	margin-top: 10px;
}
	
	#logo {
		float:left;
		width: 681px;
		height: 77px;
		padding-top: 20px;
		padding-left:40px;
	}
	
	#logo b{
		display:inline;
		font-weight:bold;
		color: #006633;
		font-size: 25px;
		font-variant: small-caps;
	}
	
	#logo {
		display:inline;
		font-weight:normal;
		color: #006633;
		font-size: 20px;
		font-variant: small-caps;
	}
	
	#newsletter {
		float:left;
		width: 210px;
		height: 55px;
		background-color: #98CB98;
		margin-top: 20px;
		font-weight: bold;
		color: #006633;
		font-size: 12px;
		padding: 10px;
	}
	
	#newsletter p {
		margin: 0px;
		padding: 0px;
		padding-bottom: 10px;
	}
	
	#telephone {
		float:left;
		width: 226px;
		height: 47px;
		font-variant: small-caps;
		font-weight:bold;
		color: #006633;
		font-size: 13px;
		padding-left:40px;
		padding-top: 8px;
	}
	
	#telephone h2{
		display:inline;
		font-size: 18px;
	}
	
	#telephone h2:hover{
		display:inline;
		font-size: 18px;
		text-decoration:underline;
	}
	
	#titre {
		float:left;
		background-image: url(gifs/fdtitre_07.jpg);
		background-repeat:no-repeat;
		height:30px;
		width:683px;
		padding-left: 20px;
		padding-top: 25px;
	}
	
	#titre h1{
		display:inline;
		font-size: 14px;
		color: #006600;
		font-weight:bold;
	}

#contenu {
	width: 969px;
	margin: auto;
}

	#menu {
		float:left;
		width: 266px;
	}
	
	#menu ul {
		padding: 0px;
		margin: 0px;
	}
	
	#menu li {
		list-style-type: none;
		width: 226px;
		height: 38px;
		background-color: #98CB98;
		border-bottom: solid 1px #C1F5C1;
		border-top: solid 1px #A2D5A2;
		padding-left: 40px;
		line-height: 38px;
	}
	
	#menu a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #006600;
		text-decoration: none;
		font-weight:bold;
	}
	#menu a:link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #006600;
		text-decoration: none;
		font-weight:bold;
	}
	#menu a:hover {
		text-decoration: none;
		color: #CBFFCB;
	}
	#menu a:active {
		text-decoration: none;
		color: #006600;
	}
	
	#balance {
		background-image: url(gifs/balance_11.jpg);
		background-repeat:no-repeat;
		width: 266px;
		height: 49px;
	}
	
	#lien {
		float: left;
		width: 703px;
		height: 20px;
	}
	
	 #lien ul {
		padding: 0px;
		margin: 0px;
		padding-left: 70px;
	}
	
	#lien li {
		list-style-type: none;
		display:inline;
		font-size: 11px;
		color:#cbffcb;
		font-weight:bold;
		padding-left: 20px;
		line-height: 20px;
	}
	
	#lien a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #cbffcb;
		text-decoration: none;
		font-weight:bold;
	}
	#lien a:link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #cbffcb;
		text-decoration: none;
		font-weight:bold;
	}
	#lien a:hover {
		text-decoration: underline;
		color: #cbffcb;
	}
	#lien a:active {
		text-decoration: none;
		color: #cbffcb;
	}
	
	#affichage {
		float:right;
		width: 672px;
		min-height: 425px;
		background-color: #cbffcb;
		padding: 5px;
		padding-top: 15px;
		text-align:justify;
	}
	
#footer {
	clear:both;
	width: 969px;
	text-align:center;
	color: #cbffcb;
	margin: auto;
	padding-top: 10px;
}

	#footer a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #cbffcb;
		text-decoration: none;
	}
	#footer a:link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #cbffcb;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: none;
		color: #ffffff;
	}
	#footer a:active {
		text-decoration: none;
		color: #cbffcb;
	}
	
#contenu1 {
	float: left;
	text-align: right;
	width: 325px;
	font-style:italic;
	padding-top: 20px;
}

#contenu1 p {
line-height:14px;
}




#photo {
	float: left;
	width: 301px;
	height: 280px;
	background-color: #81b581;
	margin-left: 10px;
	padding: 10px;
	color:#FFFFFF;
}

#photo p,  #droitimmo p, #droitfamille p, #mediation p {
	margin:0px;
	padding:0px;
	margin-top: 5px;
	line-height:14px;
}


#droitfamille {
	float:left;
	width: 325px;
	margin-top: 22px;
	padding-left: 20px;
}

#droitimmo {
	float:left;
	width: 325px;
	padding-left: 20px;
}

#mediation {
	float:left;
	width: 301px;
}

#gauche {
	float: left;
	width: 325px;
}

#affichage strong {
	color: #60AE60;
}
.contour {
	border: 1px solid #333333;
}

/******************************************************************** Référencement ******************************************************************/

legend {
font-size:10px;
text-decoration:none;
color:#006600;
}

#suiv {
text-align:right;
padding-right: 5px;
}

#plan {
margin: 0px 150px 0px 0px;
}
