/* fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700,400italic,600italic,700italic');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix,
.tagcloud {
	zoom: 1;
}

.clearfix:before, .clearfix:after,
.tagcloud:before, .tagcloud:after {
	content: "";
	display: table;
}

.clearfix:after,
.tagcloud:after {
	clear: both;
}

.clearboth {
	clear: both;
}

/*styles site*/

body {
	background:eceff5;
	font-family: 'Raleway', sans-serif;
	color:#485979;
	font-size:17px;
}

.wrapper {
	width:980px;
	position:relative;
	margin:auto;
}
header {
	background:#485979;
	height:80px;
}
footer {
	border-top:2px solid #485979;
	margin-top:40px;
	color:#485979;
	font-size:14px;
	padding:15px 10px ;
	text-align:center;
}
footer a {
	color:#2c0206;
	text-decoration:none;
}
.logo {
	position:absolute;
	top:10px;
	left:15px;	
}
.logo img {
		width:240px;
	height:60px;
}
.logo a {
	display:block;
	width:188px;
	height:60px;
}

#langues {
	position:absolute;
	top:27px;
	right:10px;
	float: right;
	margin: 3px 0 0 0 !important;
}
#langues a {
	color:#fff;
	text-decoration:none;
}
#langues li li a {
	border-bottom: 1px solid;
	background:#fff;
	color:#000;
	padding: 15px;
	display: block;
	
}

#langues li a.sf-with-ul {
	padding-right: 12px ;
}

#langues li a.sf-with-ul:after {
	content: '';
	position: absolute;
	top: 33%;
	right: 0em;
	height: 5px;
	width: 20px;
	background: url(images/arrows1.png) no-repeat 10px -2px;
}

#langues li li a.sf-with-ul:after {
	top: 29%;
	background: url(images/arrows1.png) no-repeat -86px 2px;
	height: 10px;
}

#langues, #langues * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

#langues {
	line-height:	1.0;
}


#langues ul {
	position:		absolute;
	top:			-999em;
	width:			auto; /* left offset of submenus need to match (see below) */
}


#langues ul li {
	width:			100%;
}

#langues li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#langues li {
	float:			left;
	position:		relative;
}

#langues a {
	display:		block;
	position:		relative;
}

#langues li:hover ul, 
#langues li.sfHover ul {
	left:			-10px;
	top:			26px; /* match top ul list item height */
	z-index:		99;
}

ul#langues li:hover li ul,
ul#langues li.sfHover li ul {
	top:			-999em;
}

ul#langues li li:hover ul,
ul#langues li li.sfHover ul {
	left:			7em; /* match ul width */
	top:			0;
}

ul#langues li li:hover li ul,
ul#langues li li.sfHover li ul {
	top:			-999em;
}

ul#langues li li li:hover ul,
ul#langues li li li.sfHover ul {
	left:			7em; /* match ul width */
	top:			0;
}

#share-responsive {
	position:absolute;
	top:25px;
	right:10px;
	float: right;
	margin: 3px 0 0 0 !important;
	background:#2c0206;
}
#share-responsive a {
	color:#fff;
	text-decoration:none;
	
}
#share-responsive li li a {
	border-bottom: 1px solid;
	background:#2c0206;
	color:#fff;
	padding: 15px;
	display: block;
	
}

#share-responsive li a.sf-with-ul {
	padding-right: 12px ;
}

#share-responsive li a.sf-with-ul:after {
	content: '';
	position: absolute;
	top: 33%;
	right: 0em;
	height: 5px;
	width: 20px;
	background: url(images/arrows1.png) no-repeat 10px -2px;
}

#share-responsive li li a.sf-with-ul:after {
	top: 29%;
	background: url(images/arrows1.png) no-repeat -86px 2px;
	height: 10px;
}

#share-responsive, #share-responsive * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

#share-responsive {
	line-height:	1.0;
}


#share-responsive ul {
	position:		absolute;
	top:			-999em;
	width:			auto; /* left offset of submenus need to match (see below) */
}


#share-responsive ul li {
	width:			100%;
}

#share-responsive li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#share-responsive li {
	float:			left;
	position:		relative;
}

#share-responsive a {
	display:		block;
	position:		relative;
}

#share-responsive li:hover ul, 
#share-responsive li.sfHover ul {
	left:			-12px;
	top:			20px; /* match top ul list item height */
	z-index:		99;
}

