/* CSS Document */
@font-face {    font-family: Font; src: url(../Exo-Regular.ttf);	}
@font-face {	font-family: FontLight; src: url(../Exo-Light.ttf);	}
@font-face {	font-family: FontBold; src: url(../Exo-SemiBold.ttf);	}

*{ font-family:Font; margin:0 auto; }
.clear{ clear:both;}
.strong {font-family: FontBold;}
html, body{ margin:0; }
a#menu-button {text-decoration:none; color: #25940f !important; }
a#menu-button:hover{text-decoration:none; color:#5c3d84 !important;}
.ccontent article a{text-decoration:none; color:#25940f !important;}
.ccontent article a:hover{text-decoration:none; color:#5c3d84 !important;}

/************************************************/
header{ background:#646567; text-align: center; color:#FFF; position: relative; height:140px; padding-top:15px;}
header h1{ font-family:FontLight; font-size:24px;  padding-bottom:15px; margin-top:0px; text-align:left; margin-left:20px; margin-top:20px;}
header h1 a{ color:#FFF; text-transform:uppercase; font-size:30px; }
header h1 a:hover{ text-decoration:none; color:#FFF; }
header .linken{ position:absolute; right:2%; top:20%;}
header .linken a{ color:#FFF; text-transform:uppercase; text-decoration:none;}
header nav{  bottom: 0; position: absolute; width: 100%; }

footer a{ color:#FFF; text-decoration:none; }

#form_contact label { float: left; width: 150px;}
#form_contact input.input { width: 68%;}
#form_contact textarea { width: 68%;}
#form_contact input.inputradio{ margin-left:10px;}
#form_contact .clear.marge {
    margin-bottom: 15px;
}
#form_contact p.center {
    width: 81%;
}
.center {
    text-align: center;
}

@media (max-width: 768px) {
	header{ height:inherit;}
	header nav{   position: relative;  }
	blockquote {margin:0;}
	footer section article{width:100%; margin-bottom:25px;  }
	
	
}


.chambre img{ border: 6px solid #eaeaea; border-radius: 3%; box-shadow: 2px 2px 2px #646464; margin-bottom:5px;}



/******************************************/
.content h1{ font-family:FontLight; font-size:23px;  padding-bottom:15px; background:url(../../images/ombre.png) no-repeat bottom center; margin-bottom:15px; }
.content article h2{ font-family:FontLight; font-size:19px; margin-bottom:10px; color:#727272; }

.content article{  margin-bottom:15px;}
/*.content article .pcontent .img img{ height:auto;  vertical-align: middle; display:block;}*/
.content article .pcontent .img.left{ float:left; margin-right:15px; }
.content article .pcontent .img.right{ float:right;margin-left:15px; }

.content form p{ padding-top:6px; padding-bottom:6px; }
.content form span.label{display:inline-block; float:left; width:35%; }

.chambres .chambre{ text-align:center; }
.chambres .chambre a{ color:#333; text-decoration:none; }
.chambres .chambre a:hover{ font-weight:bold;}

.gallery img{ float:left; margin-right:15px;  margin-bottom:10px; }
article .gallery img { width:inherit;}

/************************************/
footer{ background:#646567; color:#FFF; position:relative; padding-top:15px; width:100%;}
footer section{ width:90%;}
footer .copyright{ text-align:center; padding-top:15px; padding-bottom:15px;margin-bottom:0px; }
footer a{ color:#FFF; }
footer a:hover{text-decoration:none; color:#25940f;}
footer section .first a{ color: #fff; font-size: 24px; text-transform: uppercase; }
footer section .second { color: #fff; font-size: 24px; text-transform: uppercase; }
footer section .last{ text-align:right; font-size:20px; }
footer section .last img{ float:left; margin-left:40px; }

footer section .first a:hover, footer section .second a:hover, footer section .last a:hover{ text-decoration:none; color: #fff; }


blockquote {
  /*background: #f9f9f9;
  border-left: 10px solid #ccc;*/
  border-left: none !important;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";
}
blockquote:before {
  color: #ccc;
  content:"\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.15em;
  vertical-align: -0.3em;
}
blockquote:after {
  color: #ccc;
  content: "\201D";
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.15em;
  vertical-align: -0.6em;
}
blockquote p {
  display: inline;
  font-style: italic;
  font-size: 15.5px !important;
}
.row{
    overflow: hidden; 
	min-height:350px;
	margin-left:0 !important;
	margin-right:0 !important;
}
.chambres .row{
    overflow: hidden; 
	min-height:inherit;
	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:20px;
	margin-top:15px;
}

@media (max-width: 1032px) {
footer section article{ margin-right:7%; }
header h1 a{font-size:24px; }
}
@media (max-width: 904px) {
	header{ height:inherit;}
	header nav{   position: relative;  }
}
@media (max-width: 768px) {
	header{ height:inherit;}
	header nav{   position: relative;  }
	blockquote {margin:0;}
	footer section article{width:100%; margin-bottom:25px;  }
	
	.chambre{ margin-bottom:20px;}
	.chambres .row{	margin-bottom:0px;	margin-top:0px;}
}
@media (max-width: 688px) {
	footer section article{width:100%; margin-bottom:25px;  }
}
/***********************************/
#main{ position:relative; }


.ccontent{ padding:1.5%; }



#column-left[class*="col-"], #column-right[class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.sm-mint a.active { background: #25940f; color: white;}



article .img-responsive{ width:100%; }

@media (min-width: 768px) {
nav {
	line-height: 0;
	text-align: right;
}
#main-menu {
	display: inline-block;
}
}