/* @override
	http://2018.novostia.com/themes/bs_subtheme/css/style.css?*



/**
 * Place your custom styles here.
 */

 
 body {
 	font-family: 'Roboto', sans-serif;

 	font-variant-numeric: linear-nums;
 	  -moz-font-feature-settings: "lnum" 1;
 	  -webkit-font-feature-settings: "lnum" 1;
 	  -ms-font-feature-settings: "lnum" 1;
 	  font-feature-settings: "lnum" 1;

 	  
 	font-weight: 400;
 	background-color: #FFF;
 	margin-top: 0;
 	margin-bottom: 4em;
 	font-size: 18px;
 	color: #707070;
 	
 	overflow-x: hidden;
 	
 	-webkit-font-smoothing: antialiased;
 	font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
 }
 
 .user-login-form {
 	max-width: 500px;
 	margin: 3em auto 2em;
 }
 
 /* @group BS Overrides */
 .nav > li > a:hover,
 .nav > li > a:focus,
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus,
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
 .navbar-default .navbar-nav > .active > a.active,
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
 	background: none;
 }
 .main-container,
 #navbar .navbar-header {
 	max-width: 1440px;
 	width: 100%;
 	position: relative;
 	margin-left: auto;
 	margin-right: auto;
 	float: none;
 }
 .max-width {
 	max-width: 1440px!important;
 	margin: auto!important;
 	float: none;
 }
 .caret {
 	display: none;
 }
 /* @end */
 
 /* @group TYPO & HELPERS */
 /* bleu 64 A1 B8 */
 h1, h2, h3, h4 {
 	font-weight: 400;
 	color: #64A1B8;
 }
 h1 {
 	font-size: 2.5em;
 	font-weight: 300;
 	padding-top: 10px;
 	border: 0;
 	
 }
 h1.page-header {
 	border-bottom: 0;
 }
 h2 {
 	font-size: 1.8em;
 }
 h3 {
 	color: #707070;
 	font-weight: 500;
 }
 blockquote {
 	border: 0;
 	margin-right: 0;
 	padding-right: 15px;
 	font-size: 1.166em;
 	font-style: italic;
 	border: 1px solid #f3f2f1;
 	border-radius: 20px;
 	background-color: #f3f2f1;
 	padding: 1em;
 }
 p.signature {
 	text-align: right;
 }
 p.chapeau {
 	font-size: 1.2em;
 }
 a {
 	color: #64A1B8;
 	-webkit-transition: all .25s ease;
 	-moz-transition: all .25s ease;
 	-ms-transition: all .25s ease;
 	-o-transition: all .25s ease;
 	transition: all .25s ease;
 }
 
 a:hover {
 	color: #134567;
 }
 ol, ul {
 	/*padding-left: 0em;*/
 }
 article ol {
 	padding-left: 2em;
 }
 article ol li,
 article ul li {
 	margin-bottom: .5em;
 	padding-left: .5em;
 }
 article ul {
 	padding-left: 1em;
 }
 article ul li {
 	list-style-type: none;
 	padding-left: 2em;
 	
 	background: transparent url('img/s-mark.png') no-repeat left top;
 }
 ul.xl-list li,
 ul.l-list li,
 ul.m-list li {
 	list-style-type: none;
 	position: relative;
 	margin: .5em .5em 1em 0;
 	padding-left: 60px;
 	
 	line-height: 130%;
 	background: transparent url('img/xl-mark.png') no-repeat left top;
 }
  ul.m-list li {
		padding-left: 40px;
	}
 ul.l-list li {
 	background-image: url('img/l-mark.png');;
 }
 ul.m-list li {
 	background-image: url('img/m-mark.png');;
 }
 /*ul.xl-list li:before,
 ul.l-list li:before {
 	content: 'o';
 	position: absolute;
 	left: -30px;
 }*/
 ul.m-list {
 	font-size: 1em;
 	line-height: 125%;
 	margin: 1.5em 0 ; 
 }
 ul.l-list {
 	font-size: 1.2em;
 	line-height: 125%;
 	margin: 1.5em 0 ; 
 }
 ul.xl-list {
 	font-size: 1.8em;
 	font-weight: 300;
 	margin: 1.5em 0;
 }
 
 /* .p-blanc,
 .p-gris {
 	background-color: #f0f0f0;	
 }
 .p-link a {
 	color: #64A1B8;
 }
 .p-orange {
 	background-color: #64A1B8;
 	color: #333;
 	margin-top: 3em;
 }
 .p-orange h1 {
 	color: #FFF;
 }
 .p-orange .p-link a {
 	color: #FFF;
 }*/
 
 .bg-beige {
 	background: #f3f2f1;
 }
 .bg-dark {
 	background: #64A1B8;
 }
 .bg-dark * {
 	color: #FFF;
 }
 .bg-dark a.btn {
 	border-color: #FFF;
 }
 .bg-dark a.btn:hover {
 	border-color: #FFF;
 	background: #FFF;
 	color: #134567;
 }
 a:before, a:after {
 	font-family: 'Glyphicons Halflings'!important;
 	position: absolute;
 }
 a.btn {
 	margin: 1em 0 .5em 0;
 	font-size: 1.1em;
 	border: 1px solid #64A1B8;
 	padding: 5px 20px;
 	display: inline-block;
 	border-radius: 60px;
 }
 a.btn-left,
  a.btn-scroll {
 	padding-right: 45px;
 }
 a.btn-left:after {
 	content: "\e258";
 	margin-left: 10px;
 }
 a.btn-scroll:after {
 	content: "\e259";
 }
 a.btn:hover {
 	color: #FFF;
 	background-color: #64A1B8;
 	text-decoration: none;
 }
 .margin-bottom {
 	margin-bottom: 2em;
 }
 .inline {
 	display: inline;
 }
 .inline a {
 	display: inline-block;
 	margin-right: 15px;
 	padding: 3px 0px;
 	text-decoration: none!important;
 	border-bottom: 1px solid #64A1B8;
 }
 .inline a:hover {
 	color: #134567;
 }
 .clear {
 	overflow: hidden;
 	clear: both;
 }
 .float-right {
 	float: right;
 	margin-left: 15px;
 	margin-bottom: 15px;
 }
 .float-left {
 	float: left;
 	margin-right: 15px;
 }
 .img-max-width {
 	max-width: 33%;
 }
 .demi {
 	width: 48%;
 	margin: 0 1%;
 	float: left;
 }

 
 
  /* @end */
 
 /* @group OVERHEAD */
 
 .overhead {
 	padding-bottom: 50px;
 	position: relative;
 }
 .overhead .group-banner {
 	padding-bottom: 33%;
 	padding-bottom: 66vh;
 	margin: 0;
 	background-size: 100%;
 	position: relative;
 }
 .overhead .group-banner img {
 	position: absolute;
 	bottom: -1px;
 	top: inherit; 	
 }
 /*.logo,
 .main-slogan {
 	display: block;
 	position: absolute;
 	left: 0;
 	right: 0;
 	width: 110px;
 	bottom: 20px;
 	margin: auto;
 }*/
 #block-block-banner {
 	position: relative;
 }
 
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 /*      IE10+ CSS here*/
     .logo {
     	top: 75%;
     	bottom: inherit;
     }
 }
 
 .main-slogan {
 	width: 50%;
 	bottom: inherit;
 	top: 15%;
 	top: 20vh;
 	text-align: center;
 }
 .main-slogan h3 {
 	font-size: 2.2em;
 	color: #FFF;
 	line-height: 150%;
 	text-shadow: 0 0 5px rgba(0,0,0,.4);
 }
 
 /* @end */
 
 /* @group NAVBAR Desktop */
  
  #navbar {
  	border: 0;
  	background: #134567;
		background: #64A1B8;
  	position: fixed;
  	width: 100%;
  	height: 90px;
  	border-radius: 0;
  	top: 0;
		z-index: 20;
  	padding-top: 14px;
  }
  #navbar.fixed {
  	position: fixed;
  	top: 0;
  	z-index: 20;
  }
  .navbar-header {
  	width: 100%;
  }
  header.navbar {
  	position: relative;
  }
  
  .navbar-header {
  	padding-left: 15px;
  }
  .navbar-default .navbar-brand {
  	display: block;
  	margin: 0;
  	padding: 0;
  }
  .navbar-default .navbar-text {
  	float: left;
  	clear: both;
  	color: #64A1B8;
  	padding: 0;
  	margin: 0;
  }
  .navbar-default .logo {
  	position: static;
		margin: 0;
  	float: left;
		width: 280px;
		
  }
  .navbar-default .logo img {
		width: 100%;
		height: auto;
	}
	
	.menu-principal {
		position: absolute;
		right: 0;
		top: 35px;
	}
  .navbar-nav > li {
  }
  #navbar ul.menu li a {
		color: #FFF;
  	padding: 5px ;
  	margin: 5px 5px;
  	text-transform: uppercase;
  }
  #navbar ul.menu li a.active {
  	color: #64A1B8;
  	border-color: #64A1B8;
  }
  #navbar ul.menu li a.active {
  	color: #64A1B8;
  	border-color: #64A1B8;
  }
  #navbar ul.menu li li a {
		color: #64A1B8;
	}
	#navbar ul.menu li li a:hover,
	#navbar ul.menu li li a.active {
		color: #134567;
	}
	#navbar .dropdown:hover .dropdown-menu {
	    display: block;
	    margin-top: 0; // remove the gap so it doesn't close
	 }
  #navbar .dropdown-menu li a {
		text-transform: none;
	}
  /* @end */
	
	
 
 /* @group OFF CANVAS */
 
 /* @group OFF CANVAS */
 
 #offCanvas {
   background-color: rgba(255,255,255,.95);
   transition: all .3s ease-out;
   position: fixed;
   top: 0;
   right: -100%;
   z-index: 10;
   width: 100%;
   height: 100%;
   text-align:left;
   opacity: 0;
	 overflow: auto;
 }
 #offCanvas.open {
   top: 0;
   right: 0;
   opacity: 1;
 }
 #offCanvas ul {
   text-align: left;
   padding: 0;
   margin: 0 0 0 15px;
 }
 #offCanvas .region-offcanvas {
   width: 320px;
   max-width: none;;
   margin: 12px auto 0 ;
	 padding-bottom: 30px;
   /*float: right;*/
   transition: all 1s ease-in-out .3s;
 }
 #offCanvas.open .region-offcanvas {
 }
 #offCanvas a {
   color: #64A1B8;
   text-transform: ;
	 font-size: 1.5em;
 	 line-height: 150%;
 	 clear: both;
 }

 a.menu_icon {
   padding-left: 24px;
 }
 #offCanvas a:hover,
 #offCanvas a.active {
   color: #134567;
   background: none;
   text-shadow: none;
 }
 #offCanvas ul li {
   display: block;
	 float: none;
   list-style-image: none;
   list-style-type: none;
   margin: 0 2px;
   padding: 0;
	 clear: both;
 }
 #offCanvas .dropdown-menu {
 	position: static;
 	display: block;
 	clear: both;
 	overflow: hidden;
 	
 	background: none;
 	box-shadow: none;
 	border: 0;
 	width: 100%;
 }
 #offCanvas .dropdown-menu li {
 	background: transparent;
 }
 #offCanvas .dropdown-menu a,
 #offCanvas .menu-main a {
 	padding: 5px 10px;
 	font-size: 16px;
 	line-height: 21px;
 	background-color: transparent;
 }
 #offCanvas .dropdown-menu a.active,
 #offCanvas .dropdown-menu a:hover {
 	background: none;
 	color: #134567;
 }
 #offCanvas .dropdown-toggle {
 }
 #offCanvas .menu-main .dropdown-toggle {
 	background-color: transparent;
 }
 #offCanvas .dropdown-toggle span {
 	display: none;
 }
 /* @end */
 
 /* @group BTN MENU */
 
 /*a#offCanvas-switch {
  	display: none;
 }*/
 a#offCanvas-switch {
   text-indent: -500px;
   position: fixed;
   top: 15px;
   right: 10px;
   display: none;
   width: 36px;
   height: 36px;
   z-index: 23;
 }
 #offCanvas-switch span,
 #offCanvas-switch span:before,
 #offCanvas-switch span:after {
   cursor: pointer;
   border-radius: 1px;
   height: 2px;
   width: 36px;
   background: #FFF;
   position: absolute;
   display: block;
   content: '';  
 }
 #offCanvas-switch span:before {
   top: 22px;
 }
 #offCanvas-switch span:after {
   bottom: -11px; 
 }
 #offCanvas-switch span, #offCanvas-switch span:before, #offCanvas-switch span:after {
   transition: all 300ms ease-in-out;
 }
 #offCanvas-switch.active span {
   background-color: transparent;
   box-shadow: none;
 }
 #offCanvas-switch.active span:before, #offCanvas-switch.active span:after {
   top: 11px;
   background-color: #FFF;
 }
 #offCanvas-switch.active span:before {
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 #offCanvas-switch.active span:after {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
 }
 
 /* @end */
 
 
 
 /* @end */
 
 /* @group SIDEBAR MENU */
 .menu-secondaire {
 	margin-right: 10%;
 	overflow: hidden;
 }
 .menu-secondaire .navbar-nav {
 	float: none;
 }
 .menu-secondaire .navbar-nav  > li,
 .menu-secondaire .navbar-nav  > li > a {
 	display: block;
 	float: none;
 	border-bottom: 1px solid #EEE;
 }
 .menu-secondaire .navbar-nav  > li a.is-active {
 	color: #134567;
 }
 
 /* @end */
 
 /* @group FRONT HOMEPAGE */
 
 .path-frontpage h1 {
 	margin-bottom: 35px;
 }
 
 .path-frontpage .page-header {
 	display: none;
 }
 .path-frontpage .main-container {
 	max-width: none;
 	padding-top: 80px;
 }
 .path-frontpage .paragraph,
 .path-frontpage .container-fluid {
 	padding-left: 0;
 	padding-right: 0;
 	margin-bottom: 0;
 }
 .path-frontpage .paragraph {
 	/*min-height: 400px;*/
 }
 .path-frontpage .paragraph--type--simple-page > * {
 	margin-left: 15px;
 	margin-right: 15px;
 }
 .path-frontpage .p-accroche {
 	margin-top: 30px;
 }
 .path-frontpage .paragraph--id--50 .p-accroche {
 	max-width: 600px;
 	float: right;
 	padding-bottom: 3em;
 }
 .path-frontpage .paragraph--id--51 img {
 	float: left;
 	display: block;
 	margin: 0;
 	max-width: 500px;
 }

 .path-frontpage .paragraph.bg-dark {
 	padding: 3em 1em;
 	min-height: 100px!important;
 }
 .path-frontpage .paragraph--id--53 .p-accroche {
 	max-width: 600px;
 	padding-top: 0;
 	margin-top: 0;
 }
 .paragraph--type--bloc-image .img-responsive {
 	float: right;
 }
 /* animation */

