<!--

This is an Elated PageKit - www.elated.com. 
All artwork copyright © 1996-2001 Elated Communications Ltd.
By using this PageKit, you are agreeing to be bound by the usage agreement available online at www.elated.com/usage/

-->






 

<style>

body {
text-align: center;
}
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

div#frame {
        width: 995px;
       margin-left: auto;
       margin-right: auto;
       margin-top: 10px;
       text-align: left;
}

img { border: 0; }

td { font-family: arial, helvetica, sans-serif;  font-size: 12px; color: #000000 }

.text {color: #B18A45;  font-family: arial, helvetica, sans-serif;  font-size: 10px; text-decoration: none}

.textlight {color: #FEE7A1;  font-family: arial, helvetica, sans-serif;  font-size: 10px; text-decoration: none}

.MainStyle { color: #6991c9;  font-family: arial, helvetica, sans-serif; font-weight: none; font-size: 12px; text-decoration: none }

h1 { color: #FFFFFF;  font-family: Monotype Corsiva, helvetica, sans-serif; font-weight: bold; font-size: 24px; text-decoration: none }

p { color: #537AB9;  font-family: arial, helvetica, sans-serif; font-weight: none; font-size: 12px; text-decoration: none }

.ToolsBar {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 14px; text-decoration: none}
.ToolsBar h1{color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 18px; text-decoration: none} 
.ToolsBar a:link {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none}
.ToolsBar a:visited {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.ToolsBar a:active {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.ToolsBar a:hover {color: #f2f9ff; font-family:arial, helvetica, sans-serif; font-weight: bold; font-size: 18px; text-decoration: none}

.GroupeAnn a:link {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none}
.GroupeAnn a:visited {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.GroupeAnn a:active {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.GroupeAnn a:hover {color: #f2f9ff; font-family:arial, helvetica, sans-serif; font-weight: bold; font-size: 18px; text-decoration: none} 

.Login a:link {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none}
.Login a:visited {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.Login a:active {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.Login a:hover {color: #9BCFF6; font-family:arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none}

.Annonce {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 14px; text-decoration: none}
.Annonce h1{color: #367AC5;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 18px; text-decoration: none} 
.Annonce a:link {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none}
.Annonce a:visited {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.Annonce a:active {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.Annonce a:hover {color: #f2f9ff; font-family:arial, helvetica, sans-serif; font-weight: bold; font-size: 18px; text-decoration: none}

.boutique {color: #367AC5;  font-family: arial, helvetica, sans-serif; font-size: 14px; text-decoration: none}
.boutique h1{color: #367AC5;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 18px; text-decoration: none} 
.boutique a:link {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none}
.boutique a:visited {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.boutique a:active {color: #f2f9ff;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
.boutique a:hover {color: #f2f9ff; font-family:arial, helvetica, sans-serif; font-weight: bold; font-size: 18px; text-decoration: none}

.Titre { color: #FFFFFF;  font-family: Monotype Corsiva, helvetica, sans-serif; font-weight: bold; font-size: 24px; text-decoration: none }

a:link {color: #0078D9;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none}
a:visited {color: #0078D9;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
a:active {color: #0078D9;  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none} 
a:hover {color: #9BCFF6; font-family:arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none}

.cadrebou {
padding: 0px 20px 15px 10px;
border-style: solid;
border-width: 1px;
border-color: #0066B9;
background-color: #F1F1F1;
}

#Cadre {
border:1px solid #b0b0b0;
float:left;
padding:5px;
}

div#hdroi {
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 13px;
}
.boite {
	width: 220px;
	padding-bottom: 10px;
	background: white url(milieu-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(data/05-haut.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite p {
	margin: 1em 20px;
	text-align: justify;
}
img {border: 0;}

  .purple-moons {
  background: #9040d3 url(assets/moonstar.jpg);
  }

  .purple-glass {
  background: #9040d3 url(assets/purplelace2.jpg);
  }

  .blue-snow {
  background: #483db8 url(assets/snowback.jpg);
  }

  .silver-glass {
  background: #c0c0c0 url(assets/silver10.jpg);
  }

  .golden-moons {
  background: #b22222 url(assets/moonstar10.jpg);
  }

  .tangerine-glass {
  background: #fa5000 url(assets/goldlace3.jpg);
  }

  .orchid-canvas {
  background: #ba55d3 url(assets/textures.jpg);
  }
img.a {
				border: 1px solid #666;
				background: #fff;
				padding: 10px 10px 60px;
			}
		
			img.b {
				border: 15px solid #def;
				background: #aaa;
				padding: 1px;
			}
		
			img.c {
				background: #fff url(http://www.labrocantedunet.fr/slide.png) no-repeat 50%;
				padding: 45px 20px 45px 15px;
			}
  .cornflower-canvas {
  background: #f0f8ff url(assets/textureu.jpg)
  }

  .black {background: #000;}

  .bb5 {border: 5px inset #483db8;}
  .bp5 {border: 5px inset #9040d3;}
  .bs5 {border: 5px inset #c0c0c0;}

  .m2 {margin: 2em;}
  .mr1 {margin-right: 1em;}
  .mb2 {margin-bottom: 2em;}

  .l {float: left; clear: left;}
  .r {float: right; clear: right;}

  .cp {color: #9040d3;}
  .cb {color: #483db8;}

  div.p1c {padding: 1em;}

.blop {
	font-size: 20px;
	font-weight: bold;
	color: #2492CC;
}

.blip {
	/* top: 0px; */
	color: #3D9644;
	font-family: verdana, sans-serif;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 200px;
	overflow: none;
}
.blut {
	color: #2492CC;
}
  /*pour les infobulles de la carte*/
  #gmapmarker { 
  	font: normal small verdana, arial, helvetica, sans-serif;
  	font-size: 10pt;
  	margin: 0px;
  	width: 300px;
  	height: 100px;
  	overflow:auto;
  }
  
  #gmapmarker p{ 
  	margin : 0;
  	padding : 2px 0 2px 0;
	font-size:0.85em;
  }

  #gmapmarker a {text-decoration: none; color: #0066CC; background-color: transparent;}

  #gmapmarker a:hover {color: #F60; background-color: transparent;}

  #gmapmarker h1 {
  	font-weight: bold; 
  	font-size: 13px; 
  	color: #369; 
  	border-bottom: 2px solid #369;
  	padding : 2px;
  	margin : 0;
  }
 
 /*div qui contient la carte*/
  #map {
	border : 1px solid #369;
	width:400px;
	float:left;
	margin : 5px;
  }
  
/*hide the sidebar of googlemapapi*/
  #sidebar_map {
  	display : none ;
  }
  
  /*hide the sidebar of googlemapapi*/
  .tooltip {
  	background: #CCEAB8;
  }
     /* our own sidebar*/
  #map_sidebar {
	height:600px;
	overflow:scroll;
    padding: 5px ;
    margin : 5px;
    border: 1px solid #369;
  }
  
  #map_sidebar h4{
  	padding: 4px 10px ;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
	color: #FFF;
	background: #5B92CB;
	cursor: pointer;    
	margin : 0 0 1px 0 ;
  }
  
  #map_sidebar ul{
  	padding: 4px 2px 4px 10px;;
	font-size: 11px;
	color: #222;
    margin : 0;
  }
  
  #map_sidebar ul li{
  	list-style-type : none;
  	padding : 2px 0 2px 0;
  	margin : 0;
  }
  
	
    #detail_container {
	font-family: Verdana,"trebuchet ms",sans-serif;;
    font-size: 8pt;
  	padding : 0px 0 0 0;
	margin:5px;
  	background : #FFF;
  }

  #description_detail {
  	padding : 5px;
  	color : #000000;
  	text-align : justify;
	border:1px solid #FF9900;
  }
  #description_detail h1{
  	font-size:1.4em;
  	color:#369;
	border-bottom:2px solid #369;
  }
    #description_detail h2{
  	color:#369;
  }
    #description_detail h3{
  	color:#369;
	text-decoration:underline;
  }
  #main2 {
		margin:0; padding:0;
		background: #ffffff ;
		background:#D8E2E8 ;
		}
	#left {
		float:left;
		width:100%;
		margin:0; padding:0;
		background:#D8E2E8 ;
		}
	div#left h2{
	margin:1.5em 0 0.5em 0;
	padding : 0;
    font-family:"century gothic", "gill sans", sans-serif;
	color : #9A9A9A;
    text-transform : uppercase;
	border-bottom : 1px solid #9a9a9a;	
		}
	div#left ul{
	margin-left:0;
	padding-left:0;
	}
	div#left li{
		margin-left:3px;
	}
	
	/*** Main container ***/

#container {
background:#FFFFFF;
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

/*** Header section ***/

#sitename {
color:#ffffff;
height:92px;
margin:0 20px 10px;
text-align:left;
}

#sitename h1,#sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

#sitename h1 {
font-size:2.4em;
padding-top:20px;
}

#sitename h2 {
font-size:1.6em;
}

/*** Horizontal menu ***/

#mainmenu {
float:left;
margin-bottom:25px;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

/*** Content wrap ***/

#wrap {
clear:both;
font-size:0.9em;
padding:0;
}

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:165px;
}

#leftside {
float:left;
margin-right:10px;
}

#rightside {
float:right;
margin-left:10px;
}

#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/*** Content ***/

#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:0px 0px 0px;
}

#content {margin:0 100px;}
#contentalt {
HEIGHT:300;
background:#f2f3fc;
border:0px solid #b0b0b0;
margin:0 0px 0 0px;
padding:5px 1px 1px;
}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 5px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

#content img,#contentalt img {
border:1px solid #b0b0b0;
float:left;
margin:10px 15px 6px;
padding:5px;
}

/*** Footer ***/

#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}


#middle {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #E7EBEF; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px
}

.cadre_simple{
	width: 480px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}

.cadre_simple p{
  width: 200px;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

/*** End of file ***/
</style>




