/* Typos */
html {
  font-family: 'Rubik', sans-serif;
}

nav ul li, nav ul a {
  position: relative;
}
nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400px;
}

h1 {
  font-size: 4vw;
  line-height: 5vw;
  font-weight: bold;
}

h1.header {
	margin-top: 0;
	margin-left:-10%;
}
@media only screen and (max-width : 993px) {
 h1.header {
 	margin-top: auto;
 	margin-left:0;
 }
}
@media only screen and (max-width : 600px) {
  h1 {
    font-size: 26px;
    line-height: 32px;
    font-weight: bold;
  }
}

h4 {
  font-weight: medium;
}

nav .brand-logo object {
    vertical-align: middle;
}
@media only screen and (min-width : 993px) {
  nav .brand-logo {
      padding: 0 20px;
      left: 0;
  }
}
span.badge {
    min-width: 1rem;
  }
span.badge.new {
    font-weight: 400;
    font-size: 0.6rem;
    background-color: #FF2D56;
    position: absolute;
    top: 5px;
    right: 1px;
    border-radius: 12px;
    line-height: 20px;
    height: 20px;
    width: 20px;
}
span.badge.new:after {
  content: none;
}

.notif-bubble {
	position: absolute;
  margin-top: 24px;
  right: -60px;
  text-align: center;
	background: #ffffff;
	border-radius: .4em;
  color: #000;
  z-index: 999;
  padding: 6px 10px 0 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
}

.notif-bubble img {
  display: block;
  margin: 0 auto;
  padding: 0;
}

.notif-bubble .fermer {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #666;
  padding:0 6px;
}
.notif-bubble .fermer i {
  height: 36px;
  line-height: 36px;
}

.notif-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #fff;
	border-top: 0;
	margin-left: -20px;
	margin-top: -20px;
}

.typo-bangers {
  font-family: Bangers;
}

