/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	-webkit-transition-property:left, top, -webkit-transform;
	
	transition-property:left, top, -webkit-transform;
	
	transition-property:transform, left, top;
	
	transition-property:transform, left, top, -webkit-transform;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
@charset "UTF-8";

/* Import des fonts */

@font-face {
  font-family: 'open_sansbold';
  src: url(/app/themes/uimm-mp/dist/fonts/opensans-bold-webfont.eot?14ef42a169df7e8e8f46f38856af0347);
  src: url(/app/themes/uimm-mp/dist/fonts/opensans-bold-webfont.eot?14ef42a169df7e8e8f46f38856af0347) format("embedded-opentype"), url(/app/themes/uimm-mp/dist/fonts/opensans-bold-webfont.woff2?32eb263f9b39c0ae51b3dbfd3a2270d9) format("woff2"), url(/app/themes/uimm-mp/dist/fonts/opensans-bold-webfont.woff?9daf868572afcae096ee049385d5d9dd) format("woff"), url(/app/themes/uimm-mp/dist/fonts/opensans-bold-webfont.ttf?b9e42be23b57a401243676bea28faf4c) format("truetype"), url(/app/themes/uimm-mp/dist/fonts/opensans-bold-webfont.svg?1f9d88bb42389f1c079ac83acdfd7d49) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansextrabold';
  src: url(/app/themes/uimm-mp/dist/fonts/opensans-extrabold-webfont.eot?a63b903f154e2acc40ef0356d3dcdee9);
  src: url(/app/themes/uimm-mp/dist/fonts/opensans-extrabold-webfont.eot?a63b903f154e2acc40ef0356d3dcdee9) format("embedded-opentype"), url(/app/themes/uimm-mp/dist/fonts/opensans-extrabold-webfont.woff2?fa4e89521b56485e4ca831bbf168ffdd) format("woff2"), url(/app/themes/uimm-mp/dist/fonts/opensans-extrabold-webfont.woff?6edcc74cc71fb17b4f9648e68e731b65) format("woff"), url(/app/themes/uimm-mp/dist/fonts/opensans-extrabold-webfont.ttf?74c223bc83b88a1a7ccde323145f95e4) format("truetype"), url(/app/themes/uimm-mp/dist/fonts/opensans-extrabold-webfont.svg?64a890fa9e4dcf908817ade43208eb2b) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold';
  src: url(/app/themes/uimm-mp/dist/fonts/opensans-semibold-webfont.eot?8c10a82f80cd085075147f78a539395a);
  src: url(/app/themes/uimm-mp/dist/fonts/opensans-semibold-webfont.eot?8c10a82f80cd085075147f78a539395a) format("embedded-opentype"), url(/app/themes/uimm-mp/dist/fonts/opensans-semibold-webfont.woff2?7255949283b542bddab2a6d974055ffe) format("woff2"), url(/app/themes/uimm-mp/dist/fonts/opensans-semibold-webfont.woff?aa28a21abbb951b29b2c66f2fef22fd9) format("woff"), url(/app/themes/uimm-mp/dist/fonts/opensans-semibold-webfont.ttf?2f28c8ca4edd7592247127c5db819af8) format("truetype"), url(/app/themes/uimm-mp/dist/fonts/opensans-semibold-webfont.svg?fecb73d6cc5f2d4d883385d1f0e93581) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  src: url(/app/themes/uimm-mp/dist/fonts/opensans-regular-webfont.woff2?daeb98a2eb096ed1ade47fa3b488b387) format("woff2"), url(/app/themes/uimm-mp/dist/fonts/opensans-regular-webfont.woff?882abe2193e4d18575b10a365f4b325f) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanslight';
  src: url(/app/themes/uimm-mp/dist/fonts/opensans-light-webfont.woff2?e6d2aa8c12f2622657da72b04157aa9c) format("woff2"), url(/app/themes/uimm-mp/dist/fonts/opensans-light-webfont.woff?fb648f7344f80e9bf9737a993fe7aa1a) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'uimm';
  src: url(/app/themes/uimm-mp/dist/fonts/rseaux-sociaux-IUMM.eot?13288de8ac81919adf5e74f33ffa828b);
  src: url(/app/themes/uimm-mp/dist/fonts/rseaux-sociaux-IUMM.eot?13288de8ac81919adf5e74f33ffa828b) format("embedded-opentype"), url(/app/themes/uimm-mp/dist/fonts/rseaux-sociaux-IUMM.ttf?232241cd5adccef58c13f86f9fc7e503) format("truetype"), url(/app/themes/uimm-mp/dist/fonts/rseaux-sociaux-IUMM.woff?53ad4234f06c811a78ca84ff58d752b9) format("woff"), url(/app/themes/uimm-mp/dist/fonts/rseaux-sociaux-IUMM.svg?b559c55c7184040a42dc8dc9b63482ce) format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'uimm' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\E900";
}

.icon-linkedin:before {
  content: "\E901";
}

.icon-rss:before {
  content: "\E902";
}

.icon-twitter:before {
  content: "\E903";
}

.icon-viadeo:before {
  content: "\E904";
}

a.linkedin-share {
  padding: 0 !important;
}

a.linkedin-share .icon-linkedin {
  font-size: 1.4em;
  padding-left: 2px;
  vertical-align: sub;
}

/* Déclaration des variables */

/* Import des hover */

.no-touch header nav ul#menu-menu-secondaire li:hover a {
  color: #ffd003;
}

.no-touch header nav ul#menu-menu-secondaire li:hover.bouton a {
  background-color: #ffd003;
  color: #000;
  font-weight: 200;
}

.no-touch header nav ul#menu-menu-secondaire li.extranet a:hover {
  color: #000;
}

.no-touch header nav ul#menu-menu-principal li:hover::after {
  width: 100%;
}

.no-touch header nav ul#menu-menu-principal li.extranet a:hover {
  color: #000;
}

.no-touch .home section article aside:hover {
  background-color: #005678;
}

.no-touch .home section article .bt_actus a:hover {
  background-color: #005678;
}

.no-touch .home section article .entree a:hover {
  background-color: rgba(0, 86, 120, 0.8);
}

.no-touch .home section article .entree a:hover:first-child {
  background-color: rgba(233, 15, 30, 0.8);
}

.no-touch .home footer .menu a:hover {
  text-decoration: underline;
}

.no-touch section nav li:hover {
  background-color: #FFF;
}

.no-touch section nav li:hover a {
  color: #005678;
}

.no-touch section article .texte a:hover {
  color: #666666;
}

.no-touch section.color nav li:hover a {
  color: #e90f1e;
}

.no-touch section.actualite .col_right aside ul li:hover {
  color: #005678;
}

.no-touch section.actualite .col_right aside ul.sociaux li a:hover {
  color: #005678;
}

/***************************/

/* Partie reset + Générale */

/***************************/

* {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  font: normal 62.5%/1em Arial, Helvetica, sans-serif;
  line-height: normal;
  position: relative;
  height: 100%;
}

body {
  font-family: "open_sanssemibold";
}

img {
  border: none;
  outline: none;
}

img.aligncenter,
img.alignleft,
img.alignright,
img.alignFullScreen {
  max-width: 50%;
  width: auto;
  height: auto;
  display: block;
  margin: 2% auto;
}

img.alignFullScreen {
  width: 100%;
  max-width: 100%;
}

img.aligncenter {
  max-width: 70%;
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  img.aligncenter {
    width: 100%;
    max-width: 100%;
  }
}

img.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  img.alignleft {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: 2% 0;
  }
}

img.alignright {
  float: right;
  margin: 0 0 10px 10px;
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  img.alignright {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: 2% 0;
  }
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}

ul li {
  list-style-type: none;
}

a {
  text-decoration: none;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/* HEADER */

header {
  background-color: #FFF;
  position: relative;
  z-index: 100;
}

header .logo {
  position: absolute;
  left: 3.5%;
  top: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  header .logo {
    width: 100px;
  }
}

header .logo img {
  display: block;
  width: 100%;
  height: auto;
}

header .menu_mobile {
  display: none;
}

header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  letter-spacing: 0.1em;
  font-size: 1.1em;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  header nav {
    display: none;
    width: 100%;
  }
}

header nav ul#menu-menu-secondaire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0;
  margin-top: 10px;
  font-family: "open_sanslight";
}

header nav ul#menu-menu-secondaire li {
  padding: 0;
  position: relative;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  header nav ul#menu-menu-secondaire li {
    display: block;
  }
}

header nav ul#menu-menu-secondaire li a {
  display: block;
  height: 100%;
  padding: 10px;
  color: #000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

header nav ul#menu-menu-secondaire li.bouton a {
  padding: 8px 20px;
  border: 1px solid #ffd003;
  margin-left: 15px;
}

header nav ul {
  display: table;
  float: right;
  width: 50%;
  font-family: "open_sanssemibold";
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  header nav ul {
    width: 66%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  header nav ul {
    width: 100%;
    display: block;
  }
}

header nav ul.extranet {
  width: 20%;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  header nav ul.extranet {
    width: 100%;
    display: block;
  }
}

header nav ul.extranet a {
  background-color: #94a8b1;
  color: #FFF;
}

header nav ul li {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
  text-align: center;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  header nav ul li {
    display: block;
  }
}

header nav ul li a {
  position: relative;
  display: block;
  height: 100%;
  padding: 20px;
  color: #000;
  padding: 10px 15px 20px;
}

header nav ul li.actif a::after,
header nav ul li a::after {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-top: 5px solid #ffd003;
  content: "";
  display: block;
  left: 0;
  bottom: 0;
  width: 0;
  position: absolute;
  z-index: 10;
}

header nav ul li.actif::after {
  width: 100%;
}

header nav ul li.color::after {
  border-top: 6px solid #e90f1e;
}

/* BANDEAU ACTUS/ADHERENT */

#bandeau-actus-adherent .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 90px;
  padding-bottom: 60px;
}

#bandeau-actus-adherent .line .col {
  width: 50%;
}

#bandeau-actus-adherent .line:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #d5d5d5;
}

#bandeau-actus-adherent h2 {
  position: relative;
  text-transform: uppercase;
  color: #0b283d;
  font-size: 35px;
  font-family: "open_sansbold";
  padding-left: 110px;
  margin-bottom: 60px;
}

#bandeau-actus-adherent h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -40px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

#bandeau-actus-adherent .news {
  position: relative;
}

#bandeau-actus-adherent .news .cta {
  display: inline-block;
  margin: 35px 0 0 0;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 2px solid #ffd003;
  padding: 12px 10px;
  text-transform: uppercase;
  color: #0b283d;
  font-family: "open_sansbold";
  font-size: 13px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#bandeau-actus-adherent .news .cta:hover {
  color: #000;
  background-color: #ffd003;
}

#bandeau-actus-adherent .news h2::before {
  background: url(/app/themes/uimm-mp/dist/images/picto-actualites.png?6a24b570b036a7eab326254a049ff3ca) left center no-repeat;
  height: 98px;
  width: 98px;
}

#bandeau-actus-adherent .news a.article-link {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 3;
}

#bandeau-actus-adherent .news h3 {
  font-size: 18px;
  font-family: "open_sanssemibold";
  margin-bottom: 0;
}

#bandeau-actus-adherent .news .time {
  font-family: "open_sanslight";
  font-size: 15px;
  margin: 0 0 5px 0;
  display: block;
}

#bandeau-actus-adherent .news .slider--actualites {
  position: relative;
  height: auto;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.43);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.43);
}

@media (min-width: 1400px) {
  #bandeau-actus-adherent .news .slider--actualites {
    max-width: 600px;
    margin: 0 auto;
  }
}

@media (min-width: 1600px) {
  #bandeau-actus-adherent .news .slider--actualites {
    max-width: 481px;
  }
}

@media (max-width: 768px) {
  #bandeau-actus-adherent .news .slider--actualites {
    max-width: 481px;
  }
}

#bandeau-actus-adherent .news .slider--actualites .swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  z-index: 999;
  height: auto;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  #bandeau-actus-adherent .news .slider--actualites .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#bandeau-actus-adherent .news .slider--actualites .swiper-pagination .swiper-pagination-switch {
  position: relative;
  margin: 0 5px;
}

#bandeau-actus-adherent .news .slider--actualites .swiper-pagination .swiper-pagination-switch:after {
  content: '';
  display: block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: 2px solid #c5c5c5;
  background-color: transparent;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#bandeau-actus-adherent .news .slider--actualites .swiper-pagination .swiper-pagination-switch.swiper-active-switch:after {
  border-color: #ffd003;
}

#bandeau-actus-adherent .news .slider--actualites .swiper-pagination .swiper-pagination-switch:hover:after {
  border-color: #525252;
  background-color: #e9e9e9;
  cursor: pointer;
}

#bandeau-actus-adherent .news .swiper-button-prev,
#bandeau-actus-adherent .news .swiper-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 16px;
  height: 33px;
  cursor: pointer;
  z-index: 5;
}

#bandeau-actus-adherent .news .swiper-button-prev::before,
#bandeau-actus-adherent .news .swiper-button-next::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg) translate(0%, 50%);
          transform: rotate(45deg) translate(0%, 50%);
  height: 16px;
  width: 16px;
}

@media (max-width: 768px) {
  #bandeau-actus-adherent .news .swiper-button-prev,
  #bandeau-actus-adherent .news .swiper-button-next {
    display: none;
  }
}

#bandeau-actus-adherent .news .swiper-button-prev {
  left: calc(-100% / 24 - 30px);
}

#bandeau-actus-adherent .news .swiper-button-prev::before {
  left: 0;
  border-left: 2px solid #0b283d;
  border-bottom: 2px solid #0b283d;
}

#bandeau-actus-adherent .news .swiper-button-next {
  right: calc(-100% / 24 - 30px);
}

#bandeau-actus-adherent .news .swiper-button-next::before {
  left: 0;
  border-right: 2px solid #0b283d;
  border-top: 2px solid #0b283d;
}

#bandeau-actus-adherent .news .actualites .actualite {
  position: relative;
}

#bandeau-actus-adherent .news .actualites .actualite:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: black;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 212, 255, 0)));
  background: linear-gradient(0deg, black 0%, rgba(0, 212, 255, 0) 100%);
}

#bandeau-actus-adherent .news .actualites .actualite .visuel {
  overflow: hidden;
}

#bandeau-actus-adherent .news .actualites .actualite .visuel img.visuel-actualite-teaser {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#bandeau-actus-adherent .news .actualites .actualite .infos {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  z-index: 2;
}

#bandeau-actus-adherent .news .actualites .actualite:hover .visuel img.visuel-actualite-teaser {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media (max-width: 768px) {
  #bandeau-actus-adherent .news .align-cta .cta {
    margin: 70px 0 0 0;
  }
}

#bandeau-actus-adherent .adherent-prefooter .titre-adherent-prefooter {
  max-width: 560px;
  margin: 0 auto;
}

#bandeau-actus-adherent .adherent-prefooter h2::before {
  background: url(/app/themes/uimm-mp/dist/images/picto-adherent.png?833c15755c8b73288c3fe82aad79317e) left center no-repeat;
  height: 90px;
  width: 82px;
}

#bandeau-actus-adherent .adherent-prefooter .zone-video {
  text-align: center;
}

#bandeau-actus-adherent .adherent-prefooter iframe {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.43);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.43);
}

/* FOOTER */

footer {
  text-align: center;
  position: relative;
}

footer .sociaux {
  position: relative;
  padding-top: 0.25%;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  footer .sociaux {
    position: relative;
    right: inherit;
    top: inherit;
  }
}