@-webkit-keyframes Wobble {
    	0% {
        -webkit-transform: scale(1);
      }
      15% {
			 	-webkit-transform: scale(1);
			 }
      30% {
        -webkit-transform: scale(1.02);
      }
      37% {
			 	-webkit-transform: scale(1.02);
			 }
      50% {
        -webkit-transform: scale(1.01);
      }
      60% {
        -webkit-transform: scale(1.02);
      }
      
      70% {
			 	-webkit-transform: scale(1);
			 }
      
      100% {
        -webkit-transform: scale(1);
      }
}
 @keyframes Wobble {
     	0% {
         transform: scale(1);
       }
       15% {
			 	transform: scale(1);
			 }
       30% {
         transform: scale(1.02);
       }
       37% {
			 	transform: scale(1.02);
			 }
       50% {
         transform: scale(1.01);
       }
       60% {
         transform: scale(1.02);
       }
       
       70% {
			 	transform: scale(1);
			 }
       
       100% {
         transform: scale(1);
       }
 }
 
 .paragraph--type--animation {
 	min-height: 88vh;
 	max-height: 760px;
 }
 .fake-bg {
 	position: absolute;
 	z-index: -1;
 	left: 17%;
 	top: 1vh;
 	width: 35%;
 	max-width: 600px;
 	max-height: 600px;
 /*	-webkit-animation-name: Wobble;
 	-webkit-animation-delay: 0;
 	-webkit-animation-duration: 1.5s;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-timing-function: ease-in-out;
 	animation: Wobble 1.5s ease-in-out 0s infinite;*/
 	
 }
 .paragraph--type--animation .premier-plan img {
 	position: absolute;
 	display: block;
 	top: 10vh;
 	opacity: 0;
 	right: 10%;
 	
 	max-width: 240px;
 	
 	transform: scale(0.85);
 	
 	transition: all 1s ease-in-out .2s;
 	z-index: 2;
 }
 
 .paragraph--type--animation.visible img {
 	right: 10%;
 	opacity: 1;
 	transform: scale(1);
 }
 .paragraph--type--animation.visible img:hover {
 	/*transform: rotateY(10deg) rotateX(-10deg);*/
 }
 
 /* @end */
 
 /* @group SCHEMAS */
 .schema {
 	width: 100%;
 	font-size: .9em;
 	margin-bottom: .5em;
 	max-width: 640px;
 }
 .schema td {
 	
 	padding: 3px 2%;
 	
 }
 .schema-3 td {
 	width: 29%;
 }
 .schema-2 {
 	max-width: 600px;
 }
 .schema-2 td {
 	width: 46%;
 }
 .schema img {
 	width: 75%;
 }
 td.cell-bleu {
 	color: #FFF;
 	border: 1px solid #FFF;
 	background-color: #64A1B8;
 }
 td.cell-bleu:before,
 td.cell-brun:before {
 	font-family: 'Glyphicons Halflings';
 	margin-right: 10px;
 }
 td.cell-bleu:before {
 	content: '\2714';
 	content: '\e013';
 	
 }
 td.cell-brun {
 	color: #FFF;
 	border: 1px solid #FFF;
 	background-color: #756951;
 }
 td.cell-brun:before {
 	content: '\2718';
 	content: '\e014';
 	
 }
 
 @media all and (max-width: 767px) {
 	.schema {
 		font-size: .8em;
 		line-height: 120%;
 	}
 	
 }
 @media all and (max-width: 480px) {
 	.schema {
 		font-size: .7em;
 		line-height: 120%;
 		
 	}
	.schema td {
		padding: 1px 5px;
	}
 	td.cell-brun:before,
 		td.cell-bleu:before {
 			content: none;
 		}
 }
 /* @end */
 
 
 
 /* @group NODES & PARAGRAPHS */
 .container {
 	/*width: 100%;*/
 }
 .p-banner {

 }
 article {
 	overflow: hidden;
 }
 article a,
 article a:hover {
 	color: #64A1B8;
 }
