/* @override
	http://4d7d1tdca.preview.infomaniak.website/themes/bs_subtheme/css/style.css?*
	https://www.licra-geneve.ch/themes/bs_subtheme/css/style.css?*
*/

/* gris fonce 3a 45 4d */
/* Rouge e7 30 36 */
*:focus {
	outline: none;
}
html, body {
	font-size: 17px;
}
 body {
 	font-family: 'Open Sans', 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: 10em;
 	margin-bottom: 0;
 	
 	color: #4d4d4d;
 	
 	overflow-x: hidden;
 	
 	-webkit-font-smoothing: antialiased;
 	font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
 }
 h1, h2, h3, h4 {
 	font-weight: 400;
 	font-family: 'Fjalla One', sans-serif;
 	
 }
 h1 {
 	font-size: 2em;
 	padding-top: 16px;
 }
 h2 {
 	font-size: 1.6em;
 	line-height: 125%;
 	color: #e73036;
 }
 h3 {
 	font-size: 1.3em
 }
 h4 {
 	line-height: 140%;
 	margin-bottom: 0;
 }
 figcaption {
 	font-size: 14px;
 	padding: 2px 0;
 	display: none;
 	
 }
 p {
	max-width: 35em;
 }
 .field--type-image figcaption {
 	display: block;
 }
 .field--name-field-photo-news figure {
 	margin-bottom: .5em;
 }
 a,
 .animated,
 .social-media-block  {
 	-webkit-transition: all .25s ease;
 	-moz-transition: all .25s ease;
 	-ms-transition: all .25s ease;
 	-o-transition: all .25s ease;
 	transition: all .25s ease;
 	color: #e73036;
 }
 h2 a, h2 a:hover, a:hover, a:focus {
 	color: #3a454d;
	color: #e73036;
 	text-decoration: none;
 }
 .main-container {
 	/*padding-top: 160px;*/
 }
 .region-content {
 	padding-top: 48px;
 	
 }
 .path-user .region-content,
 .path-search .region-content {
 	padding-top: 210px;
 	padding-bottom: 2em;
 }
 .region-content .block {
 	margin-top: 2em;
 }
 .page-node-type-actualite-presse .region-content,
 .page-node-type-billet-de-blog .region-content{
 	padding-bottom: 48px;
 }
 .container-fluid .region {
 	max-width: 1170px;
 	margin: auto;
 }
 .region-highlighted {
 	overflow: hidden;
 	clear: both;
 	width: auto;
 	padding-top: 48px; /* Hauteur Top bar */
 	padding-bottom: 1em;
 	max-width: none!important;
 }
 .user-login-form {
 	max-width: 960px;
 	margin: 3em auto 2em;
 }
 nav.tabs {
 	position: fixed;
 	bottom: 0px;
 	width: 300px;
 	margin: auto;
 	left: 0;
 	right: 0;
 	z-index: 250;
 }
 
.nav-tabs > li > a {
 background-color: #FFF;
	border: 2px solid #e73036;
	border-bottom: 0;
 }
 .file>span,
 .text-primary {
 	color: #e73036;
 }
 .file {
 	font-size: 87.5%;
 }
 /* @group Overhead & HEADER */
 
 /* @group OVERHEAD */
 
 .overhead {
 	margin-top: 160px;
 	position: relative;
  background-color: #3a454d;
 }
 .overhead .banner-img {
 	height: 0;
 	padding-bottom: 16.66%;
 	overflow: hidden;
 }
 .overhead .banner-img img{
 	width: 100%;
 	max-width: none;
 }
 h1.page-title {
 	color: #FFF;
 	font-size: 36px;
 	line-height: 120%;
 	text-transform: uppercase;
 	text-align: center;
 	position: relative;
 	margin: 0;
 	padding: 0;
 }
 .tirets:before,
 .tirets:after {
 	content: "–";
 	display: inline-block;
 	margin: 20px;
 } 
 
 #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 NAV MENUS */
 
 .nav > li > a {
 	display: inline-block;
 }
 ul.menu li a {
 	padding: 5px ;
 	text-transform: uppercase;
 	margin-left: 10px;
 }
 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 	background-color: #FFF;
 }
 /* @end */
 
 /* @group MENU CONTACT PAGE TOP */