footer .sociaux li {
  display: inline-block;
  margin: 0 6px;
}

footer .sociaux li a {
  font-size: 2.0em;
  line-height: 0;
  color: #005678;
}

footer #prefooter {
  background-color: #0b283d;
  color: #FFF;
  padding: 60px 1%;
}

footer #prefooter .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer #prefooter .texte {
  width: 50%;
  text-align: justify;
  padding-right: 30px;
}

footer #prefooter .texte p {
  font-family: "open_sanslight";
  font-size: 14px;
  line-height: 1.3rem;
}

footer #prefooter .texte p strong {
  font-family: "open_sansbold";
}

footer #prefooter .zone-rs-contact {
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
}

footer #prefooter .zone-rs-contact .titre-rs {
  display: block;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

footer #prefooter .zone-rs-contact ul.sociaux li a {
  border: 2px solid #FFE366;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

footer #prefooter .zone-rs-contact ul.sociaux li a svg path {
  fill: #FFE366;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

footer #prefooter .zone-rs-contact ul.sociaux li a:hover {
  background-color: #FFE366;
}

footer #prefooter .zone-rs-contact ul.sociaux li a:hover svg path {
  fill: #000;
}

footer #prefooter .zone-rs-contact a.bouton-contact {
  margin-top: 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'open_sanssemibold';
  color: #FFF;
  padding: 12px 28px;
  border: 1px solid #FFE366;
  margin-left: 15px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

footer #prefooter .zone-rs-contact a.bouton-contact:hover {
  background-color: #FFE366;
  color: #000;
  font-weight: 200;
}

footer #prefooter .zone-logo-prefooter {
  width: auto;
  text-align: right;
}

footer #zone-menu-footer {
  background-color: #fff;
  text-align: center;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  footer #zone-menu-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5px 0;
  }
}

footer #zone-menu-footer ul#menu-menu-footer {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

footer #zone-menu-footer ul#menu-menu-footer li {
  padding: 0 15px;
  display: inline-block;
  border-right: 1px solid #000;
  font-size: 16px;
}

footer #zone-menu-footer ul#menu-menu-footer li a {
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  font-family: 'open_sansregular';
}

footer #zone-menu-footer ul#menu-menu-footer li a:hover {
  color: #005678;
}

footer #zone-menu-footer ul#menu-menu-footer li:last-of-type {
  border-right: 0;
}

footer #zone-menu-footer ul#menu-menu-footer li:hover a {
  color: #000;
}

@media (max-width: 768px) {
  footer #zone-menu-footer ul#menu-menu-footer li {
    border: 0;
    display: block;
    margin-bottom: 5px;
    text-align: center;
  }
}

footer #zone-menu-footer .liste-rs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer #zone-menu-footer .liste-rs ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

footer #zone-menu-footer .liste-rs ul li {
  padding: 0 15px;
  display: inline-block;
  font-size: 16px;
}

footer #zone-menu-footer .liste-rs ul li a i {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

footer #zone-menu-footer .liste-rs ul li:hover * {
  color: #ffd003;
}

/* HOME PAGE */

.home header,
.home footer {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 100;
}

.home section {
  height: 100%;
  padding-top: 15%;
  padding-bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  color: #FFF;
  font-size: 1.2em;
}

.home section .promotion,
.home section .accompagnement {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  opacity: 0;
}

.home section article {
  position: relative;
  z-index: 10;
  text-align: center;
  width: 94%;
  margin: 0 auto;
}

.home section article h1 {
  font-family: "open_sansextrabold";
  text-transform: uppercase;
  font-size: 3.4em;
  line-height: 1.4em;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .home section article h1 {
    font-size: 2.0em;
    padding-top: 30%;
  }
}

.home section article .entree {
  margin: 2% 0;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .home section article .entree {
    margin: 10% 0 30% 0;
  }
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  .home section article .entree {
    margin: 5% 0 10% 0;
  }
}

.home section article .entree a {
  display: block;
  float: left;
  width: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 1%;
  color: #FFF;
  text-transform: uppercase;
  font-size: 1.4em;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .home section article .entree a {
    width: 100%;
  }
}

.home section article .entree a:first-child {
  border-right: 2px solid #FFF;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .home section article .entree a:first-child {
    border-bottom: 1px solid #FFF;
    border-right: none;
  }
}

.home section article aside {
  background-color: rgba(0, 86, 120, 0.6);
  padding: 2% 1%;
  margin: 2% 0;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.home section article aside.actif {
  background-color: #005678;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .home section article aside {
    display: none;
  }
}

.home section article aside h2 {
  font-family: "open_sansextrabold";
  font-size: 2.3em;
  text-transform: uppercase;
}

.home section article .bt_actus {
  border-bottom: 1px solid #005678;
}

.home section article .bt_actus a {
  display: inline-block;
  background-color: rgba(0, 86, 120, 0.6);
  color: #FFF;
  padding: 5px 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.home section article .bt_actus a.actif {
  background-color: #005678;
}

.home footer {
  bottom: 0;
  top: inherit;
}

/* PAGE */

.page section,
.blog section {
  padding-bottom: 2%;
}

.page section .bandeau,
.blog section .bandeau {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  max-height: 700px;
}

.page section .bandeau img,
.blog section .bandeau img {
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  .page section .bandeau img,
  .blog section .bandeau img {
    width: 250%;
    left: -80%;
    position: relative;
  }
}

.page section .bandeau figcaption,
.blog section .bandeau figcaption {
  position: absolute;
  bottom: 14%;
  width: 100%;
  text-align: center;
  font-family: "open_sansextrabold";
  text-transform: uppercase;
  color: #FFF;
  font-size: 3.4em;
  line-height: 1.4em;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  .page section .bandeau figcaption,
  .blog section .bandeau figcaption {
    font-size: 2.2em;
    bottom: 30%;
  }
}

.page section nav,
.blog section nav {
  background-color: #005678;
}

.page section nav .select,
.blog section nav .select {
  display: none;
  position: relative;
  cursor: pointer;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section nav .select,
  .blog section nav .select {
    display: block;
    text-align: center;
    color: #FFF;
    padding: 8px;
    font-size: 1.4em;
    margin-bottom: 20px;
  }
}

.page section nav .select span.data,
.blog section nav .select span.data {
  text-transform: uppercase;
  position: relative;
  z-index: 300;
}

.page section nav .select span.fleche,
.blog section nav .select span.fleche {
  display: block;
  position: absolute;
  bottom: -50%;
  left: 50%;
  width: 40px;
  height: 40px;
  padding-top: 17px;
  border-radius: 50%;
  background-color: #005678;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}

.page section nav ul,
.blog section nav ul {
  display: table;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section nav ul,
  .blog section nav ul {
    display: none;
  }
}

.page section nav ul li,
.blog section nav ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #FFF;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section nav ul li,
  .blog section nav ul li {
    display: block;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
  }
}

.page section nav ul li a,
.page section nav ul li h1,
.blog section nav ul li a,
.blog section nav ul li h1 {
  display: block;
  padding: 20px;
  color: #FFF;
  text-transform: uppercase;
  font-family: "open_sansbold";
  font-size: 1.4em;
}

.page section nav ul li:first-child,
.blog section nav ul li:first-child {
  border-left: 1px solid #FFF;
}

.page section nav ul li.actif,
.blog section nav ul li.actif {
  background-color: #FFF;
}

.page section nav ul li.actif h1,
.blog section nav ul li.actif h1 {
  color: #005678;
}

.page section .contenu,
.blog section .contenu {
  width: 96%;
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 50px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section .contenu,
  .blog section .contenu {
    width: 90%;
    margin: 0 auto;
  }
}

.page section .contenu .colLeft,
.blog section .contenu .colLeft {
  float: left;
  width: 30%;
  min-height: 400px;
  padding: 2%;
  background-color: #eaeae1;
  margin-top: -90px;
  z-index: 200;
  position: relative;
  color: #666666;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section .contenu .colLeft,
  .blog section .contenu .colLeft {
    width: 100%;
    margin-top: 0;
    min-height: 100px;
  }
}

.page section .contenu .colLeft aside,
.blog section .contenu .colLeft aside {
  margin: 15px 0 25px 0;
  font-size: 1.2em;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section .contenu .colLeft aside,
  .blog section .contenu .colLeft aside {
    text-align: center;
  }
}

.page section .contenu .colLeft aside h2,
.blog section .contenu .colLeft aside h2 {
  font-family: "open_sansbold";
  text-transform: uppercase;
  font-size: 1.5em;
  margin-bottom: 5px;
}

.page section .contenu .colLeft aside a,
.blog section .contenu .colLeft aside a {
  color: #666666;
}

.page section .contenu .colLeft aside a.map,
.blog section .contenu .colLeft aside a.map {
  display: inline-block;
  text-transform: uppercase;
  background: url(/app/themes/uimm-mp/dist/images/picto_map.png?3be174a141ad0858dc1cd280237d299f) no-repeat center left;
  padding: 5px 0 20px 30px;
}

.page section .contenu .colLeft aside .sociaux li,
.blog section .contenu .colLeft aside .sociaux li {
  display: inline-block;
  font-size: 1.8em;
}

.page section .contenu .colRight,
.blog section .contenu .colRight {
  float: left;
  width: 70%;
  padding-left: 3%;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section .contenu .colRight,
  .blog section .contenu .colRight {
    width: 100%;
    padding: 3%;
  }
}

.page section article.page-content,
.page section article.article-single,
.blog section article.page-content,
.blog section article.article-single {
  margin: 2% auto;
  display: block;
  font-size: 1.2em;
  color: #0b283d;
  position: relative;
  /*table {
            width: 100%;
            border-collapse: collapse;
            background-color: $color1;
            margin: 2% 0;
            th {
                background-color: $color1-fonce;
            }
            td {
                text-align: center;
                text-transform: uppercase;
                color: #FFF;
                padding: 1%;
                border: 1px solid #FFF;
                &:nth-child(odd) {
                    background-color: $color1-fonce;
                }
            }
        }*/
  /*---------Tableau----------*/
  /**
  * Tables.
  */
  /**
  * Exception for webkit bug with the right border of the last cell
  * in some tables, since it's webkit only, we can use :last-child
  */
  /* --- Fin: tableaux ---*/
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section article.page-content,
  .page section article.article-single,
  .blog section article.page-content,
  .blog section article.article-single {
    margin: 4% auto;
  }
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  .page section article.page-content,
  .page section article.article-single,
  .blog section article.page-content,
  .blog section article.article-single {
    margin: 10% auto;
  }
}

.page section article.page-content figure,
.page section article.article-single figure,
.blog section article.page-content figure,
.blog section article.article-single figure {
  float: left;
  width: 30%;
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  .page section article.page-content figure,
  .page section article.article-single figure,
  .blog section article.page-content figure,
  .blog section article.article-single figure {
    float: none;
    width: 100%;
    margin: 0 auto 2% auto;
  }
}

.page section article.page-content figure img,
.page section article.article-single figure img,
.blog section article.page-content figure img,
.blog section article.article-single figure img {
  display: block;
  width: 100%;
  height: auto;
}

.page section article.page-content h1.plain-text,
.page section article.article-single h1.plain-text,
.blog section article.page-content h1.plain-text,
.blog section article.article-single h1.plain-text {
  display: inline-block;
  font-family: "open_sansextrabold";
  text-transform: uppercase;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  margin-top: 40px;
  margin-bottom: 45px;
  position: relative;
  width: 100%;
  font-size: 35px;
  text-align: center;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section article.page-content h1.plain-text,
  .page section article.article-single h1.plain-text,
  .blog section article.page-content h1.plain-text,
  .blog section article.article-single h1.plain-text {
    font-size: 25px;
  }
}

.page section article.page-content h1.plain-text:after,
.page section article.article-single h1.plain-text:after,
.blog section article.page-content h1.plain-text:after,
.blog section article.article-single h1.plain-text:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 90px;
  height: 2px;
  background-color: #ffd003;
}

.page section article.page-content .texte,
.page section article.article-single .texte,
.blog section article.page-content .texte,
.blog section article.article-single .texte {
  float: left;
  width: 70%;
  padding-left: 2%;
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  .page section article.page-content .texte,
  .page section article.article-single .texte,
  .blog section article.page-content .texte,
  .blog section article.article-single .texte {
    width: 100%;
    padding-left: 0;
    padding-bottom: 24px;
  }
}

.page section article.page-content h2,
.page section article.article-single h2,
.blog section article.page-content h2,
.blog section article.article-single h2 {
  display: inline-block;
  font-family: "open_sansextrabold";
  text-transform: uppercase;
  padding-right: 30px;
  padding-bottom: 15px;
  margin-top: 10px;
  margin-bottom: 15px;
  position: relative;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .page section article.page-content h2,
  .page section article.article-single h2,
  .blog section article.page-content h2,
  .blog section article.article-single h2 {
    display: block;
  }
}

.page section article.page-content h2:after,
.page section article.article-single h2:after,
.blog section article.page-content h2:after,
.blog section article.article-single h2:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90px;
  height: 2px;
  background-color: #ffd003;
}

.page section article.page-content h3,
.page section article.article-single h3,
.blog section article.page-content h3,
.blog section article.article-single h3 {
  color: #0b283d;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: "open_sanssemibold";
}

.page section article.page-content h4,
.page section article.article-single h4,
.blog section article.page-content h4,
.blog section article.article-single h4 {
  font-size: initial;
  margin-top: 12px;
  margin-bottom: 11px;
  font-family: "open_sanssemibold";
}

.page section article.page-content h4.elementor-heading-title.elementor-size-default,
.page section article.article-single h4.elementor-heading-title.elementor-size-default,
.blog section article.page-content h4.elementor-heading-title.elementor-size-default,
.blog section article.article-single h4.elementor-heading-title.elementor-size-default {
  display: inline-block;
  width: 100%;
}

