/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { height: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: black;
	height: 100%;
	background: #D9D3D3 url(body-bg-7.png) repeat-x;
	}
form {margin: 0;
	padding: 0;}
a { text-decoration: none; color: #ED7921; font-size: 1em; padding: 1px 2px; }
a:hover {text-decoration: underline}
acronym { border-bottom: 1px dotted #cc0000; cursor: help; }

h1,h2,h3 { 
	color: #4A2E2E;
	font-weight: normal;
	font-size: 20px;	
	margin: 0 0 10px 0;
	clear: both;
	}
	
p {margin: 0px; border-width: 5px; border-color: #F0F0F0; border-left-style: solid; padding-left: 5px; padding-bottom: 5px; font-size: 13px; line-height: 18px}
p.ContactTexte {text-decoration: underline}
b.Obligatoire {font-weight: bold; color: red}
.Erreur {color: red; font-weight: bold}
p.Fin {text-align: right}
img.Miniature {border-color: #ED7921}

fieldset {padding: 5px; border-style: solid; border-width: 3px; background-color: #F0F0F0; border-color: #4B2E30; margin-top: 5px; margin-bottom: 5px}
legend {padding: 2px; font-weight: bold; color: white; background-color: #4B2E30; padding-left: 4px; padding-right: 4px; margin-bottom: 5px;}
select, textarea, input.Champ {border: 1px solid #ED7921; margin-bottom: 1px; margin-top: 1px; background-color: #DCDCDC}
textarea, input.Champ {padding-left: 4px; background-image: url(field-bg.png); background-repeat: no-repeat; background-position: left top}
input.Bouton {font-variant: small-caps;background-color: #ED7921; border-color: #79501F; color: white; font-weight: bold; border-style: solid; border-width: 1px; cursor: pointer}

.EntetePageSeule td, .EntetePageSeule td a {color: white !important; font-size: 18px; text-align: center; font-variant: small-caps}
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: center;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	margin-top: 35px;
	padding-top: 5px;
	background: #fff url(bg-2.jpg) repeat-x;
	border-color: #4A2E2E;
	border-width: 1px;
	}	
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
#header { 
	background: url(header_top.gif) no-repeat 100% -15px; 
	width: 750px; 
	margin: 0 auto;	
	padding: 0;
	}
#header div { 
	background: url(header_botm.jpg) no-repeat 0px 50px; 
	text-align: left;
	padding: 25px 0 47px 20px;	
	}	

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#header ul {
	margin: 0px;
	padding: 0px;
	margin-left:-7px;	
	list-style-type: none;
	
	}
#header li { 
	display: inline;
	margin: 0 5px;
	font-size: 1.2em;
	width: 124px;
	height: 24px;
	float: left;
	text-align: center;
	}	
#header li a {display: block; width: 100%; color: #fff; padding-top: 7px; height: 20px; background-image: url(tab.png); background-position: left top; font-weight: bold}		
#header li a.on,
#header li a:hover { color: #ED7921; }

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	width: 750px;
	margin: 0 auto;
	padding-bottom: 50px; overflow: hidden;
	}
* html #content { padding-bottom: 60px; }	
#content:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	
#content h2 {border-width: 3px; border-color: silver; border-bottom-style: solid}
#content h2 em { 
	color: #ED7921; 
	font-style: normal;
	}
#content h3 {font-size: 16px; text-decoration: underline; font-weight: bold; clear: both}
	
#content ul {margin: 10px 0 10px 0; padding: 0px; padding-left: 15px; list-style: disc}	
#content li { padding: 0px}	
#content blockquote { 
	background-color: #FFFFF0; 
	margin: 20px 0; 
	padding: 10px 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}
#content blockquote p { margin: 0; }

	
/*------------------------------------------------------------*
**  left
**------------------------------------------------------------*/
#SideBar {float: left; width: 215px; text-align: left; margin-right: 25px; background-color: #F0F0F0; padding: 5px; overflow: hidden}
#AnnoncesRecentes {background-color: #4A2E2E; border-width: 2px; border-color: #ED7921; border-style: solid; margin-bottom: 10px}
#AnnoncesRecentes .Annonce {text-align: center; margin: 2px; background-color: #ED7921; border-width: 2px; border-color: gray; border-left-style: solid; border-top-style: solid; padding-bottom: 3px}
#AnnoncesRecentes .Annonce img { width: 205px;}
#AnnoncesRecentes .Annonce a {margin: 0px; padding: 0px; border: none; font-weight: bold; text-decoration: none; color: white}
#AnnoncesRecentes .Annonce a:hover {}
/*------------------------------------------------------------*
**  right
**------------------------------------------------------------*/
#Page {float: right; min-height: 400px; width: 500px; text-align: left; padding-top: 5px; overflow: hidden}
#Page img.Miniature {border-width: 2px; margin: 5px}
		
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/		
#footer {	
	position: absolute !important;
	width: 100% !important;
	z-index: 500 !important;
	position: relative;	
	padding: 10px 0;	
	margin-top: 0px;
	background-color: #4A2E2E;		
	color: #999;	
	font-size: 11px;
	border-top: 3px solid #ccc;
	}	
#footer p {margin: 0 10px; text-align: center; border: none}	
#footer a:hover { background-color: #222; }