.page-top {
 	background-color: #3a454d;
 	overflow: hidden;
 	padding: 0;
 	clear: both;
 	font-size: 12px;
 	padding: 1px 0;
 }
 .page-top ul.menu li {
 	display: inline-block;
 	
 }
 .page-top ul.menu li a,
 .menu--account li a {
 	color: #FFF;
 	background-color: #e73036;
 	font-weight: 700;
 	line-height: 25px;
 	margin: 0 0 0 2px;
 	padding: 5px 10px;
 	
 }
 .page-top ul.menu li a.fb-link {
 	background: #e73036 url('/themes/bs_subtheme/img/facebook-share.svg') no-repeat left top;
 	background-size: contain;
 	background-color: #4a67b7;
 	padding-left: 40px;
 }
 .page-top ul.menu li a.fb-link:hover {
 	background-color: #3d59a4;
 }
 .page-top ul.menu li a:hover {
 	background-color: #d81a20;
 }
 
 .search-block-form {
 	max-width: 200px;
 	margin-right: 20px;
 }
 .search-block-form .form-group {
 	margin-bottom: 0;
 }
 .search-block-form .form-control {
 	background-color: rgba(255,255,255,.2);
 }
 .search-block-form .form-control,
 .search-block-form .btn {
 	padding: 4px 10px;
 	height: 24px;
 	border: 0;
 }
 .search-block-form .input-group {
 	margin-top: 6px;
 }
 .search-block-form input.form-search {
 	width: 100%;
 }
 .search-block-form input.form-search:focus {
 	width: 100%;
 	outline: none!important;
 	box-shadow: none!important;
 	border: 0;
 }
 .search-block-form .btn {
  line-height: 12px;
 	padding: 0px 6px;
 }
 /* @end */
 
 /* @group MENU JE NAVBAR */
 
 .menu-je ul.menu > li > a {
 	font-family: 'Fjalla One', sans-serif;
 	color: #3a454d;
 	background-color: #FFF;
 	font-size: 20px;
 	line-height: 22px;
 	padding: 50px 10px;
 	margin-left: 0px;
 	margin-right: 8px;
 }
 .menu-je ul.menu > li > a:hover,
 .menu-je ul.menu > li.active > a,
 .menu-je ul.menu > li.active > a:hover,
 .menu-je ul.menu > li > a.is-active,
 .menu-je ul.menu > li > a.is-active:hover {
 	background-color: #FFF!important;
 	color: #e73036;
 }
 .menu-je {
 	float: right;
 }
 .menu-je ul.dropdown-menu li a {
 	font-family: 'Fjalla One', sans-serif;
 	font-size: 16px;
 	letter-spacing: 1px;
 	color: rgba(255,255,255,.8);
 	background-color: #3a454d!important;
 }
 .menu-je ul.dropdown-menu li a:hover {
 	background-color: #3a454d;
 	color: rgba(255,255,255,1);
 	
 }
 .menu-je .caret {
 	display: none;
 }
 .menu-je ul.menu > li > a.special-menu-item {
 	/*background-color: #EFEFEF!important;*/
 	padding: 8px 10px 6px;
 	margin: 40px 0 0;
 	border: 2px solid #e73036;
 }
 /* @end */
 
 .menu--account {
 	position: absolute;
 	top: 1px;
 	left: 1px;
 	z-index: 23;
 	background-color: #e73036;
 }
 .menu--account a {
 	
 }
 
 /* @group MENU ROUGE TOP BAR */
  
  .top-bar {
  	background-color: #e73036;
  	color: #FFF;
  	position: absolute;
  }
  .top-bar.fixed {
  	position: fixed;
  	top: 160px;
  	left: 0;
  	right: 0;
  	z-index:  10;
  }
  .menu--menu-rouge > li {
  	display: inline-block;
  	padding: .5em 0;
  }
  .menu-rouge li a,
  .menu-rouge li a:hover {
  	color: #FFF;
  	display: block;
  	background: none;
  }
  ul.dropdown-menu {
  	background-color: #3a454d;
  	margin: 0;
  	padding: 0;
  }
  ul.dropdown-menu li {
  	display: block;
  	margin: 0;
  	padding: 0;
  }
  ul.dropdown-menu li a {
  	margin: 0;
  	padding: 15px 20px;
  	border-bottom: 1px solid #CCC;
  }
  ul.dropdown-menu li a:hover {
  	background-color: #FFF;
  	color: #e73036;
  }
  
  ul.dropdown-menu li a.is-active {
  	background-color: #e73036;
  	color: #FFF;
  }
  
  /* @end */
  
 /* @group NAVBAR Desktop */
 
 #navbar {
 	border: 0;
 	background: #FFF;
 	position: fixed;
 	width: 100%;
 	height: 160px;
 	border-radius: 0;
 	top: 0;
 	padding: 0;
 	/*overflow: hidden;*/
 	z-index: 20;
 }
 body.toolbar-tray-open #navbar {
 	top: 30px;
 }
 .navbar-btn {
 	margin: 0;
 }
 .navbar-header {
 	width: 100%;
 }
 header.navbar {
 	position: relative;
 }
 
 .navbar-header {
 	padding-left: 15px;
 }
 .navbar-default .navbar-brand {
 	display: block;
 	margin: 0;
 	padding: .5em 0 4px;
 	height: auto;
 	font-size: 1.5em;
 }
 .navbar-default .navbar-text {
 	float: left;
 	clear: both;
 	color: #ff630f;
 	padding: 0;
 	margin: 0;
 }
 .navbar-default .logo {
 	position: static;
 	float: left;
 }
 .navbar-nav > li {
 	/*max-width: 140px;*/
 }
 
 ul.menu li a.active {
 	color: #ff630f;
 	border-color: #ff630f;
 }
 
 /* @end */
 
 
 
 /* @end */
 
 .panel-body {
 	display: none;
 }
 .panel-heading,
 .panel-title {
 	cursor: pointer;
 }
 .panel-heading:before {
 	content: '+';
 	float: right;
 	border: 0;
 }
 
 /* @group HELPERS */

 .p-blanc,
 .p-gris {
 	background-color: #f0f0f0;	
 }
 .bg-gris {
 	padding: 1px 30px 30px;
 	background-color: #EFEFEF;
 	text-align: center;
 }
 blockquote p {
 	font-size: 22px;
 	border-left: 1px solid #CCC;
 	padding-left: 1em;
 }
 blockquote {
 	margin-left: 0;
 	padding: 0;
 }
 p.chapeau {
 	font-size: 22px;
 	margin-bottom: 18px;
 }
 a.btn-rouge {
 	color: #e73036;
 }
 a.btn-rouge {
 	margin: 0;
 	font-size: 1.3em;
 	border: 1px solid #e73036;
 	padding: 5px 15px;
 	display: inline-block;
 }
 a.btn-rouge:after {
 	content: ' >';
 }
 a.btn-back:after {
 	content: '';

 }
 a.btn-back:before {
 	content: '<';
 	margin-right: 10px;
 }
 .p-link a:hover {
 	color: #FFF;
 	background-color: #e71015;
 	text-decoration: none;
 }
 
 .btn-full,
 .btn-inline {
 	text-align: center;
 	display: block;
 	letter-spacing: 5px;
 	text-transform: uppercase;
 	font-size: 12px;
 	line-height: 12px;
 	padding: 14px 24px;
 	font-weight: 700;
 	color: #FFF;
 }
 .btn-inline {
 	margin-top: 20px;
 	display: inline-block;
 }
 .btn-full:hover,
 .btn-inline:hover {
 	background-color: #000;
 	text-decoration: none;
 	color: #FFF;
 }
 .btn-don {
 	background-color: #e73036;
 }
 .btn-info {
 	background-color: #3a454d;
 }
 .btn-adhere {
 	background-color: #a3a8ab;
 }
 a.pdf-link,
 a.ext-link,
 .ext-link a {
 	font-size: 1.25em;
 	line-height: 100%px;
 	/*margin-left: 2em;*/
 	display: block;
 	padding: 5px 0 10px;
 	
 	clear: both;
 	overflow: hidden;
 	
 	max-width: 600px;
 	
 }
 a.pdf-link:before,
 a.ext-link:before,
 .ext-link a:before {
 	content: "\e144"; /* lien */ 
 	content: "\e142"; /* pdf */
 	font: 400 24px/40px "Glyphicons Halflings";
 	display: inline-block;
 	float: left;
 	color: #FFF;
 	background-color: #e73036;
 	width: 50px;
 	height: 50px;
 	padding: 5px;
 	margin: 0 15px 10px 0;
 	text-align: center;
 	border-radius: 30px;
 }
  a.ext-link:before,
  .ext-link a:before {
		
		content: "\e164"; /* new window */ 
		content: "\e144"; /* lien */ 
	}
 
 .absolute {
 	position: absolute;
 }
 .rounded img{
 	border-radius: 200px;
 }
 .uppercase {
 	text-transform: uppercase;
 }
 .margin-bottom-5 {
	margin-bottom: 3rem;
 }
 .margin-bottom {
 	margin-bottom: 1em;
 }
 .margin-top {
	margin-top: 1rem;
 }
 .margin-top-5 {
	margin-top: 3rem;
 }
 .margin-bottom-half {
 	margin-bottom: .5em;
 }
 .center-block img {
 	margin: auto;
 }
 .clear {
 	clear: both;
 	overflow: hidden;
 }
 .p0 {
 	padding-left: 0;
 	padding-right: 0;
 }
 img.default-img {
 	display: block;
 	max-width: 100%;
 }
 .overflow {
 	overflow: hidden;
 	clear: both;
 }
 .border-top {
 	border-top: 1px solid #CCC;
 	padding-top: 1em;
 }
 .list-inline ul {
 	padding: 5px;
 }
 .list-inline ul li {
 	list-style-type: none;
 	display: inline-block;
 	margin: 1px;
 	line-height: 100%;
 }
 /* @end */
 
 /* @group NODES & PARAGRAPHS */
 article {
 	clear: both;
 }
 .container {
 }
 article li,
 .p-accroche li {
 	margin-bottom: .5em;
 	line-height: 120%;
 }
 .fb-page {
 	min-height: 300px;
 }
 article a {
 	color: #e73036;
 }
 .webform-select-other-input {
 	margin-bottom: 1em!important;
 	margin-top: -1em;
 }