.main-container {
	padding-top: 5em;
}
.not-front .field--name-field-accroche img,
.not-front .field--name-field-photo img {
	margin: 1em 0 1.5em;
}
.paragraph {
	margin-bottom: 1em;
	opacity: 0;
	overflow: hidden;
	
	-webkit-transition: all 1s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all 1s ease;
}
.paragraph img {
	max-width: 100%;
}
.main-container li {
	/*opacity: .25;*/
/*	-webkit-transition: all 1s ease ;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease .5s;*/
	/*transition: all .5s ease .2s;*/
}
.paragraph.visible,
.main-container li.visible {
	opacity: 1;
}

.view-in-page-scroll {
	margin-bottom: 2em;
}

.paragraph--type--section {
	padding-top: 0em;
	padding-bottom: 0em;
	border-bottom: 1px solid #CCC;
}



.paragraph--type--people {
	margin-bottom: 2em;
	background-color: #f3f2f1;
}
.paragraph--type--people .col-sm-9 {
	background-color: #f3f2f1;
	padding-bottom: 2em;
}
.portrait {
	max-width: 240px;
	border-radius: 200px;
	padding-right: 0;
}
.portrait img {
	margin: 0;
}

.resume {
	width: 71%;
}
.fonctions {
	margin-bottom: 1em;
}
.postes {
	margin-bottom: .5em;
}
.poste {
	color: #64A1B8;
	font-weight: 500;
	position: relative;
	margin-left: 1em;
}
.poste:before {
	content: '—';
	position: absolute;
	left: -1em;
}

