/*-----------------------------------------------------------
    Theme Name: Kraft
    Theme URI: http://demo.caliberthemes.com/html/kraft/demo.html 
    Description: Minimal Portfolio Template
    Author: CaliberThemes
    Author URI: https://themeforest.net/user/caliberthemes
    Version: 1.3
-------------------------------------------------------------*/
/*-----------------------------------------------------------
    1  Basic
    2  Typography
    3  Helper 
    4  Header
    5  Contents
    6  Carousel  
    7  Button
    8  Portfolio
    9  Project Single
    10 Forms
    11 Contact & Address
    12 Blog
    13 Blog Single
    14 Comments
    15 Footer
    16 Responsive 
-------------------------------------------------------------*/
/*-----------------------------------------------------------
    Basic 
-------------------------------------------------------------*/


/*-----------------------------------------------------------
    Typography 
-------------------------------------------------------------*/
/*-----------------------------------------------------------
    Helper Classes 
-------------------------------------------------------------*/


/*-----------------------------------------------------------
    Header
-------------------------------------------------------------*/
#masthead.site-header #site-branding .retina-logo {
  max-width: 300px;
}
 #masthead.site-header.standard #site-navigation .menu > li:last-of-type {
	padding-left: 0px;
}
#masthead.site-header.standard, #masthead.site-header.hamburger-side {
	padding-top: 0px;
}
/*-----------------------------------------------------------
    Contents 
-------------------------------------------------------------*/
.single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li.portfolio-social-share-links a i {
  font-size: 18px;
}

/*-----------------------------------------------------------
    Carousel
-------------------------------------------------------------*/
.content-box-wrap .figure img {
  max-width: 100px;
  margin-bottom: 3px;
}

/*-----------------------------------------------------------
    Contact
-------------------------------------------------------------*/
.single-image figure {
  margin: 0;
  font-size: 60px;
}

/*-----------------------------------------------------------
    Portfolio
-------------------------------------------------------------*/
.cbp-caption-minimal .cbp-caption-activeWrap {
  top: 0;
  background-color: transparent;
	opacity: 0;
	background-image: -webkit-linear-gradient(bottom, rgba(117, 117, 117, 0.7) 0%, rgba(15, 12, 18, 0.8) 100%);
	background-image: linear-gradient(to top, rgba(117, 117, 117, 0.7) 0%, rgba(15, 12, 18, 0.8) 100%);
}
.cbp .cbp-caption-activeWrap

.cbp-caption-zoom .cbp-caption-activeWrap,
.cbp .cbp-caption-activeWrap {
  opacity: 0;
  top: 0;
  background-color: rgba(64, 43, 108, 0.8);
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
	font-weight: normal;
	font-style: normal;
}

.portfolio-wrap .cbp-l-caption-title {
  font-family: 'Roboto';
  font-weight: 400;
}

/*-----------------------------------------------------------
    Project Single
-------------------------------------------------------------*/

ul.project-nav li a{
	font-size: 2em;
	border-width: 0;
}

li.project-share .ion-social-facebook,
li.project-share .ion-social-twitter,
li.project-share .ion-social-googleplus,
li.project-share .ion-social-instagram,
li.project-share .ion-social-pinterest {
	font-size: 1.8em;
}

/*-----------------------------------------------------------
    Forms
-------------------------------------------------------------*/


/*-----------------------------------------------------------
    Contact & Address 
-------------------------------------------------------------*/


/*-----------------------------------------------------------
    Blog
-------------------------------------------------------------*/


/*-----------------------------------------------------------
    Footer 
-------------------------------------------------------------*/
/*#footer.standard .footer-socials a{
	font-size: 1.4em;
}*/
p.copyright {
	font-size: 0.85em;
}
/*-----------------------------------------------------------
    Responsive
-------------------------------------------------------------*/
@media all and (max-width: 1200px) {
  #header.standard .header-wrapper #logo a img {
    max-height: 171px;
  	margin-bottom: 10px;
  }
  #header.standard .header-wrapper #main-menu > ul > li > a {
  	font-size: 14px;
  }
}

@media all and (max-width: 992px) {
  #header.standard .header-wrapper #logo a img {
    max-height: 100px;
  	margin-bottom: 10px;
  }
  #header.standard .header-wrapper #main-menu > ul > li > a {
  	font-size: 12px;
  }
  #header.standard .header-wrapper #main-menu {
    float: none;
  	margin-top: 20px;
  }
  h4 {
  	font-size: 14px;
  }
  .box-content p {
  	font-size: 12px;
  	line-height: 18px !important;
  }
  .page-title {
  	margin-top: 60px;
  }
  
  h1.heading {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #9088a1;
  	text-align: center;
  	letter-spacing: 1.0rem;
  	word-spacing: 1.2rem;
  	position: relative;
  	bottom: 20px;
  	text-transform: uppercase;
  }