.paragraph {	
	-webkit-transition: all 1s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all 1s ease;
}

.op0 {
	opacity: 0;
}
.paragraph.visible {
	opacity: 1;
}
article td {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 1em;
	padding-right: 10px;
}
article tr {
}
article td:first-child {
	font-weight: bold;
}
 
 /* @group BLOG */
 .page-node-type-billet-de-blog h1.page-header {
 	text-align: left;
 	padding: 15px;
 }
 .billet-de-blog h1 {
 	margin-top: 0;
 }
 .blog-title {
 	margin-top: 5px;
 	padding-top: 0;
 }
 .blog-sous-titre {
 	/*font-size: 22px;*/
 	font-size: 18px;
 	color: #000;
 	margin-bottom: 18px;
 }
 .blog-item {
 	overflow: hidden;
 	clear: both;
 	margin-bottom: 3em;
 }
 .billet-de-blog .col-sm-5 {
 	margin-top: 16px;
 }
 .view-id-blog_auteur .bg-gris {
 	/*margin-top: -60px;*/
 }
 .view-id-blog_auteur .bg-gris .user-bio {
 	font-size: 14.5px;
 	display: none;
 }
 .view-eva.view-id-blog {
 	margin-top: 4em;
 	border-top: 1px solid #CCC;
 }
 /* @end */
 
 /* @group TRANCHES */
 #block-retourblog {
 	margin-bottom: 1em;
 }
 .paragraph--type--tranche {
 	padding: 4em 0 3em;
 	overflow: hidden;
 	clear: both;
 	width: 100vw;
 	 position: relative;
 	 left: 50%;
 	 right: 50%;
 	 margin-left: -50vw;
 	 margin-right: -50vw;
 	 clear: both;
 }
 .bg-monument,
 .highlighted {
 	background-color: #DDD;
 	/* background: #f5f5f5 url('img/bg_memorial.jpg') no-repeat center top; */
	background-color: #f0f0f0;
 	background-size: cover;
 }
 .bg-rouge {
 	background-color: #e73036;
 	color: #FFF;
 }
 .bg-rouge a,
 .bg-rouge .fieldset-legend {
 	color: #FFF!important;
 }
 .bg-rouge h2,
 .bg-rouge h3 {
 	color: #FFF;
 }
 
 
 /* @end */
  



 
 /* @group ACCORDEON */
 
 .paragraph--type--accordeon {
 	margin-bottom: 1em;
 	clear: both;
 }
 .acc-title {
 	background-color: #e73036;
 	background-color: #3a454d;
 	cursor: pointer;
 	color: #FFF;
 	padding: 10px 20px;
 	margin: 0;
 }
 .acc-title:hover {
 	opacity: .9;
 	background-color: #3a454d;
 }
 .acc-title:before {
 	font-family: arial;
 	display: block;
 	float: right;
 	content: "+";
 	font-size: 30px;
 	line-height: 24px;
 }
 .acc-title.active:before {
 	content: "–";
 }
 
 .acc-body {
 	padding: 20px 20px 30px;
 	background-color: #FAFAFA;
 }
 
 /* @end */
 
 /* @group Flexslider */
 .paragraph--type--galerie {
 	clear: both;
	overflow: hidden;
 }
 
 
 /* @end */
 
 /* @end */
 .page-node-type-activite .main-container {
 	margin-top: 160px;
 }
 .actu-item h3 {
 	margin-top: 10px;
 	font-size: 1.15em;
 }
 .actu-item h2  {
 	margin-top: 0;
 	font-size: 1.35em;
 }
 .actu-item {
 	margin-bottom: 2em;
 	border-top: 5px solid #e73036;
 	border-bottom: 1px solid #CCC;
 	border-right: 1px solid #CCC;
 }
 .actu-item .p0 {
 	margin-right: 15px;
 }
 .actu-item .default-img {
 	display: block;
 	max-width: 100%;
 }
 /* NODE */
 .page-header {
 	border: 0;
 	text-align: center;
 	margin: 1em 0 0;
 }
 
 /* @group TIMELINE */
 
 .view-timeline {
  	overflow: visible;
  	position: relative;
		padding-top: 2em;
  }
  .tl-item {
		display: none;
		position: relative;
  	margin-bottom: 1em;
		margin-right: 15px;
		margin-top: 5px;
  }
  .slick-current .tl-item .tl-bloc-img {
		border-top: 5px solid #e73036;
		margin-top: -5px;
	}
 
  .tl-bloc-img {
  	position: relative;
  	background-color: #000;
  	width: 250px;
  	cursor: pointer;
  	margin-right: 0;
		float: left;
		overflow: hidden;
  }
  .slick-current .tl-bloc-img {
		cursor: pointer;
	}
  .tl-bloc-img h2,
  .tl-bloc-img p {
  	color: #FFF;
  	text-shadow: 0 1px 5px rgba(0,0,0,1);
  }
  .tl-img {
  }
  .tl-img-curtain {
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;;
  	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.61) 100%);
  	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.61) 100%);
  	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.61) 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9c000000',GradientType=0 );
  }
  .tl-titles {
  	top: 150px;
  	left: 15px;
  	width: 80%;
  }
  .tl-bloc-reveal {
/*		transition: all .5s ease-in-out 0s;*/
  	float: left;
		/*position: absolute;
		z-index: 6;
		top: 0;
		left: 100%;
		left: calc( 100% - 15px );*/
  	background-color: #FFF;
		width: 0;
  	padding: 30px 0;
  	overflow: hidden;
  	display: block;
		width: 0px;
		height: 350px;
		font-size: 87.5%;
  }
  /*.slick-open .tl-bloc-reveal {
  	display: block;
		padding: 20px;
		width: 350px;
  }*/
  /* ARROWS */
  .tl-arrow {
  	font-size: 40px;
  	line-height: 40px;
  	padding: 20px 10px;
  	position: absolute;
  	top: 130px;
  	left: 0;
  	width: 50px;
  	height: 80px;
  	background-color: #3a454D;
  	z-index: 5;
  	color: #FFF!important;
  	opacity: .5;
  	text-decoration: none!important;
		cursor: pointer;
  }
  .tl-next.slick-disabled {
		right: -100px;
	}
	.tl-prev.slick-disabled {
		left: -100px;
	}
  .view-timeline:hover .tl-arrow {
  	opacity: 1;
  }
  .tl-next {
  	left: inherit;
  	right: 0;
  }
  
  .tl-readmore {
		position: absolute;
		bottom: -40px;
		right: 0;
		left: 0;
	}
	.tl-readmore a {
		color: #FFF;
		font-weight: bold;
		width: 100%;
		background-color: #e73036;
		display: block;
		padding: 5px 15px 10px;
	}
	.slick-current .tl-readmore {
		bottom: 0;
	}
  /* DOTS */
  /*ul.slick-dots {
		position: static;
		position: relative;
		margin-top: -40px;
		overflow: visible;
		height: 100px;

	}
  .slick-dots li {
		display: inline-block;
		width: 15px;
		margin: 0 10px 0;
	}
  .tl-dot {
		position: relative;
		display: block;
		width: 15px;
		height: 15px;
		overflow: visible;
		background-color: #3a454d;
		border-radius: 8px;
	}
	.slick-active .tl-dot {
		
	}
	.tl-dot span {
		display: none;
		color: #FFF;
		left: -55px;
		font-size: 12px;
	}
	.tl-dot:hover,
	.slick-active .tl-dot {
		background-color: #e73036;
	}
 	
 	.slick-active .tl-dot span {
 		display: block;
 		background-color: #e73036;
 		position: absolute;
 		width: 120px;
 		border-radius: 20px;
 		padding: 5px;
 		top: 20px;
 	}*/
 	
 	/* Pagination mensuelle */
 	.tl-pager {
 		position: relative;
 	}
 	.tl-pager:before {
 		 border-bottom: 1px solid #8b9297;
 		width: 100%;
 		display: block;
 		content: '';
 		position: absolute;
 		bottom: 5px;
 	}
 
 	.tl-paging-item {
 		display: none;
 		padding: 0 12px;
 		font-size:	13px;
 		font-weight: bold;
 		color: #8b9297;
 		text-align: center;
 		cursor: pointer;
 		
 	}
 	.tl-paging-item.slick-current {
 		
 		color: #e73036;
 	}
 	.tl-paging-item:after {
 		clear: both;
 		content: '';
 		display: block;
 		margin: auto;
 		border-radius: 10px;
 		width: 11px;
 		height: 11px;
 		background-color: #8b9297;
 	}
	.tl-paging-item.slick-current:after {
	 	background-color: #e73036;
	 }
	
 	
 	.view-footer {
 		text-align: center;
 	}
 /* @end */
 
 
 
 /* @group SOCIAL MEDIA */
 /*.social-media-block {
 	position: fixed;
 	right: -50px;
 	top: 240px;
 	z-index: 30;
 }
 .social-media-block.open {
 	right: 0;
 }*/
 /*.social-media-sharing ul {
 	display: block;
 }
 .social-media-block li {
		display: block;
		margin: 0;
		clear: both;
		float: none;
	}*/
	.social-media-sharing {
		text-align: center;
		margin-bottom: 2em;
		color: #333;
	}
	.social-media-sharing >p {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	a.share {
		overflow: hidden;
		display: block;
		color: #FFF;
		padding-right: 10px;
		font-weight: 700;
		font-size: 14px;
	}
	a.share:hover {
		opacity: .85;
	}
	.social-media-sharing .share img {
		width: 30px;
	}
	.facebook-share {
		background-color: rgb(74,103,183);
	}
	.linkedin {
		background-color: rgb(2,119,181);
	}
	.twitter {
		background-color: rgb(28,160,242);
	}
	.email.share {
		background-color: #e73036;
	}
 
 .bloc-fb {
 	position: absolute;
 	bottom: 10px;
 	right: 12px;
 }
 .bloc-fb img {
 	width: 32px;
 	height: 32px;
 }
 /* @end */
 
 /* @group Footer */
 .footer {
 	background-color: #3a454d;
 	overflow: hidden;
 	color: #FFF;
 	margin-top: 0;
 	border: 0;
 }
 .footer h2 {
 	color: #FFF;
 }
 .footer a {
 	color: #FFF;
 }
 
 
 /* @end */
 
 .page-bottom {
 	background-color: #FFF;
 	overflow: hidden;
 	color: #555;
 	padding: .5em;
 }
 .page-bottom .region {
 	max-width: 1170px;
 	margin: auto;
 }
 .page-bottom .paragraph {
 	padding: 0 0 1em;
 }
 /* @group Citation */
 .paragraph--type--slide {
 	
 }
 #block-citation {
 	color: #FFF;
 	padding: 3em 0;
 }
 #block-citation .field--name-body {
 	max-width: 700px;
 	margin: auto;
 }
 blockquote {
 	border: 0;
 	margin-right: 0;
 	padding-right: 0;
 	font-size: 1.7em;
 	font-style: italic;
 }
 
