body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;   /* ie 12 point */
	text-align:left;
	color:#fff;
	line-height:1.3;
	background: #99c;
	}
P{
	font-size: 100%;	
	margin:0px;
	padding:0px 0px 9px 0px;
	/*ie 11 point */
	}
.left{text-align:left;}	
.menu{
	font-size: 83%;
	font-weight:bold;
	color:#fff;}
.slogan{
	font-family:"Times New Roman", Times, serif;
	font-size:145%;
	font-style:italic;
	}
.right{text-align:right;}

/* headings -----------------------------------------------*/
H1{	font-size:145%; /* ie 17 point  */
	font-weight:bold;

	margin:10px 0px;
	padding:0px;
	border-bottom: 1px solid #fff;
	}

H2{	font-size:127%;/* ie 15 point  */
	color:#fff;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	padding:0px;
	}
H3{	font-size:108%;/* ie 13 point  */
	font-weight:bold;
	margin:20px 0px 0px 0px;
	padding:0px;
	}

/* images -----------------------------------------------*/
img {margin:0px 5px 5px 0px; border:0px;}
img.gite{
	border:2px solid #fff;
	margin:5px;}
img.gite2{
	border:2px solid #fff;
	margin:0px;}
img.left{float:left;}

/* lists -----------------------------------------------*/
ul{
	margin:16px;
	padding:0px;
	text-align:left;
	}
li{
	font-size:100%;
	list-style-type:square;
	}

/* links -----------------------------------------------*/	
A {
	color:#fff;
	}
A.menu{	font-size: 100%;
	color:#fff;
	text-decoration: none;
	}
A:hover{
	color:#f93;
	text-decoration: none;
	}

A.footer:hover{
	color:#000;
	text-decoration: none;
	}
/* forms -----------------------------------------------*/	
input{background-color:#99c;
	border:1px solid #fff;
	margin:6px 0px 0px 0px;
	color:#fff;}

/* tables----------------------------------------------- */
td{vertical-align:top;}
	
/* divisions----------------------------------------------- */

#adresse{
	background-color:#f93;
	background-image:url(/images/mouthoumet-aude.gif);
	background-repeat:no-repeat;
	text-align:center;
	border-top:1px solid #99c;
	padding:0px;
	margin:0px;
	}
div.centre{margin:20px auto;
	width:392px;}
div.centre2{margin:20px auto;
	width:500px;}
.clearer{clear:both}

#left{
	background-color:#99c;
	float:left;
	width:350px;
	text-align:left;
	border:0px solid #f00;}

#main-content {

	position:relative;
	top:0px;
	margin:0px;
	padding:8px;
	text-align:center;
	border:0px solid #00f;


	}

#outside {
	position:relative;
	top:0px;
	margin:0px;
	text-align:left;

	}
#right{float:right;
	width:350px;
	background-color:#99c;
	text-align:left;
}

#wrap {
	background-color:#99c;
	top:0px;
	width:750px;
	height:100%;
	margin:0px  auto;
	padding:0px;
	/* padding:2px; this is the old way of doing 
	the border which doesn't work in IE*/
	border: 2px solid #fff;

	border-top:0px;
	border-bottom:0px;/*this is IE proof border*/
	}