ul#share-responsive li:hover li ul,
ul#share-responsive li.sfHover li ul {
	top:			-999em;
}

ul#share-responsive li li:hover ul,
ul#share-responsive li li.sfHover ul {
	left:			7em; /* match ul width */
	top:			0;
}

ul#share-responsive li li:hover li ul,
ul#share-responsive li li.sfHover li ul {
	top:			-999em;
}

ul#share-responsive li li li:hover ul,
ul#share-responsive li li li.sfHover ul {
	left:			7em; /* match ul width */
	top:			0;
}
.adresse {
	position:absolute;
	top:10px;
	left:340px;
	text-align:left;
	color:#fff;
	font-size:18px;
	line-height:30px;
}
.adresse a {
	color:#fff;
	text-decoration:none;
}
.reseaux {
	position:absolute;
	top:20px;
	right:80px;
}
.reseaux li, .contact-responsive li {
	float: left;
	margin: 0 6px 6px 0;
}

.reseaux li:last-child, .contact-responsive li:last-child {
	margin: 0;
}

.reservation-big {
	position:absolute;
	top:20px;
	right:100px;
	background:rgba(246,242,243,0.7);
	-webkit-border-radius:4px;
  	-moz-border-radius:4px;
  	-o-border-radius:4px;
  	border-radius:4px;
	padding:5px;
	z-index:10;
	height:auto;
}
.reservation {
	position:absolute;
	min-width:585px;
	bottom:20px;
	left:50%;
	margin-left:-300px;
	background:#F2F2ED;
	padding:5px;
	z-index:30;
	height:auto;
	display:none;
}
.reservation select {
	background:#fff;
	color:#000;
	border:1px solid #CCC;
	-webkit-border-radius:2px;
  	-moz-border-radius:2px;
  	-o-border-radius:2px;
  	border-radius:2px;
	padding:5px;
}
.reservation input {
	background:#485979;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius:2px;
  	-moz-border-radius:2px;
  	-o-border-radius:2px;
  	border-radius:2px;
	padding:5px;
}
	
h1 {
	
	color:#485979;	
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	padding:0 10px;
	text-align:center;
	margin-bottom:20px;
	display:block;
}
h2 {
	color:#485979;	
	text-decoration:none;
	font-weight:bold;
	font-family: 'Raleway', sans-serif;
	font-size:18px;	
	padding:0 10px;
	text-align:center;
}
.wrapper-bloc p {
	text-align:justify;
	margin-bottom:20px;
	display:block;	
}

.content-texte {
	margin-top:20px;
}
.wrapper-bloc {
	padding:20px;
}
.wrapper-bloc h3 {
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
	font-size:14px;
}
strong {
	font-weight: 600;
}
.wrapper-bloc h2 {
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-family: 'Raleway', sans-serif;
	font-size:16px;	
	padding:0 10px;
	text-align:center;
margin:40px 0 20px 0;
background:#485979;
color:#fff;
/*border-bottom:1px solid #2c0206;*/
padding:5px;
}
.wrapper-bloc ul {
	list-style:disc;
	margin-left:50px;
}
.wrapper-bloc a {
color:#2c0206;
text-decoration:none;
}
.second-hotel {
	background:#c54644;
	padding:5px;
	color:#fff;
	text-align:center;
	max-width:300px;
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:50px;
}
.second-hotel a {
	display:block;
	text-decoration:none;
	color:#fff;
}
.bloc-3 img, .bloc-3-droite img {
	width:100%;
	height:auto;
	margin-bottom:5px;
}
.bloc-3 h2, .bloc-3-droite h2 {
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;	
	text-align:center;
	margin-bottom:10px;	
}
.bloc-3 h3, .bloc-3-droite h3 {
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	color:#000;
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;		
}
.bloc-3 {
	display:block;
	float:left;
	width:32%;
	margin-right:2%;
	text-align:justify;

}

.bloc-3-droite {
	display:block;
	float:right;
	width:32%;
	margin-right:0;
	text-align:justify;
}


ul.pictos li {
		display:inline-block;
		padding:10px;
		font-size:10px;
		text-align:center;		
}

.bouton-reserver {
	display:inline-block;
	background:#485979;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius:2px;
  	-moz-border-radius:2px;
  	-o-border-radius:2px;
  	border-radius:2px;
	padding:5px;
	margin-left:50px;
}
.bouton-reserver a {
	color:#fff;
	text-decoration:none;
}

.google-map {
		height:460px;
}