/* Site */
html, body {height: 100%;}
body {
    display : table;
    width: 100%;
    background-color: #222;
    color:white;
}
a{
	color:white;
}
a:hover{
	text-decoration: none;
	color: #cf9b18;
}
b{
	color: #cf9b18;
}
h1{
	color: #cf9b18;
}
h5{
	font-size:15px
}
img{
	width: 100%;
}
p{
    font-family: 'Raleway', sans-serif;
    font-size: 15px !important;
}

/* Menu navbar */
nav{
	z-index: 2;
    position: fixed !important;
    top: 0px;
    width: 100%;
    min-height: 80px !important;
    border: 0px !important;
}
.navbar-header>a{
	text-transform: uppercase !important;
	font-family: 'Oswald';
    font-size: 25px;
    line-height: 25px;
}
.container:not(footer>.container) {
	min-height: 100vh;
}
.container-fluid>.navbar-header{
	min-height: 80px
}
@media screen and (min-width: 991px) {
    .container-fluid>.navbar-header{
		margin-left: 15px;
    }
}

.navbar-nav>li>a{
    margin-top: 15px;
	text-transform: uppercase !important;
	text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size: 15px !important;
    color:white !important;
}

.navbar-brand, .dropdown-menu, ul>li>a{
    background-color: #222;
    color:white !important;
}

ul>li>a:hover, .navbar-nav>li>a:hover, .navbar-brand:hover{
	color:#cf9b18 !important;
}

/* Index */
.link{
	color: black;
}
.link:hover{
	color: #cf9b18;
}
.fond_index{
  background: url(../img/fond/accueil.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100%;
  padding-top: 70px;
  min-height: 800px;
}
.fond_index>div{
	width:90%;
}
.fond_index>div>a{
	display: none;
}
.fond_index>div>.panel{
	width: 100%;
	margin-top:60vh;
	padding:10px;
	border: .25em solid;
	border-color: #cf9b18;
	text-align: center;
}
.panel-header>h3{
	margin:0px;
	text-transform: uppercase;
    font-family: 'Oswald';
	font-weight: bold;
	color: #cf9b18;
}
.panel-body{
	color:#222;
}

.box{text-align:center;color:#fff;position:relative}
.box img{width:100%;height:auto}
.box .box-content{padding:20px;margin-bottom:20px;bottom:0;z-index:1}
.box .title{font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 10px; transform:translateY(10px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.box .box-content,.box:after{width:100%;position:absolute;left:0}
.box:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box:hover .title{transform:translateY(0)}
@media screen and (max-width: 1600px) {
	.box .title{font-size:16px;}
}
@media screen and (max-width: 1280px) {
	.box .title{font-size:10px;}
}
@media screen and (max-width: 991px) {
	.fond_index>div>a{
		display: block;
		position: absolute;
		bottom: 27vh;
		width: 85%;
		background-color: #ffffff;
		border: .15em solid;
		border-color: #cf9b18;
		color: #cf9b18;
		font-weight: bold;
		text-transform: uppercase;
	}
	.fond_index>div>.panel{
		display: none;
	}
}

/* Presentation */
.fond_presentation{
  background: url(../img/fond/presentation.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100%;
  padding-top: 70px;
}
.containerPresentation{margin-top: 7vh;}
.textPresentation{
	min-height:540px;
	font-size: 16px;
	padding-top:50px;
	border: .25em solid;
	border-radius: 20px;
	border-color: #cf9b18;
	background-color: white;
    color: black;
}
@media screen and (min-width: 991px) {
    .textPresentation{
        margin-top: 20px;
    }
}
@media screen and (max-width: 991px) {
    .textPresentation{
        margin: 10px;
    }
}
/* Prestation */
section{
	min-height: 100vh;
	padding-top: 80px;
	padding-bottom: 80px;
}
.whiteSection{
	background-color:white;
	color: #222;
}
section>div>h3{
	padding-bottom: 20px;
	text-transform: uppercase;
    font-family: 'Oswald';
}
.titrePrestation{
	text-align: center;
	color: #cf9b18;
	margin: 0px;
}
.titreBlock{
	color:#cf9b18;
	font-family: 'Oswald';
	padding-top:40px !important;
	padding-bottom: 40px
}
.baseline{
	text-align: center;
	margin: 0px;
}
.whiteSection > div >.baseline{
	color: #222;
}
section > div >.baseline{
	color:white;
}
section>div>.row{
	display:inline-block;
}
section>div>div>div>img{
	margin-bottom: 10px;
}
.col-md-6>p{
	text-align: justify;
	font-size: 16px !important;
}
.booking-block{
	position: fixed;
	right: 50px;
	bottom: 50px;
}

/* Vidéo */
.fond_video{
  background: url(../img/fond/video.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100%;
  padding-top: 70px;
}
.fond_video>.container{
	padding-top: 80px;
}
/* Zone d'activité */
.fond_map{
    background: url(../img/fond/map.jpg) no-repeat center fixed;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    height: 100%
}
.counter{padding-bottom:20px;}

aside{
	 font-family: 'Oswald';
}
aside>h4{
	color:#cf9b18;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 0px;
}
aside>p{font-size:18px !important;}
@media screen and (max-width: 992px) {
    aside{
		padding-top: 100px;
		padding-bottom: 0px;
		width: 100%;
    }
}
@media screen and (min-width: 991px) {
    aside{
		padding-top: 25vh;
		padding-bottom: 0px;
		padding-left: 200px;
		padding-right: 100px;
    }
}
/* Reference */
center{
	font-family: 'Bellefair', sans-serif;
	font-size: 25px;
}
.img-reference{
	width: 10vh;
}

@media screen and (max-width: 991px) {
	.img-reference{
	width: 10vh;
}
}
section>div>p>b{
	color: white;
}
.col-md-6>b{
	font-family: 'Oswald';
    font-size: 20px;
}
section>div>div>.col-md-6{
	padding-top: 20px;
	padding-bottom: 20px;
}
/* Contact */
.fond_contact{
    background: url(../img/fond/contact.jpg) no-repeat center fixed;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    height: 100%
}
.fond_contact>.container{
	padding-top: 80px;
}
/* Footer */
footer {
    z-index: 999;
    display : table-row;
    height: 5%;
    background-color: #222;
}
footer>.container{margin-top: 15px;color:#9d9d9d;}
footer>div>div>div>p{font-size:12px !important;	}
footer>div>div>div>p>a{color:#9d9d9d;}

/* Modal */
.close {
	font-size: 35px;
}