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

@import url("experience.css");

* {outline:none}
textarea {resize:none}

#page {
	padding-left:5px
	}
	
#page .photographie {
	}
	
#page .photographie p {
	position:relative;
	width: 650px;
	height: 315px;
	overflow: hidden;
	}
	
#page .photographie img {
	position:relative;
	top:-58px;
	}
	
#fiche {
	background:url(../img/fiche_bng.png) repeat-y}
	
.tabs {
	float:left;
	width:410px;
	}
	
.tabs .tabnavigation {
	clear:both;
	line-height:24px;
	text-align:center;
	background:#c2bcb3;
	font-size:11px;
	list-style:none;
	margin-bottom:10px;
	}
	
.tabs .tabnavigation li, .tabs .tabnavigation li a {
	display: inline;
	padding: 0 2px 0 2px;
	color:#444;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	text-decoration:none;
	}
	
.tabs .tabnavigation li a:hover, .tabs .tabnavigation li a:active {
	color:#000;
	}
	
.tabs h2 {
	color:#453c30;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:14px;
	padding-left:26px;
	background:url(../img/h2fiche.png) no-repeat left 4px;
	}
	
.tabs .descriptif {
	padding: 16px 24px 16px 24px;
	}
	
.tabs .selection {
	padding: 16px 24px 16px 24px;
	text-align:right;
	}
	
.tabs .selection a{
	color:#333;
	text-decoration:none;
	}
	
.tabs .selection a:hover{
	color:#000;
	}
	
.tabs .liste_presta {
	margin:0 20px 0 20px;
	background:url(../img/liste_presta.png) repeat-y;
	}
	
.tabs .icones {
	margin:0 16px 0 16px;
	}
	
.tabs #four #map {
	width:410px;
	height:300px;
	margin-top:16px;
	}
	
.tabs .legende {
	margin:5px;
	padding:5px;
	background:#e0d9cd;
	}
	
.tabs .office {
	margin:5px;
	padding:5px;
	color:#5c9c3a;
	}
	
.vignettes {
	clear:both;
	padding:8px;
	margin:0 0 10px 0;
	}

.vignette {
	float:left;
	padding:7px;
	width:60px;
	height:40px;
	background:url(../img/vignette_shad.png);
	}
	
#page .media {
	float:left;
	width:240px;
	}
	
#page .media h1 {
	margin:0; padding:0;
	text-align:center;
	background:#f29b0c;
	color:#FFF;
	line-height:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	}
	
#page .media .liens {
	text-align:center;
	color:#816f57;
	background:#453c30;
	line-height:24px;
	font-weight:bold;
	}
	
#page .media .liens .photo, #page .media .liens a {
	color:#ecdbc5;
	font-weight:bold;
	text-decoration:none;
	}
	
#page .media .commentaires {
	clear:both;
	background:#f0e3ce;
	line-height:26px;
	text-align:center;
	}
	
#page .media .social {
	clear:both;
	background:#e4d0b0;
	padding:8px;
	}
	
#page .media .social img {
	margin-right:8px;
	}
	
#page #fiche-head {
	background:url(../img/fiche_header.png) no-repeat;
	height:50px;
	color:#f5f4f3;
	}
	
#page #fiche-head a {
	color:#f5f4f3;
	text-decoration:none;
	}
	
#page #fiche-head .chemin {
	color:#f5f4f3;
	margin:8px;
	line-height:16px;
	}
	
#page #fiche-head .titre {
	color:#f5f4f3;
	margin:8px;
	font-size:22px;
	}
	
#page #legende-cal {
	background:#615749;
	color:#cdc1af;
	padding:4px;
	text-align:center;
	}
	
.in_form {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #b8a892;
	width:120px;
	height:18px;
	padding:3px 0 0 3px;
	font-size:11px;
	color:#555;
	background:#f6f3ee;
	}
	
.in2_form {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #b8a892;
	width:120px;
	height:18px;
	padding:3px 0 0 3px;
	font-size:11px;
	color:#555;
	background:#f6f3ee;
	}
	
.ta_form {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #b8a892;
	height:180px;
	padding:3px 0 0 3px;
	font-size:11px;
	color:#555;
	background:#f6f3ee;
	}
	
.in_form:focus, .in2_form:focus, .ta_form:focus {
	border:1px solid #897a66;
	}
	
.bouton, a.bouton:link, a.bouton:visited {
	padding:4px;
	font-size:14px;
	color:#4d402e;
	background:#b8a892;
	border:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer;
	}
	
.bouton:hover {
	background:#333;
	color:#FFF;
	}	
	
.fiche_reservation {
	background:url(../img/reserver.png) no-repeat center 0px;
	color:#FFF;
	display:block;
	font-weight:bold;
	height:31px;
	line-height:31px;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 1px 1px #4a4a4a;
	}

.fiche_reservation:hover {
	background:url(../img/reserver.png) no-repeat center -31px;;
	}
	
	ul.liensite {
	margin-top:3px;
	}
	
	ul.liensite a {
	color:#ebd7b6;
	text-decoration:none;
	}