.page section article.page-content hr,
.page section article.article-single hr,
.blog section article.page-content hr,
.blog section article.article-single hr {
  background-color: #d5d5d5;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.page section article.page-content p,
.page section article.article-single p,
.blog section article.page-content p,
.blog section article.article-single p {
  padding: 2px 0;
  font-size: 15px;
  font-family: "open_sansregular";
}

.page section article.page-content p.chapeau,
.page section article.article-single p.chapeau,
.blog section article.page-content p.chapeau,
.blog section article.article-single p.chapeau {
  font-family: "open_sansbold";
  font-size: 16px;
  margin-bottom: 10px;
}

.page section article.page-content div.mis-en-avant,
.page section article.article-single div.mis-en-avant,
.blog section article.page-content div.mis-en-avant,
.blog section article.article-single div.mis-en-avant {
  background-color: #ffe369;
  padding: 20px;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  color: #0b283d;
  font-family: "open_sansbold";
}

.page section article.page-content ul:not(.list):not(#menu--cat-actus),
.page section article.article-single ul:not(.list):not(#menu--cat-actus),
.blog section article.page-content ul:not(.list):not(#menu--cat-actus),
.blog section article.article-single ul:not(.list):not(#menu--cat-actus) {
  padding-left: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.page section article.page-content ul:not(.list):not(#menu--cat-actus) ul,
.page section article.page-content ul:not(.list):not(#menu--cat-actus) ul ul,
.page section article.article-single ul:not(.list):not(#menu--cat-actus) ul,
.page section article.article-single ul:not(.list):not(#menu--cat-actus) ul ul,
.blog section article.page-content ul:not(.list):not(#menu--cat-actus) ul,
.blog section article.page-content ul:not(.list):not(#menu--cat-actus) ul ul,
.blog section article.article-single ul:not(.list):not(#menu--cat-actus) ul,
.blog section article.article-single ul:not(.list):not(#menu--cat-actus) ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

.page section article.page-content ul:not(.list):not(#menu--cat-actus) li,
.page section article.article-single ul:not(.list):not(#menu--cat-actus) li,
.blog section article.page-content ul:not(.list):not(#menu--cat-actus) li,
.blog section article.article-single ul:not(.list):not(#menu--cat-actus) li {
  font-family: "open_sansregular";
  list-style-type: none;
  color: #0b283d;
  font-size: 15px;
}

.page section article.page-content ul:not(.list):not(#menu--cat-actus) li:last-of-type,
.page section article.article-single ul:not(.list):not(#menu--cat-actus) li:last-of-type,
.blog section article.page-content ul:not(.list):not(#menu--cat-actus) li:last-of-type,
.blog section article.article-single ul:not(.list):not(#menu--cat-actus) li:last-of-type {
  margin-bottom: 0;
}

.page section article.page-content ul:not(.list):not(#menu--cat-actus) li:before,
.page section article.article-single ul:not(.list):not(#menu--cat-actus) li:before,
.blog section article.page-content ul:not(.list):not(#menu--cat-actus) li:before,
.blog section article.article-single ul:not(.list):not(#menu--cat-actus) li:before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  margin-left: -20px;
  margin-top: 7px;
  float: left;
  width: 5px;
  height: 5px;
  border-right: 2px solid #0b283d;
  border-top: 2px solid #0b283d;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.page section article.page-content a,
.page section article.article-single a,
.blog section article.page-content a,
.blog section article.article-single a {
  color: #0b283d;
  text-decoration: underline;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: bold;
}

.page section article.page-content a:hover,
.page section article.article-single a:hover,
.blog section article.page-content a:hover,
.blog section article.article-single a:hover {
  color: #000;
}

.page section article.page-content a.bouton,
.page section article.article-single a.bouton,
.blog section article.page-content a.bouton,
.blog section article.article-single a.bouton {
  border: 1px solid #ffd003;
  color: #0b283d;
  display: inline-block;
  margin: 10px 0;
  padding: 8px 20px;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "open_sansextrabold";
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.page section article.page-content a.bouton:hover,
.page section article.article-single a.bouton:hover,
.blog section article.page-content a.bouton:hover,
.blog section article.article-single a.bouton:hover {
  color: #FFF;
  background-color: #0b283d;
  border-color: #0b283d;
}

.page section article.page-content a.pdf,
.page section article.article-single a.pdf,
.blog section article.page-content a.pdf,
.blog section article.article-single a.pdf {
  display: inline-block;
  margin: 5px 5px 5px 0;
  padding: 5px 0 5px 30px;
  text-decoration: none;
  background: url(/app/themes/uimm-mp/dist/images/picto_pdf_bleu.png?b10ac389f8631c96a3a9cbdc19a6ee6b) no-repeat left center;
}

.page section article.page-content blockquote,
.page section article.article-single blockquote,
.blog section article.page-content blockquote,
.blog section article.article-single blockquote {
  text-align: center;
  margin: 15px 0;
  position: relative;
}

.page section article.page-content blockquote,
.page section article.page-content blockquote > *,
.page section article.article-single blockquote,
.page section article.article-single blockquote > *,
.blog section article.page-content blockquote,
.blog section article.page-content blockquote > *,
.blog section article.article-single blockquote,
.blog section article.article-single blockquote > * {
  color: #0b283d;
  font-weight: bold;
  font-style: italic;
}

.page section article.page-content blockquote p:first-of-type::before,
.page section article.page-content blockquote p:last-of-type::after,
.page section article.article-single blockquote p:first-of-type::before,
.page section article.article-single blockquote p:last-of-type::after,
.blog section article.page-content blockquote p:first-of-type::before,
.blog section article.page-content blockquote p:last-of-type::after,
.blog section article.article-single blockquote p:first-of-type::before,
.blog section article.article-single blockquote p:last-of-type::after {
  content: ',,';
  background: none;
  position: absolute;
  display: inline-block;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #0b283d;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: -10px;
  letter-spacing: -1px;
}

.page section article.page-content blockquote p:first-of-type::before,
.page section article.article-single blockquote p:first-of-type::before,
.blog section article.page-content blockquote p:first-of-type::before,
.blog section article.article-single blockquote p:first-of-type::before {
  margin-left: -12px;
}

.page section article.page-content .blocs-cols,
.page section article.article-single .blocs-cols,
.blog section article.page-content .blocs-cols,
.blog section article.article-single .blocs-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 24px;
}

.page section article.page-content .blocs-cols .bloc-contenu-col,
.page section article.article-single .blocs-cols .bloc-contenu-col,
.blog section article.page-content .blocs-cols .bloc-contenu-col,
.blog section article.article-single .blocs-cols .bloc-contenu-col {
  background-color: #0b283d;
  padding: 20px 20px 25px;
  width: 32%;
}

.page section article.page-content .blocs-cols .bloc-contenu-col > *,
.page section article.article-single .blocs-cols .bloc-contenu-col > *,
.blog section article.page-content .blocs-cols .bloc-contenu-col > *,
.blog section article.article-single .blocs-cols .bloc-contenu-col > * {
  color: #FFF;
}

.page section article.page-content .blocs-cols .bloc-contenu-col h2,
.page section article.article-single .blocs-cols .bloc-contenu-col h2,
.blog section article.page-content .blocs-cols .bloc-contenu-col h2,
.blog section article.article-single .blocs-cols .bloc-contenu-col h2 {
  font-family: "open_sansbold";
  font-size: 18px;
  text-transform: unset;
}

.page section article.page-content .blocs-cols .bloc-contenu-col h2:after,
.page section article.article-single .blocs-cols .bloc-contenu-col h2:after,
.blog section article.page-content .blocs-cols .bloc-contenu-col h2:after,
.blog section article.article-single .blocs-cols .bloc-contenu-col h2:after {
  width: 60px;
}

.page section article.page-content .blocs-cols .bloc-contenu-col a,
.page section article.article-single .blocs-cols .bloc-contenu-col a,
.blog section article.page-content .blocs-cols .bloc-contenu-col a,
.blog section article.article-single .blocs-cols .bloc-contenu-col a {
  color: #FFF;
  font-family: 'open_sansbold';
  text-decoration: none;
  margin-top: 15px;
  font-weight: 300;
  font-size: 14px;
}

.page section article.page-content .blocs-cols .bloc-contenu-col a:hover,
.page section article.article-single .blocs-cols .bloc-contenu-col a:hover,
.blog section article.page-content .blocs-cols .bloc-contenu-col a:hover,
.blog section article.article-single .blocs-cols .bloc-contenu-col a:hover {
  color: #ffd003;
}

.page section article.page-content .blocs-cols .bloc-contenu-col ul li,
.page section article.article-single .blocs-cols .bloc-contenu-col ul li,
.blog section article.page-content .blocs-cols .bloc-contenu-col ul li,
.blog section article.article-single .blocs-cols .bloc-contenu-col ul li {
  color: #FFF !important;
}

.page section article.page-content .blocs-cols .bloc-contenu-col ul li:before,
.page section article.article-single .blocs-cols .bloc-contenu-col ul li:before,
.blog section article.page-content .blocs-cols .bloc-contenu-col ul li:before,
.blog section article.article-single .blocs-cols .bloc-contenu-col ul li:before {
  border-color: rgba(255, 255, 255, 0.68) !important;
}

.page section article.page-content .zone-chiffres-carte,
.page section article.article-single .zone-chiffres-carte,
.blog section article.page-content .zone-chiffres-carte,
.blog section article.article-single .zone-chiffres-carte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0;
}

.page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles,
.page section article.page-content .zone-chiffres-carte .carte,
.page section article.article-single .zone-chiffres-carte .blocs-chiffres-cles,
.page section article.article-single .zone-chiffres-carte .carte,
.blog section article.page-content .zone-chiffres-carte .blocs-chiffres-cles,
.blog section article.page-content .zone-chiffres-carte .carte,
.blog section article.article-single .zone-chiffres-carte .blocs-chiffres-cles,
.blog section article.article-single .zone-chiffres-carte .carte {
  width: 50%;
}

.page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles,
.page section article.article-single .zone-chiffres-carte .blocs-chiffres-cles,
.blog section article.page-content .zone-chiffres-carte .blocs-chiffres-cles,
.blog section article.article-single .zone-chiffres-carte .blocs-chiffres-cles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #FFF;
}

.page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc,
.page section article.article-single .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc,
.blog section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc,
.blog section article.article-single .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc {
  background-color: #0b283d;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  border-bottom: 1px solid #FFF;
}

.page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc:nth-child(odd),
.page section article.article-single .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc:nth-child(odd),
.blog section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc:nth-child(odd),
.blog section article.article-single .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc:nth-child(odd) {
  border-right: 1px solid #FFF;
}

.page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos,
.page section article.article-single .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos,
.blog section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos,
.blog section article.article-single .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos {
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
  margin-left: 20px;
}

.page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos .chiffre-cle,
.page section article.article-single .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos .chiffre-cle,
.blog section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos .chiffre-cle,
.blog section article.article-single .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos .chiffre-cle {
  font-size: 30px;
  font-family: 'open_sansextrabold';
  width: 100%;
}

.page section article.page-content .zone-chiffres-carte .carte,
.page section article.article-single .zone-chiffres-carte .carte,
.blog section article.page-content .zone-chiffres-carte .carte,
.blog section article.article-single .zone-chiffres-carte .carte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page section article.page-content table,
.page section article.article-single table,
.blog section article.page-content table,
.blog section article.article-single table {
  border-collapse: collapse;
  border-spacing: 0;
}

.page section article.page-content table:not(.custom),
.page section article.article-single table:not(.custom),
.blog section article.page-content table:not(.custom),
.blog section article.article-single table:not(.custom) {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100% !important;
  -webkit-box-shadow: 0 0 10px rgba(241, 241, 241, 0.3);
          box-shadow: 0 0 10px rgba(241, 241, 241, 0.3);
}

.page section article.page-content table:not(.custom) th,
.page section article.article-single table:not(.custom) th,
.blog section article.page-content table:not(.custom) th,
.blog section article.article-single table:not(.custom) th {
  background: #005678;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding: 15px 10px;
  font-size: 16px;
  vertical-align: middle;
}

@media (max-width: 992px) {
  .page section article.page-content table:not(.custom) th,
  .page section article.article-single table:not(.custom) th,
  .blog section article.page-content table:not(.custom) th,
  .blog section article.article-single table:not(.custom) th {
    font-size: 15px;
    padding: 10px 5px;
  }
}

@media (max-width: 992px) {
  .page section article.page-content table:not(.custom) th,
  .page section article.article-single table:not(.custom) th,
  .blog section article.page-content table:not(.custom) th,
  .blog section article.article-single table:not(.custom) th {
    font-size: 14px;
    padding: 5px;
    font-weight: 300;
  }
}

.page section article.page-content table:not(.custom) td,
.page section article.article-single table:not(.custom) td,
.blog section article.page-content table:not(.custom) td,
.blog section article.article-single table:not(.custom) td {
  padding: 15px 10px;
  text-align: left;
  font-weight: 500;
  vertical-align: middle;
  border-right: 1px solid #d8d7d7;
}

.page section article.page-content table:not(.custom) td,
.page section article.page-content table:not(.custom) td *,
.page section article.article-single table:not(.custom) td,
.page section article.article-single table:not(.custom) td *,
.blog section article.page-content table:not(.custom) td,
.blog section article.page-content table:not(.custom) td *,
.blog section article.article-single table:not(.custom) td,
.blog section article.article-single table:not(.custom) td * {
  font-size: 13px;
}

@media (max-width: 992px) {
  .page section article.page-content table:not(.custom) td,
  .page section article.article-single table:not(.custom) td,
  .blog section article.page-content table:not(.custom) td,
  .blog section article.article-single table:not(.custom) td {
    padding: 10px 5px;
  }

  .page section article.page-content table:not(.custom) td,
  .page section article.page-content table:not(.custom) td *,
  .page section article.article-single table:not(.custom) td,
  .page section article.article-single table:not(.custom) td *,
  .blog section article.page-content table:not(.custom) td,
  .blog section article.page-content table:not(.custom) td *,
  .blog section article.article-single table:not(.custom) td,
  .blog section article.article-single table:not(.custom) td * {
    font-size: 12px;
  }
}

@media (max-width: 992px) {
  .page section article.page-content table:not(.custom) td,
  .page section article.article-single table:not(.custom) td,
  .blog section article.page-content table:not(.custom) td,
  .blog section article.article-single table:not(.custom) td {
    padding: 5px;
    font-weight: 300;
  }

  .page section article.page-content table:not(.custom) td,
  .page section article.page-content table:not(.custom) td *,
  .page section article.article-single table:not(.custom) td,
  .page section article.article-single table:not(.custom) td *,
  .blog section article.page-content table:not(.custom) td,
  .blog section article.page-content table:not(.custom) td *,
  .blog section article.article-single table:not(.custom) td,
  .blog section article.article-single table:not(.custom) td * {
    font-size: 12px;
  }
}

.page section article.page-content table:not(.custom) td a,
.page section article.article-single table:not(.custom) td a,
.blog section article.page-content table:not(.custom) td a,
.blog section article.article-single table:not(.custom) td a {
  color: #000;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  .page section article.page-content table:not(.custom) td a,
  .page section article.article-single table:not(.custom) td a,
  .blog section article.page-content table:not(.custom) td a,
  .blog section article.article-single table:not(.custom) td a {
    font-weight: 300;
  }

  .page section article.page-content table:not(.custom) td a span,
  .page section article.article-single table:not(.custom) td a span,
  .blog section article.page-content table:not(.custom) td a span,
  .blog section article.article-single table:not(.custom) td a span {
    display: none;
  }
}

.page section article.page-content table:not(.custom) td a:hover,
.page section article.article-single table:not(.custom) td a:hover,
.blog section article.page-content table:not(.custom) td a:hover,
.blog section article.article-single table:not(.custom) td a:hover {
  color: #005678;
}

.page section article.page-content table:not(.custom) td:last-child,
.page section article.article-single table:not(.custom) td:last-child,
.blog section article.page-content table:not(.custom) td:last-child,
.blog section article.article-single table:not(.custom) td:last-child {
  border-right: 0;
}

.page section article.page-content table:not(.custom) tr:nth-child(even),
.page section article.article-single table:not(.custom) tr:nth-child(even),
.blog section article.page-content table:not(.custom) tr:nth-child(even),
.blog section article.article-single table:not(.custom) tr:nth-child(even) {
  background: #f1f1f1;
}

.page section article.page-content table:not(.custom) tr:nth-child(odd),
.page section article.article-single table:not(.custom) tr:nth-child(odd),
.blog section article.page-content table:not(.custom) tr:nth-child(odd),
.blog section article.article-single table:not(.custom) tr:nth-child(odd) {
  background: #f9f9f9;
}

@media (max-width: 992px) {
  .page section article.page-content table.custom,
  .page section article.article-single table.custom,
  .blog section article.page-content table.custom,
  .blog section article.article-single table.custom {
    width: 100%;
    display: block;
  }

  .page section article.page-content table.custom tbody,
  .page section article.article-single table.custom tbody,
  .blog section article.page-content table.custom tbody,
  .blog section article.article-single table.custom tbody {
    width: 100%;
    display: block;
  }

  .page section article.page-content table.custom tbody tr,
  .page section article.article-single table.custom tbody tr,
  .blog section article.page-content table.custom tbody tr,
  .blog section article.article-single table.custom tbody tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .page section article.page-content table.custom tbody tr td,
  .page section article.article-single table.custom tbody tr td,
  .blog section article.page-content table.custom tbody tr td,
  .blog section article.article-single table.custom tbody tr td {
    width: 100%;
    min-width: 100%;
    margin: 5px auto;
  }
}

.page section article.page-content span.more,
.page section article.article-single span.more,
.blog section article.page-content span.more,
.blog section article.article-single span.more {
  border: 1px solid #ffd003;
  color: #0b283d;
  display: inline-block;
  margin: 10px 0;
  padding: 8px 20px;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "open_sansextrabold";
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  bottom: 0;
  left: 50%;
  cursor: pointer;
}

.page section article.page-content span.more:hover,
.page section article.article-single span.more:hover,
.blog section article.page-content span.more:hover,
.blog section article.article-single span.more:hover {
  color: #FFF;
  background-color: #0b283d;
  border-color: #0b283d;
}

.page section article.page-content .accordeon,
.page section article.article-single .accordeon,
.blog section article.page-content .accordeon,
.blog section article.article-single .accordeon {
  clear: both;
  padding: 0;
  display: none;
}

.page section article.page-content .accordeon span.close,
.page section article.article-single .accordeon span.close,
.blog section article.page-content .accordeon span.close,
.blog section article.article-single .accordeon span.close {
  display: block;
  background-color: #005678;
  color: #FFF;
  text-align: right;
  padding: 5px;
  cursor: pointer;
  margin-top: 2%;
}

.page section article.page-content > article,
.page section article.article-single > article,
.blog section article.page-content > article,
.blog section article.article-single > article {
  padding-top: 20px;
  padding-bottom: 20px;
}

.page section article.page-content.one .texte,
.page section article.page-content .one .texte,
.page section article.article-single.one .texte,
.page section article.article-single .one .texte,
.blog section article.page-content.one .texte,
.blog section article.page-content .one .texte,
.blog section article.article-single.one .texte,
.blog section article.article-single .one .texte {
  width: 100%;
  padding: 1% 0;
}

.page section article.page-content.vignette p.nom,
.page section article.page-content .vignette p.nom,
.page section article.article-single.vignette p.nom,
.page section article.article-single .vignette p.nom,
.blog section article.page-content.vignette p.nom,
.blog section article.page-content .vignette p.nom,
.blog section article.article-single.vignette p.nom,
.blog section article.article-single .vignette p.nom {
  color: #005678;
  font-size: 1.5em !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: "open_sansextrabold" !important;
  padding: 10px 0 0 0;
}

.page section article.page-content.vignette p.fonction,
.page section article.page-content .vignette p.fonction,
.page section article.article-single.vignette p.fonction,
.page section article.article-single .vignette p.fonction,
.blog section article.page-content.vignette p.fonction,
.blog section article.page-content .vignette p.fonction,
.blog section article.article-single.vignette p.fonction,
.blog section article.article-single .vignette p.fonction {
  letter-spacing: 0.1em;
  padding: 0;
}

.page section article.page-content.vignette ul.list,
.page section article.page-content .vignette ul.list,
.page section article.article-single.vignette ul.list,
.page section article.article-single .vignette ul.list,
.blog section article.page-content.vignette ul.list,
.blog section article.page-content .vignette ul.list,
.blog section article.article-single.vignette ul.list,
.blog section article.article-single .vignette ul.list {
  clear: both;
  width: 100%;
  padding: 5px 0;
}

.page section article.page-content.vignette ul.list li,
.page section article.page-content .vignette ul.list li,
.page section article.article-single.vignette ul.list li,
.page section article.article-single .vignette ul.list li,
.blog section article.page-content.vignette ul.list li,
.blog section article.page-content .vignette ul.list li,
.blog section article.article-single.vignette ul.list li,
.blog section article.article-single .vignette ul.list li {
  float: left;
  width: 10%;
  list-style-type: none;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  opacity: 0.5;
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  .page section article.page-content.vignette ul.list li,
  .page section article.page-content .vignette ul.list li,
  .page section article.article-single.vignette ul.list li,
  .page section article.article-single .vignette ul.list li,
  .blog section article.page-content.vignette ul.list li,
  .blog section article.page-content .vignette ul.list li,
  .blog section article.article-single.vignette ul.list li,
  .blog section article.article-single .vignette ul.list li {
    width: 25%;
  }
}

.page section article.page-content.vignette ul.list li img,
.page section article.page-content .vignette ul.list li img,
.page section article.article-single.vignette ul.list li img,
.page section article.article-single .vignette ul.list li img,
.blog section article.page-content.vignette ul.list li img,
.blog section article.page-content .vignette ul.list li img,
.blog section article.article-single.vignette ul.list li img,
.blog section article.article-single .vignette ul.list li img {
  display: block;
  width: 100%;
  height: auto;
}

.page section article.page-content.vignette ul.list li:hover,
.page section article.page-content.vignette ul.list li.actif,
.page section article.page-content .vignette ul.list li:hover,
.page section article.page-content .vignette ul.list li.actif,
.page section article.article-single.vignette ul.list li:hover,
.page section article.article-single.vignette ul.list li.actif,
.page section article.article-single .vignette ul.list li:hover,
.page section article.article-single .vignette ul.list li.actif,
.blog section article.page-content.vignette ul.list li:hover,
.blog section article.page-content.vignette ul.list li.actif,
.blog section article.page-content .vignette ul.list li:hover,
.blog section article.page-content .vignette ul.list li.actif,
.blog section article.article-single.vignette ul.list li:hover,
.blog section article.article-single.vignette ul.list li.actif,
.blog section article.article-single .vignette ul.list li:hover,
.blog section article.article-single .vignette ul.list li.actif {
  opacity: 1;
}

.page section article.page-content.pdf .box,
.page section article.page-content .pdf .box,
.page section article.article-single.pdf .box,
.page section article.article-single .pdf .box,
.blog section article.page-content.pdf .box,
.blog section article.page-content .pdf .box,
.blog section article.article-single.pdf .box,
.blog section article.article-single .pdf .box {
  clear: both;
  margin-left: 32%;
  text-align: right;
  background-color: #005678;
  color: #FFF;
  padding: 0 2%;
}

.page section article.page-content.pdf .box p,
.page section article.page-content .pdf .box p,
.page section article.article-single.pdf .box p,
.page section article.article-single .pdf .box p,
.blog section article.page-content.pdf .box p,
.blog section article.page-content .pdf .box p,
.blog section article.article-single.pdf .box p,
.blog section article.article-single .pdf .box p {
  padding: 2px 0;
  cursor: pointer;
}

.page section article.page-content.pdf .box ul,
.page section article.page-content .pdf .box ul,
.page section article.article-single.pdf .box ul,
.page section article.article-single .pdf .box ul,
.blog section article.page-content.pdf .box ul,
.blog section article.page-content .pdf .box ul,
.blog section article.article-single.pdf .box ul,
.blog section article.article-single .pdf .box ul {
  display: none;
  padding: 10px 0;
  text-align: left;
}

.page section article.page-content.pdf .box ul li,
.page section article.page-content .pdf .box ul li,
.page section article.article-single.pdf .box ul li,
.page section article.article-single .pdf .box ul li,
.blog section article.page-content.pdf .box ul li,
.blog section article.page-content .pdf .box ul li,
.blog section article.article-single.pdf .box ul li,
.blog section article.article-single .pdf .box ul li {
  list-style-type: none;
  padding: 5px 0;
}

.page section article.page-content.pdf .box ul li a,
.page section article.page-content .pdf .box ul li a,
.page section article.article-single.pdf .box ul li a,
.page section article.article-single .pdf .box ul li a,
.blog section article.page-content.pdf .box ul li a,
.blog section article.page-content .pdf .box ul li a,
.blog section article.article-single.pdf .box ul li a,
.blog section article.article-single .pdf .box ul li a {
  color: #FFF;
  text-decoration: none;
  display: inline-block;
  padding: 5px 0 0 30px;
  background: url(/app/themes/uimm-mp/dist/images/picto_download.png?00336717da909acf0eca00257cdc6caa) no-repeat left top;
}

.page section .more_show,
.blog section .more_show {
  text-align: center;
  padding: 30px 0;
}

.page section .more_show a,
.blog section .more_show a {
  display: inline-block;
  margin: 0 auto;
  font-family: "open_sansextrabold";
  color: #666666;
  text-transform: uppercase;
}

.page section.color nav,
.page section .color nav,
.blog section.color nav,
.blog section .color nav {
  background-color: #e90f1e;
}

.page section.color nav .select span.fleche,
.page section .color nav .select span.fleche,
.blog section.color nav .select span.fleche,
.blog section .color nav .select span.fleche {
  background: #e90f1e;
}

.page section.color nav li.actif h1,
.page section .color nav li.actif h1,
.blog section.color nav li.actif h1,
.blog section .color nav li.actif h1 {
  color: #e90f1e;
}

.page section.color article,
.page section .color article,
.blog section.color article,
.blog section .color article {
  border-color: #e90f1e;
}

.page section.color article span.more,
.page section.color article span.close,
.page section.color article blockquote,
.page section.color article table,
.page section .color article span.more,
.page section .color article span.close,
.page section .color article blockquote,
.page section .color article table,
.blog section.color article span.more,
.blog section.color article span.close,
.blog section.color article blockquote,
.blog section.color article table,
.blog section .color article span.more,
.blog section .color article span.close,
.blog section .color article blockquote,
.blog section .color article table {
  background-color: #e90f1e;
}

.page section.color article table td:nth-child(2n+1),
.page section .color article table td:nth-child(2n+1),
.blog section.color article table td:nth-child(2n+1),
.blog section .color article table td:nth-child(2n+1) {
  background-color: #d16718;
}

.page section.color article.pdf .box,
.page section .color article.pdf .box,
.blog section.color article.pdf .box,
.blog section .color article.pdf .box {
  background-color: #e90f1e;
}

.page section.color article.vignette p.nom,
.page section .color article.vignette p.nom,
.blog section.color article.vignette p.nom,
.blog section .color article.vignette p.nom {
  color: #e90f1e;
}

.page section.color article a,
.page section .color article a,
.blog section.color article a,
.blog section .color article a {
  color: #e90f1e;
}

.page section.color article a.pdf,
.page section .color article a.pdf,
.blog section.color article a.pdf,
.blog section .color article a.pdf {
  background-image: url(/app/themes/uimm-mp/dist/images/picto_pdf_orange.png?faa69397d4c4c1f9108186d7fc74da0b);
}

/* ACTUALITES */

section.actualite .contenu .col_left {
  float: left;
  width: 70%;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.actualite .contenu .col_left {
    float: none;
    width: 100%;
    padding: 2%;
  }
}

section.actualite .contenu .col_left article {
  border: 1px solid #666666;
  margin: 0 0 2% 0;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.actualite .contenu .col_left article {
    width: 100%;
  }
}

section.actualite .contenu .col_left article figure,
section.actualite .contenu .col_left article .texte {
  width: 100%;
  float: none;
}

section.actualite .contenu .col_left article figure {
  margin: 0 auto;
}

section.actualite .contenu .col_left article .texte {
  padding: 2%;
}

section.actualite .contenu .col_left article .accordeon {
  padding: 0 2% 2% 2%;
}

section.actualite .contenu .col_left article p.more {
  background-color: #005678;
  text-align: right;
  padding: 2px 10px;
  color: #FFF;
  cursor: pointer;
}

section.actualite .contenu .col_left article p.morebis {
  display: inline-block;
  color: #FFF;
  padding: 2px 10px;
  background-color: #6f99c0;
  bottom: 0;
  float: right;
}

section.actualite .contenu .col_left article p.morebis a {
  color: #FFF;
  text-decoration: none;
}

section.actualite .contenu .col_right {
  float: right;
  width: 30%;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.actualite .contenu .col_right {
    float: none;
    width: 100%;
  }
}

section.actualite .contenu .col_right .select_date {
  display: none;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.actualite .contenu .col_right .select_date {
    display: block;
    width: 80%;
    margin: 2% auto;
    border: 1px solid #6f99c0;
    padding: 2%;
    color: #6f99c0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3em;
  }
}

section.actualite .contenu .col_right aside {
  border: 1px solid #666666;
  padding: 4% 6%;
  color: #666666;
  font-size: 1.2em;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.actualite .contenu .col_right aside {
    border: none;
  }
}

section.actualite .contenu .col_right aside:first-child {
  border-bottom: none;
}

section.actualite .contenu .col_right aside h2 {
  display: inline-block;
  font-family: "open_sansextrabold";
  text-transform: uppercase;
  padding-right: 30px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}

section.actualite .contenu .col_right aside h2:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90px;
  height: 2px;
  background-color: #ffd003;
}

section.actualite .contenu .col_right aside ul li {
  cursor: pointer;
}

section.actualite .contenu .col_right aside ul li.actif {
  font-family: "open_sansbold";
}

section.actualite .contenu .col_right aside form {
  padding: 2% 0 6% 0;
}

section.actualite .contenu .col_right aside input {
  margin-top: 5px;
  border: 1px solid #666666;
  padding: 5px;
  width: 80%;
}

section.actualite .contenu .col_right aside input.submit {
  background-color: #666666;
  padding: 5px;
  color: #FFF;
  border: none;
  width: auto;
  cursor: pointer;
}

section.actualite .contenu .col_right aside ul.sociaux li {
  display: inline;
}

section.actualite .contenu .col_right aside ul.sociaux li a {
  color: #666666;
  font-size: 2.2em;
  line-height: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

section.actualite .contenu .col_right aside.agenda {
  border: none;
  background-color: #94a8b1;
  color: #FFF;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.actualite .contenu .col_right aside.agenda {
    display: none;
  }
}

section.actualite .contenu .col_right aside.agenda h2 {
  border-color: #FFF;
}

section.actualite .contenu .col_right aside.agenda .all {
  display: none;
  color: #FFF;
}

section.actualite .contenu .col_right aside.agenda .show_agenda {
  background-color: #FFF;
  color: #666666;
}

section.actualite .contenu .col_right aside.agenda .show_agenda .infos {
  padding: 4%;
}

section.actualite .contenu .col_right aside.agenda .show_agenda .infos h3 {
  text-align: center;
  color: #94a8b1;
  font-size: 1.2em;
  padding: 3% 0;
}

section.actualite .contenu .col_right aside.agenda .show_agenda .infos li {
  padding: 5px 0;
}

section.actualite .contenu .col_right aside.listeactu .select {
  display: none;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.actualite .contenu .col_right aside.listeactu ul,
  section.actualite .contenu .col_right aside.listeactu h2 {
    display: none;
  }

  section.actualite .contenu .col_right aside.listeactu .select {
    display: block;
    width: 80%;
    margin: 0 auto;
    border: 1px solid #005678;
    padding: 2%;
    color: #005678;
    text-align: center;
    text-transform: uppercase;
  }

  section.actualite .contenu .col_right aside.listeactu ul {
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #005678;
    border-left: 1px solid #005678;
    border-right: 1px solid #005678;
    padding: 4% 10%;
  }

  section.actualite .contenu .col_right aside.listeactu ul li {
    padding: 5px 0;
    margin: 5px 0;
  }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.actualite .contenu .col_right aside.abonnezvous {
    background: #005678;
    color: #FFF;
    padding: 2% 1%;
  }

  section.actualite .contenu .col_right aside.abonnezvous div {
    display: block;
    text-align: center;
    vertical-align: middle;
  }

  section.actualite .contenu .col_right aside.abonnezvous div:first-child h2 {
    display: block;
    margin-bottom: 0;
    padding: 0;
  }

  section.actualite .contenu .col_right aside.abonnezvous div.follow {
    padding: 2% 20%;
  }

  section.actualite .contenu .col_right aside.abonnezvous div.follow > h2,
  section.actualite .contenu .col_right aside.abonnezvous div.follow ul {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 768px) and (min-width: 0px) and (max-width: 560px) {
  section.actualite .contenu .col_right aside.abonnezvous div.follow {
    padding: 2%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.actualite .contenu .col_right aside.abonnezvous div h2,
  section.actualite .contenu .col_right aside.abonnezvous div ul {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2%;
    border: none;
    margin: 0;
  }

  section.actualite .contenu .col_right aside.abonnezvous div p {
    display: none;
  }

  section.actualite .contenu .col_right aside.abonnezvous div form {
    padding: 1% 2%;
  }

  section.actualite .contenu .col_right aside.abonnezvous div form p {
    display: block;
  }

  section.actualite .contenu .col_right aside.abonnezvous div li a {
    color: #FFF;
  }
}

/* DETAIL ACTUALITES */

section.actualiteDetail .bande {
  width: 96%;
  max-width: 1024px;
  position: relative;
  margin: 2% auto;
  display: block;
}

section.actualiteDetail .bande .back {
  color: #005678;
  font-family: "open_sansbold";
  letter-spacing: 0.1em;
  font-size: 16px;
  display: inline-block;
  padding-top: 10px;
}

section.actualiteDetail .bande .sociaux {
  float: right;
  color: #005678;
  font-family: "open_sanssemibold";
  letter-spacing: 0.1em;
  font-size: 14px;
}

section.actualiteDetail .bande .sociaux li {
  display: inline-block;
  margin: 0 5px;
}

section.actualiteDetail .bande .sociaux li:first-child {
  margin-right: 15px;
}

section.actualiteDetail .bande .sociaux li a {
  color: #005678;
  font-size: 1.8em;
  line-height: 0;
  padding: 0 5px;
  border: 1px solid #005678;
  border-radius: 50%;
}

section.actualiteDetail article {
  width: 96%;
  max-width: 1024px;
  border: 1px solid rgba(11, 40, 61, 0.22);
  padding: 2%;
}

section.actualiteDetail article figure {
  width: 100%;
  float: none;
  margin: 1% 0;
}

/* PAGE LISTE DES ACTUALITES (OP) */

.blog section.actualite .selection-categorie aside.listeactu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: 5;
}

.blog section.actualite .selection-categorie aside.listeactu ul,
.blog section.actualite .selection-categorie aside.listeactu h2 {
  display: none;
}

.blog section.actualite .selection-categorie aside.listeactu .select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 240px;
  border: 1px solid #005678;
  padding: 10px;
  font-size: 12px;
  color: #005678;
  text-align: center;
  text-transform: uppercase;
  z-index: 6;
  background-color: #fff;
}

.blog section.actualite .selection-categorie aside.listeactu .select:hover {
  cursor: pointer;
}

.blog section.actualite .selection-categorie aside.listeactu ul {
  position: absolute;
  z-index: 5;
  top: 32px;
  left: 0;
  width: 240px;
  background-color: #fff;
  display: none;
  border-bottom: 1px solid #005678;
  border-left: 1px solid #005678;
  border-right: 1px solid #005678;
  padding: 15px;
}

.blog section.actualite .selection-categorie aside.listeactu ul li {
  padding: 5px 0;
  margin: 5px 0;
  font-size: 14px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.blog section.actualite .selection-categorie aside.listeactu ul li.actif {
  font-family: 'open_sansextrabold';
}

.blog section.actualite .selection-categorie aside.listeactu ul li:hover {
  cursor: pointer;
}

.blog section.actualite .news_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.blog section.actualite article {
  width: 50%;
  border-bottom: none;
  margin: 20px 0;
}

.blog section.actualite article:nth-child(odd) {
  padding-right: 20px;
}

.blog section.actualite article:nth-child(even) {
  padding-left: 20px;
}

.blog section.actualite article .actualite {
  position: relative;
  max-width: 481px;
  max-height: 306px;
  overflow: hidden;
}

.blog section.actualite article .actualite:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 1;
  background: black;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.45)), color-stop(75%, rgba(0, 212, 255, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 212, 255, 0) 75%);
  visibility: visible;
}

.blog section.actualite article .actualite .visuel {
  overflow: hidden;
}

.blog section.actualite article .actualite .visuel img.visuel-actualite-teaser {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.blog section.actualite article .actualite a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.blog section.actualite article .actualite .infos {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  z-index: 2;
}

.blog section.actualite article .actualite .infos h3 {
  font-size: 18px;
  font-family: "open_sanssemibold";
  margin-bottom: 0;
  color: #fff;
}

.blog section.actualite article .actualite .infos .time {
  font-family: "open_sanslight";
  font-size: 15px;
  margin: 0 0 5px 0;
  display: block;
  color: #fff;
}

.blog section.actualite article .actualite:hover .visuel img.visuel-actualite-teaser {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* PAGE LISTE DES EVENEMENTS */

.page.evenements section.evenement .events_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.page.evenements section.evenement article {
  width: 50%;
  border-bottom: none;
  margin: 20px 0;
}

.page.evenements section.evenement article:nth-child(odd) {
  padding-right: 20px;
}

.page.evenements section.evenement article:nth-child(even) {
  padding-left: 20px;
}

.page.evenements section.evenement article a.event-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: #0b283d;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding-bottom: 40px;
  border-bottom: 1px solid #e2e2e2;
}

.page.evenements section.evenement article a.event-content:hover {
  color: #030c12;
}

.page.evenements section.evenement article a.event-content:hover .teaser-content {
  opacity: 0.8;
}

.page.evenements section.evenement article a.event-content .date-debut {
  margin-right: 30px;
  line-height: 1;
}

.page.evenements section.evenement article a.event-content .date-debut .day {
  font-family: "open_sansbold";
  font-size: 55px;
  text-align: center;
}

.page.evenements section.evenement article a.event-content .date-debut .month {
  font-family: "open_sansbold";
  font-size: 28px;
  text-align: center;
}

.page.evenements section.evenement article a.event-content .dates-between .date-debut,
.page.evenements section.evenement article a.event-content .dates-between .date-fin {
  margin-right: 30px;
  line-height: 1;
}

.page.evenements section.evenement article a.event-content .dates-between .date-debut .day,
.page.evenements section.evenement article a.event-content .dates-between .date-fin .day {
  font-family: "open_sansbold";
  font-size: 34px;
  text-align: center;
}

.page.evenements section.evenement article a.event-content .dates-between .date-debut .month,
.page.evenements section.evenement article a.event-content .dates-between .date-fin .month {
  font-family: "open_sansbold";
  font-size: 20px;
  text-align: center;
}

.page.evenements section.evenement article a.event-content .dates-between .date-debut {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 7px;
}

.page.evenements section.evenement article a.event-content .dates-between .date-debut:after {
  content: '';
  position: absolute;
  height: 2px;
  background-color: #0b283d;
  width: 8px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.page.evenements section.evenement article a.event-content .teaser-content {
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.page.evenements section.evenement article a.event-content .teaser-content h3 {
  font-family: "open_sansbold";
  font-size: 18px;
  margin: 0 0 10px 0;
}

.page.evenements section.evenement article a.event-content .teaser-content .txt,
.page.evenements section.evenement article a.event-content .teaser-content .txt p {
  font-size: 15px;
  text-align: justify;
  font-family: "open_sansregular";
  line-height: 1.4em;
}

/* CONTACT */

section.contact form label {
  display: none;
  color: #666666;
  padding-bottom: 5px;
}

section.contact form p {
  width: 96%;
  margin: 10px 0 20px 0;
}

section.contact form p.demi {
  display: inline-block;
  width: 45%;
  margin-right: 3%;
}

section.contact form p.demi:nth-child(even) {
  margin-left: 3%;
  margin-right: inherit;
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  section.contact form p.demi {
    width: 96%;
    margin-right: 0;
  }

  section.contact form p.demi:nth-child(even) {
    margin-left: 0;
  }
}

section.contact form p.textarea {
  margin-top: 35px;
}

section.contact form p.textarea label {
  display: block;
}

section.contact form p.submit input {
  border: 1px solid #ffd003;
  color: #0b283d;
  display: block;
  width: auto;
  margin: 10px 0;
  margin-left: 50%;
  background-color: transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 8px 20px;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "open_sansextrabold";
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition: all 0.4s ease;
}

section.contact form p.submit input:hover {
  color: #FFF;
  background-color: #0b283d;
  border-color: #0b283d;
  cursor: pointer;
}

section.contact form input,
section.contact form textarea {
  width: 100%;
  border-bottom: 2px solid #005679;
  padding: 5px;
  font-family: "open_sanssemibold";
  color: #666666;
}

section.contact form textarea {
  border: 2px solid #005679;
  padding: 5px;
  min-height: 200px;
}

section.contact .colRight {
  color: #e90f1e;
  font-size: 1.2em;
}

/* EXTRANET */

/* LOGIN */

form.login {
  font-size: 1.4em;
  color: #94a8b1;
}

form.login p {
  margin: 20px 0;
}

form.login p label {
  width: 20%;
  display: inline-block;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  form.login p label {
    display: block;
    width: 100%;
  }
}

form.login p input {
  width: 80%;
  border: 1px solid #94a8b1;
  padding: 10px;
  color: #94a8b1;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  form.login p input {
    width: 100%;
  }
}

form.login p.submit {
  padding-left: 20%;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  form.login p.submit {
    padding-left: 0;
  }
}

form.login p.submit input {
  width: 100%;
  border: none;
  padding: 20px 0;
  background: #94a8b1;
  color: #FFF;
  cursor: pointer;
  text-align: center;
}

form.login a.forget {
  display: inline-block;
  margin-left: 20%;
  font-size: 0.9em;
  color: #94a8b1;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  form.login a.forget {
    margin-left: 0;
    display: block;
    text-align: center;
  }
}

/* DOCUMENTATION */

section.documentation .contenu .colLeft {
  margin-top: 0;
  padding: 0;
  background: none;
}

section.documentation .contenu .colLeft aside {
  padding: 20px 25px;
  background-color: #eaeae1;
  margin: 0 0 15px 0;
}

section.documentation .contenu .colLeft aside.doc_generale {
  background: #FFF;
  padding: 2% 0;
}

section.documentation .contenu .colLeft aside.doc_generale article {
  width: 100%;
  font-size: 1.0em;
}

section.documentation aside.search h2 {
  display: inline-block;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
}

section.documentation aside.search h2:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90px;
  height: 2px;
  background-color: #ffd003;
}

section.documentation aside.search p {
  margin: 10px 0;
}

section.documentation aside.search p.submit {
  text-align: center;
  margin: 20px 0;
}

section.documentation aside.search p.submit input {
  border: none;
  border-radius: 10px;
  background: #94a8b1;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  padding: 5px;
  width: auto;
  cursor: pointer;
  font-size: 0.9em;
}

section.documentation aside.search input,
section.documentation aside.search select {
  border: 1px solid #666666;
  padding: 3px;
  width: 100%;
  background: none;
  color: #666666;
}

section.documentation aside.search select:disabled {
  opacity: 0.5;
}

section.documentation article {
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  margin: 0;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  section.documentation article {
    width: 100%;
  }
}

section.documentation article:first-child {
  border-top: 1px solid #666666;
}

section.documentation article.pdf a {
  background: url(/app/themes/uimm-mp/dist/images/icone_pdf.png?fe44cf912ab27b222df8765389d98b8f) no-repeat 95% center;
}

section.documentation article.word a {
  background: url(/app/themes/uimm-mp/dist/images/icone_word.png?282eb70553da07b37c501bf5a93b8714) no-repeat 95% center;
}

section.documentation article.excel a {
  background: url(/app/themes/uimm-mp/dist/images/icone_excel.png?bb620dacf92cd9a8c6e04f048b27fe1c) no-repeat 95% center;
}

section.documentation article.powerpoint a {
  background: url(/app/themes/uimm-mp/dist/images/icone_ppt.png?c489a7989c04a910a2c538d5dfb44def) no-repeat 95% center;
}

section.documentation article a {
  display: block;
  padding: 2% 20% 2% 2%;
  text-decoration: none;
  color: #666666;
  font-size: 1.2em;
}

section.documentation article a span {
  display: block;
  color: #94a8b1;
  font-size: 0.8em;
  font-family: "open_sansextrabold";
}

section.documentation article a:hover {
  background-color: #eaeae1;
}

/* SURCHARGE COULEURS */

section.color_extranet nav {
  background-color: #94a8b1;
}

section.color_extranet nav .select {
  margin-bottom: 30px;
}

section.color_extranet nav .select span.fleche {
  background-color: #94a8b1;
}

.row {
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  padding: 0 10px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  font-size: 1rem;
}

.col-0 {
  display: none;
}

.col-1 {
  width: calc(100% / 12);
}

.col-2 {
  width: calc(100% / 12  * 2);
}

.col-3 {
  width: calc(100% / 12  * 3);
}

.col-4 {
  width: calc(100% / 12  * 4);
}

.col-5 {
  width: calc(100% / 12  * 5);
}

.col-6 {
  width: calc(100% / 12  * 6);
}

.col-7 {
  width: calc(100% / 12  * 7);
}

.col-8 {
  width: calc(100% / 12  * 8);
}

.col-9 {
  width: calc(100% / 12  * 9);
}

.col-10 {
  width: calc(100% / 12  * 10);
}

.col-11 {
  width: calc(100% / 12  * 11);
}

.col-12 {
  width: 100%;
}

.offset-1 {
  margin-left: calc(100% / 12);
}

.offset-2 {
  margin-left: calc(100% / 12 * 2);
}

.offset-3 {
  margin-left: calc(100% / 12 * 3);
}

.offset-4 {
  margin-left: calc(100% / 12 * 4);
}

.offset-5 {
  margin-left: calc(100% / 12 * 5);
}

.offset-6 {
  margin-left: calc(100% / 12 * 6);
}

.offset-7 {
  margin-left: calc(100% / 12 * 7);
}

.offset-8 {
  margin-left: calc(100% / 12 * 8);
}

.offset-9 {
  margin-left: calc(100% / 12 * 9);
}

.offset-10 {
  margin-left: calc(100% / 12 * 10);
}

.offset-11 {
  margin-left: calc(100% / 12 * 11);
}

@media only screen and (max-width: 1024px) {
  .m-col-0 {
    display: none;
  }

  .m-col-1 {
    width: calc(100% / 12);
  }

  .m-col-2 {
    width: calc(100% / 12  * 2);
  }

  .m-col-3 {
    width: calc(100% / 12  * 3);
  }

  .m-col-4 {
    width: calc(100% / 12  * 4);
  }

  .m-col-5 {
    width: calc(100% / 12  * 5);
  }

  .m-col-6 {
    width: calc(100% / 12  * 6);
  }

  .m-col-7 {
    width: calc(100% / 12  * 7);
  }

  .m-col-8 {
    width: calc(100% / 12  * 8);
  }

  .m-col-9 {
    width: calc(100% / 12  * 9);
  }

  .m-col-10 {
    width: calc(100% / 12  * 10);
  }

  .m-col-11 {
    width: calc(100% / 12  * 11);
  }

  .m-col-12 {
    width: 100%;
  }

  .m-offset-0 {
    margin-left: 0;
  }

  .m-offset-1 {
    margin-left: calc(100% / 12);
  }

  .m-offset-2 {
    margin-left: calc(100% / 12 * 2);
  }

  .m-offset-3 {
    margin-left: calc(100% / 12 * 3);
  }

  .m-offset-4 {
    margin-left: calc(100% / 12 * 4);
  }

  .m-offset-5 {
    margin-left: calc(100% / 12 * 5);
  }

  .m-offset-6 {
    margin-left: calc(100% / 12 * 6);
  }

  .m-offset-7 {
    margin-left: calc(100% / 12 * 7);
  }

  .m-offset-8 {
    margin-left: calc(100% / 12 * 8);
  }

  .m-offset-9 {
    margin-left: calc(100% / 12 * 9);
  }

  .m-offset-10 {
    margin-left: calc(100% / 12 * 10);
  }

  .m-offset-11 {
    margin-left: calc(100% / 12 * 11);
  }
}

@media only screen and (max-width: 1023px) {
  .s-col-0 {
    display: none;
  }

  .s-col-1 {
    width: calc(100% / 12);
  }

  .s-col-2 {
    width: calc(100% / 12  * 2);
  }

  .s-col-3 {
    width: calc(100% / 12  * 3);
  }

  .s-col-4 {
    width: calc(100% / 12  * 4);
  }

  .s-col-5 {
    width: calc(100% / 12  * 5);
  }

  .s-col-6 {
    width: calc(100% / 12  * 6);
  }

  .s-col-7 {
    width: calc(100% / 12  * 7);
  }

  .s-col-8 {
    width: calc(100% / 12  * 8);
  }

  .s-col-9 {
    width: calc(100% / 12  * 9);
  }

  .s-col-10 {
    width: calc(100% / 12  * 10);
  }

  .s-col-11 {
    width: calc(100% / 12  * 11);
  }

  .s-col-12 {
    width: 100%;
  }

  .s-offset-0 {
    margin-left: 0;
  }

  .s-offset-1 {
    margin-left: calc(100% / 12);
  }

  .s-offset-2 {
    margin-left: calc(100% / 12 * 2);
  }

  .s-offset-3 {
    margin-left: calc(100% / 12 * 3);
  }

  .s-offset-4 {
    margin-left: calc(100% / 12 * 4);
  }

  .s-offset-5 {
    margin-left: calc(100% / 12 * 5);
  }

  .s-offset-6 {
    margin-left: calc(100% / 12 * 6);
  }

  .s-offset-7 {
    margin-left: calc(100% / 12 * 7);
  }

  .s-offset-8 {
    margin-left: calc(100% / 12 * 8);
  }

  .s-offset-9 {
    margin-left: calc(100% / 12 * 9);
  }

  .s-offset-10 {
    margin-left: calc(100% / 12 * 10);
  }

  .s-offset-11 {
    margin-left: calc(100% / 12 * 11);
  }
}

@media only screen and (max-width: 767px) {
  .xs-col-0 {
    display: none;
  }

  .xs-col-1 {
    width: calc(100% / 12);
  }

  .xs-col-2 {
    width: calc(100% / 12  * 2);
  }

  .xs-col-3 {
    width: calc(100% / 12  * 3);
  }

  .xs-col-4 {
    width: calc(100% / 12  * 4);
  }

  .xs-col-5 {
    width: calc(100% / 12  * 5);
  }

  .xs-col-6 {
    width: calc(100% / 12  * 6);
  }

  .xs-col-7 {
    width: calc(100% / 12  * 7);
  }

  .xs-col-8 {
    width: calc(100% / 12  * 8);
  }

  .xs-col-9 {
    width: calc(100% / 12  * 9);
  }

  .xs-col-10 {
    width: calc(100% / 12  * 10);
  }

  .xs-col-11 {
    width: calc(100% / 12  * 11);
  }

  .xs-col-12 {
    width: 100%;
  }

  .xs-offset-0 {
    margin-left: 0;
  }

  .xs-offset-1 {
    margin-left: calc(100% / 12);
  }

  .xs-offset-2 {
    margin-left: calc(100% / 12 * 2);
  }

  .xs-offset-3 {
    margin-left: calc(100% / 12 * 3);
  }

  .xs-offset-4 {
    margin-left: calc(100% / 12 * 4);
  }

  .xs-offset-5 {
    margin-left: calc(100% / 12 * 5);
  }

  .xs-offset-6 {
    margin-left: calc(100% / 12 * 6);
  }

  .xs-offset-7 {
    margin-left: calc(100% / 12 * 7);
  }

  .xs-offset-8 {
    margin-left: calc(100% / 12 * 8);
  }

  .xs-offset-9 {
    margin-left: calc(100% / 12 * 9);
  }

  .xs-offset-10 {
    margin-left: calc(100% / 12 * 10);
  }

  .xs-offset-11 {
    margin-left: calc(100% / 12 * 11);
  }
}

#get-grid {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 9999;
  pointer-events: none;
}

#get-grid > div {
  margin: 0 10px;
  position: relative;
  width: calc(100% - 20px);
}

#get-grid > div > span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(239, 164, 84, 0.51);
  display: block;
}

header {
  padding-right: 40px;
  z-index: 301;
}

header .menu_mobile {
  margin: 35px 35px 2px 0;
  position: relative;
  z-index: 2;
}

header .logo {
  left: 20px;
  width: calc(100% / 12 - 20px);
}

header .logo img {
  width: 100%;
  margin: 0 auto;
}

header nav {
  font-size: 0;
  text-align: right;
}

header nav ul {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  float: none;
  text-align: left;
  width: auto;
}

header nav ul li a {
  font-size: 17px;
}

header nav ul.extranet {
  width: auto;
  margin: 0 0 0 10px;
}

header nav ul.extranet a {
  background: transparent;
  padding: 27px 5px;
  color: #0b283d;
}

header nav ul.extranet li:last-child a {
  color: #e2051b;
}

header nav ul.extranet li:last-child::after {
  border-top-color: #e2051b;
}

header nav > div {
  display: inline-block;
  vertical-align: top;
  float: none;
  text-align: left;
}

.home .more {
  display: block;
  margin: 35px 0 0 0;
  padding: 2px 0 2px 30px;
  color: #0b283d;
  font-size: 15px;
  font-family: "open_sansregular";
  background: url(/app/themes/uimm-mp/dist/images/more.png?2ed8477d4bb11760c6e6ad55d71de512) left center no-repeat;
}

.home .cta {
  display: inline-block;
  margin: 35px 0 0 0;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 2px solid #ffd003;
  padding: 12px 10px;
  text-transform: uppercase;
  color: #0b283d;
  font-family: "open_sansbold";
  font-size: 13px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.home .cta:hover {
  color: #000;
  background-color: #ffd003;
}

.home header {
  background: transparent;
}

.home header::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 120%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
  z-index: -1;
}

.home header .menu_mobile {
  color: #FFF;
  font-size: 10px;
  background-image: url(/app/themes/uimm-mp/dist/images/picto_menu_home.png?d6671b4669ce7537cd11200354ee85a9);
}

.home header .menu_mobile.actif {
  background-image: url(/app/themes/uimm-mp/dist/images/menu_close.png?ef982860e140f617ef9e73d2d5d17d9b);
  color: #0b283d;
}

.home header ul#menu-menu-secondaire {
  margin: 20px 0 20px 0;
}

.home header ul#menu-menu-secondaire li a {
  color: #FFF;
  padding: 0 8px;
  font-size: 14px;
}

.home header ul {
  /* margin: 20px 0;*/
  margin: 0 0 20px 0;
}

.home header ul li a {
  color: #FFF;
}

.home header ul li.yellow a {
  color: #ffd003;
}

.home header ul li.yellow::after {
  border-top-color: #ffd003;
}

.home #intro {
  position: relative;
  height: 100vh;
  padding: 0 10px;
  z-index: 1;
  overflow: hidden;
}

.home #intro > div {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 0;
  height: 60vh;
  padding: 0;
}

.home #intro > div .swiper-wrapper {
  height: 100%;
  -webkit-transition-timing-function: cubic-bezier(0.35, 0.57, 0, 0.99);
          transition-timing-function: cubic-bezier(0.35, 0.57, 0, 0.99);
}

.home #intro > div .swiper-wrapper .swiper-slide {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.home #intro > div .text-container {
  display: inline-block;
  vertical-align: top;
  width: 30%;
}

.home #intro > div .text-container h1 {
  font-size: 51px;
  border-bottom: 3px solid #ffd003;
  padding: 0 0 45px 0;
  margin: 0 0 35px 0;
  color: #FFF;
}

.home #intro > div .text-container p {
  font-size: 20px;
  font-family: "open_sansregular";
  color: #FFF;
}

.home #intro > div .img-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
}

.home #intro > div .img-container img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

.home #intro > div.pagination {
  position: absolute;
  top: 90vh;
  right: calc(100% / 12);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: auto;
}

.home #intro > div.pagination span {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  border: 2px solid #FFF;
  border-radius: 50%;
  margin: 0 12px;
  cursor: pointer;
}

.home #intro > div.pagination span.swiper-active-switch {
  border-color: #ffd003;
}

.home #intro > div.background {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');
}

.home #intro > div.background img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  display: none;
}

.home #intro > div.background img:first-child {
  display: block;
}

