/* ##################################### GLOBAL ##################################### */
*{
	margin:0;
	padding:0;
}

hmtl, body{
	background: url('img/fond.png');
}

a img{
	border: none;
}

hr{
	color: #ced7ec;
	background-color: #ced7ec;
	height: 4px;
	border: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}

h1{
	text-align: center;
	color: #93C000;
	font-style: italic;
	font-size: 180%;
}
h2{
	font-family: Calibri;
	font-weight: lighter;
	color: #93C000;
}
h3{
	color: grey;
}
h4{
	color: #008080;
	margin-top: 5px;
	margin-left: 20px;
}
h4 a{
	position: relative;
	z-index:3;
}

p{
	text-indent: 40px;
	text-align: justify;
	font: 100% Calibri;
}

p a{
	text-decoration: none;
	/* Les liens ont un grand z-index pour être toujours cliquables */
	position: relative;
	z-index: 10;
}

li ul{
	margin-left: 20px;
}

#bloc{
	width: 900px;
	margin: auto;
}

#feuillage{
	background: url("img/feuillage.png") no-repeat;
	position: absolute;
	left:50%;
	margin-left: -450px;
	z-index:1;
	top:0px;
	width:900px;
	height:563px;
}
#feuillageIE{
	background: url("img/feuillage.gif") no-repeat;
	position: absolute;
	left:50%;
	margin-left: -450px;
	z-index:1;
	top:0px;
	width:900px;
	height:563px;
}

#bann-titre{
	background: url("img/bann-titre.png") no-repeat;
	position: absolute;
	left:50%;
	margin-left: -203px;
	z-index:2;
	width: 405px;
	height: 81px;
}

#banniere{
	width: 595px;
	height: 250px;
	margin: auto;
}

#banniere img{
	position: absolute;
	z-index: 0;
}

#bordHaut{
	background: url("img/bordure-haut.png") no-repeat;
	height: 40px;
	text-align: center;
}

#menu{
	border-collapse: collapse;
	margin: auto;
	position: relative;
	z-index: 2;
}

#sousmenus{
	position: absolute;
	z-index: 20;
	left: 50%;
	margin-left: -300px;
}

.ssmenus{
	border-collapse: collapse;
}

#ssmenu0{
	margin-left: 0px;
	display:none;
}
#ssmenu1{
	margin-left: 80px;
	display:none;
}
#ssmenu2{
	margin-left: 198px;
	display:none;
}
#ssmenu3{
	margin-left: 295px;
	display:none;
}
#ssmenu4{
	margin-left: 378px;
	display:none;
}
#ssmenu5{
	margin-left: 470px;
	display:none;
}

#corps{
	background:url("img/repeat.gif") repeat-y;
	padding-top:15px;
	padding-left:60px;
	padding-right:60px;
	padding-bottom:15px;
}

#bordBas{
	background: url("img/bordure-bas.gif") no-repeat;
	height: 80px; /* 80px + padding-top = 180px */
	text-align: center;
	padding-top: 100px;
	font: 12px Tahoma;
}

#bordBas a{
	text-decoration: none;
	font-weight: bold;
	color: #9acd32;
	position: relative;
	z-index: 3;
	cursor: pointer;
}

.dots{
	border-bottom: 1px dashed #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}

.divcenter{
	margin: 0 auto;
	text-align: center;
}

/* ##################################### INDEX ##################################### */
#postit{
	width: 800px;
	border-collapse: collapse;
	margin-top: 10px;
}
#postit #colA{
	width: 350px; 
	vertical-align: top;
	padding-right: 20px;
	padding-top: 100px;
}
#postit #colATop{
	width: 280px;
	vertical-align: top;
	padding-left: 100px;
	padding-right: 20px;
}
#postit #colATop p{
	text-indent: 0px;
}
#postit #colB{
	width: 20px;
	background: url('img/bordure-postit.png') repeat-y;
	vertical-align: top;
	border-bottom: 2px solid #696969;
}
#postit #colC{
	background-color: #e3f6b8;
	vertical-align: top;
	padding-right: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #696969;
	font-size: 90%;
}

#postit #colC a{
	color: blue;
}

#photos, #localisation{
	position: relative;
	z-index: 3;
}
#photos img, #localisation img{
	border: 3px #9acd32 ridge;
}

#tarifs{
	position: relative;
	z-index: 3;
	border-collapse: collapse;
	margin: 20px auto;
	border: 2px green outset;
}
#tarifs td{
	border: 1px black dotted;
	padding: 10px;
}

#tarifs td a{
	color: blue;
}

#partenaires{
	border-collapse: collapse;
	margin: auto;
	margin-top: 50px;
	z-index: 3;
}

#partenaires .logos{
	padding: 10px;
	border-bottom: 3px #9acd92 dotted;
	z-index: 3;
}

#partenaires .liens{
	padding: 10px;
	border-bottom: 3px #9acd92 dotted;
	z-index: 3;
}

#partenaires a{
	position: relative;
	z-index: 3;
}

/* ################################## RÉSERVATION ################################### */
#reservation{
	position: relative;
	z-index: 3;
	margin-left: -60px;
}
#reservation fieldset{
	padding: 15px 20px 15px 20px;
}
#reservation legend{
	color: #008080;
}
#reservation label{
	float: left;
	width: 110px;
	color: #009900;
	font-style: italic;
}
#reservation #divcommentaire{
	margin: auto;
}
#reservation textarea{
	width: 100%;
	height: 100px;
}
#reservation input[type="button"]{
	width: 100%;
}
#reservation input[type="text"]{
	height: 20px;
}
#reservation #mailenvoye{
	color: red;
	text-decoration: blink;
	font-weight: bold;
}

/* ############################### WIDGETS OPEN-SYSTEM ############################### */
#OSRecherche, #OSRechercheGite{
	position: relative;
	z-index: 3;
	margin-left: 20px;
}

/* ###################################### ADMIN ###################################### */

.news{
	font-family: Cambria, Calibri;
	position: relative;
	z-index: 3;
	margin-top: 10px;
	padding: 10px;
}

.fieldAdmin, #divAjax .news{
	position: relative;
	z-index: 3;
	margin: 15px 60px 15px 60px;
	padding: 10px;
}

.fieldAdmin legend, .news legend{
	margin-left: 10px;
	margin-right: 10px;
}

.fieldAdmin legend:before, .news legend:before{
	Content: " .:: ";
	font-weight: bold;
}

.fieldAdmin legend:after, .news legend:after{
	Content: " ::. ";
	font-weight: bold;
}