html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	background: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000;
	height: 100%;
	background: #ededed;
	text-align:center;

}

 h1 {
	color:#874917;
	font-size:20px;
	text-align:left;
	padding:0 0 20px 0;
	font-weight:normal;
}

 h2 {
	color:#874917;
	font-size:14px;
	text-align:left;
	padding:0 0 20px 0;
	font-weight:bold;
}


h3 {
	font-size:12px;
	color:#6e6551;
	text-transform:uppercase;
	line-height:14px;
	letter-spacing:0px;
}

img {
	border: none;
}

a {
	color: #FFF;
	text-decoration:none;
}

a:hover {
	color:#d17206;
	text-decoration: underline;
}


#global {
	margin:0 auto 0 auto;
}

#top {

	background: #b9aa89;
	height: 24px;
	margin:0 auto 0 auto;
}

#menu {
	margin:0 auto;
	width:600px;
	text-align:center;
	height:14px;
}

#menuDeroulant	{
 position:absolute;
 list-style-type: none;
 margin:0 auto;
 top: 0;
 width:600px;
 z-index:1000;
 display:block;
 text-align:center;
}

#menuDeroulant li{
 float: left;
 width: 120px;

}

#menuDeroulant li:hover .sousMenu {
 display: block;
  
 }

#menuDeroulant .sousMenu{
 display: none;
 list-style-type: none;
}

#menuDeroulant .sousMenu li{

 width: 120px;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited{
	display: block;
	height:16px;
	color:#6e6551;
	padding: 4px 8px;
	text-decoration: none;
	text-transform:uppercase;
	font-size:12px;
}
#menuDeroulant li a:hover { background-color: #6e6551; color:#FFFFFF; }
#menuDeroulant li a:active { background-color: #6e6551; color:#FFFFFF; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: #6e6551;
 font-size:11px;
}
#menuDeroulant .sousMenu li a:hover{
 background-image: none;
 background-color: #5abcc7;

}

.sousMenuColore:hover {
background-color: #6e6551;
}
 .sousMenuColore:hover a {
 color:#FFF !important;
}


#content {
	margin:0 auto;
	width:910px;
	min-height:875px;
}

#bannier {
	height:387px;
	background:#ededed url(images/bg-bannier2.jpg) no-repeat;
	width:910px;
	z-index:0;
}

#bannierFlash {
	position:relative;
	top:19px;
margin:0 auto;
	height:348px;
	width:898px;
	z-index:1;
}

#center {
	
	width:910px;
	margin-bottom:30px;

}


#left {
	width:470px;
	float:left;
	margin-bottom:20px;
}

#left-gd {
	
	width:670px;
	float:left;
	margin-bottom:20px;

}

#right {
	width:440px;
	float:left;
	margin-bottom:20px;
}

#right-pt {
	
	width:240px;
	float:left;
	margin-bottom:20px;
}

#footer {
	position: relative;
	width: 100%;
	clear: left;
}

#bottom {
	background: #b9aa89;
	height: 150px;
	color:#FFFFFF;
}

#modules-bottom {
	margin:0px auto;
	width:910px;
	height:130px;
}



.modules-bottom {
	float:left;
	margin:10px 0;

}

.modules-bottom p {
	padding:10px 0 0px 0;
	line-height:15px;

}


.modules-bottom a {
	color:#6e6551;
	text-decoration:underline;
	text-align:right;
	padding:0px 30px 0 0;

}

.modules-bottom a:hover {
	color:#FFF;
	text-decoration:underline;
	text-align:right;

}

.separation-modules {
	margin:10px 0;
	height:130px;
	width:2px;
	background-color:#6e6551;
	float:left;
}


#pied {
	background: #94886d;
	height: 24px;
	color:#FFFFFF;
	
}


#pied ul {
	width:910px;
	margin:0 auto;
	text-align:right;
	padding-top:5px;

}

#pied li {
	display:inline;
	padding-left:2px;
	padding-right:2px;
}



#texte-accueil {
	margin:20px 20px 0 0;
}

#texte-accueil h1 {
	color:#874917;
	font-size:20px;
	text-align:left;
	padding:0 0 20px 0;
	font-weight:normal;
}

#texte-accueil h2 {
	color:#874917;
	font-size:14px;
	text-align:left;
	padding:0 0 20px 0;
	font-weight:bold;
	clear:both;
}


#texte-accueil p {
	color:#874917;
	font-size:13px;
	font-size-adjust:none;
	text-align:left;
	padding:0 0 20px 0;
}

.texte-activites p {
	color:#874917;
	font-size:13px;
	font-size-adjust:none;
	text-align:left;
	padding:0 0 20px 0;
}

.texte-activites ul {
	color:#874917;
	font-size:13px;
	font-size-adjust:none;
	text-align:left;
	padding:0 0 20px 0;
	list-style-position:inside;
}

.texte-activites li {
	
	padding:0 0 5px 0;
}

.texte-activites a {
	
	color:#6E6551;
}




.texte-gauche-blanc {
color:#FFFFFF;
text-align:left;

}


.bloc-acc-orange {
	float:left;
	width:218px;
	height:302px;
	background: #ededed url(images/bloc-coul-orange.jpg) no-repeat;
	padding:0 0 12px 0;

}

.bloc-acc-orange h2 {
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:0px;
	text-align:left;
	font-style:normal;
	color:#FFFFFF;
	padding:17px 0 7px 22px;
}

.bloc-acc-orange img {
	
	padding:0 0 0 0;
	line-height:0;
}

.bloc-acc-orange p {
	font-size:11px;
	font-style:normal;
	color:#FFFFFF;
	padding:0px 20px 0 20px;
}

.bloc-acc-orange a {
	font-weight:bold;
	color:#FFF;

}