.home #intro > div.background canvas {
  width: 100% !important;
  height: 100% !important;
}

.home #intro > div.next {
  position: absolute;
  top: 50%;
  right: calc(100% / 24);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 16px;
  height: 33px;
  cursor: pointer;
}

.home #intro > div.next::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(45deg) translate(0%, 50%);
          transform: rotate(45deg) translate(0%, 50%);
  height: 16px;
  width: 16px;
  border-right: 2px solid #ffd003;
  border-top: 2px solid #ffd003;
}

.home #intro > div.scroll {
  position: absolute;
  left: 50%;
  top: auto;
  bottom: 30px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border: 2px solid #ffd003;
  border-radius: 12px;
  height: 33px;
  width: 20px;
  cursor: pointer;
}

.home #intro > div.scroll > div {
  position: absolute;
  left: 50%;
  top: 7px;
  height: 5px;
  width: 5px;
  background: #ffd003;
  border-radius: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-animation: scrollDown 8s ease-in infinite;
          animation: scrollDown 8s ease-in infinite;
}

@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  4% {
    -webkit-transform: translate(-50%, 5px);
            transform: translate(-50%, 5px);
  }

  8% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@keyframes scrollDown {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  4% {
    -webkit-transform: translate(-50%, 5px);
            transform: translate(-50%, 5px);
  }

  8% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.home section {
  color: #0b283d;
  padding: 100px 10px 125px;
  height: auto;
}

.home section h2 {
  text-transform: uppercase;
  color: #0b283d;
  font-size: 35px;
  font-family: "open_sansbold";
}

.home section h3 {
  font-size: 20px;
  font-family: "open_sansbold";
  margin: 0 0 45px 0;
}

.home section#news-events .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.home section#news-events .news,
.home section#news-events .events {
  width: 50%;
}