/*  #header.standard .header-wrapper #main-menu > ul > li > a {
    font-size: 10px;
  }*/
}

@media all and (max-width: 767px) {
  #header.standard .header-wrapper #logo a img {
    max-height: 80px;}
/*  #header.standard .header-wrapper #main-menu > ul > li > a {
  font-size: 10px;
}*/
h1.heading {
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  color: #9088a1;
	text-align: center;
	letter-spacing: 0.5rem;
	word-spacing: 0.9rem;
	position: relative;
	bottom: 20px;
	text-transform: uppercase;
}
/*#header.standard .header-wrapper #main-menu > ul > li > a {
  color: #74cde4!important;
}*/
}


.project-title h1,
.project-title p,
.project-desc,
.project-meta li span,
h1.heading {
  color: #006681;
}

.project-desc a {
	font-size: 16px;
}

h1,
h2,
h4,
.contact-info div span, .contact-info address span,
.project-meta li {
  color: #006681;
}
.single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li span {
  color: #006681;
}

a,
.project-meta li a{
  color: #F98514;
}

.contact-form .contact-success, .contact-form .contact-failed {
  color: #006681;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 200;
  display: none;
}


a:hover {
  color: #bf0704;
  text-decoration: none;
}

#header.standard .header-wrapper #main-menu > ul > li > a.active {
  color: #d87215;
}

#header.standard .header-wrapper #main-menu > ul > li > a {
  color: #006079;
}

#header.standard .header-wrapper #main-menu > ul > li > a:hover {
  color: #8a8a8a;
}

.form-submit button,
.button a,
.button.solid a {
  background: #b3363b;
  color: #fff;
  border-width: 0px;
}

.button a {
  border: 1px solid #b3363b;
  background-color: #ffffff;
  color: #b3363b;
}

.form-submit button:hover,
.button a:hover,
.button.solid a:hover {
	background: #bf0704;
	color: #fff;
}

.diaporama,
.diaporama2 {
   position: relative; 
  display: block;
}
.diaporama img,
.diaporama2 img {
  display: block;
  float: left;
  margin-bottom: 20px;
}

.diaporama img,
.diaporama2 img {
  position: absolute;
  top: 0;
  left: 0;
}
.diaporama :first-child,
.diaporama2 :first-child {
  position: relative;   /* dimensionne le conteneur */
}

/* définition de l'animation sur les images */
.diaporama img,
.diaporama2 img {
  animation: fade-in-out 15s ease infinite 0s;
  opacity: 0;
  display: block;
}
/* définition délai des images */
.diaporama img:nth-child(1) { animation-delay: 0s;}
.diaporama img:nth-child(2) { animation-delay: 5s;}
.diaporama img:nth-child(3) { animation-delay: 10s;}
/* définition des étapes */
@keyframes fade-in-out {
  0%, 100% {
    opacity: 0;
  }
  13.33% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  46.67% {
    opacity: 0;
  }
}

.homebox p {
	min-height: 80px;
}

.gdpr {
	font-size: 13px;
	color: #006681;
}

.blocker {
	z-index: 10;
}
.modal {
	max-width: 589px;
	max-height: 800px;
	background-color: #000000;
	text-align: center;
	vertical-align: middle;
	z-index: 20;
	padding: 0px;
	width: 100%;
	height: auto;
}
.modal2 {
	max-width: 520px;
	max-height: 800px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	z-index: 20;
	padding: 0px;
	width: 100%;
	height: auto;
}

#myModal p {
	text-align: left;
	margin-left: 2rem;
	margin-right: 2rem;
}
.modal a.close-modal {
position: absolute;
top: 0px;
right: 0px;
opacity: 0.8;
}

.cbp-caption-defaultWrap .portfolio-media-image-h img {
	height: 525px;
	width: 787px;
}
.prestation {
color: #006681;
font-weight: bold;
}
.tarif {
	color: #848383;
}
.heading-block p {
	font-size: 15px;
}

.cta h1, .cta h2 {
  margin-bottom: 0;
}
body #horaires {
font-size: 0.95rem;
line-height: 0.5;
}