.block-title {
	text-align: center;
	margin-top: 3rem;
	margin-bottom: 1.5rem;
	color: #2a454d;
}

 /* @end */
 #block-custommap {
 	height: 10%;
 	padding-bottom: 40%;
 	min-height: 360px;
 	width: 100%;
 	margin-top: -35px;
 }
 
 .carousel{
 }
 .carousel .carousel-caption {
 	position: static;
 	max-width: 600px;
 	margin: auto;
 	
 	color: #666;
 	text-shadow: none;
 }
 #node_4 {
 	position: relative;
 }
 #node_4 .field--name-body img {
 	position: absolute;
 	top: -80px;
 	width: 110px;
 	left: 0;
 	right: 0;
 	margin: auto;
 }
 .inf-submit input {
 	background-color: #e73036;
 	color: #FFF;
 	border: 0;
 	padding: 3px 12px;
 }
 
 .block-highlight {
 	background-color: ;
 	color: #FFF;
 	display: flex;
 	flex-flow: row wrap;
 }
 .highlight-text {
 	padding: 1em 15px 2em;
 } 
 .highlight-img {
 	max-width: none!important;
 	margin: 0!important;
 	height: 0;
 	padding-bottom: 25%;
 }
 @media (max-width:767px) {
 	.block-highlight {
 		flex-direction: column-reverse;
 	}
 	.highlight-img {
 		height: 0;
 		padding-bottom: 50%;
 	}
 }
 
 /* @group USER */
 @media all and (min-width:640px) {
 	.user-form,
 	.path-user .user-form input,
 	.path-user .field--type-image,
 	.node-form {
 		max-width: 720px;
 		margin-left: auto;
 		margin-right: auto;
 	}
 	#user-register-form {
 		margin-bottom: 4em;
 		overflow: hidden;
 		border: 1px solid #CCC;
 	}
 	.filter-wrapper {
 		display: none;
 	}
 }
 .view-blog-auteur .rounded {
 	/*margin: -115px auto 0;*/
 	display: block;
 	float: left;
 	max-width: 100px;
 	margin: 10px 15px 10px -15px;
 }
 .user-bio {
 	text-align: left;
 }
 h1 em {
 	display: block;
 	font-size: .5em;
 	text-decoration: none;
 }
 .path-user .bg-gris {
 	overflow: hidden;
 }
 .bg-gris * {
 	text-align: left;
 }
 
 /* @end */
 
 /* @group PROTOCOLE */
 .header-protocole {
 	text-align: center;
 	overflow: hidden;
 }
 .header-protocole h1 {
 	margin: 10px 10px 15px;
 	font-size: 3.5em;
 	text-transform: uppercase;
 }
 .header-protocole h1:after {
 	content: '';
 	display: block;
 	height: 1px;
 	background-color: #444;
 	max-width: 50%;
 	margin: 10px auto;
 }
 .header-protocole p a {
 	font-size: 1.25em;
 	text-transform: uppercase;
 	display: inline-block;
 	font-family: 'Fjalla One', sans-serif;
 	/*color: #3a454d;*/
 	padding: 0 .5em;
 }
 
 .webform-progress {
 	margin-bottom: 3em;
 }
 .progress-marker {
 	z-index: 9;
 }

 .progress-title {
 	text-transform: uppercase;
 	font-size: 12px;
 	line-height: 12px;
 }
 
 .webform-button--draft {
 	display: block;
 	margin-bottom: 10px;
 	clear: both;
 }
 .webform-submission-protocole-test-form input,
 .webform-submission-protocole-test-form textarea {
 	max-width: 600px;
 }
	.progress-step.is-active .progress-marker,
	.webform-progress-tracker .progress-step.is-active:hover .progress-marker,
	.webform-progress-tracker .progress-step.is-complete:hover .progress-marker {
		background-color: #e73036;
	}
	.webform-group {
		padding: 0 0 2em;
		margin-bottom: 2em;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
	}
	fieldset,
	.form-group {
		margin-bottom: 1.5em;
	}
	.form-type-webform-markup {
		margin: 2em 0;
	}
	.form-type-datelist label {
		display: block;
	}
	button.tabledrag-toggle-weight,
	td.webform-multiple-table--handle {
		display: none;
	}
	fieldset.checkboxes--wrapper .form-item {
		width: 18%;
		min-width: 150px;
	}
	.webform-submission-protocole-test-form .form-actions {
		margin-top: 3em;
		padding-top: 1em;
		border-top: 1px solid #CCC;
	}
	/* Tableau Contacts*/
	.form-type-webform-multiple {
		margin-bottom: 2em!important;
	}
	.form-type-webform-multiple .form-item .form-item {
		width: 50%;
		float: left;
		padding-right: 15px;
	}
	.webform-multiple-table .form-item + .form-item {
		margin-top: 0;
	}
	
	.webform-preview label {
		display: block;
	}
	
	/* ERROR */
 form .alert-danger {
 	border: 0;
 	background-color: #FFF;
 	font-size: .9em;
 	padding-left: 0;
 }
 /* @end */
 
 /* @group BS OVERRIDES */
 .dropdown:hover .dropdown-menu {
     display: block;
     margin-top: 0; // remove the gap so it doesn't close
  }
 .alert {
 	clear: both;
 	/*position: fixed;*/
 	/*top: 30px;*/
 }
 .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
 	background-color: #2a454d;
 }
 .btn-primary {
 	background-color: #3a454d;
 }
 .btn-primary:hover {
 	background-color: #2b343a;
 }
 .form-control {
 	color: #111;
 }
 
 /* @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;
 	}
 	
 }
 
 
 /* @group OFF CANVAS */
 
 /* @group OFF CANVAS */
 
 #offCanvas {
   background-color: rgba(255,255,255,.95);
   transition: all .3s ease-out;
   position: fixed;
   top: 0;
   right: -110%;
   z-index: 22;
   width: 100%;
   height: 100%;
   text-align:center;
   opacity: 0;
	 padding-top: 10px;
 }
 #offCanvas.open {
   top: 0;
   right: 0;
   opacity: 1;
 	 overflow: auto;
 }
 #offCanvas ul {
   text-align: center;
   padding: 0;
   margin: 0;
 }
 #offCanvas .region-offcanvas {
   width: 100%;
   /*max-width: 300px;*/
   margin: 50px auto 0;
   transition: all 1s ease-in-out .3s;
 }
 #offCanvas.open .region-offcanvas {
 }
 #offCanvas li {
 	display: block;
 	padding: 0;
 	clear: both;
 }
 #offCanvas li a {
	 display: block;
   color: #454545;
   text-transform: uppercase;
	 font-weight: bold;
 	border-bottom: 1px solid #CCC;
 }
 #offCanvas li li a {
 	font-weight: normal;
 }
 
 a.menu_icon {
   padding-left: 24px;
 }
 #offCanvas a:hover,
 #offCanvas a.active {
   color: #FFF;
   background-color: #666;
   text-shadow: none;
 }
 #offCanvas .dropdown-menu {
 	position: static;
 	display: block;
 	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;
 	background-color: transparent;
 	border-bottom: 0;
 }
 #offCanvas .dropdown-menu li.active a.dropdown-toggle,
 #offCanvas .dropdown-menu a:hover {
 	background: #transparent;
 	color: #e74d45;
 }
 #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: 60px;
   right: 15px;
   display: none;
   width: 36px;
   height: 36px;
   z-index: 30;
 }
 #offCanvas-switch span,
 #offCanvas-switch span:before,
 #offCanvas-switch span:after {
   cursor: pointer;
   border-radius: 1px;
   height: 3px;
   width: 36px;
   background: #e7454d;
   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: #e7454d;
 }
 #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 */
 
 /*@media (max-width:1100px) {
 	.menu-je li a {
 		margin-left: 20px!important;
 	}
 }*/
 
 @media (max-width:1124px) {
 	.overhead {
 		margin-top: 120px;
 	}
 	.menu-je {
 		display: none;
 	}
 	.top-bar {
 		display: none;
 	}
 	.navbar-nav {
 		float: none;
 	}
 	.navbar-nav > li {
 		float: none;
 		position: st;
 		text-align: center;
 		max-width: none;
 		clear: both;
 	}
 	.navbar-nav > li > a {
 		line-height: 180%;
 		display: block;
 	}
 	.region-highlighted {
 		padding-top: 0;
 	}
 	 a#offCanvas-switch {
 	 	display: block;
 	 }
 
 	 #navbar {
 	 	border: 0;
 	 	background: #FFF;
 	 	position: fixed;
 	 	top: 0;
 	 	width: 100%;
 	 	height: 120px;
 	 	z-index: 20;
 	 }
 	 a.logo {
 	 	width: 420px;
 	 }
 	 a.logo img {
 	 	display: block;
 	 	width: 100%;
 	 	height: auto;
 	 }
 	 .navbar-default .navbar-brand {
 	 	font-size: 1.3em;
 	 	margin-bottom: 0;
 	 	line-height: 1;
 	 }
 	 .navbar-default .navbar-text {
 	 	font-size: .9em;
 	 	line-height: 100%;
 	 }
 	 
 	 .main-container {
 	 	padding-top: 0em;
 	 }
 	 .paragraph {
 	 		padding-left: 0!important;
 	 		padding-right: 0;
 	 	}
 	 .paragraph .paragraph {
 	 		margin-bottom: 1em;
 	 	}
 	 
 	 .footer {
 	 	font-size: 87.5%;
 	 	padding-top: 0em;
 	 }
 	 
 	 .bloc-fb {
 	 		right: 80px;
 	 		bottom: 20px;
 	 	}
 	 
 	 
 	 
 }
 
 @media (max-width:767px) {
 	.overhead {
 			margin-top: 80px;
 		}
 	.overhead .banner-img {
 		padding-bottom: 33.33%;
 	}
 	.overhead .banner-img img {
 		width: 200%;
 	}
 	/* NAVIGATION */
 	.page-top {
 		display: none;
 	}
 	a#offCanvas-switch {
 	 	display: block;
 	 	top: 22px;
 	}
 	
 	#navbar {
 		height: 70px;
 	}
 	a.logo {
 		display: block;
 		width: 80px;
 		height: 70px;
 		overflow: hidden;
 	}
 	a.logo img {
 		display: inline;
 		width: 400px;
 		height: auto;
 		margin-top: -5px;
 	}
 	
 	.menu-rouge {
 		display: none;
 	}
 	.region-content {
 		padding-top: 0px;
 		
 	}
 
 	/* TYPO etc */
 	h1.page-title {
 		font-size: 1.6em;
 		line-height: 110%;
 	}
 	
 	.img-max-width {
 		width: 50%;
 		float: left;
 	}
 	
 	.group-banner {
 		background-attachment: scroll!important;
 	}
 	
 	
 	
 	.paragraph--type--tranche {
 		padding: 2em 0 1em;
 	}
 	
 	.paragraph--type--galerie {
 		margin: 0 ;
 	}
 	.paragraph--type--galerie .col-md-12 {
 		padding: 0;
 	}
 	/*.main-slogan {
 		top: 20px;
 		width: 95%;
 	}
 	
 	.main-slogan h3 {
 		font-size: 1.3em;
 	}*/
 	/*.logo,
 	 #node_4 .field--name-body img {
 		width: 80px;
 	}*/
 	.page-bottom {
 		padding-bottom: 50px;
 	}
 	.tirets:before,
 	.tirets:after {
 		margin: 10px;
 	}
 	/* PROTOCOLE */
 	.je-joue-avec #offCanvas-switch{
 		display: none!important;
 	}
 	.header-protocole {
 		height: 70px;
 		text-align: left;
 	}
 	.header-protocole h1 {
 		font-size: 1.5em;
 		line-height: 100%;
 		margin: 0 0 3px 10px;
 		
 	}
 	.header-protocole p a {
 		font-size: 14px;
 	}
 		.header-protocole h1:after {
 			display: none;
 		}
 	
 }
@media all and (max-width:440px) {
	.img-max-width {
			width: 100%;
			float: none;
		}
		.social-media-block {
			bottom: 0;
			top: inherit;
			right: 0;
			margin: 0;
		}
		.social-media-block ul {
			margin: 0;
			background-color: #3a454d;
		}
		.social-media-block li {
			float: left;
			clear: none;
			margin: 0;
			padding: 0;
		}
		.social-media-sharing .share img {
			/*width: 30px;
			height: 30px;*/
		}
}