.home section .news,
.home section .events {
  position: relative;
}

.home section .news h2::before,
.home section .events h2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -40px;
  background: url(/app/themes/uimm-mp/dist/images/picto-actualites.png?6a24b570b036a7eab326254a049ff3ca) left center no-repeat;
  height: 98px;
  width: 98px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.home section .news h2,
.home section .events h2 {
  padding-left: 110px;
}

.home section .news .cta,
.home section .events .cta {
  margin: 50px 0 0 0;
}

.home section .news h2 {
  margin-bottom: 60px;
}

.home section .news a.article-link {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 3;
}

.home section .news h3 {
  font-size: 18px;
  font-family: "open_sanssemibold";
  margin-bottom: 0;
}

.home section .news .time {
  font-family: "open_sanslight";
  font-size: 15px;
  margin: 0 0 5px 0;
  display: block;
}

.home section .news .slider--actualites {
  position: relative;
  height: auto;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.43);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.43);
}

@media (min-width: 1400px) {
  .home section .news .slider--actualites {
    max-width: 70%;
  }
}

@media (min-width: 1600px) {
  .home section .news .slider--actualites {
    max-width: 481px;
  }
}

@media (max-width: 768px) {
  .home section .news .slider--actualites {
    max-width: 481px;
  }
}

.home section .news .slider--actualites .swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  z-index: 999;
  height: auto;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .home section .news .slider--actualites .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.home section .news .slider--actualites .swiper-pagination .swiper-pagination-switch {
  position: relative;
  margin: 0 5px;
}