/* NEWS */
.news-item {
	overflow: hidden;
	padding-bottom: .5em;
	border-bottom: 1px solid #CCC;
}
.news-item h2 {
	color: #6a543e;
	margin: 5px 0;
	font-size: 1.5em;
}

/* FIX Single Page Site Scroll */
/*.single-page-wrapper {
	margin-top: 300px;
}
.single-page {
	margin-top: -300px;
}
h1.single-page-title {
	display: none;
}*/
.group-banner {
	padding-bottom: 35%;
	height: 0;
	margin-bottom: 1em;
	margin-top: 2em;
	color: #FFF;
}
.group-banner .img-responsive {
	max-width: none;
	width: 100%;
}
.paragraph--type--card-cta {
	padding-bottom: 2em;
}
.field--name-body img {
	display: block;
	max-width: 100%;
}


 
 /* @group Full width */
 
 .paragraph--type--en-tete {
 		width: 100vw;
 	  position: relative;
 	  left: 50%;
 	  right: 50%;
 	  margin-left: -50vw;
 	  margin-right: -50vw;
 	  clear: both;
 }
 /* @end */


 
 /* @group CTA Image ronde */
 .p-img-ronde {
 	margin-top: 4em;
 	text-align: center;
 }
 .p-img-ronde img {
 	border-radius: 200px;
 	width: 200px;
 	height: 200px;
 	margin: auto;
 }
 
 
 /* @end */
 
 /* @group Flexslider */
 .paragraph--type--galerie {
 	clear: both;
	overflow: hidden;
 }
 
 
 /* @end */
 
 /* @end */
 
 /* @group ACCORDEON */
 .ckeditor-accordion-container {
 	margin-top: 1em;
 }
 
 .ckeditor-accordion-container,
 .ckeditor-accordion-container > dl {
 	border: 0;
 }
 .paragraph--type--accordeon {
 	margin-bottom: 1em;
 	clear: both;
 }
 .acc-title,
 .ckeditor-accordion-container > dl dt > a {
 	background-color: #f3f2f1;
 	cursor: pointer;
 	color: #64A1B8;
 	font-weight: normal;
 	padding: 10px 20px 10px 50px;
 	margin: 0 0 1em;
 	border: 0;
 	text-decoration: none;
 }
 .ckeditor-accordion-container > dl dt > a:hover,
 .ckeditor-accordion-container > dl dt.active > a {
 	background-color: #bca793;
 	text-decoration: none;
 }
 .ckeditor-accordion-container > dl dt > a:hover,
 .ckeditor-accordion-container > dl dt.active > a {
 	background-color: #eeedec;
 }
 .acc-title:before {
 	font-family: arial;
 	display: block;
 	float: right;
 	content: "+";
 	font-size: 30px;
 	line-height: 28px;
 }
 .acc-title.active:before {
 	content: "–";
 }
 
 .acc-body,
 .ckeditor-accordion-container > dl dd {
 	padding: 1em 20px 2em;
 	background-color: #f3f2f1;
 	margin: -1em 0 1em;
 }
 
 .ckeditor-accordion-toggler {
 	background-color: #f3f2f1;
 	color: #64A1B8;
 	font-weight: normal;
 	font-size: 1.1em;
 	border-top: 1px solid #64A1B8!important;
 }
 .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:before,
 .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:after {
 	background: #64A1B8!important;
 }
 
 /* @end */
 
 /* @group Footer */
 .footer-contact {
 	padding-top: 0em;
 	padding-bottom: 1em;
 }
 .footer-contact img {
 	margin-right: 1em;
 	max-width: 48px!important;
 }
 .footer-contact td {
 	vertical-align: bottom;
 }
 
 
 /* @end */
 

 #block-custommap {
 	height: 10%;
 	padding-bottom: 40%;
 	min-height: 360px;
 	width: 100%;
 }
 
 
 /* @group CONTACT */
 .page-node-10 article {
 	
 }
 
 
 /* @end */
  @media (max-aspect-ratio: 1/1) {
 	.overhead .group-banner,
 	.group-banner {
 		padding-bottom: 50%;
 		overflow: hidden;
 	}
 	.overhead .group-banner img,
 	.group-banner img.img-responsive {
		width: 180%;
		margin-left: -40%;
		height: auto;
		max-width: none;
 	}
 	
 }
 
 
 @media (max-width:1024px) {
 	.overhead {
 		margin-top: 60px;
 	}
 	.menu-principal {
 		display: none;
 	}
 	.field--name-body img {
 		width: 100%;
 		max-width: 100%;
 		display: block;
 		height: auto;
 	}
 	/*.menu-principal.visible {
 		display: block;
 		position: fixed;
 		right: 0;
 		left: 0;
 		margin: auto;
 		opacity: 1;
 		z-index: 30;
 	}
 	.navbar-nav {
 		float: none;
 	}
 	.navbar-nav > li {
 		float: none;
 		text-align: center;
 		max-width: none;
 	}
 	.navbar-nav > li > a {
 		font-size: 1.4em;
 		line-height: 180%;
 		display: block;
 		color: #64A1B8!important;
 	}
 	#navbar ul.menu li a.active {
 		color: #64A1B8;
 		border-color: #64A1B8;
 	}
 	#navbar ul.menu li a.active {
 		color: #64A1B8;
 		border-color: #64A1B8;
 	}
 	#navbar ul.menu li li a {
 		color: #64A1B8;
 	}
 	#navbar ul.menu li li a:hover,
 	#navbar ul.menu li li a.active {
 		color: #134567;
 	}
 	#navbar .dropdown .dropdown-menu {
 	    display: block;
 			position: static;
 	    margin-top: 0; // remove the gap so it doesn't close
 	 }
 	#navbar .dropdown-menu li a {
 		text-transform: none;
 	}*/
 	 a#offCanvas-switch {
 	 	display: block;
 	 }
 	 /*.main-slogan {
 	 		top: 50px;
 	 		top: 15vh;
 	 		width: 95%;
 	 }*/
 	 #navbar {
 	 	border: 0;
 	 	position: fixed;
 	 	top: 0;
 	 	width: 100%;
 	 	height: 60px;
 	 	z-index: 20;
 	 }
 	 .navbar .logo {
 	 	position: absolute;
 	 	top: -7px;
 	 	left: 0;
 	 	width: 200px;
 	 }
 	 .navbar-default .navbar-brand {
 	 	font-size: 1.3em;
 	 	margin-bottom: 0;
 	 	line-height: 1;
 	 }
 	 .navbar-default .navbar-text {
 	 	font-size: .9em;
 	 	line-height: 100%;
 	 }
 	 .fake-bg {
 	 	width: 60%;
 	 	max-width: 400px;
 	 	/*animation: Wobble 1.5s ease-in-out 0s infinite;*/
 	 	
 	 }
 	 .main-container {
 	 	padding-top: 70px;
 	 }
 }
 
 @media (max-width:720px) {
 	.group-banner {
 		background-attachment: scroll!important;
 	}
 	.path-frontpage h1 {
 		margin: 0;
 	}
 	.path-frontpage .paragraph {
 		max-height: none;
 		overflow: none;
 	}
 	.paragraph--type--animation {
 		height: auto;
 		max-height: none;
 	}
 	.fake-bg {
 		right: 0%;
 		left: inherit;
 		width: 80%;
 		max-width: 500px;
 		opacity: .7; 		
 	}
 	.paragraph--type--animation .premier-plan {
 		text-align: right;
 	}
 	.paragraph--type--animation .premier-plan img {
 		display: inline-block;
 		position: static;
 		max-width: 50%;
 		
  }
 	
 	.paragraph--type--animation.visible img {
 		right: 10%;
 		opacity: 1;
 		margin: 0;
 		transform: scale(1);
 	}
 	
 	.paragraph {
 		padding-left: 0!important;
 		padding-right: 0;
 	}
 	.paragraph--type--galerie {
 		margin: 0 ;
 	}
 	.paragraph--type--galerie .col-md-12 {
 		padding: 0;
 	}
 	a.logo {
 		width: 210px!important;
 	}
 
 	
 	/* @group TYPO */
 	
 	h1 {
 		 	font-size: 2em;
 		 }
 		 h1.page-header {
 		 	border-bottom: 0;
 		 }
 		 h2 {
 		 	font-size: 1.8em;
 		 }
 		 h3 {
 		 	color: #707070;
 		 	font-weight: 500;
 		 }
 		 blockquote {
 		 	border: 0;
 		 	margin-right: 0;
 		 	padding-right: 15px;
 		 	font-size: 1.166em;
 		 	font-style: italic;
 		 	border: 1px solid #f3f2f1;
 		 	border-radius: 20px;
 		 	background-color: #f3f2f1;
 		 	padding: 1em;
 		 }
 		 p.signature {
 		 	text-align: right;
 		 }
 		 p.chapeau {
 		 	font-size: 1.2em;
 		 }
 		 a.btn {
 		 	font-size: 1em;
 		 }
 		 ul.xl-list {
 		 	font-size: 1.4em;
 		 }
	 		ul.l-list {
	 			font-size: 1.1em;
	 		}
	 		ul.m-list {
	 				font-size: 1em;
	 			}

 		 ul.xl-list li {
 		 	line-height: 50px;
 		 	margin-bottom: 0;
 		 }
 		 ul.l-list li {
 		  	background-image: url('img/l-mark.png');;
 		  }
 		 ul.m-list li {
 		 	background-image: url('img/m-mark.png');;
 		 }
 	
 	/* @end */
	 	
	 	
	 	/*.logo,
 	 #node_4 .field--name-body img {
 		width: 80px;
 	}*/

 }