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

*{ font-family: Font; margin:0 auto; }
body{ background-color:#fff;font-family: Font; }
.clear{ clear:both;}
.strong{ font-weight:bold; }

html, body{ margin:0; }
h1{ font-family: Font;}
h2{ font-size:26px; font-family: Font;}
h3{font-size:20px; margin-bottom:0px; font-family: Font;}
a#menu-button {text-decoration:none; color: #FFF !important; }
a#menu-button:hover{text-decoration:none; color:#9e81c1 !important;}
.ccontent article a{text-decoration:none; color:#9e81c1 ;}
.ccontent article a:hover{text-decoration:none; color:#5c3d84 !important;}
ol, ul{list-style-position: inside; }

.container{/*box-shadow:2px 2px 10px gray; 
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;*/ padding-left:0; padding-right:0; } 

/*.content img{ border-right:#00c5e9 10px solid; }*/
.blockadmin img, .admincont img, .gallery-admin img, .infos img{ border:none; }

.pcontent .text ul li{margin-bottom: 5px; }

/************************************************/

header .row{ margin:0 !important;}
header{ text-align: left; color:#FFF;}
header .imageheader{position: absolute; top:0px; left:0px;}
#header-content{  padding-top: 30px; }
#header-content .menu{ background:rgba(5,120,187,0.38);}

header .headerinfo{ padding-top:50px; }
header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ display: inline-block; vertical-align: middle; margin-left: 5%;
margin-right: 5%;}
.menutop a.logo img{max-width: 100px !important;} 
header .headerinfo a.logo{} 
header .headerinfo .headertxt h1, header .headerinfo h2, header .headerinfo h3{}
header .headerinfo .headerimgbosch{ margin-left: 7%; vertical-align: middle;}
header .headerinfo .headertxt h1{ font-size:40px;}
header .headerinfo h2{ font-size:30px;}
.headerinforesponsive{ display:none;  }
header .col-xs-12.col-sm-12.col-md-12.col-lg-12{padding-left:0px; padding-right:0px; }

.menu{ margin-top: 30px;}
nav{ width: 100%; /*background:#00c5e9;*/  text-transform:uppercase; }
.sm-mint a{ font-weight:normal !important; font-family: Font;}
.sm ul li ul, .sm ul li ul li, .sm ul li ul li a{ text-align:left !important; }

.col-lg-9{ padding-right: 0px !important; padding-left: 0px !important;}

.containernews{ font-family: Font; }
.containernews .info{ position:absolute; top:200px; left:45px; padding: 15px; background:#FFF; -moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px; width: 70%; margin:0 auto; box-shadow:2px 2px 10px gray inset; -moz-box-shadow:2px 2px 10px gray inset; -webkit-box-shadow:2px 2px 10px gray inset; text-decoration:none;}
.containernews .info p.title{ text-align:center; color:#ff5f0a; text-transform:uppercase;font-size: 20px; }
.containernews .info p.plus{ color:#ff5f0a; text-align:right;text-transform:uppercase;}


footer{ position:relative; color:#FFF; padding-top: 15px; padding-bottom: 15px;  padding-left: 20px; padding-right: 20px; font-family: Font; background:#b8b5af; }
footer #links{ text-align:left; float:left; }
footer .copyright{ text-align:right;margin-bottom:0px; }
footer .arbofooter { }
footer a{ color:#FFF;font-family: Font;}
footer a:hover{text-decoration:none; color:#FFF; font-weight:bold;}

.row.footerbottom{background:#020202; padding-top:10px; padding-bottom:10px; color:#7f7e7d; text-align:center; font-style:italic;}
.row.footerbottom a{color:#7f7e7d; }
.row.footerbottom a:hover{ text-decoration:none; font-weight:bold; }


.slogan{ background: #00c5e9;color: #FFF;font-size: 25px;text-transform: uppercase;text-align: center;width:75%;line-height: 48px;margin-top: 20px;margin-bottom: 20px; }
.compteurvaleur{ text-align:center; margin:0 auto; }
.compteurvaleur .compteur{ margin:0 auto; background:url(../../images/case-compteur.jpg) no-repeat center center; height:50px; width:35px; color:#FFF; font-size:35px; display:inline-block; line-height: 50px; font-weight:bold;}

#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;
}

#column-right a.fblink{ display:block; background:#e8e8e8; color:#1c1f24;padding: 10px; text-decoration:none; text-align:center; font-size:19px;}
#column-right a.cartelink{ text-align:center;}

@media (min-width: 768px) {
	#main-menu > li {
		float: none;
		display: table-cell;
		width: 1%;
		text-align: center;
	}
	#main-menu > li > ul > li{ text-align: left;}
}
@media (max-width: 768px) {
	header{ height:inherit;}
	header nav{   position: relative;  }
	blockquote {margin:0;}
	footer section article{width:100%; margin-bottom:25px;  }	
}

/******************************************/
#main > .container > .row > .content{ padding-left: 15px;padding-right: 15px;}
.content h1{ font-family: Font; font-weight: bold; font-size:27px; margin-bottom:15px; color:#6d4b96;  padding-bottom:10px; text-transform:uppercase; }
.content.bleuclair h1{color:#0578bb !important; }
.content.vert h1{color:#009997 !important; }
.content.orange h1{color:#f26522 !important; }
.content.violet h1{color:#6d4b96 !important; }
.content h1 span.spaceright{ display:inline-block; margin-right:10px; }

.content article h2{ font-family: Font; font-weight: bold; font-size:21px; margin-bottom:10px; color:#9e81c1; padding:10px; padding-left:0px; text-transform:none; margin-top:0px; }

.content.bleuclair h2{color:#0578bb !important; }
.content.vert h2{color:#009997 !important; }
.content.orange h2{color:#f26522 !important; }
.content.violet h2{color:#9e81c1 !important; }
/*.content.rose h2{color:#f05860 !important; }
.content.bleufonce h2{color:#3d8db0 !important; }
.content.vertfonce h2{color:#035912 !important; }
.content.aubergine h2{color:#590030 !important; }
.content.marron h2{color:#995700 !important; }
.content.rouge h2{color:#b80000 !important; }*/

.bloc .bloc-content{ padding:5px; min-height:74px; vertical-align:middle; margin-bottom:15px; }
.bloc .bloc-content a{ color:#FFF; text-align:center; text-transform:uppercase;}
.bloc .bloc-content a:hover{ text-decoration:none; }
.bloc .bloc-content a h3{ font-family: Font; font-weight: bold; margin-top:10px; margin-bottom:10px;}

.bloc.bleuclair .bloc-content{background:#0578bb !important; }
.bloc.vert .bloc-content{background:#009997 !important; }
.bloc.orange .bloc-content{background:#f26522 !important; }
.bloc.violet .bloc-content{background:#b355a0 !important; }

.content article{ margin-bottom: 15px; margin-top: 15px; font-family: Font; border: #9e81c1 1px solid; border-radius: 8px; padding: 20px;}
.content article:last-of-type{ /*border-bottom:none !important;*/ }


.content  h3{ font-family: Font; font-weight: bold; font-size:19px; margin-bottom:10px; color:#00c5e9; padding:10px; padding-left:0px; text-transform:inherit; }

/********************************************************************************************************************/


.descriptionslide{ position: absolute; left:7%; bottom:15%; color:#FFF; text-align:center;/* background:url(../../images/bg_bandeauslider.png) repeat top center;*/ background:rgba(9, 170, 230, 0.8); min-height:93px; padding:5px; margin-bottom: 0px !important;
padding-bottom: 5px !important;}

.descriptionslide .slideinterne{ padding:10px; border:#FFF 1px solid; }
.descriptionslide .title{  font-size: 36px; font-weight: bold; }
.descriptionslide .text{  }
.descriptionslide a.learnmore{ color:#FFF; text-transform:uppercase; display:block; margin-top:10px;}


.content article .pcontent .img.left{ float:left; margin-right:15px; margin-bottom:10px; }
.content article .pcontent .img.right{ float:right;margin-left:15px; margin-bottom:10px; }
.content article .pcontent{  }

.content article .gallery{ padding-left: 10px; padding-right: 10px; }

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

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

.sondage h3{ font-family: Font; font-weight: bold; font-size:24px; text-align:center; text-transform:uppercase;}
.sondage h4{ font-family: Font; font-weight: bold; font-size:24px; text-align:center; }
.sondage form{ text-align:justify; }
/*#main [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}*/
#main{ position:relative;}
#main .row{overflow: hidden; }

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;
}
#main.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;
}

.sharefb{ display:none; text-align:right; text-transform:uppercase; font-size:20px; margin-bottom: 15px; font-weight: bold; line-height: 45px;}
.sharefb .formsharefb { float:right; margin-left:10px;}
.sharefb a.submitform{ display:block; text-decoration:none;}
@media (max-width:1920px){
	
}
@media (max-width:1540px){
	header .headerinfo .headerimgbosch{margin-left: 2%;}
	header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ margin-left: 3%; margin-right: 2%;}
}
@media (max-width: 1400px){

	header .headerinfo .headerimgbosch{margin-left: 5%;}
	header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ margin-left: 2%; margin-right: 2%;}
}
@media (max-width: 1366px){
}
@media (max-width: 1270px){
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
  font-size: 18px !important;
}
}
@media (max-width: 1236px){
	
	header{ min-height: 450px;}
}
@media (max-width: 1200px){
header .headerright nav{ position:absolute; top: 70px;}	
header {min-height:108px; }

}
@media (max-width: 1180px){
	.containernews .info{ position: absolute; top: 124px;left: 8px; width: 90%;}
	#main .container .row.blocs{ display:none; }
}
@media (max-width: 1155px){
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
  font-size: 18px !important;
}
header .headerinfo a.logo{ margin-left:0px; margin-right:0px;}
	header .headerinfo a img{max-width: 80%;}
}
@media (max-width: 1100px) {
.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
  font-size: 16px !important;
}
	header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ margin-left: 0%;
margin-right: 2%;}
	header .headerinfo .headertxt h1{ font-size: 36px;}
	header .headerinfo h2{font-size: 25px;}
}
@media (max-width: 1032px) {
footer section article{ margin-right:7%; }
header h1 a{font-size:24px; }
}
@media (max-width: 990px) {
	.descriptionslide{ right:0%; }
	.swiper-pagination-bullets{left:10px !important; width:12% !important; }
	
	header .headerright nav{ position: relative; top:0px; }
	.logos{ display:none; }
	header h2 {
    padding-top: 0px;
    margin-bottom: 20px;
    text-align: center; }
	
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted{padding: 10px 16px !important; }
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active{ font-size:16px !important; }
	.sm-mint a span.sub-arrow{right:4px  !important; }
	
	header .headerinfo a.logo{max-width: 25%;}
	header .headerinfo a img{ max-width:65%;}
	header .headerinfo .headerimgbosch img{ max-width:65%;}
	.container{width:90%;}
	header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ margin-left: 0%; margin-right: 0%;}
	
	.menutop a.logo img { max-width: 100% !important; }
}
@media (max-width: 904px) {
	header{ height:inherit; position:relative;}
	header nav{   position: relative;  }
	
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted{padding: 10px 14px !important; }
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active{ font-size:15px !important; font-weight:normal !important; }
	.sm-mint a span.sub-arrow{right:4px  !important; }
}
@media (max-width: 768px) {
	header{ height:auto;}
	
	blockquote {margin:0;}
	footer section article{width:100%; margin-bottom:25px;  }
	
	.chambre{ margin-bottom:20px;}
	.chambres .row{	margin-bottom:0px;	margin-top:0px;}
	#navfooter { display: block !important;}
	
	.containernews{ font-family:FontLight; }
.containernews .info{ position:relative; top:0; left:0; display:block; padding: 15px; background:#FFF; -moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px; width: 90%; margin:0 auto; box-shadow:2px 2px 10px gray inset; -moz-box-shadow:2px 2px 10px gray inset; -webkit-box-shadow:2px 2px 10px gray inset; text-decoration:none; margin-bottom:15px; }
.containernews .info p.title{ text-align:center; color:#ff5f0a; text-transform:uppercase;font-size: 20px; }
.containernews .info p.plus{ color:#ff5f0a; text-align:right;text-transform:uppercase;}

.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active{ }

	.headerinforesponsive{ display:block;  }
	.headerinfodesktop{display:none;}
	
	header .headerinfo.headerinforesponsive{ padding-top:0px; margin-bottom: 10px; }
	header .headerinfo .headertxt h1{font-size:30px;}
	header .headerinfo h2{font-size:18px; margin-top:0px;}
	header .headerinfo .headerimgbosch img{ max-width: 45%;}
	#header-content{padding-top:10px;}
	.row.contact .contentcontact{top: 10%;}

}
@media (max-width: 688px) {
	footer section article{width:100%; margin-bottom:25px;  }
	#navfooter { display: block !important;}
	header{ text-align: left; color:#FFF; position: relative; min-height:247px; }
	nav {
	line-height: 0;
	text-align: left;
}
.col-xs-12.headerright{ padding:0;}
	.col-xs-12.headerright nav .container{ padding-right:0; padding-left:0; }
	
	.containernews{ font-family:FontLight; }
.containernews .info{ position:relative; top:0; left:0; display:block; padding: 15px; background:#FFF; -moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px; width: 90%; margin:0 auto; box-shadow:2px 2px 10px gray inset; -moz-box-shadow:2px 2px 10px gray inset; -webkit-box-shadow:2px 2px 10px gray inset; text-decoration:none; margin-bottom:15px; }
.containernews .info p.title{ text-align:center; color:#ff5f0a; text-transform:uppercase;font-size: 20px; }
.containernews .info p.plus{ color:#ff5f0a; text-align:right;text-transform:uppercase;}

header h1{ float:none; }
header h2 {
    padding-top: 0px;
	margin-bottom:20px;text-align: center;
}
footer .copyright {text-align: center;}

	
	header .headerinfo a.logo{max-width:22%;}
	header .headerinfo .headerimgbosch img{ max-width:30%;}
	.row.contact .contentcontact p.link{ margin-top:5%;}
}
@media (max-width: 640px) {
	header .headerinfo.headerinforesponsive{text-align: center;}
	header .headerinfo a.logo{ max-width:100%;}
	header .headerinfo .headerimgbosch{display:none;}
	header .headerinfo .headertxt{ text-align: left;}
	#header-content .menu{background: rgba(5, 120, 187, 0.79);}
	
	.actualites .swiper-container .swiper-slide{padding-left:5px; padding-right:5px;}
}

@media (max-width: 600px) {
.news a.newslink{ left:25%;}
	/*.containernews .info{ width: 50%; left: 25%;}*/
}

@media(max-width: 590px) {
	header .imageheader{display:none;}
	header .headerinfo a img{max-width:100%}
	header .headerinfo .headertxt{text-align:center; color:#000;}
}
@media (max-width: 500px) {
.blocs .swiper-slide-active{ transform: scale(1);}
	.row.contact .contentcontact{ left: 8%;}
	.row.contact .contentcontact p.tel a{font-size:23px;}
	.row.contact .contentcontact p.link a{font-size: 15px; }
}
@media (max-width: 400px) {
	footer section article{width:100%; margin-bottom:25px;  }
	#navfooter { display: block !important;}
	header{  text-align: left; color:#FFF; position: relative; min-height:175px; }
	a#menu-button { display:none; /*text-decoration:none; color: #FFF !important; display: block;
height: 15px;
margin-top: 15px;*/}
footer .rowfooter {
    padding-top: 30px;
}

}
/***********************************/
#main{ position:relative; }


.ccontent{ padding:1.5%; }



#column-left[class*="col-"], #column-right[class*="col-"]{}

.sm-mint a.active {  font-weight: bold;}



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

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