body
{
	margin : 0px;
	padding :0px;
	font-size: 0.9em;
	background-color : #f4f4f4;
	background-image : url('images/fond.png');
	background-repeat : repeat-y;
	font-family: sans-serif;
}

.hide
{
	display : none;
	visibility:hidden;
}
.show
{
	display:block;
	visibility: visible;
}

.highlight
{
 color : red;
}

#communes
{
float:right;
border: 1px solid #888;
background-color : #fff;
margin : 10px;
}

#communes a
{
 color : #444;
 text-decoration : none;
}
#communes h3
{
 padding:10px;
 margin :0px;
 font-size:1.1em;
 color: #fff;
 background-image: url('images/top.png');
 background-repeat : no-repeat;
 background-color :#619800;
 font-variant:small-caps;
 border-bottom : 4px solid #444;
}

#formbox
{
clear:both;
padding : 10px;
border:1px solid #444;
border-top : 1px solid #444;
background-color : #fff;

}
#formulaire
{
 margin: 10px;
}
#formulaire h2
{
color : #444;
font-variant:small-caps;
}

#formulaire ul
{
  float: left;
  margin:0px;
  padding:0px;
  list-style: none;
}

#formulaire li {
  float: left;
  text-align:center;
  padding : 10px 0px;
  background-color : #ffffff;
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
} 

#formulaire .noselect
{
 background-image : none;
 color : #444;
}
#formulaire .select
{
 background-image : url('images/top.png');
 background-repeat : no-repeat;
 background-color : #9b15e0;
 color : #fff;
}
#formulaire .select a
{
 color: #fff;
}

#formulaire li:hover
{
 background-image : url('images/top.png');
 background-repeat : no-repeat;
  background-color : #9b15e0;
}
#formulaire a
{
  text-decoration: none;
  padding: 10px;
  color : #444;
}
#formulaire a:hover
{
  color : #fff;
}

#photos
{
	background-color : #fff;
	border: 1px solid #888;
}
#photos h2
{
  font-variant:small-caps;
  color:#fff;
  margin :0px;
  padding :10px;
  background-image: url('images/top.png');
  background-repeat : no-repeat;
  background-color :#619800;
  border-bottom: 4px solid #444;

}
#photos ul
{
  float: left;
  margin:10px;
  padding:0px;
  list-style: none;
}
#photos li
{
 border: 1px solid #aaaaaa;
 margin : 5px;
 padding: 5px;
 float:left;
 width : 150px;
 height : 160px;
}
#photos img
{
  margin: 0px;
  padding : 0px;
}

#admin
{
  margin : 20px;
}

#admin h2, h3
{
 font-variant: small-caps;
}
#admin a
{
 color : #444;
}

#admin li
{
  list-style:none;
}

#listannonces
{
float:right;
border: 1px solid #888;
background-color:#fff;
margin : 10px;
padding: 0px;
width : 40%
}
#listannonces ul
{
padding: 0px;
margin: 10px;
}
#listannonces li
{
 margin : 0px;
 padding : 5px;
 list-style: none;
}
#listannonces h3
{
 margin : 0px;
 padding : 10px;
 background-color :#619800;
 background-image: url('images/top.png');
 background-repeat : no-repeat;
 color: #fff;
 font-variant:small-caps;
 border-bottom: 4px solid #444;
 font-size: 1.1em;
}
#listannonces a
{
 color : #444;
}

#annonceur
{
border: 1px solid #444;
margin :15px;
background-color : #fff;
}
#annonceur h2
{
  font-variant:small-caps;
  font-size: 1.2em;
  color:#fff;
  margin :0px;
  padding :10px;
  background-image: url('images/top.png');
  background-repeat : no-repeat;
  background-color :#619800;
  border-bottom: 4px solid #444;
}
#annonceur p
{
margin:0px;
padding:0px;
padding-top : 10px;
text-indent : 0em;
}

#annonceur a
{
color : #444;
}

#annonces
{
	overflow :auto;
}
#service
{
clear:both;
}

#services ul
{
 display:block;
}

#services li
{
  display: list-item;
}

#detail
{
	overflow:auto;
	clear:both;
	margin : 10px;
}

#entete
{

 float: left;
}

#dispo
{
overflow : auto;
 float :right;
}

#container
{
margin:0px;
padding:0px;
}

#content
{
clear:both;
margin : 10px;
}

#content a
{
  font-size:1.1em;
  color: #444;
  text-decoration:none;
}

#content a:hover
{
 text-decoration:underline;
}
#content table
{
margin: 20px;
}
#content td
{
	padding:2px;
}
#content p
{
margin: 10px 10px;
text-indent:2em;
}

#content h2
{
padding-left : 20px;
color : #444;
font-variant:small-caps;
font-size: 1.3em;
}

#content ul {
  float: left;
  margin: 5px;
  padding: 5px;
  list-style: none;
}
 

#content li {
  float: left;
  width: 250px;
  height : 350px;
  margin: 5px;
  background-image: url('images/bord.png');
} 

fieldset
{
	margin-top : 20px;
	font-size: 1.1em;
}

#annonces .titre
{	
 border-bottom: 20px solid #404040;
 color : #000;
 padding:5px;
 height: 48px;
 font-size :0.9em;
 font-variant:small-caps;
 font-weight:bold;
 text-align:center;
}

