@charset "utf-8";
/* CSS Document */
html, body{ margin:0; padding:0; font-family:"Times New Roman", Times, serif; font-size:13px; background:#8AB7DC url(hotel-morbihan/fond-site.jpg) repeat-x top; color:#006;}
/*STRUCTURE------------------------------------------------*/
#flash{ width:1000px; height:375px; position: absolute; left:50%; margin-left:-500px;}
#contenu{ width:100%; height:100%; position:absolute; background: url(hotel-morbihan/fond-mer.png) no-repeat top center;}
#corp{ width:970px; position:relative; margin:0 auto;}
h2{ color:#773266;}
a.lien{ color:#333; padding:5px 0; display:block; text-decoration:none;}
a:hover.lien{ color:#773266;}
p{ text-align:justify;}
a{ outline:none;}
/*STRUCTURE FIN------------------------------------------------*/

/*CONTENU------------------------------------------------*/
#tel{ height:33px;}
#tel iframe{ margin:5px 0 0 20px;}
#tel span{ font-size:20px; padding:5px 0 0 30px; float:left;}
#tel a, #tel a:visited{ float:right; color:#006; text-decoration:none; padding:10px 30px 0 0;}
#tel a:hover{ color:#666;}
#retour{ height:340px; width:500px; position:relative; margin:0 auto; display:block; text-indent:-9999px; z-index:1;}
/*MENU*/
#menu{ list-style:none; margin:0; padding:20px 0 0 120px; background:url(hotel-morbihan/block-haut.png); width:850px; height:38px;}
#menu li{ float:left; padding:0 10px; border-left:#fff solid 1px;}
#menu li a{ font-size:19px; color:#006; text-decoration:none;}
#menu li a:hover{ color:#FFF; border-bottom:#006 solid 1px;}
#menu li.sep{border-left:none;}
/*MENU FIN*/

#resa{ width:131px; height:138px; background:url(hotel-morbihan/resa.png); position:absolute; top:371px;z-index:2;}

div#resa a{ text-indent:-9999px; display:block; height:64px; width:131px; position: absolute; z-index:9;}
div#resa a:hover span{ display:block; position:absolute; z-index:1; width:131px;}
div#resa a:hover.btn-resa span{ background:url(hotel-morbihan/resa.png) 0px 276px; top:0; height:138px;}

div#resa a.btn-tel{ top:74px;}
div#resa a:hover.btn-tel span{ background:url(hotel-morbihan/resa.png) 0px 101px; top:-37px;  height:101px;}


#center{ background: url(hotel-morbihan/block-mid.png); padding:5px 0 10px 50px; overflow:auto; position:relative; z-index:1;}
#blk-left{ width:260px; float:left; padding-top:10px;} 
#blk-left p{ margin:5px 0; text-align:justify; color:#262B8A;}
/*slide resa*/
#panel {background: url(hotel-morbihan/fond-resa.png); width:318px; height:160px; padding:0 20px; text-align:center; display: none; font-size:12px; line-height:27px; position: absolute; top:33px; left:50%; margin-left:-179px; z-index:2; }
.active {background:url(hotel-morbihan/resa.png) 0px 276px; top:0; height:128px;}
/*slide resa FIN*/
/*ACTU*/
.blk-actu{ width:290px; float:left; margin:0 -15px 0 25px; position:relative; z-index:2;}
.blk-actu h2, .blk-actu p, #blk-offres h2, #blk-offres p{ margin:5px 0 0 0;}
.scrollable {position:relative; overflow:hidden; width:266px; height:196px; background: url(hotel-morbihan/fond-actu.png) no-repeat top left; float:left;}
.scrollable .items { width:20000em; position:absolute; clear:both; list-style:none; margin:0; padding:0;}
.scrollable li {float:left; margin:10px 13px ; cursor:pointer; width:240px; height:170px; display:block; padding:0;  }
.scrollable .active {}
a.browse { background: url(hotel-morbihan/hori_large.png) no-repeat; display:block; width:12px; height:88px; float:left; margin-top:50px; cursor:pointer; font-size:1px;}
a.right 		{ background-position: 0 -88px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-12px -88px; }
a.right:active 	{ background-position:-24px -88px; } 
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-12px 0; }
a.left:active  	{ background-position:-24px 0; }
a.disabled {visibility:hidden !important;} 	
.navi { height:20px; width:70px; position:relative; margin:0 auto;}
.navi a { width:8px; height:8px; float:left; margin:3px; background: url(js/scroll/navigator.png) 0 0 no-repeat; display:block; font-size:1px;}
.navi a:hover { background-position:0 -8px;}
.navi a.active { background-position:0 -16px;}
/*ACTU FIN*/
/*OFFRES*/
#blk-offres{ background:url(hotel-morbihan/offres.png) no-repeat top left; width:283px; height:185px; padding:30px 10px 0 55px; float:left; position:relative; z-index:1;}
#ruban{ background:url(hotel-morbihan/ruban.png); width:69px; height:40px; position:absolute; left:62px; top:0; display:block;}
#blk-offres img{ margin:0 10px 10px 0; border:#FFF solid 1px;}
#blk-offres h2{ border: none;}
#blk-offres div{ padding-right:45px;}
#pano{ display:block; width:170px; height:30px; text-indent:-9999px; position:absolute; bottom:15px;}
/*OFFRES FIN*/
#blk-right{ float:left; width:553px;  padding:14px 0 0 27px; position:relative; margin:-7px 0 0 20px;}

.fond-img{  background:url(hotel-morbihan/fond-img.png) no-repeat top left; min-height:306px;}
#deco{ margin:0; display:block; height:88px; width:238px; text-indent:-9999px; padding:0; background:url(hotel-morbihan/deco-img.png); position:absolute; z-index:2; top:0; left:0;}
#anim{ list-style:none; padding:0; margin:10px; width:530px; height:280px; position:relative; z-index:1;}
#anim li{ padding:0; margin:0;}
#article{ list-style:none; padding:0; margin:15px 0 0 0;}
#article li { border-bottom:#D1AFC7 solid 1px; overflow: auto; margin:0 0 15px 0; padding: 0 0 5px 0;}
#article li h2, #article li p{ margin:0;}
#article li img{ border:#FFF solid 5px; margin-right:10px;}
#part{ list-style:none; padding:20px 0 20px 15px; margin:0;   }
#part li { border-bottom:#D1AFC7 solid 1px; margin:0 30px 15px 0; padding:10px; float:left; width:240px; background:#FFF;}
#part li h2, #part li p{ margin:0;}
/*CONTENU FIN------------------------------------------------*/

/*-CONTACT------------------------------------------------*/
#form-contact { width:500px; float:left; padding:10px 0 0 0;}
#form-contact ul {	padding:0; list-style:none; margin:0;}
#form-contact ul li {margin:0 20px 5px 0; padding:0; float:left;}
#form-contact ul li label {	width:75px; display: inline-block; text-align:right; margin-right:5px; float:left;}
#form-contact ul li input {	width:130px; }
#form-contact ul li h2 { width:500px;}
#form-contact ul li input.grand_input { width:350px; }
#message { width:430px; height:100px;}
/*-CONTACT FIN------------------------------------------------*/

/*TARIFS------------------------------------------------*/
#tarifs{ text-align:center;}
table#tarifs th[scope="col"] { color:#773266; font-size:12px; background:#FFF;}
table#tarifs th[scope="row"] { color:#998766; font-size:12px; text-align:right; border-bottom:#D1AFC7 solid 1px;}
#tarifs td{ background:#D1AFC7;}
/*TARIFS FIN------------------------------------------------*/

/*MAP------------------------------------------------*/
#map{ border:#FFF solid 10px; width:530px; height:350px; }
/*MAP FIN------------------------------------------------*/ 

/*FOOTER------------------------------------------------*/
#footer{width:970px; height:115px; background: url(hotel-morbihan/fond-footer.png) no-repeat top; padding:40px 0 0 0; position:relative; }
#footer p{ text-align:center; margin:0; color:#262B8A;}
p#mentions{ margin:20px 0 0 0; color:#FFF;}
#mentions a{ color:#FFF;}
.blog, .bretagne, .bistrot{ text-indent:-9999px; display:block; height:54px; width:95px; position:absolute; top:28px;}
.blog{ left:160px;}
.bretagne{left:160px;}
.bistrot{left:700px;}
/*FOOTER FIN------------------------------------------------*/

#galerie{ list-style:none; padding:0 0 20px 0; margin:0; overflow:auto;}
#galerie li{ float:left; display:block; overflow:hidden; height:150px; width:150px; border:#FFF solid 5px; -webkit-box-shadow: 1px 1px 6px #000;-moz-box-shadow: 1px 1px 6px #000;box-shadow: 1px 1px 6px #000; margin:5px;}

#conditions{ width:800px;}