.red-bdnf { color: #FF2D56; }
.red-bg-bdnf, .red-bg-bdnf:focus { background-color: #FF2D56; }
.btn.red-bg-bdnf:hover, .btn.red-bg-bdnf:active { background-color: #ff5777; }
.btn-large.red-bg-bdnf:hover, .btn-large.red-bg-bdnf:active { background-color: #ff5777; }

.gris-light-bdnf { color:#fafafa; }
.gris-light-bg-bdnf { background-color:#fafafa; }

.left.hide-on-med-and-down {
  margin-left: 110px;
}

.btn, .btn-large {
  border-radius: 30px;
}
#index-banner .btn-large {
  margin-right: 14px;
  margin-bottom: 10px;
}

.btn-white {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.btn-gray {
  background-color: #d5d5d5;
  border: 1px solid #fff;
  color: #fff;
}
.btn-white:hover,
.btn-gray:hover {
  background-color: white;
  border: 1px solid #fff;
  color: #000;
}

.sidenav-trigger {
  color: #FF2D56;
}

.sidenav {
      padding-top: 10px;
}

#qui-quoi-pourquoi h2 {
  font-family: Bangers;
  font-size: 50px;
  text-transform: uppercase;
  padding-top: 16px;
}

.qui, .quoi, .pourquoi {
  background-repeat: no-repeat;
  background-position: bottom;
  border-radius: 20px;
  padding-bottom: 200px;
  min-height: 400px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.qui {
  background-color: #c26a5e;
  background-image: url(assets/img/Décor1-Vue2-Bureaux.png);
}

.quoi {
  background-color: #cf738b;
  background-image: url(assets/img/Décor1-Vue2-Bureaux.png);
}

.pourquoi {
  background-color: #a79e90;
  background-image: url(assets/img/Décor1-Vue2-Bureaux.png);
}

@media only screen and (max-width : 992px) {
  #qui-quoi-pourquoi h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width : 600px) {
  .qui, .quoi, .pourquoi {
    min-height: 330px;
  }
}

.titre-section {
  margin: 28px 0 36px 0;
}

.bloc-bd img {
  width: 100%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.carousel .carousel-item {
  top: -90px;
}
.carousel a h5 {
  color: rgba(0, 0, 0, 0.87);
}


.bloc-app {
  background-color: #fff;
  padding-top: 26px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 12px;
  margin-bottom: 20px;
}

.bloc-app img {
  height: 84px;
}

.bloc-app .btn-large {
  width: 100%;
  border-radius: 0 0 12px 12px;
}

.bloc-featured {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
   margin:50px 0;
}
.bloc-featured-contenu {
  margin: 20px;
}
.bloc-featured img {
  vertical-align: bottom;
}
.material-icons{
    display: inline-flex;
    vertical-align: top;
}

.tabs {
  display: flex;

}

.webtoon img {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  display: block;
}

.galerie img {
  width: 100%;
  margin: 0;
  border: none;
  display: block;
  padding-top:8px;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer .page-footer {
  margin: 0;
  padding: 20px 20px 4px 20px;
  color: #fff;
}
footer .page-footer a {
  color: #fff;
}
footer .page-footer a:hover, footer .page-footer a:active {
  color: #000;
  text-decoration: underline;
}
.menu-footer li {
  display: inline-block;
  margin-right: 40px;
  padding-bottom: 10px;
  font-size: 16px;
}
footer .footer-copyright {
  padding: 0px 20px 0 20px;
  color: #
}
@media only screen and (max-width : 992px) {
  footer .footer-copyright .valign-wrapper {
    display: block;
  }
}
footer .footer-copyright .row {
  margin: 0px;
}
footer .footer-copyright a {
  color: #707070;
}
footer .footer-copyright a:hover, footer .footer-copyright a:active {
  color: #000;
  text-decoration: underline;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}






#cookie-notice{display:block;visibility:hidden;position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;line-height:20px;left:0;text-align:center}.cn-top{top:0}.cn-bottom{bottom:0}.cookie-notice-container{padding:10px;text-align:center;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cookie-notice-revoke-container{position:absolute;bottom:0;width:100%;z-index:1;visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cn-top .cookie-notice-revoke-container{top:0;bottom:auto}#cookie-notice
.cn-revoke-cookie{margin:0}.cn-button.wp-default,.cn-button.wp-default:hover,.cn-button.bootstrap,.cn-button.bootstrap:hover{box-shadow:none;text-decoration:none}
#cookie-notice .cn-button{margin-left:10px; color:#FF2D56;}.cn-button.wp-default{font-family:sans-serif;line-height:18px;padding:2px 12px;background:linear-gradient(to bottom,#FEFEFE,#F4F4F4) repeat scroll 0 0 #F3F3F3;border-color:#BBB;color:#333;text-shadow:0 1px 0 #FFF;-moz-box-sizing:border-box;border-radius:3px 3px 3px 3px;border-style:solid;border-width:1px;cursor:pointer;display:inline-block;font-size:12px;font-style:normal;text-decoration:none;white-space:nowrap;outline:none}.cn-button.wp-default:hover{background:linear-gradient(to bottom,#FFFFFF,#F3F3F3) repeat scroll 0 0 #F3F3F3;border-color:#999;color:#222}.cn-button.bootstrap{font-family:sans-serif;display:inline-block;*display:inline;padding:4px 12px;margin-right:.3em;margin-bottom:0;*margin-left:.3em;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);font-style:normal;vertical-align:middle;cursor:pointer;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#006dcc;*background-color:#04c;background-image:-moz-linear-gradient(top,#0088cc,#0044cc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc));background-image:-webkit-linear-gradient(top,#0088cc,#0044cc);background-image:-o-linear-gradient(top,#0088cc,#0044cc);background-image:linear-gradient(to bottom,#0088cc,#0044cc);background-repeat:repeat-x;border-style:solid;border-width:1px;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 2px rgba(0,0,0,.05);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);padding:2px 10px;font-size:12px;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none}.cn-button.bootstrap:hover{color:#fff;background-color:#04c;*background-color:#003bb3;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block;margin-bottom:5px}#cookie-notice .cn-button{margin-left:5px;margin-right:5px}}




/**/
.image-avec-copyright {
	display: table;
}
.image-avec-copyright>div {
	display: table-cell;
	position: relative;
}
.image-avec-copyright>div>div {
	position: relative;
}
.image-avec-copyright .copyright>span {
	position: absolute;
	transform: rotate(-90deg);
	white-space: nowrap;
	bottom: 0;
	transform-origin: left;
}

.grid-logos>div {
	text-align: center;
}
.grid-logos {
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	grid-column-gap:20px;
	grid-row-gap:20px;
	align-items: center;
}
.grid-logos img {
	max-width: 100%;
}

@media only screen and (max-width : 800px) {
 	.grid-logos {
 		display: grid;
 		grid-template-columns:1fr 1fr 1fr 1fr;
 		}
}
@media only screen and (max-width : 700px) {
 	.grid-logos {
 		display: grid;
 		grid-template-columns:1fr 1fr;
 		}
}
.section.partenaire h3 {
	border-top: 2px solid #000;
	padding-top: .5em;
}

.menu-footer img {
    width: 100%;
}

.section_corpus .card-image {
    width: 150px;
    background-size: cover;
    margin-right: 30px;
}

.section_corpus .card-stacked a {
    margin-bottom: 15px;
}

.section_corpus .horizontal {
    min-height: 265px;
}