@charset "utf-8";
/* CSS Document */

/*----------------redéfinitions de balises-------------------------------*/
body {
	background: url(../images/bg_body.gif) center top;
	margin:325px 0 0 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #66623E;
}
h1,h2,h3,p{
	margin:0;
	padding:0;
}

a img {
	border: none;
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	margin: 15px 0 10px 0;
	font-weight:normal;
}
ul{
	margin:5px 0 0 15px;
	padding:0;
}

/*----------------fin redéfinitions de balises-------------------------------*/

#body_top{
	position: absolute;
	width: 100%;
	height: 325px;
	background:url(../images/bg_body_top.gif) center top;
	top:0;
	left:0;
}
#principal{
	position: relative;
	width: 800px;
	padding:0 25px 0 25px;
	margin: auto;
	background:url(../images/bg_contenu.gif) repeat-y;
}

#marge{
	position: relative;
	height: 62px;
	
}
#header{
	position: relative;
	width: 800px;
	height: 263px;
	padding:0 25px 0 25px;
	background:url(../images/bg_header.jpg);
	margin: auto;
}

#fav{
	width: 150px;
	height: 23px;
	float: right;
	margin-top:10px;
	background:url(../images/puce_fav.gif) no-repeat left;
}

#fav a{
	color:#FFFFFF;
	text-decoration:none;
	padding-left: 28px;
	line-height:23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*---------------------------menu haut-------------------------------------------*/

#menu{
	position:absolute;
	top:131px;
	width:100%;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	
}
#menu a.accueil{
	width:79px;
	height: 34px;
	background:url(../images/menu/btn1.jpg);
	float:left;
	padding-top: 73px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.accueil:hover{
	background:url(../images/menu/btn1.jpg) 0 107px;
	text-decoration: underline;
}
#menu a.desc{
	width:76px;
	height: 34px;
	background:url(../images/menu/btn2.jpg);
	float:left;
	padding-top: 73px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.desc:hover{
	background:url(../images/menu/btn2.jpg) 0 107px;
	text-decoration: underline;
}
#menu a.photos{
	width:73px;
	height: 34px;
	background:url(../images/menu/btn3.jpg);
	float:left;
	padding-top: 73px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.photos:hover{
	background:url(../images/menu/btn3.jpg) 0 107px;
	text-decoration: underline;
}
#menu a.situation{
	width:73px;
	height: 34px;
	background:url(../images/menu/btn4.jpg);
	float:left;
	padding-top: 73px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.situation:hover{
	background:url(../images/menu/btn4.jpg) 0 107px;
	text-decoration: underline;
}
#menu a.tourisme{
	width:75px;
	height: 34px;
	background:url(../images/menu/btn5.jpg);
	float:left;
	padding-top: 73px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.tourisme:hover{
	background:url(../images/menu/btn5.jpg) 0 107px;
	text-decoration: underline;
}
#menu a.liens{
	width:73px;
	height: 34px;
	background:url(../images/menu/btn6.jpg);
	float:left;
	padding-top: 73px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.liens:hover{
	background:url(../images/menu/btn6.jpg) 0 107px;
	text-decoration: underline;
}
#menu a.tarifs{
	width:74px;
	height: 34px;
	background:url(../images/menu/btn7.jpg);
	float:left;
	padding-top: 73px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.tarifs:hover{
	background:url(../images/menu/btn7.jpg) 0 107px;
	text-decoration: underline;
}
#menu a.contact{
	width:76px;
	height: 34px;
	background:url(../images/menu/btn8.jpg);
	float:left;
	padding-top: 73px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.contact:hover{
	background:url(../images/menu/btn8.jpg) 0 107px;
	text-decoration: underline;
}

/*---------------------------------fin menu haut---------------------------------------*/

#ariane{
	position: absolute;
	width: 100%;
	top:242px;
	color:#FFFFFF;
	margin-left: 8px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.ariane_interne{
	margin-left: 40px;
}
.ariane_interne a{
	color:#FFFFFF;
}
#bas_maison{
	position: absolute;
	width: 197px;
	height: 43px;
	background:url(../images/bas_maison.gif);
	top:325px;
	left:50%;
	margin-left:194px;
}

#footer{
	width: 800px;
	height:80px;
	padding-top:20px;
	background:url(../images/bg_footer.jpg);
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#principal #footer_menu a{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color:#FFFFFF;
	font-size: 12px;
	font-weight:normal;
}
#principal #footer_menu a:hover{
	text-decoration: underline;
}
#liens_credits{
	font-size:10px;
	color:#FFFFFF;
	margin:5px 0 23px 0;
}
#principal #liens_credits a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	font-weight:normal;
}

#principal #liens_credits a:hover{
	text-decoration: underline;
}

#footer a.mail{
	position: absolute;
	width: 33px;
	height: 28px;
	text-decoration:none;
	background:url(../images/email.png);
	display: block;
	left: 700px;
}

*html #footer a.mail{
	background:url(../images/email.gif);
}

#footer a.mail:hover{
	text-decoration: underline;
}
#bg_bas{
	width:850px;
	height:33px;
	background:url(../images/bg_bas.png);
	margin: auto;
}

*html #bg_bas{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_bas.png', sizingMethod='scale');
}


/*------------------------------------------------------------------------------*/

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight:normal;
	color:#66623e;
	float:left;
	line-height:98px;
	margin-top:10px;
}


.retour{
	clear: both;
}

#principal p{
	margin: 0 0 10px 0;
}

#principal a{
	color:#912926;
	font-weight:bold;
}

#principal a:hover{
	color: #66623E;
}