.home section .news .slider--actualites .swiper-pagination .swiper-pagination-switch:after {
  content: '';
  display: block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: 2px solid #c5c5c5;
  background-color: transparent;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.home section .news .slider--actualites .swiper-pagination .swiper-pagination-switch.swiper-active-switch:after {
  border-color: #ffd003;
}

.home section .news .slider--actualites .swiper-pagination .swiper-pagination-switch:hover:after {
  border-color: #525252;
  background-color: #e9e9e9;
  cursor: pointer;
}

.home section .news .swiper-button-prev,
.home section .news .swiper-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 16px;
  height: 33px;
  cursor: pointer;
  z-index: 5;
}

.home section .news .swiper-button-prev::before,
.home section .news .swiper-button-next::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg) translate(0%, 50%);
          transform: rotate(45deg) translate(0%, 50%);
  height: 16px;
  width: 16px;
}

@media (max-width: 768px) {
  .home section .news .swiper-button-prev,
  .home section .news .swiper-button-next {
    display: none;
  }
}

.home section .news .swiper-button-prev {
  left: calc(-100% / 24 - 30px);
}

.home section .news .swiper-button-prev::before {
  left: 0;
  border-left: 2px solid #0b283d;
  border-bottom: 2px solid #0b283d;
}

.home section .news .swiper-button-next {
  right: calc(-100% / 24 - 30px);
}

.home section .news .swiper-button-next::before {
  left: 0;
  border-right: 2px solid #0b283d;
  border-top: 2px solid #0b283d;
}

.home section .news .actualites .actualite {
  position: relative;
}

.home section .news .actualites .actualite:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: black;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 212, 255, 0)));
  background: linear-gradient(0deg, black 0%, rgba(0, 212, 255, 0) 100%);
}

.home section .news .actualites .actualite .visuel {
  overflow: hidden;
}