.bloc-acc-orange a:hover {
	font-weight:bold;
	color:#FFF;
	text-decoration:underline;
}

.bloc-texte {
	width: 202px;
	height:85px;
	margin:0 0 0 8px;
	text-align:left;
}

.align-right {
text-align:right;
margin-right:20px;
}


.bloc-acc-marron {
	float:left;
	width:218px;
	height:302px;
	background: #ededed url(images/bloc-coul-marron.jpg) no-repeat;
	padding:0 0 12px 0;

}

.bloc-acc-marron h2 {
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:0px;
	text-align:left;
	font-style:normal;
	color:#FFFFFF;
	padding:17px 0 7px 22px;
}

.bloc-acc-marron p {
	font-size:11px;
	font-style:normal;
	color:#FFFFFF;
	padding:0px 20px 0 20px;
}

.bloc-acc-marron img {
	
	padding:0 0 0 0;
	line-height:0;
}

.bloc-acc-marron a {
	font-weight:bold;
	color:#FFF;

}

.bloc-acc-marron a:hover {
	font-weight:bold;
	color:#FFF;
	text-decoration:underline;
}




.chambres-photo{
display:inline;
float:left;
padding:15px 0px 0 0px;


}

.chambres-photo a{
color:#6e6551;


}





.activ-resa{
	display:inline;
	float:right;
	margin: 0 5px 50px 0;
	width:191px;
	height:35px;
	background:url(images/activ-resa-hotel-trecelin.jpg) no-repeat 0 0;
	padding:15px 0px 0 2px;
	font-size:12px;


}





#tarif-gauche{
	width:180px;
	float:left;
	margin: 5px 10px 0 20px;
	color: #FFFFFF;
}

#tarif-droite{
	width:180px;
	float:left;
	margin: 5px 10px 0 10px;
	color: #FFFFFF;
}



.alentours-visuels {
background:#ededed url(images/altentours-bg.jpg) no-repeat;
width:670px;
height:160px;
float:left;
margin-bottom:10px;

}

#alentours {
	margin:20px 20px 0 0;



}

.alentours-texte {
	float:left;
	width:220px;
	height:110px;
}

.alentours-texte h2 {
	color:#874917;
	font-size:14px;
	text-align:left;
	padding:20px 0 10px 15px;
	font-weight:bold;
}

.alentours-texte p {
	color:#874917;
	font-size:12px;
	text-align:left;
	padding:0px 0 10px 15px;
}

.alentours-lien-visuels {
	float:right;
	width:220px;
	height:20px;
	text-align:right;
}

.alentours-lien-visuels a {
	color:#6e6551;

}

.actu-date {
background-color:#874917;
width:60px;
text-align:center;
height:20px;
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;



}



.actu-titre {
height:20px;
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#874917;
text-align:left;
padding-left:10px;

}

.actu-texte {
color:#874917;
	font-size:13px;
	font-size-adjust:none;
	text-align:left;
	padding:10px 0 20px 0;
}




.fond-droite-centre{
	background-image:url(../images/chambe_trecelin_diapo_c.jpg); 
	width:430px;
	margin:0 0 0 10px;
	float:left;
	color:#FFFFFF;
	font-size:12px;
}
.fond-droite-haut{
	background-image:url(../images/chambe_trecelin_diapo_h.jpg); 
	width:430px;
	height:14px;
	margin:0 0 0 10px;
	float:left;
}

.fond-droite-bas{
	background-image:url(../images/chambe_trecelin_diapo_b.jpg); 
	width:430px;
	height:14px;
	float:left;
	margin:0 0 0 10px;
}

form{
text-align:left;
}

h1 {
	color:#874917;
	font-size:20px;
	text-align:left;
	padding:0 0 20px 0;
	font-weight:normal;
}

p {
	color:#874917;
	font-size:13px;
	font-size-adjust:none;
	padding:0 0 20px;
	text-align:left;
}

#image-acces{
float:left;
margin: 0 30px 30px 0;

}
#gauche-acces{
float:left; 
width:600px; 
margin:0 30px 0 6px;
}
#droite-acces{

}

.visuel{
opacity:0.9;
background-color:#000000;
z-index:1;
margin:-18px 0 0 -7px ;

}
.visuel:hover{
opacity:1;

}
.sub-alentours-visuels{
background-color:#000000;
height:127px;
width:646px;
margin:10px 0 0 0px ;
z-index:10;
}

/*********************ADMIN****************/
.menu_admin a{
	color:#874917 !important;
	font-size:20px;
	padding:0 0 20px 0;
	font-weight:normal;
}

.menu_admin {
	list-style:none;
	color:#874917;
	font-size:20px;
	padding:0 0 20px 0;
	font-weight:normal;
}

.diapo-centre{
	background-image:url(../images/chambe_trecelin_diapo_c.jpg); 
	width:429px;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	text-align:left;
}
.diapo-haut{
	background-image:url(../images/chambe_trecelin_diapo_h.jpg); 
	width:430px;
	height:14px;
	margin:0 0 0 10px;
	float:left;
}

.diapo-bas{
	background-image:url(../images/chambe_trecelin_diapo_b.jpg); 
	width:430px;
	height:14px;
	float:left;
	margin:0 0 0 10px;
}

.contour{
    width:378px;
	height:240px;
	border:2px solid #FFFFFF;
	margin: 10px auto;
}

.diapo-centre a h1 {
	padding:5px 0 0 20px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:left;
	line-height:25px;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
}
.diapo-centre h1 {
	padding:0 0 0 25px;
	margin:0;
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:25px;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
}
.diapo-centre {
text-align:center;}
.diapo-centre p{
	margin:0;
	padding: 10px 22px 10px  22px;
	color:#FFFFFF;
}