/* Hotel Bergara */

*{padding:0;margin:0;}

body{
	margin:0;
	padding:0;
	background:#e2e2e2 url(../img/fond-body.png) no-repeat  top;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#949494;
}

.floatR{float: right;}
.floatL{float: left;}

#body2{
	background-image:url(../img/fond-body2.png);
}

/* DIVS COMMUNES */


#bergara{
  position: relative;
	margin: 100px auto 50px auto;
	width:990px;
	height:620px;
}
#promo{position:absolute;top:5px;left:10px;width:500px;}
#promo span{color:#821110;font-size:13px;font-weight:bold;}
#menu{
	float:left;
	width:165px;
	height:532px;
	margin-top:25px;
	padding-top:41px;
	background-image:url(../img/fond-menu.png);
	background-position:top;
	background-repeat:no-repeat;
	list-style: none;
}

#body2 #menu{
	background-image:url(../img/fond-menu2.png);
	background-position:top;
	background-repeat:no-repeat;
}

#menu .onglet{
		width:145px;
		height:27px;
		padding-left:18px;
	}
	
#reservation{
		width:140px;
		height:60px;
		margin-top:15px;
		padding-left:3px;
	}
	
#signature{
		width:170px;
		height:auto;
		margin-top:120px;
		text-align:center;
	}
	
#novae{
		width:120px;
		height:auto;
		margin-top:15px;
		padding-left:25px;
	}

div#centre{
	float:left;
	width:578px;
	height:595px;
	margin-top:25px;
	background-image:url(../img/fond-centre.png) no-repeat top;	
}

	div#animation-grande{
		float:left;
		width:578px;
		height:353px;
	}
	
	div#vignette-gauche{
		float:left;
		width:288px;
		height:225px;
		padding-left:22px;
	}
	
		div#vignette-gauche .texte{
			float:left;
			width:230px;
			height:auto;
			margin-top:-225px;
			padding-left:20px;
		}
		
	div#vignette-droite{
		float:left;
		width:268px;
		height:225px;
	}
	
		div#vignette-droite .texte{
			float:left;
			width:228px;
			height:auto;
			margin-top:-225px;
			padding-left:20px;
		}
		
	div.vignette-animation{
			float:left;
			width:268px;
			height:173px;
			margin-top:52px;
		}

div#droit{
	float:left;
	width:246px;
	height:620px;
}

	div#logo{
		float:left;
		width:246px;
		height:75px;
	}
	
	div#baseline{
		float:right;
		width:184px;
		height:20px;
		margin-top:-15px;
		padding-right:10px;
	}
	
	div#presentation{
		float:left;
		width:226px;
		height:auto;
		margin-top:10px;
		padding-left:20px;
	}
	div#presentation-longue{
		float:left;
		width:226px;
		height:355px;
		margin-top:10px;
		padding-left:20px;
		background:url(../img/fond-presentation-longue.png) no-repeat top;
	}
	

/* DIVS COMMUNES TARIFS, ACTU, SITUATION */

div#contenu{
	float:left;
	width:590px;
	height:552px;
	padding:58px 30px 0 42px;
	background:url(../img/fond-contenu.png) no-repeat top;
}

#contenu img.floatR{margin:0 5px;}

	div#baseline2{
		width:380px;
		height:56px;
		padding-left:210px;
	}

	div.tableau{
		width:590px;
		height:auto;
		margin-top:13px
	}
	
	div.photoR{
		float:right;
		width:auto;
		height:auto;
		padding-left:5px;
	}
	
	div.imgL{
		float:left;
		width:auto;
		height:auto;
		padding-right:10px;
	}
	
	div.imgR{
		float:right;
		width:auto;
		height:auto;
		padding-left:10px;
	}
  p.promo{
    font-size:12px;
    
   }
   p.clause{
   margin-top:8px;
    font-size:11px;
    text-align:right;
   }

/* SITUATION */


div#plan{
	float:left;
	width:300px;
	height:auto;
	padding-top:10px;
}

div#acces{
	float:left;
	width:280px;
	height:auto;
	padding-top:10px;
	padding-right:10px;
}


/* SPECIALS */

a.carte{
	color:#949494;
	font-size:14px;
	font-weight:bold;
}
a.carte:hover{
	color:#7b0100;
}

a#actif{
	color:#7b0100;
}

div.left{
	float:left;
	width:auto;
	height:auto;
	padding:5px;
}

div.float{
	float:left;
	width:280px;
	height:auto;
	padding:5px;
}


	
/* COMMUNS */

img{border:0;}

span{
	color:#7b0100;
	font-size:18px;
}

span.onze{
	color:#333333;
	font-size:11px;
}
span.onze.ctnr{
  display:block;
  background:#EFEFED none repeat scroll 0 0;
  display:block;
  opacity:0.6;
  padding:5px 5px 0;
}

a{
	color:#7b0100;
	text-decoration:none;
outline:none;
	
}
a:hover{
	text-decoration:underline;
	
}

table td{
	padding:2px;
	border-style:solid;
	border-color:#ffffff;
	border-width:1px;
	background-color:#e7e7e7;
}

td.grenat{
	background-color:#841615;
	color:#ffffff;
	}
td.rose{
	background-color:#d7b4b4;
	color:#ffffff;
	}
td.gris{
	background-color:#c3c3c3;
	color:#ffffff;
	}
td.blanc{
	background:none;
	font-size:14px;
	font-weight:bold;
	}
	
.popup{
  position:absolute;
  left:164px;
  width:550px;
  background:#E2E2E2;
  border:2px solid #FFF;
  padding:5px 10px;
}
#closeM,a.equip{cursor:pointer;}
#closeM{position:absolute;top:-2px;right:-2px;display:block;width:20px;height:17px;padding-top:3px;color:#821110;border:2px solid #FFF;text-align: center;font-weight:bold;}
#closeM:hover{color:#FFF;text-decoration: none;}
#equip h3{color:#821110;margin:5px 0;}