.home section .news .actualites .actualite .visuel img.visuel-actualite-teaser {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.home section .news .actualites .actualite .infos {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  z-index: 2;
}

.home section .news .actualites .actualite:hover .visuel img.visuel-actualite-teaser {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media (min-width: 1600px) {
  .home section .news .align-cta {
    max-width: 481px;
  }
}

@media (max-width: 768px) {
  .home section .news .align-cta .cta {
    margin: 70px 0 0 0;
  }
}

.home section .events h2 {
  margin-bottom: 100px;
}

.home section .events h2::before {
  background-image: url(/app/themes/uimm-mp/dist/images/picto-evenement.png?907892592902e9f7ec30f29a8aa16a77);
}

.home section .events .evenements .evenement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home section .events .evenements .evenement .date-debut {
  margin-right: 30px;
  line-height: 1;
}

.home section .events .evenements .evenement .date-debut .day {
  font-family: "open_sansbold";
  font-size: 55px;
  text-align: center;
}

.home section .events .evenements .evenement .date-debut .month {
  font-family: "open_sansbold";
  font-size: 28px;
  text-align: center;
}

.home section .events .evenements .evenement .teaser-content {
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
}

.home section .events .evenements .evenement .teaser-content h3 {
  font-size: 18px;
  margin: 0 0 10px 0;
}

.home section .events .evenements .evenement .teaser-content .txt {
  font-size: 15px;
  text-align: justify;
}

.home section .events .evenements .evenement .teaser-content h3,
.home section .events .evenements .evenement .teaser-content .txt {
  -webkit-transform: all 0.4s ease;
          transform: all 0.4s ease;
}

.home section .events .evenements .evenement .teaser-content a {
  color: #0b283d;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.home section .events .evenements .evenement .teaser-content a:hover {
  color: #030c12;
}

.home section .events .evenements .evenement .teaser-content a:hover h3,
.home section .events .evenements .evenement .teaser-content a:hover .txt {
  opacity: 0.8;
}

.home section .events .evenements .evenement:first-of-type {
  padding-bottom: 30px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 30px;
}

.home section p {
  font-size: 15px;
  font-family: "open_sansregular";
  line-height: 1.4em;
}

.home section .card {
  -webkit-box-shadow: 0 15px 17px 0 rgba(165, 188, 226, 0.38);
          box-shadow: 0 15px 17px 0 rgba(165, 188, 226, 0.38);
  background: #FFF;
  position: relative;
}

.home section .card .img {
  position: relative;
}

.home section .card .img::before {
  content: '';
  display: block;
  padding-top: 20%;
}

.home section .card .img::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -5px;
  height: 5px;
  width: 30%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: #ffd003;
}

.home section .card .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

.home section .card .txt {
  padding: 30px 40px;
}

.home section .card .day {
  position: absolute;
  right: 17px;
  bottom: 14px;
  font-size: 35px;
  z-index: 1;
}

.home section .card .month {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 2px solid #ffd003;
  height: 100px;
  width: 100px;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
  z-index: -1;
}

.home section .card .month span {
  position: absolute;
  right: 4px;
  bottom: 2px;
  font-size: 13px;
  font-family: "open_sansbold";
  text-transform: uppercase;
}

.home section#needs {
  background: #ffe369;
  height: auto;
  padding: 100px 10px 125px;
  overflow: hidden;
  z-index: 1;
}

.home section#needs::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 120%;
  width: 200%;
  -webkit-box-shadow: 0 2px 117px 0 #FFD41A;
          box-shadow: 0 2px 117px 0 #FFD41A;
  -webkit-transform: translate(-50%, -50%) rotate(30deg);
          transform: translate(-50%, -50%) rotate(30deg);
  z-index: -1;
}

.home section#needs h2 {
  color: #211e05;
  text-transform: none;
}

.home section#needs .sub-title {
  font-size: 20px;
  text-transform: none;
}

.home section#needs .card-container {
  font-size: 0;
  margin: 45px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.home section#needs .card-container .card {
  padding: 40px 30px;
  background: #FFF;
  width: calc(50% - 20px);
  -webkit-box-shadow: 0 15px 17px 0 #f0c100;
          box-shadow: 0 15px 17px 0 #f0c100;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 25px 10px;
  background: #FFF url(/app/themes/uimm-mp/dist/images/picto-recrutement.png?0156d83d646d4e253f02aa912035d917) right 50px top 35px no-repeat;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.home section#needs .card-container .card:nth-child(odd) {
  margin: 0 10px 25px 0;
}

.home section#needs .card-container .card h3 {
  text-transform: uppercase;
  margin: 0 0 20px 0;
  width: 75%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.home section#needs .card-container .card h3::before {
  content: '';
  display: block;
  width: 100px;
  height: 3px;
  background: #ffd003;
  margin: 30px 0;
}

.home section#needs .card-container .card p {
  width: 75%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.home section#needs .card-container .card a {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.home section#needs .card-container .card .more {
  float: right;
}

.home section#needs .card-container .card.recrutement {
  background: #FFF url(/app/themes/uimm-mp/dist/images/picto-besoin-competences-industrie.png?50bac1419f47e382263222cc353a34e7) right 50px top 35px no-repeat;
}

.home section#needs .card-container .card.conseils {
  background-image: url(/app/themes/uimm-mp/dist/images/picto-conseil.png?2f60d76d363c3c12f970afea80a5ddcf);
}

.home section#needs .card-container .card.developpement {
  background-image: url(/app/themes/uimm-mp/dist/images/picto-developper.png?ca066fc77f1b377788b881303494d854);
}

.home section#needs .card-container .card.formations {
  background-image: url(/app/themes/uimm-mp/dist/images/picto-formations-professionnelles.png?9491750229e1ab185b63d18604c62cbf);
}

.home section#needs .card-container .card:hover {
  background-color: #0b283d;
}

.home section#needs .card-container .card:hover h3,
.home section#needs .card-container .card:hover a {
  color: #FFF;
}

.home section#needs .card-container .card:hover.recrutement {
  background-image: url(/app/themes/uimm-mp/dist/images/picto-besoin-competences-industrie-rollover.png?22da4863ee242f798c1e8e3d4f065b35);
}

.home section#needs .card-container .card:hover.conseils {
  background-image: url(/app/themes/uimm-mp/dist/images/picto-conseil-rollover.png?66dc456ca6c34e8aae83290a15b5e0c8);
}

.home section#needs .card-container .card:hover.developpement {
  background-image: url(/app/themes/uimm-mp/dist/images/picto-developper-rollover.png?1661459734db146acb750103240e0d38);
}

.home section#needs .card-container .card:hover.formations {
  background-image: url(/app/themes/uimm-mp/dist/images/picto-formations-professionnelles-rollover.png?3cde57dfbe280d4bc697c7dd090ef79a);
}

.home section#social h2 {
  width: 40%;
  text-transform: none;
}

.home section#social .wall {
  margin: 45px 0 0 0;
  font-size: 0;
}

.home section#social .wall .linkedin,
.home section#social .wall .twitter,
.home section#social .wall .youtube {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  margin: 0 10% 0 0;
}

.home section#social .wall .linkedin h3,
.home section#social .wall .twitter h3,
.home section#social .wall .youtube h3 {
  font-size: 15px;
  color: #16527e;
  line-height: 3em;
  margin: 0 0 15px 0;
}

.home section#social .wall .linkedin a,
.home section#social .wall .twitter a,
.home section#social .wall .youtube a {
  display: block;
  border-top: 3px solid #16527e;
  padding: 45px 0;
  position: relative;
  color: #0b283d;
}

.home section#social .wall .linkedin a::before,
.home section#social .wall .twitter a::before,
.home section#social .wall .youtube a::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  height: 27px;
  width: 27px;
  background: url(/app/themes/uimm-mp/dist/images/logo-linkedin.png?f5b1589d7448ccf3ce04f5869f58fba0) left top no-repeat;
}

.home section#social .wall .linkedin a img,
.home section#social .wall .twitter a img,
.home section#social .wall .youtube a img {
  width: 100%;
  height: auto;
  margin: 10px 0 25px 0;
}

.home section#social .wall .twitter h3 {
  color: #a9cbfa;
}

.home section#social .wall .twitter a {
  border-top-color: #a9cbfa;
}

.home section#social .wall .twitter a::before {
  background-image: url(/app/themes/uimm-mp/dist/images/logo-twitter.png?39db375c480b6724eb627128af1f150e);
}

.home section#social .wall .twitter a a {
  font-family: "open_sanssemibold";
  color: #0b283d;
}

.home section#social .wall .youtube h3 {
  color: #e2051b;
}

.home section#social .wall .youtube a {
  border-top-color: #e2051b;
}

.home section#social .wall .youtube a::before {
  background-image: url(/app/themes/uimm-mp/dist/images/logo-youtube.png?12c98b70d79c398aa567592a9f8d0f14);
}

.home section#social .wall .youtube a a {
  font-family: "open_sanssemibold";
  color: #0b283d;
}

.home section#social .wall .compteur {
  display: inline-block;
  vertical-align: top;
  width: 10%;
  margin: 0;
}

.home section#social .wall .compteur > div {
  margin: 50px 0 0 0;
}

.home section#social .wall .compteur > div .compteur {
  font-size: 25px;
  color: #16527e;
  line-height: 1.76em;
  display: block;
  font-family: "open_sanssemibold";
}

.home section#social .wall .compteur > div.tw .compteur {
  color: #a9cbfa;
}

.home section#social .wall .compteur > div.yt .compteur {
  color: #e2051b;
}

.home section#bandeau-adherent {
  background: #ffe369;
  height: auto;
  padding: 60px 10px 60px;
  overflow: hidden;
  z-index: 1;
}

.home section#bandeau-adherent::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 194%;
  width: 200%;
  -webkit-box-shadow: 0 2px 117px 0 #FFD41A;
          box-shadow: 0 2px 117px 0 #FFD41A;
  -webkit-transform: translate(-50%, -50%) rotate(30deg);
          transform: translate(-50%, -50%) rotate(30deg);
  z-index: -1;
}

.home section#bandeau-adherent h2 {
  text-align: center;
  margin-bottom: 45px;
}

.home section#bandeau-adherent .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.home section#bandeau-adherent .col {
  width: 50%;
}

.home section#bandeau-adherent .col.zone-video iframe {
  -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.43);
          box-shadow: 0 0 13px rgba(0, 0, 0, 0.43);
}

.home section#bandeau-adherent .col.zone-texte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 65px;
}

.home section#bandeau-adherent .col.zone-texte .legende {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.home section#bandeau-adherent .col.zone-texte .legende p {
  font-size: 17px;
  margin: 0;
}

.home section#bandeau-adherent .col.zone-texte .legende:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 93px;
  height: 3px;
  background-color: #FFF;
}

.home section#bandeau-adherent .col.zone-texte .description p {
  font-size: 14px;
}

.home footer {
  position: relative;
}

.ie .home .background::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.75;
  z-index: 10;
}

@media only screen and (min-width: 1440px) {
  .home #intro > div .text-container h1 {
    font-size: 71px;
  }
}

@media (min-width: 993px) and (max-height: 600px) {
  .home #intro {
    height: 137vh;
  }
}

@media (max-width: 1600px) {
  .home section#news-events .news {
    width: 55%;
  }

  .home section#news-events .news .slider--actualites,
  .home section#news-events .news .align-cta {
    max-width: 82%;
  }

  .home section#news-events .events {
    width: 45%;
  }

  .home section#bandeau-adherent .col {
    width: 50%;
  }

  .home section#bandeau-adherent .col.zone-video iframe {
    max-width: 100%;
  }

  .home section#bandeau-adherent .col.zone-texte {
    padding-left: 30px;
  }

  .home section#bandeau-adherent .col.zone-texte .description p {
    line-height: 1.4em;
  }

  #bandeau-actus-adherent .line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 80px;
  }

  #bandeau-actus-adherent .line .col {
    width: 100%;
  }

  #bandeau-actus-adherent h2 {
    font-size: 32px;
    max-width: 601px;
    margin-left: auto;
    margin-right: auto;
  }

  #bandeau-actus-adherent .adherent-prefooter {
    margin-top: 80px;
    display: block;
  }

  #bandeau-actus-adherent .adherent-prefooter iframe {
    max-width: 481px;
    width: 600px !important;
  }
}

@media (max-width: 1600px) and (min-width: 993px) {
  #bandeau-actus-adherent .adherent-prefooter iframe {
    height: 335px !important;
  }
}

@media (max-width: 1600px) and (max-width: 768px) {
  #bandeau-actus-adherent .adherent-prefooter iframe {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 1401px) {
  .home section {
    padding: 80px 10px 60px;
  }

  .home section#needs {
    padding: 80px 10px 60px;
  }

  .home section#news-events {
    padding-bottom: 50px;
  }

  .home section#news-events .news {
    width: 58%;
  }

  .home section#news-events .events {
    width: 45%;
  }

  .home section#news-events .events .evenements .evenement .date-debut {
    margin-right: 20px;
  }

  .home section#news-events .events .evenements .evenement .date-debut .day {
    font-size: 45px;
  }

  .home section#news-events .events .evenements .evenement .date-debut .month {
    font-size: 24px;
  }

  .home section#news-events .events .evenements .evenement .teaser-content h3 {
    font-size: 17px;
  }

  .home section#news-events .events .evenements .evenement .teaser-content .txt,
  .home section#news-events .events .evenements .evenement .teaser-content .txt p {
    font-size: 14px !important;
  }
}

@media (max-width: 1400px) {
  .home section .news {
    width: 600px;
    margin-bottom: 80px;
  }

  .home section .events {
    width: 100%;
  }

  .home section .events h2 {
    margin-bottom: 45px;
  }

  /* PAGES INTERIEURES */

  .page section article.page-content .blocs-cols .bloc-contenu-col {
    width: 49%;
  }

  .page section article.page-content .zone-chiffres-carte {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles,
  .page section article.page-content .zone-chiffres-carte .carte {
    width: 100%;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc {
    padding: 20px 15px;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos .chiffre-cle {
    font-size: 28px;
  }
}

@media (max-width: 1200px) {
  .home section {
    padding: 30px 10px 60px;
  }

  .home section#needs {
    padding: 60px 10px 60px;
  }

  .home section#news-events .line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .home section#news-events .news,
  .home section#news-events .events {
    width: 100%;
    margin: 60px auto 30px;
  }

  .home section#news-events .news .slider--actualites,
  .home section#news-events .news .align-cta {
    margin: 0 auto;
  }

  .home section#news-events .events {
    margin-bottom: 0;
  }

  .home section#bandeau-adherent .col.zone-texte {
    padding-right: 30px;
  }

  footer .sociaux li {
    margin: 0 5px;
  }

  footer #prefooter .line {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  footer #prefooter .texte {
    width: 100%;
  }

  footer #prefooter .texte p {
    padding-right: 0;
  }

  footer #prefooter .zone-rs-contact {
    width: 50%;
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
    padding-right: 0;
    margin-top: 50px;
  }

  footer #prefooter .zone-logo-prefooter {
    margin-top: 50px;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  /* PAGES INTERIEURES */

  .page section article.page-content img:not(.picto) {
    max-width: 100%;
    height: auto;
  }

  .page section article.page-content img.picto {
    max-width: 100%;
    width: auto;
  }

  .page section article.page-content iframe {
    max-width: 100%;
  }

  /* PAGE LISTE DES ACTUALITES (OP) */

  .blog section.actualite .news_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .blog section.actualite article {
    border-bottom: none;
  }

  .blog section.actualite article:nth-child(odd) {
    padding-right: 15px;
  }

  .blog section.actualite article:nth-child(even) {
    padding-left: 15px;
  }

  /* PAGE LISTE DES EVENEMENTS */

  .page.evenements section.evenement .events_container {
    width: calc(100% / 12 * 8);
    margin: 0 auto;
  }

  .page.evenements section.evenement article {
    width: 100%;
    margin: 20px 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .page.evenements section.evenement article a.event-content .date-debut {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 1023px) {
  header .logo {
    width: calc(100% / 12 * 2 - 20px);
    max-height: none;
    min-width: 60px;
  }

  header nav {
    display: none;
    width: 100%;
    overflow-y: scroll;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background: #ffe369;
    z-index: 1;
    padding: 100px 0 0 0;
  }

  header nav ul {
    margin: 0 calc(100% / 12) !important;
    float: none;
    width: calc(100% / 12 * 10);
  }

  header nav ul li a {
    padding: 10px 5px !important;
    color: #0b283d !important;
  }

  header nav ul.extranet {
    float: none;
    margin: 0 calc(100% / 12);
    width: 100%;
    margin: 0 !important;
  }

  header nav ul.extranet li {
    display: block;
  }

  header nav ul.extranet a {
    padding: 10px 5px;
  }

  header nav > div {
    width: 100%;
  }

  header nav > div ul {
    width: 100%;
    margin: 0 !important;
  }

  header nav > div ul li {
    display: block;
  }

  header .menu_mobile {
    display: block;
    float: right;
    text-transform: uppercase;
    background: url(/app/themes/uimm-mp/dist/images/picto_menu.png?720e8617976d881a7d4ce09b16f3e5f0) no-repeat top center;
    background-size: contain;
    padding-top: 26px;
    cursor: pointer;
    margin: 20px 15px 2px 0;
  }

  header .menu_mobile.actif {
    background: url(/app/themes/uimm-mp/dist/images/menu_close.png?ef982860e140f617ef9e73d2d5d17d9b) no-repeat top center;
    background-size: 90% auto;
  }

  .home #intro {
    height: auto;
    padding-top: 160px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .home #intro {
    padding-top: 195px;
  }
}