/*---------------------------styles accueil-----------------------------------*/
h1.accueil{
	background:url(../images/accueil/logo_bienvenue.jpg) 15px 0 no-repeat;
	padding-left: 90px;
}

#contenu_accueil{
	width: 673px;
	margin:0 0 0 88px;
}

#zoom{
	padding:3px;
	float: left;
	background-color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:right;
	margin:0 20px 20px 0;
}

#zoom a img{
	border:1px solid #fff;  
}

#zoom a:hover img{
	border-color: #66623e;  
}

#citation{
	width: 460px;
	padding: 20px 0 0 80px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	text-align:center;
	float:left;
}
#carte_meuse{
	margin: 30px 0 30px 10px;
	width: 93px;
	height:68px;
	background:url(../images/accueil/carte_meuse.gif);
	float: left;
}
#interdit{
	height: 39px;
	clear:both;
	background:url(../images/accueil/interdits.gif) left no-repeat;
	padding:15px 0 0 120px;
	margin: 0 0 10px 0;
	font-size: 12px;
}

/*---------------------------styles description-----------------------------------*/
h1.description{
	background:url(../images/description/logo_description.jpg) 15px 0 no-repeat;
	padding-left: 100px;
}
.h1_suite{
	font-size: 14px;
	padding-top: 59px;
	float: left;
}
#col1{
	float: left;
	width: 233px;
	padding:0 30px 0 20px;
}
#col2{
	float: left;
	padding:0 20px 0 0px;
}
#col3{
	float: left;
}

#col3 a img{
	border: 3px solid #fff;
	/*margin: 5px 0 5px 0;*/
}

#col3 a:hover img{
	border-color: #66623e;
}


/*---------------------------styles photos-----------------------------------*/
h1.photos{
	background:url(../images/photos/logo_photos.jpg) 15px 0 no-repeat;
	padding-left: 100px;
}
.col_photos{
	text-align:center;
	width: 100%;
	margin-top: 10px;
	
}

.col_photos a img{
	border: 3px solid #fff;
	/*margin: 5px 0 5px 0;*/
}

.col_photos a:hover img{
	border-color: #66623e;
}

/*---------------------------styles situation-----------------------------------*/
h1.situation{
	background:url(../images/situation/logo_situation.jpg) 15px 0 no-repeat;
	padding-left: 100px;
}
#col_situation{
	float: left;
	width: 300px;
	padding:0 10px 0 20px;

}
#map{
	width: 400px;
	margin: 0 0 20px 20px;
	background:#FFFFFF;
	padding:4px;
	float: left;
}
#map a{
	font-family:"Trebuchet MS";
	font-size: 11px;
}
#col_situation  #carte_meuse{
	float: right;
	margin: 0;
}
/*---------------------------styles tourisme-----------------------------------*/
h1.tourisme{
	background:url(../images/tourisme/logo_tourisme.jpg) 15px 0 no-repeat;
	padding-left: 100px;
}
#contenu_tourisme{
	width: 753px;
	margin:0 0 20px 40px;
}
/*---------------------------styles liens-----------------------------------*/
h1.liens{
	background:url(../images/liens/logo_liens.jpg) 15px 0 no-repeat;
	padding-left: 110px;
}

#contenu_liens{
	width: 673px;
	margin:0 0 0 88px;
}

#contenu_liens td{
	padding: 10px;

}

#contenu_lien_bas{
	width: 720px;
	background:#c4ab51;
	padding: 15px 40px 15px 40px;
	margin: 15px 0 15px 0;
}

img.gauche{
	float: left;
	margin-right: 20px;
}

#chambredhote{
	width:81px;
	height: 33px;
	margin-right: 20px;
	float: right;
	background:url(../images/liens/logo_chambredhote.gif);
}

/*---------------------------styles tarifs-----------------------------------*/
h1.tarifs{
	background:url(../images/tarifs/logo_tarifs.jpg) 15px 0 no-repeat;
	padding-left: 110px;
}

.col_tarifs{
	width: 350px;
	float: left;
	padding: 0 0 16px 40px; 
}

/*---------------------------styles contact-----------------------------------*/
h1.contact{
	background:url(../images/contact/logo_contact.jpg) 15px 0 no-repeat;
	padding-left: 110px;
}

p.accueil{
	padding-top: 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	text-align:center;
	line-height: 20px;
}
/*------------------------------formulaire-------------------------*/
#contact label {
	width: 120px;
	float: left;
	font-weight:bold;
}
#contact input, #contact textarea{
	width: 225px;
	float: left;
	border: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top: 7px;
}
#contact input[type=submit]{
	float: right;
	width: 80px;
	background:#807b5d;
	color:#FFFFFF;
	font-size:12px;
	margin-right: 5px;
}
#contact .chp{
	display: block;
	float: left;
	margin-left:120px;
	font-size: 11px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
/*---------------------------styles credits-----------------------------------*/
h1.credits{
	background:url(../images/credits/logo_credits.jpg) 15px 0 no-repeat;
	padding-left: 110px;
}

#principal .colonnes_3{
	float: left;
	width : 238px;
	padding: 0 10px 0 10px;
	text-align:center;
}

#contenu_credits{
	width: 753px;
	margin:0 0 20px 40px;
}

.petit{
	font-size:10px;
}

/*---------------------------styles plan du site-----------------------------------*/
h1.plan{
	background:url(../images/plan/logo_plan.jpg) 15px 0 no-repeat;
	padding-left: 110px;
}


#contenu_plan{
	width: 650px;
	margin:0 0 20px 115px;
	color: #912926;
	font-size: 12px;
}