/*
TOC
  1. Colors
  2. Spacing
  3. Typography
  4. Utilities
  5. Bootsrtap custo
*/


/* 1. Colors */
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@200;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
body {
  color:#333;
  background-color:#ffffff;
  font-family: 'Commissioner', sans-serif;
  font-size:15px;
  text-align:justify
}
#bartop {
  color:##333;
  background-color:#F2F2F2;
}
#bartop a{color:#333!important}
footer{
  color:##333!important;
  background-color:#F2F2F2;
}
footer h2,h1,h5{color:#333!important}
footer a{color:#333!important}
h1,h3,h4,h5,h6 {
  color:#333; font-family: 'Commissioner', sans-serif; font-weight: 100
}
h3 {
  color:#5fa4bf;
}
h1{font-size:1.5rem;margin-bottom:12px!important; color:#21aaa2!important}
h2{margin-bottom:12px!important; color:#2caaa1!important; text-transform:none!important; font-family: Helvetica light, Helvetica, Arial, sans-serif; font-size:1.4rem}
a,
a:link,
a:visited {
    color: #333;
}
a:hover,
a:active {
    color: #333; text-decoration:underline
}

#bartop a, footer a,
#bartop a:link, footer a:link,
#bartop a:visited, footer a:visited {
    color: #ffffff;
}
#bartop a:hover, footer a:hover,
#bartop a:active, footer a:active {
    color: #f6f6f6;
}

.btn-primary,
.btn-primary:link,
.btn-primary:visited
 {
    color: #fff;
  background-color: #005eaa;
    border-color: #005eaa;
}
.btn-primary:hover,
.btn-primary:active {
    color: #fff;
  background-color: #29254f;
    border-color: #29254f;
}
.btn-info,
.btn-info:link,
.btn-info:visited
 {
    color: #fff;
}
.btn-info:hover,
.btn-info:active {
    color: #fff;
}



/* 2. Spacing */
section, main, footer {
  padding-top:34px;
  padding-bottom:34px;
}
#bartop {
  padding: 5px 0;
}
#bartop img {
  padding-left: 5px;
}
section#home-boxlist,
section#page-boxlist {
  background-color: #EAEAEA;
}

#nav_menutop .nav-item {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}


.p-5{padding-top:0 !important}


@media  and (min-width: 992px) {
  #nav_menutop .nav-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* 3. Typography */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 2.5rem;
}


/* 4. Utilities */
* {
   min-height: 0.01px;
}
section.alternate {
  background-color:#f6f6f6;
}

.langli {
  padding: 0 3px;
}
.langli:last-child {
  padding-right: 0;
}

header {
  background-color: #FFF;
}
header + * {
  margin-top: 10px;
}

#header-image img {
  width: 100%;
}

.card {
  background-color:#fff;
}
.card-image-content {
  height: 225px;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .4s ease;
  background-color: #005eaa;
  padding-right: 15px;
  padding-left: 15px;
}

.menu-side {
  padding-left: 0;
  list-style: none;
}
.menu-side li {
  border-bottom: 1px solid #ccc;
}
.menu-side li:hover, .menu-side li:focus {
  border-bottom: 1px solid #97bf0d;
  transition: 0.3s ease;
}
.menu-side .nav-item.active {
  font-weight: bold;
}


/* 5. Client customs*/

.box-list .card a:hover .overlay {
  opacity: 0.8;
}
.box-list .card .card-image-container {
  position: relative;
}
.box-list .card-title-wrapper {
  position:absolute;
  top:70%;
  text-align:center;
}
.box-list .card-title-wrapper .card-title {
  font-size: 1.1em;
  color: #333;
  background-color:#FFF; padding:0.5rem!important
}
.box-list .card-body {
  padding-left: 0rem;
}