@media only screen and (max-width: 1023px) {
  .home #intro > div {
    top: auto;
    -webkit-transform: none;
            transform: none;
    height: auto;
  }

  .home #intro > div .text-container {
    width: 100%;
  }

  .home #intro > div .img-container {
    width: 100%;
    position: relative;
    margin: 45px 0;
    height: auto;
  }

  .home #intro > div .img-container::before {
    content: '';
    display: block;
    padding-top: 100%;
  }

  .home #intro > div.pagination {
    top: auto;
    bottom: 17px;
    -webkit-transform: none;
            transform: none;
  }

  .home #intro > div.scroll,
  .home #intro > div.next {
    display: none;
  }

  .home section .event {
    margin-top: 45px;
  }

  .home section#needs .card-container .card {
    width: 100%;
    margin: 0 0 25px 0 !important;
  }

  .home section#social h2 {
    width: 75%;
  }

  .home section#social .wall .linkedin,
  .home section#social .wall .twitter,
  .home section#social .wall .youtube,
  .home section#social .wall .compteur {
    width: 45%;
    margin: 0 5% 0 0;
  }

  .home section#social .wall .twitter,
  .home section#social .wall .compteur {
    margin: 0 0 0 5%;
  }
}

@media (max-width: 992px) {
  .home section h2 {
    font-size: 30px;
    margin-bottom: 12px;
  }

  .home section#news-events .news .slider--actualites .actualite .infos .time {
    font-size: 13px;
  }

  .home section#news-events .news .slider--actualites .actualite .infos h3 {
    font-size: 14px;
  }

  .home section#news-events .news h2,
  .home section#news-events .events h2 {
    padding-left: 90px;
  }

  .home section#news-events .news h2:before,
  .home section#news-events .events h2:before {
    height: 88px;
    width: 88px;
    background-size: contain;
  }

  .home section#bandeau-adherent .line {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .home section#bandeau-adherent .col {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home section#bandeau-adherent .col.zone-video iframe {
    max-width: 100%;
    width: 100%;
  }

  .home section#bandeau-adherent .col.zone-texte {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .home section#bandeau-adherent .col.zone-texte .description p {
    line-height: 1.4em;
  }

  footer #prefooter .zone-rs-contact ul.sociaux li a {
    width: 45px;
    height: 45px;
  }

  /* PAGE LISTE DES ACTUALITES (OP) */

  .blog section.actualite .selection-categorie {
    max-width: 481px;
    display: block;
    margin: 0 auto;
  }

  .blog section.actualite .selection-categorie aside.listeactu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .blog section.actualite .news_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .blog section.actualite article {
    width: 100%;
    margin: 20px auto;
  }

  .blog section.actualite article:nth-child(odd) {
    padding-right: 0;
  }

  .blog section.actualite article:nth-child(even) {
    padding-left: 0;
  }

  .blog section.actualite article .actualite {
    margin: 0 auto;
  }

  /* PAGES INTERIEURES */

  .page section article.page-content .blocs-cols .bloc-contenu-col {
    width: 100%;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles {
    margin-bottom: 30px;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc {
    width: 50%;
    padding: 20px 15px;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos .chiffre-cle {
    font-size: 22px;
  }
}

@media (max-width: 800px) {
  /* PAGES INTERIEURES */

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles {
    margin-bottom: 30px;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles:nth-child(odd) {
    border-right: none;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc {
    width: 95%;
    margin: 0 auto;
    padding: 20px 15px;
  }

  .page section article.page-content .zone-chiffres-carte .blocs-chiffres-cles .chiffre-cle-bloc .infos .chiffre-cle {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  footer #prefooter .line {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }

  footer #prefooter .texte {
    width: 100%;
    padding-right: 0;
  }

  footer #prefooter .zone-rs-contact {
    width: 100%;
    padding-right: 0;
    margin-top: 60px;
  }

  footer #prefooter .zone-logo-prefooter {
    margin-top: 60px;
    width: 100%;
  }

  /* PAGE LISTE DES ACTUALITES (OP) */

  .blog section.actualite .selection-categorie {
    display: block;
    margin: 40px auto 15px;
  }

  .blog section.actualite .selection-categorie aside.listeactu .select,
  .blog section.actualite .selection-categorie aside.listeactu ul {
    width: 100%;
  }

  /* PAGE LISTE DES EVENEMENTS (OP) */

  .page.evenements section.evenement .events_container {
    width: 100%;
    padding: 0 30px;
    margin-top: 30px;
  }

  .page.evenements section.evenement article {
    margin: 10px 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .page.evenements section.evenement article a.event-content .date-debut {
    margin-right: 30px;
    line-height: 1;
  }

  .page.evenements section.evenement article a.event-content .date-debut .day {
    font-size: 45px;
  }

  .page.evenements section.evenement article a.event-content .date-debut .month {
    font-size: 18px;
  }

  .page.evenements section.evenement article a.event-content .dates-between .date-debut .day,
  .page.evenements section.evenement article a.event-content .dates-between .date-fin .day {
    font-size: 30px;
  }

  .page.evenements section.evenement article a.event-content .dates-between .date-debut .month,
  .page.evenements section.evenement article a.event-content .dates-between .date-fin .month {
    font-size: 16px;
  }

  .page.evenements section.evenement article a.event-content .dates-between .date-debut {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 7px;
  }

  .page.evenements section.evenement article a.event-content .dates-between .date-debut:after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #0b283d;
    width: 8px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .page.evenements section.evenement article a.event-content .teaser-content h3 {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .page.evenements section.evenement article a.event-content .teaser-content .txt p {
    font-size: 15px;
  }
}

@media (max-width: 580px) {
  ul#menu-menu-secondaire li a {
    font-size: 14px;
  }

  /* PAGE LISTE DES ACTUALITES (OP) */

  .blog section.actualite article .actualite .infos h3 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1023px) {
  header {
    padding: 0;
  }

  header nav ul#menu-menu-secondaire {
    padding-bottom: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  header nav ul#menu-menu-principal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 0;
  }

  header nav ul#menu-menu-principal li {
    width: 100%;
  }

  .home #intro {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 650px) {
  .home #intro {
    padding-top: 195px;
  }
}

@media only screen and (max-width: 1023px) {
  .home #intro > div .text-container h1 {
    font-size: 2.5rem;
    margin-top: 15px;
    margin-bottom: 25px;
    padding-bottom: 23px;
  }

  .home #intro > div .text-container p {
    font-size: 15px;
  }

  .home section .news::before,
  .home section .event::before {
    -webkit-transform: translate(-100%, 0) scale(0.5);
            transform: translate(-100%, 0) scale(0.5);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }

  .home section .card .txt {
    padding: 30px 40px 70px 40px;
  }

  .home section#needs .card-container .card h3::before {
    margin: 50px 0 30px;
  }

  .home section#needs .card-container .card p {
    width: 100%;
  }

  .home section#social .wall .linkedin,
  .home section#social .wall .twitter,
  .home section#social .wall .youtube,
  .home section#social .wall .compteur {
    width: 100%;
    margin: 0;
  }

  .home section#social .wall .linkedin .compteur,
  .home section#social .wall .twitter .compteur,
  .home section#social .wall .youtube .compteur,
  .home section#social .wall .compteur .compteur {
    margin: 0;
  }

  footer.row {
    padding: 110px 10px 65px;
  }

  footer.row ul.menu li a {
    padding: 10px 0;
  }
}

#menu-menu-principal {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
  margin-left: 30px;
  position: relative;
}

@media (max-width: 1022px) {
  #menu-menu-principal {
    overflow: scroll;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    margin: 0;
    z-index: 100;
  }

  #menu-menu-principal .menu-item-has-children {
    position: relative;
  }

  #menu-menu-principal .navbar-toggler {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    background-color: transparent;
    z-index: 9999999;
  }

  #menu-menu-principal .navbar-toggler:focus {
    outline: none;
  }

  #menu-menu-principal .navbar-toggler i.arrow-icon {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  #menu-menu-principal .navbar-toggler i.arrow-icon:after {
    content: '';
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(45deg) translate(-7px, 3px);
            transform: rotate(45deg) translate(-7px, 3px);
    height: 11px;
    width: 11px;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
  }

  #menu-menu-principal.is-active {
    right: 0;
  }

  #menu-menu-principal > li {
    padding-right: 30px;
  }

  #menu-menu-principal .sub-menu.level-2 {
    display: none;
  }

  #menu-menu-principal .sub-menu.level-2 .conteneur {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  #menu-menu-principal .sub-menu.level-2 .conteneur li.section {
    padding-bottom: 10px;
  }

  #menu-menu-principal .sub-menu.level-2 .conteneur li.section > a {
    font-family: 'open_sanssemibold';
  }

  #menu-menu-principal .sub-menu.level-2 .conteneur li.section > a:after {
    width: 50px;
    background-color: #000;
    border: none;
    height: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  #menu-menu-principal .sub-menu.level-2 .conteneur li.section .level-3 a {
    font-size: 14px;
    padding-bottom: 0 !important;
  }

  #menu-menu-principal .sub-menu.level-2 .conteneur li a {
    font-family: 'open_sansregular';
    font-size: 15px;
  }

  #menu-menu-principal .sub-menu.level-2:after {
    content: '';
    height: 2px;
    width: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
  }

  #menu-menu-principal .active > .navbar-toggler i.arrow-icon:after {
    top: 5px;
    -webkit-transform: rotate(135deg) translate(-3px, 15px);
            transform: rotate(135deg) translate(-3px, 15px);
  }
}

@media (max-width: 580px) {
  #menu-menu-principal > li > a {
    margin-right: 20px;
    font-size: 15px;
  }

  #menu-menu-principal .sub-menu.level-2 .conteneur li.section .level-3 a {
    font-size: 13px;
  }

  #menu-menu-principal .sub-menu.level-2 .conteneur li a {
    font-size: 14px;
  }
}

@media (min-width: 1023px) {
  #menu-menu-principal .navbar-toggler {
    display: none;
  }

  #menu-menu-principal.menu {
    padding: 0;
    list-style-type: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
  }

  #menu-menu-principal.menu > .menu-item {
    text-align: center;
  }

  #menu-menu-principal.menu > .menu-item a {
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  #menu-menu-principal.menu > .menu-item:hover > a,
  #menu-menu-principal.menu > .menu-item .hover > a {
    text-decoration: none;
  }

  #menu-menu-principal.menu > .menu-item:hover > a:after,
  #menu-menu-principal.menu > .menu-item .hover > a:after {
    width: 100%;
  }

  #menu-menu-principal.menu .sub-menu {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    display: none;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 {
    position: absolute;
    background: #FFF;
    top: 52px;
    right: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    z-index: 10;
    text-align: left;
    width: 100%;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur {
    background: #FFF;
    width: 100%;
    display: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    opacity: 0;
    padding: 40px 40px 20px;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li {
    padding: 25px 20px;
    -webkit-transition: background all 0.4s ease;
    transition: background all 0.4s ease;
    /* // ?? -- Classes de menu -- */
    /* //??  -- Fin des classes de menu -- */
  }
}

@media (min-width: 1023px) and (max-width: 1250px) {
  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li {
    padding: 15px;
  }
}

@media (min-width: 1023px) {
  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li a {
    height: unset;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li[class^="m-col-"] {
    position: relative;
    padding: 0;
    margin-bottom: 20px;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li[class^="m-col-"] a {
    position: relative;
    display: block;
    padding: 0 20px 0 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li[class^="m-col-"] a:after {
    content: "";
    position: relative;
    display: block;
    margin-top: 20px;
    height: 3px;
    width: 45px;
    border: none;
    background-color: #ffd003;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li[class^="m-col-"] a:hover {
    color: #ffd003;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li[class^="m-col-"] a:hover:after {
    width: 100%;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.m-col-4 {
    width: 25%;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.m-col-3 {
    width: 33%;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.m-col-3 a {
    padding: 0 70px 0 0;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.titre-long-remonte {
    margin-top: -22px;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.m-bouton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #ffd003;
    padding: 0;
    min-height: 62px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.m-bouton a {
    font-family: "open_sansregular" !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    height: 100%;
    width: 100%;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.m-bouton:after,
  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.m-bouton a:after {
    display: none;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.m-bouton:hover {
    background-color: #ffd003;
    color: #000;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.m-bouton:hover a {
    color: #000;
    font-weight: 200;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.section {
    padding-top: 0;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 100;
        -ms-flex-positive: 100;
            flex-grow: 100;
    -ms-flex: 1 2 0px;
        flex: 1 2 0;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.section > a {
    padding-top: 0;
    padding-left: 0;
    position: relative;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.section > a:after {
    content: '';
    position: absolute;
    battom: 0;
    left: 0;
    height: 3px;
    width: 45px;
    border: none;
    background-color: #ffd003;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item a {
    font-family: 'open_sanssemibold';
    font-size: 18px;
    color: #000;
    text-align: left;
    line-height: 1.25em;
    text-decoration: none;
  }
}

@media (min-width: 1023px) and (max-width: 1600px) {
  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item a {
    font-size: 16px;
  }
}

@media (min-width: 1023px) {
  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item > .sub-menu.level-3 {
    position: relative;
    visibility: visible;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    list-style-type: none;
    display: inline-block;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item > .sub-menu.level-3 .conteneur {
    background: #FFF;
    padding: 15px 0;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item > .sub-menu.level-3 .conteneur li {
    padding: 5px 8px;
  }
}

@media (min-width: 1023px) and (min-width: 993px) {
  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item > .sub-menu.level-3 .conteneur:not(.with-pictures) {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
  }
}

@media (min-width: 1023px) {
  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item > .sub-menu.level-3 .conteneur a {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  #menu-menu-principal.menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item > .sub-menu.level-3 .conteneur a:hover {
    padding: 0 0 0 20px;
    color: #333333;
  }

  #menu-menu-principal.menu .menu-item-has-children:hover > .sub-menu.level-2,
  #menu-menu-principal.menu .menu-item-has-children.hover > .sub-menu.level-2 {
    visibility: visible;
  }

  #menu-menu-principal.menu .menu-item-has-children:hover > .sub-menu.level-2 .conteneur,
  #menu-menu-principal.menu .menu-item-has-children.hover > .sub-menu.level-2 .conteneur {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}