@charset "UTF-8";
/* CSS Document */
A:link {font-family: Arial, Helvetica, sans-serif; color:#EF0072; text-decoration:none}
A:visited {font-family: Arial, Helvetica, sans-serif; color:#EF0072; text-decoration:none}
A:active {font-family: Arial, Helvetica, sans-serif; color: #EF0072; text-decoration:none}
A:hover {font-family: Arial, Helvetica, sans-serif; color:#2D5352; text-decoration:none}
body {
	margin: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2D5352;
}
div#global {
	margin-left: auto;
	margin-right: auto;
	width: 684px;
	position: relative; 
	text-align: left;
}
div#head {
	height:271px;
	width:684px;
}
div#logo {
	float:left;
	width:684px;
	height:120px;
	background:url(../images/logo_berges.png) no-repeat left bottom;
}
div#linkabout {
	position:relative;
	text-transform: uppercase;
	color:#FFF;
	float:left;
	height:151px;
	width:136px;
	background:#2D5352 url(../images/about.png) no-repeat left top;
}
div#linkaboutactive {
	position:relative;
	text-transform: uppercase;
	color:#FFF;
	float:left;
	height:151px;
	width:136px;
	background:#FFBB00 url(../images/about_over.png) no-repeat left top;
}
div#linkabout:hover {
	background:#FFBB00 url(../images/about_over.png) no-repeat left top;
}
div#linkabout p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
div#linkaboutactive p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
.titreabout {
	float:left;
	margin-left:30px;
	margin-top:30px;
	text-transform: uppercase;
	color:#FFBB00;
	font-size:24px;
}
.stitreabout {
	float:right;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:10px;
	color:#FFBB00;
	font-size:20px;
}
.textabout {
	text-align:justify;
	width:622px;
	margin-left:30px;
}
.textbuilding {
	text-align:justify;
	width:622px;
	margin-left:30px;
	margin-top:30px;
}
.signatureabout {
	float:right;
	margin-right:30px;
	margin-top:20px;
	margin-bottom:30px;
}
.logowebsterabout {
	float:right;
	margin-right:30px;
	margin-top:10px;
}
.textcontact {
	text-align:justify;
	width:622px;
	margin-left:30px;
	margin-top:10px;
}
.frameblog {
	text-align:justify;
	width:682px;
}
div#linkbuilding {
	color:#FFF;
	position:relative;
	text-transform: uppercase;
	float:left;
	height:151px;
	width:136px;
	background:#2D5352 url(../images/building.png) no-repeat left top;
}
div#linkbuildingactive {
	color:#FFF;
	position:relative;
	text-transform: uppercase;
	float:left;
	height:151px;
	width:136px;
	background:#0090F2 url(../images/building_over.png) no-repeat left top;
}
div#linkbuilding:hover {
	background:#0090F2 url(../images/building_over.png) no-repeat left top;
}
div#linkbuilding p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
div#linkbuildingactive p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
div#contentlinkbuilding {
	margin-top:41px;
	margin-right:30px;
	float:left;
	font-size:12px;
}
div#titrebuilding {
	float:left;
	margin-left:30px;
	margin-top:30px;
	text-transform: uppercase;
	color:#0090F2;
	font-size:24px;
}
div#titrepress {
	float:left;
	margin-left:20px;
	margin-top:10px;
	color:#0090F2;
	font-size:20px;
}
div#photopress {
	float:left;
	width:142px;
}
div#stitrebuilding {
	float:right;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:10px;
	color:#0090F2;
	font-size:20px;
}
.sstitrebuilding {
	color:#0090F2;
	font-weight:bold;
}
.titrehistory {
	text-transform: uppercase;
	color:#0090F2;
	font-weight:bold;
}
.titreroom {
	float:left;
	text-transform: uppercase;
	color:#0090F2;
	font-weight:bold;
}
li.building {
	font-size: 100%;
	display: list-item;
	list-style-image: url(../images/puce_building.png);
}
div#traitillesepbuilding {
	margin-top:20px;
	margin-bottom:20px;
	width:622;
	height:1px;
	background:url(../images/traitille_sep_building.png) repeat-x left top;
}
.linkbuilding a {
	text-transform: uppercase;
	color: #0090F2;	
	text-decoration: none;
}
.linkbuilding a:hover {
	color:#2D5352;
}
.rublinkbuilding a {
	color: #0090F2;	
	text-decoration: none;
}
.rublinkbuilding a:hover {
	color:#2D5352;
}
.presslink a {
	font-size:14px;
	color: #0090F2;	
	text-decoration: none;
}
.presslink a:hover {
	font-size:14px;
	color:#2D5352;
}
div#linkblog {
	color:#FFF;
	position:relative;
	text-transform: uppercase;
	float:left;
	height:151px;
	width:136px;
	background:#2D5352 url(../images/blog.png) no-repeat left top;
}
div#linkblogactive {
	color:#FFF;
	position:relative;
	text-transform: uppercase;
	float:left;
	height:151px;
	width:136px;
	background:#EF0072 url(../images/blog_over.png) no-repeat left top;
}
div#linkblog:hover {
	background:#EF0072 url(../images/blog_over.png) no-repeat left top;
}
div#linkblog p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
div#linkblogactive p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
.titreblog {
	margin-left:30px;
	margin-top:30px;
	text-transform: uppercase;
	color:#EF0072;
	font-size:24px;
}
div#linksituation {
	color:#FFF;
	position:relative;
	text-transform: uppercase;
	float:left;
	height:151px;
	width:136px;
	background:#2D5352 url(../images/situation.png) no-repeat left top;
}
div#linksituationactive {
	color:#FFF;
	position:relative;
	text-transform: uppercase;
	float:left;
	height:151px;
	width:136px;
	background:#00EF50 url(../images/situation_over.png) no-repeat left top;
}
div#linksituation p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
div#linksituationactive p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
div#linksituation:hover {
	background:#00EF50 url(../images/situation_over.png) no-repeat left top;
}
.titresituation {
	margin-left:30px;
	margin-top:30px;
	text-transform: uppercase;
	color:#00EF50;
	font-size:24px;
}
div#linkcontact {
	color:#FFF;
	position:relative;
	text-transform: uppercase;
	float:left;
	height:151px;
	width:136px;
	background:#2D5352 url(../images/contact.png) no-repeat left top;
}
div#linkcontact p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
div#linkcontactactive {
	color:#FFF;
	position:relative;
	text-transform: uppercase;
	float:left;
	height:151px;
	width:136px;
	background:#FF8600 url(../images/contact_over.png) no-repeat left top;
}
div#linkcontactactive p {
	position:absolute;
	bottom:0;
	margin:0;
	margin-bottom:2px;
	padding-left:5px;
}
div#linkcontact:hover {
	background:#FF8600 url(../images/contact_over.png) no-repeat left top;
}
.titrecontact {
	float:left;
	margin-left:30px;
	margin-top:30px;
	text-transform: uppercase;
	color:#FF8600;
	font-size:24px;
}
div#stitrecontact {
	float:right;
	margin-right:30px;
	margin-top:10px;
	color:#FF8600;
	font-size:20px;
}
div#traitillecontact {
	width:622px;
	margin-left:30px;
	height:1px;
	background:url(../images/traitille_contact.png) repeat-x left top;
}
.rublinkcontact a {
	color: #FF8600;	
	text-decoration: none;
}
.rublinkcontact a:hover {
	color:#2D5352;
}
div#seplink {
	float:left;
	height:151px;
	width:1px;
}
div#contentabout {
	margin-top:1px;
	min-height:400px;
	width:682px;
	border:1px solid #FFBB00;
	background:url(../images/background_about.png) no-repeat left bottom;
}
div#contentbuilding {
	margin-top:1px;
	min-height:400px;
	padding-bottom:30px;
	width:682px;
	border:1px solid #0090F2;
	background:url(../images/background_building.png) no-repeat left bottom;
}
div#contentroom {
	margin-top:1px;
	min-height:400px;
	padding-bottom:30px;
	width:682px;
	border:1px solid #0090F2;
}
div#cadrephotobuilding {
	width:612px;
	float:left;
	margin-left:30px;
	padding:4px;
	border:1px solid #a4d2f2;
}
div#cadredoubleroom {
	width:612px;
	height:612px;
	float:left;
	margin-left:30px;
	padding:4px;
	border:1px solid #a4d2f2;
	background:url(../images/building/map/double_room.png) no-repeat left bottom;
}
div#cadresingleroom {
	width:612px;
	height:612px;
	float:left;
	margin-left:30px;
	padding:4px;
	border:1px solid #a4d2f2;
	background:url(../images/building/map/single_room.png) no-repeat left bottom;
}
div#seproom {
	width:612px;
	height:30px;
	margin-left:30px;
}
div#cadredoubleroommini {
	width:236px;
	height:190px;
	float:right;
	border:1px solid #a4d2f2;
	background:url(../images/building/map/double_room_mini.png) no-repeat center bottom;
}
div#cadresingleroommini {
	width:236px;
	height:190px;
	float:right;
	border:1px solid #a4d2f2;
	background:url(../images/building/map/single_room_mini.png) no-repeat center bottom;
}
div#contentphotoroom {
	text-align:right;
	margin-top:4px;
	float:right;
	width:238px;
}
div#contentblog {
	margin-top:1px;
	min-height:400px;
	width:682px;
	border:1px solid #EF0072;
	background:url(../images/background_blog.png) no-repeat left bottom;
}
div#contentsituation {
	margin-top:1px;
	min-height:580px;
	width:682px;
	border:1px solid #00EF50;
	background:url(../images/map.png) no-repeat left bottom;
}
div#framenomsituation {
	margin-bottom:10px;
	width:180px;
}
div#frameadressesituation {
	margin-bottom:5px;
	width:180px;
}
div#pictosituation {
	float:left;
	width:36px;
}
div#nomenclaturesituation {
	float:left;
	width:144px;
}
.spacer {
	clear: both;
}
div#cadreinfosituation {
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	margin-left:30px;
	width:180px;
	border:1px solid #00EF50;
	background:url(../images/transparent.png) repeat left top;
}
div#traitillesituation {
	margin-bottom:5px;
	width:180px;
	height:1px;
	background:url(../images/traitille_situation.png) repeat left top;
}
div#contentcontact {
	margin-top:1px;
	min-height:400px;
	width:682px;
	border:1px solid #FF8600;
	background:url(../images/background_contact.png) no-repeat left bottom;
}
div#backgroundreservationcontact {
	width:682px;
	background:url(../images/background_contact.png) no-repeat left bottom;
}
div#end {
	width:684px;
	height:60px;
}
div#logowebster {
	float:left;
	height: 45px;
	width:80px;
	background: url(../images/logowebster.png) no-repeat left top;
}
div#logowebster:hover {
	background: url(../images/logowebster_over.png) no-repeat left top;
}
.cssform label{
	color:#FF8600;
	float: left;
	width: 106px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{
	background:url(../images/transparent.png);
	width: 273px;
	font-size: 12px;
	outline:none;
	border:1px solid #FF8600;
	color:#2D5352;
}
.cssform textarea{
	background:url(../images/transparent.png);
	outline:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 342px;
	color:#2D5352;
	height: 150px;
	border:1px solid #FF8600;
	color:#2D5352;
}
.submit{
	margin-left:106px;
	background:url(../images/transparent.png) repeat left top;	cursor: pointer;
	cursor: hand;
	border: 1px solid #FF8600;
	color:#FF8600;
	text-transform: uppercase;
	height:21px;
	line-height: 21px;
	vertical-align: middle;
}
.submit:hover {
	color: #2D5352;
	border: 1px solid #2D5352;
	background:#cad4d4;
}
input:focus, select:focus, textarea:focus {
	background:url(../images/transparent2.png);
	border:1px solid #2D5352;
}
label.error { float: none; color: red; padding-left: 5px; vertical-align: top; }
.linkabout a {
	color: #FFBB00;	
	text-decoration: none;
}
.linkabout a:hover {
	color:#2D5352;
}
div#spacerphoto {
	width:622px;
	margin-left:30px;
	height:30px;
}
div#titreguestbook {
	text-transform: uppercase;
	color:#EF0072;
	font-size:24px;
}
.nomguestbook {
	color:#EF0072;
	font-size:12px;
}
.requiredinput {
	color:#EF0072;
	font-size:10px;
	margin-bottom:30px;
}