/* CSS Document */
body {
	font-family: Comic Sans MS, Arial, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(../images/fondbody.jpg);
	background-color: #D1E088;
	background-repeat: repeat-x;
	cursor: url(../images/papillon.ico);
}
#header {
	position: relative;
	width: 883px;
	margin: 0 auto;
	height: 180px;
	padding: 0;
}
#conteneur {
	position: relative;
	width: 883px;
	margin: 0 auto;
	height: 850px;
	/*padding: 180px 0 0 0;
*/
	background-image: url(../images/fondcontenu.jpg);
	background-repeat: no-repeat;
}
/* menu icones ..............................................*/
#menu {
	/*width: 880px;
*/
	height: 63px;
	margin: 0;
	padding: 0 0 0 72px;
	/*background-color: #AABBEE;
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
*/
}
div.pic {
	float: left;
	height: 61px;
	width: 61px;
	padding-right: 71px;
	margin: 0;
}
div.pic img {
	/*border: 1px solid;
	border-color: #444 #AAA #AAA #444;
*/
	border: 0;
}
div.ls img {
	height: 61px;
	width: 61px;
	margin: 0;
}
/* titre et sous titre ..............................................*/
h1 {
	text-transform: uppercase;
	font-size: 21px;
	margin: 0;
	padding: 0;
	width: 350px;
	color: #A86A3E;
	/*border: 1px solid;
	border-color: #444 #AAA #AAA #444;
*/
	text-align: center;
}
h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	width: 350px;
	color: #773F17;
	/*border: 1px solid;
	border-color: #444 #AAA #AAA #444;
*/
	text-align: center;
}
/*ul {
	padding: 0;
	margin: 0;
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
	width: 300px;
}
li {
	list-style-type: none;
}
*/
#contact {
	position: absolute;
	top: 100px;
	right: 25px;
	width: 70px: height: 100px;
	margin: 0;
	padding: 0;
}
/* sous menu gauche ..............................................*/
#menugauche {
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 350px;
	height: 435px;
	background: url(../images/bg.gif) repeat-x bottom;

	text-align: center;
	/*border: 1px solid;
	border-color: #444 #AAA #AAA #444;*/

}
#menugauche a {
padding-top:14px;
}
.tit {
 display:block;



}
a.tit {
    display:block;
   
    width:168px;
   
    height:37px;
margin: 0 auto 14px auto;
    
    font-weight: bold;
	color: #4E260A;    
    text-decoration:none;

    text-align:center;

	background: url(../images/bois0.png) center no-repeat;

    
}
a.tit:hover {

    color:#FFFED0;

}
/*.tit {
display:block;

	clear: left;
	width: 200px;


padding: 15px 0;	
	text-align: center;
	margin: 20px auto;
	background: url(../images/bois0.png) center no-repeat;

}
.tit a {

	text-decoration: none;
	font-weight: bold;
	color: #4E260A;
	

}
.tit a:hover {

	color: #FFFFFF;

}*/
#menugauche h3 {
}
/* contenu pour tarifs voir contenu tarifs et situation contenu situ .......................*/
#contenu {
	float: left;
	width: 520px;
		margin-bottom: 55px;
	/*border: 1px solid;
	border-color: red;*/

}
#flashcontent {
	margin: 3px auto 0 auto;
	width: 360px;
	/*border: 1px solid;
	border-color: #444 #AAA #AAA #444;
*/
}
#textes {
	margin: 8px auto 0 auto;
	width: 460px;
	height: 105px;
	overflow: auto;
	/*border: 1px solid;
	border-color: #444 #AAA #AAA #444;
*/
}
#textes-gite {
	margin: 8px auto 0 auto;
	width: 460px;
	height: 350px;
	overflow: auto;
	/*border: 1px solid;
	border-color: #444 #AAA #AAA #444;
*/
}
/* coordonnées ..............................................*/
#adresse {
	float: left;
	clear: both;
	width: 700px;
	height: 55px;
	padding-left: 185px;
	/*border: 1px solid;
	border-color: #444 #AAA #AAA #444;
*/
}
div.add {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 230px;
	padding-right: 55px;
	margin: 0 auto;
	/*border: 1px solid;
	border-color: #444 #AAA #AAA #444;
*/
}
/* pied page ..............................................*/
#pied {
	width: 880px;
	margin: 0;
	padding: 0;
}
#souspied {
	position: relative;
	margin: 0 auto;
	clear: left;
	width: 880px;
	text-align: center;
	font-size: 10px;
}
/* infobulle ..............................................*/
a.info {
	position: relative;
	color: black;
	text-decoration: none;
}
a.info span {
	display: none;
/* on masque l'infobulle */
}
a.info:hover {
	background: none;
/* correction d'un bug IE */
	z-index: 500;
/* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
	display: inline;
/* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap;
/* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: -15px;
/* on positionne notre infobulle */
	left: 0px;
	background: white;
	color: #BD31FA;
	padding: 3px;
	border: 1px solid #BD31FA;
}
/* tableaux tarifs ..............................................*/
#contenutarifs {
	float: left;
	width: 460px;
	height: 385px;
	/*border: 1px solid;
	border-color: red;*/
	margin-bottom: 55px;
	padding-left: 30px;
	padding-right: 30px;
}
table {
	width: 100%;
}
th, td {
	text-align: center;
	padding: 0 0.5em;
	border-bottom: 1px solid #DDD;
}
thead th {
	vertical-align: bottom;
	border: 1px solid gray;
	border-width: 0 1px 1px 0;
	white-space: normal;
}
th {
  background-color: #E7B4FD;
	border-right: 1px solid gray;
	border-bottom-style: dotted;
	white-space: nowrap;
}
td.priximpair {
	background: #FCFEED;
	border-bottom-color: white;
	border-right: 1px solid gray;
	width: 25%;
}
td.prixpair {
	background: #EDFEEF;
	color: red;
	width: 25%;
}
tr.pair {
	background: #FFF;
}

tr.impair {
	background: #F8EDFE;
}
/* carte ..............................................*/
#contenusitu {
	float: left;
	width: 460px;
	height: 385px;
	/*border: 1px solid;
	border-color: red;*/
	/*margin-bottom: 55px;*/
	padding-left: 24px;
	padding-right: 30px;
}
#map {
             float: left;
             position: relative;
             width: 474px;
             height:394px;
             margin: 0px;

             

          }
/* liens ..............................................*/
.lienaltern {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: normal
}
.lienaltern:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.lien1 {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: normal
}
.lien1:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.lien2 {
	font-family: Comic Sans MS, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}
.lien2:hover {
	font-family: Comic Sans MS, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.lien3 {
	font-family: Comic Sans MS, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
}
.lien3:hover {
	color: #000000;
	text-decoration: none;
}
.liens4 {
	font-size: 1em;
	color: #000000;
	text-decoration: none;
}
.liens4:hover {
	font-size: 1em;
	color: #000000;
	text-decoration: none;
}