.equipe-item-image {
  max-width: 100%;
  height: auto;
}
.equipe-item {
  display: inline-block;
  width: auto;
  position: relative;
}
.equipe-item .equipe-item-overlay {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-flow: center;
  justify-content: flex-end;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 4% 8%;
  text-align: center;
  cursor: pointer;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.equipe-item:hover .equipe-item-overlay {
  opacity: 1;
  visibility: visible;
}
.equipe-item-name {
  text-transform: uppercase;
  font-size: 1.2em;
}
.equipe-item-groupe {
  color: #21AAA2;
  font-weight: bold;
}
.equipe-detail-title {
  text-align: left;
  max-width: initial;
  margin: initial;
  margin-bottom: 1em;
}

.references-item {
  border-bottom: 1px solid #97bf0d;
  padding: 15px 0;
}
.references-item img {
  max-width: 100%;
  height: auto;
}
.references-item-last {
  border-bottom: 0;
}

.parallax-separator .inner {
  height:300px;
}

/*Carousel Références*/
.jcarousel-wrapper {
    border: 0px solid #fff;
}
.jcarousel li {
    border: 0px solid #fff;
  height:85px;
  line-height:85px;
  text-align:center;
}
.jcarousel li img {
  display:inline-block !important;
  vertical-align:middle;
}


/* Contact */
label {
  margin-bottom: 4px;
  font-weight: bold;
}


/* Navigation footer */
ul.menu.vertical {
  list-style-type: none;
}

.btn-link {
  color:#FFF
}

.emphasize {
  border-left: 5px solid #6c6c6c;
  display:block;
  clear:both;
  padding-left:15px;
}
.emphasize li {
  margin-left:20px;
}
.table {
  border-collapse:collapse;
}
.table td{border:1px solid #6c6c6c;padding:4px;background:#fff url(../images/table.td.gif) repeat-x;}
.table td,.table p{color:#6c6c6c;}
.table th{border:1px solid #6c6c6c;padding:4px;color:#fff;background:#fff url(../images/table.th.gif) repeat-x;text-align:center;}
.rdv {background-color:#005eaa; padding:10px}

footer h5{text-transform: uppercase;
color: #FFF; font-size:1.1rem; margin-bottom:12px}
.navbar-default .navbar-nav > li > a{color:#333!important;}
.navbar-light .navbar-nav e > .nav-link{color:#333!important;}
.nav-item a{color:#333!important; font-weight:bold; text-align: center;}
li.active{font-weight:bold!important}
.navbar-brand {
  padding-top:0px!important;

}
.navbar-brand > img {
  max-width: 100%;
}

main img {
  max-width: 100%;
  display: inline-block;
  height: auto;
}
.citation{margin-left:50px;margin-right:50px; color:#0d85a5; font-size:16px; text-align:justify}
@media screen and (min-width: 768px) {
  main img {
    max-width: 50%;
    display: inline;
  }
}
.card{ border:none!important; background-color:#EAEAEA}
.title{background-color:#cbe1dd; color:#153b58!important; padding:5px; text-align:center; }

#cookie_consent {
 background-color: #999;
 position: fixed;
  bottom: 0;
  float: left;
  z-index: 10000000000000;
  width: 100%;
  padding: 30px 0;
  /*filter: alpha(opacity=70);
  opacity: 0.7;*/
}
#cookie_consent p {
 text-align: center;
  color: #fff;
 font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0 0 10px 0;
  /*filter: alpha(opacity=100);
  opacity: 1;*/
}
#cookie_consent a.accept_cookies {
 margin: 0 5px;
  padding: 5px;
  color: #000;
 font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #cbe1dd;
}
#cookie_consent a.more_info {
 margin: 0 5px;
  padding: 5px;
  color: #000;

  text-decoration: none;
  cursor: pointer;
  background: #ccc;
}


/*JON DIAPO ZOOM INOUT*/
.container-diapo {
		width: 100%;
		overflow: hidden;
	}
	.zoominout {
		height: auto;
		width: 100%;
		animation: zoom-in-zoom-out 20s ease-in infinite;
	}

	@keyframes zoom-in-zoom-out {
		0% {
			transform: scale(1, 1);
		}
		50% {
			transform: scale(1.276, 1.276);
		}
		100% {
			transform: scale(1, 1);
		}
	}

#contact .title{display:none}

@media screen and (max-width: 768px) {
.groupes {display:none}	
}