#annonces .commune
{
 text-align:center;
 color : #fff;
 position:absolute;
 bottom:275px;
 width:240px;
 margin:0px;
 padding:0px;
 font-size : 0.8em;
}
#annonces a
{
 font-size: 0.9em;
 color: #FFF;
}
#annonces .titre:first-letter
{	
	color : #FFF;
	font-size: 120%;
}
.block
{
position:relative;
height:350px;
}
#annonces .desc
{
 padding: 10px;
 font-size:0.9em;
}
#annonces .image
{
  border: 0px;
  margin-top : 10px;
  padding-left : 34px;
  position:absolute;
  bottom:10px;
}
#annonces .detail
{
  padding-top : 10px;
}
#annonces img
{
 vertical-align: bottom;
 padding : 2px;
 border : 1px solid #888888;
}

#header
{
 height : 150px;
 background-image: url('images/ciel.png');
 border-bottom : 2px solid #444;
 background-color : #fff;
}

#header h1
{
color : #fff;
position : absolute;
top:20px;
left:40px;
font-variant:small-caps;
font-size: 3em;
}

#header h2
{
position:absolute;
color : #fff;
top:80px;
left:70px;
font-variant:small-caps;
font-size: 1.5em;

}

#menu
{
 overflow:auto;
 border-bottom: 2px solid #888;
 background-color : #fff;
}

#menu ul
{
  float: left;
  margin:0px;
  padding:0px;
  list-style: none;
}

#menu li {
  float: left;
  text-align:center;
  padding : 10px 0px;
  background-color : #ffffff;
  border-right: 1px solid #AAAAAA;
} 
#menu li:hover
{
 background-image : url('images/top.png');
 background-repeat : no-repeat;
  background-color : #9b15e0;
}
#menu a
{
  text-decoration: none;
  padding: 10px;
  color : #444;
}
#menu a:hover
{
  color : #fff;
}


#search
{
 width:350px;
 margin : 20px;
 float:left;
 background-color : #fff;
 font-size:0.9em;
}

#search a
{
 font-size: 0.9em;
 color : #444;
}
#search table
{
 border:1px solid #aaaaaa;

}
#search td
{
padding : 5px;
}
#search th
{
 background-image: url('images/top.png');
 background-repeat : no-repeat;
 background-color :#619800;
 border-bottom : 4px solid #444;
 padding:5px;
 color : #fff;
 font-variant: small-caps;
 font-size:1.2em;
}


#searchadv
{
 border:1px solid #888;
 margin : 20px;
 float:left;
 background-color : #fff;
 font-size:0.9em;
}

#searchadv a
{
 font-size: 0.9em;
 color : #444;
}
#searchadv table
{

}
#searchadv td
{
padding : 5px;
}
#searchadv th
{
 background-image: url('images/top.png');
 background-repeat : no-repeat;
 background-color :#619800;
 border-bottom : 4px solid #444;
 padding:5px;
 color : #fff;
}

#texte
{
	margin : 10px;
}
#texte p
{
	text-align:justify;
}
#texte h2
{
font-variant:small-caps;
color :#444;
}

#info
{
 margin :0px 20px;
 padding :10px;
} 
#info h2
{
 padding:0px;
 margin: 0px;
 font-size: 1.3em;
 font-variant:small-caps;
 color : #444;
}
#info p
{
float:left;
}

#footer
{
text-align :center;
 clear : both;
 border-top : 2px solid #888;
 font-size: 1em;
  color : #fff;	
  background-color :#619800;
  background-repeat : no-repeat;
  height: 100px;
  
}
#footer a
{
  font-size: 1em;
  color : #fff;	
}


#dispo
{
	border:1px solid #AAAAAA;
	font-size :0.7em;	
}
#dispo th
{
	background-color : #000000;
	color : #ffffff;
	width: 20px;
	text-align :center;
}
#dispo td
{
	border-bottom : 1px solid #AAAAAA;
	text-align :center;
	border-right : 1px solid #AAAAAA;
}

.agenda
{
	border:1px solid #AAAAAA;
	font-size :0.7em;
}
.agenda th
{
	background-color : #000000;
	color : #ffffff;
	width: 50px;
	text-align :center;
}
.agenda td
{
	border-bottom : 1px solid #AAAAAA;
	text-align :left;
	border-right : 1px solid #AAAAAA;

}
.wd
{
	background-color : #00FF00;
}

.we
{
	background-color : #ddffdd;
}
.weloc
{
	background-color : #ddddff;
}
.wdloc
{
	background-color : #aaaaff;
}

#detail h2
{
  font-variant:small-caps;
  color:#fff;
  margin :0px;
  padding :10px;
  background-image: url('images/top.png');
  background-repeat : no-repeat;
  background-color :#619800;
  border-bottom: 4px solid #444;
}

.inside
{
	margin:10px;
}
.inside p
{
 text-indent : 1.3em;
 text-align:justify;
}

.col1
{
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}

.col2
{
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}

.colleft {
float:left;
width:100%;
position:relative;
}

.doublepage .colleft {
right:50%;			/* right column width */
}

.doublepage .col1 {
width:48%;			/* left column content width (column width minus left and right padding) */
left:51%;			/* right column width plus left column left padding */
}

.doublepage .col2 {
width:48%;			/* right column content width (column width minus left and right padding) */
left:54%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.colmask {
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}

#tarif table
{
border:1px solid #aaaaaa;
margin-bottom : 10px;
margin-top : 10px;

}

#tarif th
{
color : #fff;
background-color : #aaaaaa;
}
.bas
{
background-color: #8f8;
width : 100px;
}
.moyen
{
background-color: #ff8;
width : 100px;
}
.haut
{
background-color: #f88;
width : 100px;
}


.searchline
{
margin : 5px;
background-color : #fff;
padding : 5px;
border: 1px solid #444;
}