@charset "UTF-8";
/* @mixin font-face($name, $path, $weight: null, $style: null, $exts: eot woff ttf) {
	$src: null;

	$extmods: (
		eot: '?',
	);

	$formats: (
		otf: "opentype",
		ttf: "truetype"
	);

	@each $ext in $exts {
		$extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext);
		$format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext);
		$src: append($src, url(quote($path + "." + $extmod)) format(quote($format)), comma);
	}

	@font-face {
		src: $src;
		font-family: quote($name);
		font-style: $style;
		font-weight: $weight;
	}
} */
@font-face {
  src: url("../fonts/marianne/Marianne-Medium.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 500;
}
@font-face {
  src: url("../fonts/marianne/Marianne-Regular.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 400;
}
@font-face {
  src: url("../fonts/marianne/Marianne-Bold.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 700;
}
@font-face {
  src: url("../fonts/marianne/Marianne-ExtraBold.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 800;
}
@font-face {
  src: url("../fonts/marianne/Marianne-Light.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 300;
}
@font-face {
  src: url("../fonts/marianne/Marianne-Thin.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 100;
}
/*
 * TRIANGLE en CSS
 */
/*
 * MENU
 */
/*
 * FORMULAIRES
 */
/* $main-color-2: #575756;
$main-color-3 : #868686; */
/* $color-4: #b8b8b7; */
/* $backg-color-1: #EAEAEA;
$backg-color-2: #FFF; */
/* $backg-color-3: #C84B5A; */
/* $backg-color-5: #868686;
$backg-color-6: #575756;
$backg-color-7: #EEE; */
/*$them-color-1: #94C355; //industrie
$them-color-2: #F59C06; //numérique
$them-color-3: #EF776E; //services
$them-color-4: #006593; //artisanat
$them-color-5: #8BB7B6; //tourisme
$them-color-6: #af7ac5; //profession libérale
//$them-color-6: #E7333A; //profession libérale
$them-color-7: #009CB4; //commerce
$them-color-8: #47a587; //competitivite
$them-color-9: #5770BE; // études et statistiques*/
body {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
body::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: -1;
}

/* Code pour enlever les p vide (code a enlever par la suite si on le configure via ckeditor) */
p:empty {
  display: none;
}

.center {
  text-align: center;
}

.slick--view--blocs-d-acces-rapide .slick-track {
  padding: 2rem 0 1rem;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.slick--view--blocs-d-acces-rapide .slick-track .acces-rapide-element-accueil {
  margin: 0;
}
.slick--view--blocs-d-acces-rapide .slick-track .slick-slide {
  width: 24%;
  height: auto;
  min-height: 25.5rem;
  padding: 0.5rem;
  border-radius: 0;
  background-color: transparent;
  color: #FFF;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide {
    width: auto;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide {
    width: 13.75rem !important;
  }
}
@media (min-width: 980px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide {
    width: 15rem !important;
  }
}
@media (min-width: 1180px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide {
    width: 17rem !important;
  }
}
.slick--view--blocs-d-acces-rapide .slick-track .slick-slide:focus {
  outline: 2px solid #000;
}
.slick--view--blocs-d-acces-rapide .slick-track .slick-slide .slide__caption {
  position: relative;
  padding: 0;
}
.slick--view--blocs-d-acces-rapide .slick-track .slick-slide .slide__data {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 3rem 1rem 1rem;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.slick--view--blocs-d-acces-rapide .slick-track .slick-slide h2 {
  padding: 1rem;
  color: #FFF;
  font-weight: 700;
  line-height: 2.5rem;
  text-transform: uppercase;
  font-size: 19px;
  font-size: 1.1875rem;
}
@media (max-width: 995px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide h2 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
@media (max-width: 940px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide h2 {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide h2 {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
@media (max-width: 940px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide h2 {
    font-size: 16px;
    font-size: 1rem;
  }
}
.slick--view--blocs-d-acces-rapide .slick-track .slick-slide h2::after {
  content: none;
}
.slick--view--blocs-d-acces-rapide .slick-track .slick-slide .slide__data-content {
  padding: 1rem 2.5rem;
  background-color: #e5e5e5;
  color: #000;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
}
@media (max-width: 995px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide .slide__data-content {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (max-width: 940px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide .slide__data-content {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 1rem 2rem;
  }
}
@media (max-width: 768px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide .slide__data-content {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 1rem 2.5rem;
  }
}
@media (max-width: 545px) {
  .slick--view--blocs-d-acces-rapide .slick-track .slick-slide .slide__data-content {
    font-size: 16px;
    font-size: 1rem;
    padding: 1rem 2rem;
  }
}
.slick--view--blocs-d-acces-rapide .slick__slide.acces-rapide-element-accueil:nth-child(odd) .slide__overlay img {
  opacity: 0.15;
}
.slick--view--blocs-d-acces-rapide .slick__slide.acces-rapide-element-accueil:nth-child(even) .slide__overlay {
  background: #797676;
}
.slick--view--blocs-d-acces-rapide .slick__slide.acces-rapide-element-accueil:nth-child(even) .slide__overlay img {
  opacity: 0.15;
}
.slick--view--blocs-d-acces-rapide .slide__content .slide__overlay {
  overflow: hidden;
}
.slick--view--blocs-d-acces-rapide .slide__content .slide__overlay img {
  transition: all 0.3s ease-out;
}
.slick--view--blocs-d-acces-rapide .slide__content:hover .slide__overlay img, .slick--view--blocs-d-acces-rapide .slide__content:focus .slide__overlay img, .slick--view--blocs-d-acces-rapide .slide__content:active .slide__overlay img {
  transform: scale(1.15);
}
.slick--view--blocs-d-acces-rapide .slide__content:hover .slide__data-content, .slick--view--blocs-d-acces-rapide .slide__content:focus .slide__data-content, .slick--view--blocs-d-acces-rapide .slide__content:active .slide__data-content {
  background-color: #797676;
  color: #FFF;
}

.acces-rapide-element-accueil:nth-child(2n) {
  background-color: transparent;
}

.acces-rapide-element-accueil.slide--0 h2 {
  display: block;
}

.unslick .slide__overlay img {
  opacity: 0.2;
}
.unslick .slick-track {
  display: flex;
  width: auto !important;
}
.unslick .slick-track .slick-slide {
  width: 17rem !important;
}

.menu-connexion-mobile {
  margin-right: 0.5rem;
}

.menu-connexion-mobile .menu-icon {
  width: 1.5rem;
  height: 1rem;
}
.menu-connexion-mobile .menu-icon span {
  right: unset;
  left: 0.1rem;
  width: 1rem;
  height: 0.15rem;
}
.menu-connexion-mobile .menu-icon .top {
  top: 0.1rem;
}
.menu-connexion-mobile .menu-icon .mid {
  top: 0.4rem;
}
.menu-connexion-mobile .menu-icon .bot {
  top: 0.71rem;
}

.event-infos--debut {
  text-align: center;
}

.form--inline .form-item {
  display: inline-block;
  width: 100%;
  float: none;
  flex: 1 1 auto;
}

.div:not(.view-recherche) .filtres {
  display: flex;
  flex-wrap: wrap;
}

.site-slogan h1 {
  color: #000;
  text-transform: none;
  font-family: Marianne, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0.5rem 0;
  text-align: left;
  font-weight: 700;
  line-height: 1.1;
}
@media (min-width: 461px) {
  .site-slogan h1 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.site-slogan h1::after {
  content: none;
}
.site-slogan h1 a {
  text-decoration: none;
  color: #000;
}
.site-slogan h1 a:hover, .site-slogan h1 a:focus, .site-slogan h1 a:active {
  background-color: transparent;
}

.site-slogan a:hover,
.site-slogan a:active,
.site-slogan a:focus {
  text-decoration: none;
}

div[id*=boutonsdaccessibilite] {
  position: relative;
  left: calc(-50vw + 50%);
  width: calc(100vw - 1%);
  background-color: #FFF;
  z-index: 1;
  box-sizing: border-box;
}
div[id*=boutonsdaccessibilite] .field--name-body {
  display: block;
  max-width: 1180px;
  margin: auto;
}

body.path-frontpage div[id*=boutonsdaccessibilite] {
  background-color: #e5e5e5;
}

.cercle img {
  margin: 0;
  vertical-align: middle;
}
@media (min-width: 980px) {
  .cercle img {
    margin: 0.25rem auto;
  }
}

.liens-rs {
  text-align: left;
}
.liens-rs .field {
  display: inline-block;
}
.liens-rs .field[class*=facebook] {
  padding-left: 1.5rem;
  background: url("/themes/custom/dge/img/icon/facebook.png") no-repeat left;
  background-size: 1rem;
}
.liens-rs .field[class*=twitter] {
  padding-left: 1.5rem;
  background: url("/themes/custom/dge/img/icon/twitter.png") no-repeat left;
  background-size: 1rem;
}
.liens-rs .field[class*=linkedin] {
  padding-left: 1.5rem;
  background: url("/themes/custom/dge/img/icon/linkedin.png") no-repeat left;
  background-size: 1rem;
}

.node--type-evenement-semaine-de-l-industrie .node__content .liens-rs .field {
  margin: 0 0.5rem;
}
.node--type-evenement-semaine-de-l-industrie .node__content .liens-rs .field:first-child {
  margin-left: 0;
}

.region-mainmenu {
  padding: 1rem 0;
}

.block-menu.navigation {
  clear: both;
}

ul.main-menu,
ul.main-menu ul {
  margin: 0;
}
ul.main-menu .menu-item--expanded,
ul.main-menu ul .menu-item--expanded {
  list-style: none;
}

ul.main-menu {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  ul.main-menu {
    display: flex;
  }
}
ul.main-menu li {
  float: none;
}
ul.main-menu ul.sub-menu-hidden {
  display: none;
}

.main-menu > .menu-level-1 {
  position: static;
  float: none;
  text-align: center;
  flex: 1 1 auto;
  display: list-item;
}
@media (min-width: 768px) {
  .main-menu > .menu-level-1 {
    display: inline-flex;
    margin: 0 0.25rem;
  }
}
@media (max-width: 768px) {
  .main-menu > .menu-level-1 {
    padding-top: 0;
  }
}
.main-menu > .menu-level-1:first-of-type {
  margin-left: 0;
}
.main-menu > .menu-level-1:last-of-type {
  margin-right: 0;
}
.main-menu > .menu-level-1 > a {
  padding: 1em;
  font-size: 15px;
  font-size: 0.9375rem;
  height: 100%;
  background-color: #666666;
  color: #fff;
  text-transform: uppercase;
  z-index: 500;
  box-sizing: border-box;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 100%;
  display: inline-flex;
  flex: 0 1 auto;
  min-width: 6rem;
}
.main-menu > .menu-level-1 > a.is-active {
  font-weight: bold;
}
.main-menu > .menu-level-1 > a:hover, .main-menu > .menu-level-1 > a:focus, .main-menu > .menu-level-1 > a:active {
  font-weight: 500;
  text-decoration: none;
}
@media (min-width: 768px) {
  .main-menu > .menu-level-1 > a {
    border-radius: 3px;
  }
}
.main-menu > .menu-level-1.menu-item--expanded > a.clicked {
  height: calc(100% + 0.5rem);
  border-radius: 3px 3px 0 0;
}
.main-menu > .menu-level-1 > ul.sub-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 0.5rem);
  width: 100%;
  padding: 1rem;
  background-color: #e5e5e5;
  border-top: 5px solid #666666;
  text-align: left;
  box-sizing: border-box;
  bottom: auto !important;
  float: none;
  z-index: 1000;
}
@media (min-width: 1180px) {
  .main-menu > .menu-level-1 > ul.sub-menu {
    width: 1179px !important;
  }
}

@media (min-width: 768px) {
  ul.main-menu li:hover > ul {
    top: calc(100% + 0.5rem);
  }
}
ul.main-menu li.menu-level-2 {
  display: inline-flex;
  margin: 0.5rem 0;
  float: none;
  text-transform: none;
  vertical-align: top;
  border-left: 1rem solid #5770BE;
  border-color: #5770BE;
  background-color: #FFF;
  min-height: 3rem;
  flex: auto;
}
@media (max-width: 768px) {
  ul.main-menu li.menu-level-2 {
    box-sizing: border-box;
    width: 100%;
  }
}
@media (min-width: 768px) {
  ul.main-menu li.menu-level-2 {
    width: calc(33.3333333333% - 3rem) !important;
    margin: 0rem 1.5rem 1rem 0;
  }
}
ul.main-menu li.menu-level-2.menu-item--expanded {
  justify-content: space-between;
}
ul.main-menu li.menu-level-2 > a {
  font-family: Marianne, sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 0.5rem;
  line-height: 1.3rem;
  max-width: 80%;
  min-width: 50%;
  flex: 1;
}
@media (max-width: 768px) {
  ul.main-menu li.menu-level-2 > a {
    padding-right: 2rem;
  }
}
ul.main-menu li.menu-level-2 > a.is-active {
  font-weight: bold;
}
ul.main-menu li.menu-level-2 > a:hover, ul.main-menu li.menu-level-2 > a:focus, ul.main-menu li.menu-level-2 > a:active {
  padding-bottom: 0;
  background-color: transparent;
}
ul.main-menu li.menu-level-2 ul {
  position: relative;
}

ul.main-menu li.menu-level-2.menu-item--expanded .button-closed {
  top: 22px;
  margin: auto;
  margin-right: 0;
  right: 0;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  ul.main-menu li.menu-level-2.menu-item--expanded .button-closed {
    position: relative;
    top: 0px;
  }
}
@media (min-width: 980px) {
  ul.main-menu li.menu-level-2.menu-item--expanded .button-closed {
    padding: 1rem;
  }
}
ul.main-menu li.menu-level-2.menu-item--expanded .button-closed .fermer {
  display: block;
  position: relative;
  width: 1rem;
  height: 0.25rem;
}
ul.main-menu li.menu-level-2.menu-item--expanded .button-closed .fermer::before {
  display: block;
  position: absolute;
  width: 1rem;
  height: 0.25rem;
  content: " ";
  background-color: #5770BE;
}
ul.main-menu li.menu-level-2.menu-item--expanded .button-closed .fermer::after {
  display: block;
  position: absolute;
  width: 1rem;
  height: 0.25rem;
  content: " ";
  transition: transform 0.33s ease-out, width 0.2s linear;
  background-color: #5770BE;
}
ul.main-menu li.menu-level-2.menu-item--expanded .button-closed.open .fermer::after {
  transform: rotate(90deg);
}
ul.main-menu li.menu-level-2.menu-item--expanded .button-closed.fermer .fermer::after {
  transform: rotate(90deg);
}
ul.main-menu li.menu-level-2.menu-item--expanded li.menu-level-3 .small-button-closed {
  position: relative;
  width: 0.75rem;
  height: 0.2rem;
  vertical-align: middle;
}
ul.main-menu li.menu-level-2.menu-item--expanded li.menu-level-3 .small-button-closed::after, ul.main-menu li.menu-level-2.menu-item--expanded li.menu-level-3 .small-button-closed::before {
  display: block;
  position: absolute;
  width: 0.75rem;
  height: 0.2rem;
  content: " ";
}
ul.main-menu li.menu-level-2.menu-item--expanded li.menu-level-3 .small-button-closed.close::after {
  transform: none;
  transition: transform 0.33s ease-out, width 0.2s linear;
}
ul.main-menu li.menu-level-2.menu-item--expanded li.menu-level-3 .small-button-closed.open::after {
  transform: rotate(90deg);
  transition: transform 0.33s ease-out, width 0.2s linear;
}

.main-menu .menu-item--expanded:not(.menu-level-1) {
  flex-wrap: wrap;
  width: 100%;
}

ul.main-menu li.menu-level-3 {
  position: relative;
  margin: 0 1rem;
  margin-top: 0.2rem;
  padding-left: 0.8rem;
  font-size: 14px;
  font-size: 0.875rem;
  vertical-align: inherit;
}
ul.main-menu li.menu-level-3::before {
  position: absolute;
  top: 0.3rem;
  left: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.25rem 0 0.25rem 0.25rem;
  border-color: transparent transparent transparent #5770be;
  display: none;
}
ul.main-menu li.menu-level-3 > a:not(.small-button-closed) {
  color: #000;
  font-weight: 500;
  left: 10px;
  max-width: 80%;
  vertical-align: middle;
  margin-bottom: 0;
  position: relative;
}
ul.main-menu li.menu-level-3 ul {
  padding-left: 0.5rem;
}
ul.main-menu li.menu-level-3.menu-item--expanded {
  display: inline-block;
  margin: inherit;
  margin-top: 0.2rem;
}
@media (min-width: 768px) {
  ul.main-menu li.menu-level-3.menu-item--expanded {
    margin-right: 1rem;
  }
}
ul.main-menu li.menu-level-3.menu-item--expanded a[class^=small-button] {
  margin-left: 0;
}
ul.main-menu li.menu-level-3.menu-item--expanded a {
  margin-left: 1rem;
}
ul.main-menu li.menu-level-3.menu-item--expanded a[class^=small-button] ~ a {
  margin-left: 0;
}
ul.main-menu li.menu-level-3:last-child {
  margin-bottom: 0.75rem;
}

ul.main-menu li.menu-level-4 {
  position: relative;
  margin: 0.5rem 0;
  padding-left: 1.5rem;
  font-size: 14px;
  font-size: 0.875rem;
}
ul.main-menu li.menu-level-4::before {
  border: inherit;
  background-color: inherit;
  width: 0.4rem;
  height: 0.4rem;
}
ul.main-menu li.menu-level-4 > a:not(.small-button-closed) {
  max-width: 80%;
  display: inline-block;
  vertical-align: middle;
}
ul.main-menu li.menu-level-4 > a.small-button-closed {
  margin-right: 0.2rem;
}

ul.main-menu li.menu-level-5 {
  margin: 0.5rem 0;
  margin-left: 2rem;
  font-size: 14px;
  font-size: 0.875rem;
}
ul.main-menu li.menu-level-5::before {
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  left: 1.5rem;
  width: 0.4rem;
  height: 0.35rem;
  margin-right: 0.25rem;
  border: inherit;
  border-radius: 50%;
  background-color: inherit;
  content: " ";
  vertical-align: middle;
}
ul.main-menu li.menu-level-5 > a {
  color: #000;
}

.breadcrumb li a[href^="#"] {
  color: #000;
  text-decoration: none;
  cursor: text;
}

.main-menu-mobile {
  background-color: #666666;
  text-align: center;
  width: 100%;
}
.main-menu-mobile a {
  display: inline-block;
  padding: 0.5rem;
  color: #fff;
  text-transform: uppercase;
  box-sizing: border-box;
}
.main-menu-mobile a::after {
  display: inline-block;
  margin-right: 0.25rem;
  content: url("/themes/custom/dge/img/icon/burger.png");
  vertical-align: middle;
}
.main-menu-mobile a span {
  display: inline-block;
  margin-right: 0.5rem;
}

@media (max-width: 768px) {
  ul.main-menu.mobile-closed {
    display: none;
  }
  ul.main-menu > li.menu-level-1 > ul.sub-menu {
    position: relative;
    top: auto;
    left: auto;
  }
  ul.main-menu > li.menu-level-1 > ul.sub-menu .parent-clone-mobile > a {
    padding: 1em;
    font-size: 15px;
    font-size: 0.9375rem;
    height: 100%;
    background-color: #666666;
    color: #fff;
    text-transform: uppercase;
    z-index: 500;
    box-sizing: border-box;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
    display: inline-flex;
    flex: 0 1 auto;
    min-width: 6rem;
  }
}
@media (min-width: 768px) {
  ul.main-menu > li.menu-level-1 > ul.sub-menu .parent-clone-mobile {
    display: none;
  }
}
.breadcrumb li a[href^="#"] {
  color: #000;
  text-decoration: none;
  cursor: text;
}

@media (min-width: 1200px) {
  .menu--menu-fixe {
    bottom: calc(100% - 40rem);
  }
}

.block--block-content--bloc-de-paragraphes .field--name-field-paragraphes {
  display: flex;
  margin: 3rem 0 2rem;
}
@media (max-width: 768px) {
  .block--block-content--bloc-de-paragraphes .field--name-field-paragraphes {
    display: block;
  }
}
.block--block-content--bloc-de-paragraphes .field--name-field-paragraphes > .field__item {
  width: 25%;
  padding: 0 1rem;
  border-right: 1px solid #FFF;
  color: #FFF;
  box-sizing: border-box;
  flex: 1 1 auto;
  font-weight: 300;
  /* 
        @media (max-width: $tablet-screen) {
          width: 50%;
        }

        @media (max-width: $phablet-screen) {
          width: 100%;
        } */
}
.block--block-content--bloc-de-paragraphes .field--name-field-paragraphes > .field__item:last-child {
  border-right: 0;
}
@media (max-width: 768px) {
  .block--block-content--bloc-de-paragraphes .field--name-field-paragraphes > .field__item {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #FFF;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .block--block-content--bloc-de-paragraphes .field--name-field-paragraphes .paragraph--type--blocs-de-paragraphes-accueil iframe {
    width: 100%;
  }
}
@media (max-width: 650px) {
  .block--block-content--bloc-de-paragraphes .field--name-field-paragraphes .paragraph--type--blocs-de-paragraphes-accueil iframe {
    width: 100%;
  }
}
.block--block-content--bloc-de-paragraphes .field--name-field-titre {
  margin: 1rem 0;
  padding: 0;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
  text-transform: none;
}
.block--block-content--bloc-de-paragraphes .field--name-field-titre::after {
  content: none;
}
.block--block-content--bloc-de-paragraphes ul li {
  position: relative;
  margin: 0.5rem 0;
  padding-left: 0.8rem;
}
.block--block-content--bloc-de-paragraphes ul li::before {
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.25rem 0 0.25rem 0.25rem;
  border-color: transparent transparent transparent #5770be;
}
@media (max-width: 450px) {
  .block--block-content--bloc-de-paragraphes#block-voiraussi .field--name-field-paragraphes {
    display: block;
  }
}

.block-cnac-application {
  font-weight: 300;
}

.paragraph--type--blocs-de-paragraphes-accueil h2::after {
  transform: translateX(-50%);
  width: 90%;
  margin-left: 0;
}

.js .block-search {
  width: 45%;
  height: auto;
  margin-left: 1rem;
  background-color: transparent;
  opacity: 1;
  z-index: 1;
  flex: 1 1 auto;
}
.js .block-search .search_area {
  width: 100%;
  margin: 0;
}
.js .block-search .form-item,
.js .block-search .form-actions {
  display: inline-block;
  vertical-align: top;
}
.js .block-search .form-type-search-api-autocomplete {
  width: 75%;
}
.js .block-search input[type=text] {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 0.5rem;
  border-bottom: 0;
  background-color: #FFF;
  color: #000;
  line-height: 1.2;
  pointer-events: auto;
  font-size: 22px;
  font-size: 1.375rem;
}
.js .block-search input[type=text]::-moz-placeholder {
  color: #000;
  font-family: Marianne, sans-serif;
  text-transform: none;
  font-size: 22px;
  font-size: 1.375rem;
  opacity: 1;
}
.js .block-search input[type=text]::placeholder {
  color: #000;
  font-family: Marianne, sans-serif;
  text-transform: none;
  font-size: 22px;
  font-size: 1.375rem;
  opacity: 1;
}
.js .block-search input[type=text]::-webkit-input-placeholder {
  color: #000;
  font-family: Marianne, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  opacity: 1;
}
.js .block-search input[type=text]::-moz-placeholder {
  color: #000;
  font-family: Marianne, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  opacity: 1;
}
.js .block-search input[type=text]::-ms-input-placeholder {
  color: #000;
  font-family: Marianne, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  opacity: 1;
}
.js .block-search input[type=submit] {
  display: block;
}

.view-recherche .actu-filtres p:first-child, .view-recherche .actu-filtres button:first-of-type {
  display: none;
}
.view-recherche .actu-filtres .filtres {
  display: block;
}

.cards > .view-content {
  display: flex;
  flex-wrap: wrap;
}
.cards > .view-content .views-row {
  display: inline-block;
  width: 100%;
  margin: 1rem 0;
  border-radius: 3px;
  background-color: #FFF;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .cards > .view-content .views-row {
    width: 24%;
    margin: 1rem auto;
    flex: 0 1 auto;
  }
  .cards > .view-content .views-row:nth-child(4n+1) {
    margin-left: 0;
  }
  .cards > .view-content .views-row:nth-child(4n+4) {
    margin-right: 0;
  }
}
.cards > .view-content .views-row .views-field-title {
  padding: 1rem;
}
.cards > .view-content .views-row .views-field-field-image {
  overflow: hidden;
}
.cards > .view-content .views-row .views-field-field-image img {
  transition: transform ease 0.25s;
}
.cards > .view-content .views-row:hover, .cards > .view-content .views-row:focus-within {
  box-shadow: 0 0 0 1px #bfbfbf;
}
.cards > .view-content .views-row:hover .views-field-field-image img, .cards > .view-content .views-row:focus-within .views-field-field-image img {
  transform: scale(1.2);
}

.view-semaine-de-l-industrie-rechercher-un-evenement .view-header h3:last-child {
  display: none;
}

.block-language li {
  display: inline-block;
}
.block-language li::after {
  padding: 0 0.3rem 0 0.5rem;
  color: #000;
  content: "|";
}
.block-language li a {
  color: #000;
  text-decoration: none;
  font-size: 15px;
  font-size: 0.9375rem;
}
.block-language li a:hover, .block-language li a:active, .block-language li a:focus {
  background-color: transparent;
  font-weight: 700;
}
.block-language li a.is-active {
  font-weight: 700;
  text-decoration: underline;
}
.block-language li:last-child::after {
  content: "";
}
.block-language li:first-child::after a:hover,
.block-language li:first-child::after a:active,
.block-language li:first-child::after a:focus {
  background-color: transparent;
  color: #000;
  font-family: Marianne, sans-serif;
}

.actualite-une .views-row:first-of-type .actu-bandeau {
  display: inline-block;
  width: auto;
  float: none;
}
.actualite-une .views-row:first-of-type .actu-bandeau p {
  margin-top: 0;
}
@media (min-width: 768px) {
  .actualite-une .views-row:first-of-type .actu-bandeau p {
    padding: 0.5rem 3rem;
  }
}
.actualite-une .views-row:first-of-type .actu-content {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding-top: 0;
}
@media (min-width: 768px) {
  .actualite-une .views-row:first-of-type .actu-content {
    display: block;
  }
}
.actualite-une .views-row:first-of-type .actu-texte {
  padding: 0.5rem 0.78rem 1.5rem;
  flex: 100%;
  order: 1;
}
@media (min-width: 768px) {
  .actualite-une .views-row:first-of-type .actu-texte {
    padding: 0 1rem;
  }
}

.actualite-une .views-row:not(:first-of-type) .actu-bandeau {
  display: inline-block;
  width: auto;
  float: none;
  order: 0;
}
.actualite-une .views-row:not(:first-of-type) .actu-bandeau p {
  padding: 0.5rem 1rem;
}
.actualite-une .views-row:not(:first-of-type) .field--name-field-image-illustrative-masonry {
  margin-right: 0;
}
.actualite-une .views-row:not(:first-of-type) .actu-content {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-top: 0;
}
@media (min-width: 768px) {
  .actualite-une .views-row:not(:first-of-type) .actu-content {
    width: 50%;
    padding: 0;
    float: right;
  }
}
.actualite-une .views-row:not(:first-of-type) .actu-texte {
  padding: 0.5rem 0.78rem 1.5rem;
  flex: 100%;
  order: 1;
}
@media (min-width: 768px) {
  .actualite-une .views-row:not(:first-of-type) .actu-texte {
    padding: 0.25rem 0.25rem 0;
  }
}

.accordeon--close.fermer .fermer::after {
  transform: rotate(90deg);
}

.view-foire-aux-questions .form-type-select.form-item {
  margin: 1rem 0 2rem;
  padding: 0.5rem;
  background-color: #e5e5e5;
  width: 100%;
  max-width: inherit;
}
@media (min-width: 1180px) {
  .view-foire-aux-questions .form-type-select.form-item {
    padding: 2rem;
    box-sizing: border-box;
  }
}
.view-foire-aux-questions .form-type-select.form-item select {
  width: 100%;
  border: 0;
}

.field--name-field-image-de-fond {
  margin-bottom: 2rem;
}

@media (min-width: 1180px) {
  .form-checkboxes .form-item,
  .form-radios .form-item {
    display: inline-block;
    width: calc(25% - 1rem);
  }
  .form-checkboxes .form-item:first-child,
  .form-radios .form-item:first-child {
    padding-left: 0.4rem;
  }
}
form.webform-submission-form .form-type-checkbox input[type=checkbox] {
  border-color: #000;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}

form:not(.webform-submission-courrier-form) .form-type-date.form-item {
  display: inline-block;
  vertical-align: top;
}
form:not(.webform-submission-courrier-form) .form-type-date.form-item input[type=date] {
  display: block;
  width: 100%;
  margin: 1rem 0 0.25rem;
}
@media (min-width: 768px) {
  form:not(.webform-submission-courrier-form) .form-type-date.form-item {
    max-width: 33%;
    margin: 1rem 0.5rem 0 0;
  }
}

form .field-group-wrapper {
  padding: 0 1.5rem 0.5rem;
}

form table {
  width: 100%;
}
form table th.field-label {
  text-align: left;
}
form table th.field-label h4 {
  color: #FFF;
}
form table tbody tr:nth-child(2n+1) input:not(.button) {
  background-color: #fff;
}
form table .button {
  margin: 0;
}
form table .paragraphs-subform {
  padding: 1rem;
}
form table .paragraphs-subform .fieldset-wrapper {
  margin-top: 0.5rem;
}

.js form .field--widget-entity-reference-paragraphs td {
  padding: 1rem;
}

.node-form .required::after {
  content: none;
}

.form-required::after {
  content: none;
}

.form-required .field-required {
  color: #e60000;
  margin-right: 0.5rem;
}

fieldset.legend-h3-like > legend .fieldset-legend {
  font-size: 20px;
  font-size: 1.25rem;
  margin: 1rem 0;
  clear: both;
  color: #5770BE;
  font-family: Marianne, sans-serif;
  font-weight: 300;
}
@media (min-width: 1180px) {
  fieldset.legend-h3-like > legend .fieldset-legend {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  fieldset.legend-h3-like > legend .fieldset-legend {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

form:not(.webform-submission-courrier-form) .captcha--riddler {
  margin-top: 1.5rem;
}
form:not(.webform-submission-courrier-form) .form-type-checkbox ~ .form-type-select.form-item {
  display: block;
}
form:not(.webform-submission-courrier-form) .form-type-select.form-item {
  display: inline-block;
  vertical-align: top;
}
form:not(.webform-submission-courrier-form) .form-type-select.form-item select:not(.hidden) {
  display: block;
  width: 100%;
  margin: 1rem 0 0.25rem;
}
@media (min-width: 768px) {
  form:not(.webform-submission-courrier-form) .form-type-select.form-item {
    max-width: 32%;
    margin: 1rem 0.5rem 0 0;
  }
}
@media (min-width: 980px) {
  form:not(.webform-submission-courrier-form) .form-type-select.form-item {
    max-width: 32.6%;
  }
}
form:not(.webform-submission-courrier-form) .form-type-select.form-item.form-item-field-type-d-evenement {
  margin-right: 0;
}

.chosen-disabled {
  opacity: 0.6 !important;
}

.chosen-disabled.chosen-container-single .chosen-single {
  color: #000;
}

.chosen-disabled .chosen-single label,
.chosen-disabled .chosen-single span {
  cursor: not-allowed;
}

form.webform-submission-form.webform-submission-webform-test-form .form-type-checkbox {
  display: flex;
}
form.webform-submission-form.webform-submission-webform-test-form .form-type-checkbox label {
  margin-top: 0.25rem;
}

form.webform-submission-form.webform-submission-nous-contacter-form .form-type-checkbox.form-item-en-soumettant-ce-formulaire-j-accepte-que-les-donnees-saisies-so {
  display: flex;
  flex-wrap: wrap;
}
form.webform-submission-form.webform-submission-nous-contacter-form .form-type-checkbox.form-item-en-soumettant-ce-formulaire-j-accepte-que-les-donnees-saisies-so label {
  margin-top: 0.25rem;
}
form.webform-submission-form.webform-submission-nous-contacter-form .form-type-checkbox.form-item-en-soumettant-ce-formulaire-j-accepte-que-les-donnees-saisies-so .webform-element-description {
  margin-top: 1rem;
}

.form-actions {
  display: block;
  width: 100%;
}

.view-gestion-des-evenements .csv-feed .feed-icon,
.view-mes-evenements .csv-feed .feed-icon {
  width: 128px;
  height: 33px;
  background-image: url("../img/button-csv2.png");
}

.region-header {
  background-color: transparent;
}
.region-header .content-main-width {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
.region-header .block-system-branding-block {
  flex: 1 0 auto;
  max-width: calc(41.6666666667% - 260px);
}
@media (max-width: 1180px) {
  .region-header .block-system-branding-block {
    max-width: 41.6666666667%;
  }
}
@media (max-width: 650px) {
  .region-header .block-system-branding-block {
    width: inherit;
    max-width: calc(60% - 2.5rem);
  }
}
.region-header .block-system-branding-block h1 {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
}
.region-header .site-slogan {
  max-width: 100%;
}
.region-header .block--block-content--bloc-liens-reseaux-sociaux {
  width: 50%;
  text-align: right;
  flex: 1 0 auto;
}
.region-header .block-system-branding-block + .block {
  margin-left: auto;
}
.region-header #block-logosedi {
  width: 100%;
  text-align: center;
  margin-top: 2rem;
}
@media (min-width: 650px) {
  .region-header #block-logosedi {
    width: auto;
    text-align: inherit;
    margin-top: 0;
  }
}
.region-header .block--block-content--bloc-logo {
  margin-right: 1.5rem;
}
@media (max-width: 650px) {
  .region-header .block--block-content--bloc-logo {
    margin-right: 1.5rem;
  }
  .region-header .block--block-content--bloc-logo img {
    max-width: 130px;
  }
}
@media (max-width: 450px) {
  .region-header .site-slogan h1 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media (min-width: 450px) and (max-width: 650px) {
  .region-header .site-slogan h1 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}

.js .block-search {
  display: block;
  position: static;
}

.region-header .block-blockgroup {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 320px) {
  .region-header .block-blockgroup {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .region-header .block-blockgroup {
    flex-wrap: initial;
  }
}

.region-header .block--block-content--bloc-liens-reseaux-sociaux {
  width: auto;
  flex: 0 1 auto;
}
.region-header .block-language {
  margin: 0.6rem 0;
}
@media (min-width: 450px) {
  .region-header .block-language {
    margin: 0.6rem 1.8rem;
  }
}
.region-header #block-blocboutonrecherche {
  margin: 0;
}
.region-header #block-blocboutonrecherche .field--name-field-logo {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  padding: 0.5rem;
  box-sizing: border-box;
  margin-left: 0.5rem;
}

div[id*=block-headertop] {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

div[id*=block-headerbottom] {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.region-header .block--block-content--bloc-liens-reseaux-sociaux a {
  display: inline-block;
}

@media (min-width: 768px) {
  .menu-connexion-mobile {
    display: none;
  }
}
@media (max-width: 650px) {
  .block-system-branding-block {
    width: inherit;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .block-system-branding-block {
    margin-right: 2rem;
  }
}
@media (min-width: 980px) {
  .block-system-branding-block {
    margin-right: 0;
  }
}

.content-main-width::after {
  display: table;
  clear: both;
  content: "";
}

body .block-system-main-block {
  padding: 1rem;
  background-color: #FFF;
}
body .region-content.region-content-1 {
  background-color: #FFF;
}

body.path-frontpage .block-system-main-block {
  background-color: #e5e5e5;
}

body.path-recherche .block-system-main-block {
  background-color: #e5e5e5;
}

body.path-frontpage .region-content.region-content-1 {
  background-color: #e5e5e5;
}

body.path-recherche .region-content.region-content-1 {
  background-color: #e5e5e5;
}

.region-content-1 {
  margin-left: 0.25%;
}

.node--type-article .node__content .field--name-body h2,
.page-node-type-evenement.semaine-de-lindustrie .field--name-body h2 {
  clear: both;
}

@media (min-width: 980px) {
  .block--block-content--logos-pied-de-page {
    float: left;
  }
}
.block--block-content--logos-pied-de-page .field__item {
  display: inline-block;
  vertical-align: top;
}
.block--block-content--logos-pied-de-page .field__item:first-child {
  margin-right: 1rem;
}

.footer .block-menu.navigation {
  clear: none;
}

.region-footer .block--block-content--logos-pied-de-page {
  min-width: 140px;
  float: left;
  width: 12%;
}/*# sourceMappingURL=main.css.map */