/* CSS Document by Black meridian */

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

html {font-family: 'Din', sans-serif;}
body {color: #3a3e3f; background: #fff;}

h1, .h1 {margin: 50px 0 23px; padding-left: 50px; font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.036em; color: #3a3e3f;}
h1:first-child, .h1:first-child {margin-top: -8px;}
h1:last-child, .h1:last-child {margin-bottom: -7px;}
h1:before, .h1:before {float: left; margin: 14px 0 0 -50px; width: 35px; height: 1px; content: ""; background: currentColor;}
h1 a, .h1 a {color: inherit;}
h2, .h2 {margin: 47px 0 1px; font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; font-weight: bold; letter-spacing: 0.036em; color: #3a3e3f;}
h2:first-child, .h2:first-child {margin-top: -6px;}
h2:last-child, .h2:last-child {margin-bottom: -5px;}
h2 a, .h2 a {color: inherit;}
h3, .h3 {margin: 0; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; font-weight: bold; letter-spacing: 0.036em;}
p {margin: 0 0 24px; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; letter-spacing: 0.036em;}
p:last-child {margin-bottom: 0;}
ul, ol {margin: 0 0 24px;}
ul:last-child, ol:last-child {margin-bottom: 0;}
li {font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; letter-spacing: 0.036em;}
ul > li {padding-left: 20px;}
ul > li:before {float: left; margin: 7px 0 0 -20px; width: 13px; height: 12px; content: ""; background: url('images/bullet.png') no-repeat 0 0;}
p + ul, p + li {margin-top: -24px;}

a {text-decoration: none; color: #1a1a1a;}
a:hover,
a:focus {text-decoration: underline;}

label {font-size: 13px; font-size: 1.3rem; line-height: 24px; line-height: 2.4rem; letter-spacing: 0.036em;}
label.col {line-height: 40px;}

blockquote {position: relative; margin: 40px 0; padding: 35px 50px 50px; color: #fff; background: #3a3e3f;}
blockquote:first-child {margin-top: 0;}
blockquote:last-child {margin-bottom: 0;}
blockquote:before {position: absolute; right: 14px; top: -17px; border: 31px solid #1a1a1a; border-left-color: transparent !important; border-bottom-color: transparent !important; content: "";}
blockquote h1,
blockquote .h1 {margin-left: -50px !important; margin-bottom: 17px; color: inherit;}
blockquote h2,
blockquote .h2 {margin: 0 0 25px; color: inherit;}
blockquote + h1,
blockquote + .h1 {margin-top: -8px;}

p > strong > em > a {display: inline-block; padding: 10px 25px 8px; height: auto; font-size: 16px !important; line-height: 22px !important; font-weight: normal !important; font-style: normal !important; vertical-align: bottom; text-transform: uppercase; letter-spacing: 0.075em; white-space: normal; text-decoration: none !important; color: #fff !important; background: #1a1a1a;}

.title h1, .title .h1 {padding: 0; font-size: 21px; font-size: 2.1rem; line-height: 28px; line-height: 2.8rem; font-weight: normal;}
.title h1:before, .title .h1:before {display: none;}
.title h1 strong, .title .h1 strong {font-weight: 600;}

.title h2:before, .title .h2:before {display: none;}

.chapo {margin-bottom: 55px;}
.chapo p {margin: 0; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; font-weight: bold; letter-spacing: 0.036em;}

.more {margin: 25px 0;}
.more a {font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; font-weight: bold; letter-spacing: 0.036em; text-decoration: none; color: #3a3e3f;}
.more a:hover,
.more a:focus {text-decoration: underline;}

.button {margin: 25px 0;}
.button:first-child {margin-top: 0;}
.button:last-child {margin-bottom: 0;}

.btn {padding: 10px 25px 8px; height: auto; font-size: 16px; line-height: 22px; vertical-align: bottom; text-transform: uppercase; letter-spacing: 0.075em; white-space: normal; text-decoration: none; color: #fff !important; background: #1a1a1a;}
.btn {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
.btn.btn-sm {font-size: 12px;}
.btn .arrow {background-color: #fff;}
.btn .arrow span {border-color: #fff;}


.img-circle {display: inline-block; padding: 5px; vertical-align: top; background: #fff;}
.img-circle {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.form-control {padding: 9px 10px 7px; border: 1px solid #3a3e3f !important; height: 42px; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; letter-spacing: 0.036em; color: inherit;}
.form-control {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
.form-control.collapseChange {padding-left: 30px;}

.arrow {display: inline-block; position: relative; margin-right: 6px; width: 15px; height: 1px; vertical-align: middle; background: #3a3e3f;}
.arrow span {position: absolute; top: 50%; right: 1px; margin-top: -4.5px; padding: 4px; border: solid #3a3e3f; border-width: 0 1px 1px 0; content: "";}
.arrow span {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.arrow.arrow-sm {width: 12px;}
.arrow.arrow-sm span {padding: 3px; margin-top: -3.5px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   header                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#header {color: #fff; background: #3a3e3f;}
#header .container {padding-left: 290px;}

#logo {position: relative; z-index: 10; float: left; margin: 0 0 0 -200px; padding: 0; width: 200px; height: 114px; text-align: center; color: #3a3e3f;}
#logo:before {display: none;}
#logo .logo-wrapper {display: block; position: relative; margin: 0 13px; height: 100%; background: #fff;}
#logo .logo-wrapper:before {position: absolute; right: 100%; top: 0; bottom: 0; width: 13px; content: ""; background: url('images/logo-cap.png') no-repeat 0 50%;}
#logo .logo-wrapper:after {position: absolute; left: 100%; top: 0; bottom: 0; width: 13px; content: ""; background: url('images/logo-cap.png') no-repeat -13px 50%;}
#logo a {display: block; position: relative; z-index: 10; height: 100%; overflow: hidden; text-indent: -999em; text-align: left; background: no-repeat 50% 0;}
#logo strong {position: absolute; left: 0; bottom: 0; right: 0; font-size: 14px; line-height: 12px;}

#cta_head {position: relative; height: 42px; white-space: nowrap; text-align: right; color: #1a1a1a; background: #fff;}
#cta_head:before {position: absolute; right: 100%; top: 0; bottom: 0; width: 14px; content: ""; background: #fff;}
#cta_head:after {position: absolute; left: 100%; top: 0; bottom: 0; width: 9999px; content: ""; background: #fff;}
#cta_head p {display: inline-block; margin: 0; line-height: 40px; vertical-align: top; text-transform: uppercase;}
#cta_head p > .arrow {margin-left: 4px; margin-right: 4px;}
#cta_head .btn {margin-left: 30px; vertical-align: top;}

#nav .nav:before {display: none;}
#nav .nav > li {display: table-cell; width: 1%;}
#nav .nav > li > a {padding: 13px 10px 9px; height: 72px; font-size: 13px; line-height: 16px; color: #fff; color: rgba(255,255,255,0.7); white-space: nowrap; text-align: center;}
#nav .nav > li:first-child > a:before {position: absolute; right: 100%; top: 0; bottom: 0; width: 14px; content: "";}
#nav .nav > li > a > .icone {display: block; margin: 0 auto 10px; width: 40px; height: 20px; content: ""; background: no-repeat 50% 0;}
#nav .nav > li > a > .icone {
  -webkit-opacity: 0.7;
     -moz-opacity: 0.7;
          opacity: 0.7;
}
#nav .nav > li.active > a,
#nav .nav > li.active:first-child > a:before {color: #fff; background: #585b5c;}
#nav .nav > li > a:hover,
#nav .nav > li > a:focus,
#nav .nav > li:first-child > a:hover:before,
#nav .nav > li:first-child > a:focus:before {color: #fff;}
#nav .nav > li.active > a > .icone,
#nav .nav > li > a:hover > .icone,
#nav .nav > li > a:focus > .icone {
  -webkit-opacity: 1;
     -moz-opacity: 1;
          opacity: 1;
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   footer                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#autopromo {position: relative; padding: 60px 0 50px; color: #fff; background: #3a3e3f;}
#autopromo:before {position: absolute; left: 50%; top: 0; width: 1px; height: 30px; content: ""; background: #fff;}
#autopromo .title {margin-bottom: 50px; text-align: center;}
#autopromo .title h1, #autopromo .title .h1 {color: inherit;}

.migx1siteAutopromo .illustration {margin-bottom: 20px; text-align: center;}
.migx1siteAutopromo .illustration .img-circle {width: 140px; height: 140px;}

.migx1siteAutopromo .text {position: relative; padding-top: 60px; text-align: center; color: rgba(255,255,255,0.7);}
.migx1siteAutopromo .text:before {position: absolute; left: 50%; top: 0; width: 1px; height: 30px; content: ""; background: #fff;}
.migx1siteAutopromo .text h2,
.migx1siteAutopromo .text .h2 {text-transform: uppercase; color: #fff;}
.migx1siteAutopromo .text p {margin-bottom: 0; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; letter-spacing: 0.036em;}
.migx1siteAutopromo .button {margin-top: 22px;}
.migx1siteAutopromo .btn {border: 1px solid #fff; text-transform: none; background: #3a3e3f;}
.migx1siteAutopromo .btn:hover,
.migx1siteAutopromo .btn:focus {color: #3a3e3f !important; background-color: #fff;}

.migx1siteAutopromo .btn:hover .arrow,
.migx1siteAutopromo .btn:focus .arrow {background-color: #3a3e3f;}
.migx1siteAutopromo .btn:hover .arrow span,
.migx1siteAutopromo .btn:focus .arrow span {border-color: #3a3e3f;}

#newsletter .btn {font-size: 12px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   maincontent                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#maincontent {padding: 70px 0 100px;}

#content {padding-left: 50px;}
#content h1, #content .h1 {margin-left: -50px;}

.template6 #content {padding-left: 0;}
.template6 #content h1, .template6 #content .h1 {margin-left: 0;}

.markdown > h2:before, .markdown > .h2:before {content: ". ";}

.markdown form + p {margin-top: 30px;}

#aside .aside {position: relative;}
#aside .aside + .aside {margin-top: 50px; padding-top: 51px;}
#aside .aside + .aside:before {position: absolute; left: 0; top: 0; right: 0; height: 1px; content: ""; background: #3a3e3f;}

#sousnav {margin-bottom: 30px;}
#sousnav + h1,
#sousnav + .h1 {margin-top: -8px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  get1menuEdition                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.aside_editionActive .nav > li + li,
.get1menuEdition .nav > li + li {margin-top: 15px;}
.aside_editionActive .nav > li > a,
.get1menuEdition .nav > li > a {padding: 8.5px 10px 7.5px; border: 1px solid #1a1a1a; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; letter-spacing: 0.036em; text-align: center; color: #3a3e3f; background: #fff;}
.aside_editionActive .nav > li > a:hover,
.aside_editionActive .nav > li > a:focus,
.get1menuEdition .nav > li > a:hover,
.get1menuEdition .nav > li > a:focus {color: #fff; background-color: #1a1a1a;}

.aside_editionActive .nav > li.active > a,
.aside_editionActive .nav > li.active > a:hover,
.aside_editionActive .nav > li.active > a:focus,
.get1menuEdition .nav > li.active > a,
.get1menuEdition .nav > li.active > a:hover,
.get1menuEdition .nav > li.active > a:focus {border-color: #3a3e3f; color: #fff; background-color: #3a3e3f;}

.get1menuEdition .more {margin-bottom: 0;}
.get1menuEdition .get1menuEditionHideMenu .nav {padding-top: 25px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  migx1logoAside                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.list-logos {margin: -10px 0;}

.migx1logoAside {margin: 10px 0;}
.migx1logoAside .inner {position: relative;}
.migx1logoAside .inner .illustration {text-align: center;}
.migx1logoAside .inner .illustrationHover {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff;}
.migx1logoAside .inner .illustrationHover {
  -webkit-opacity: 0;
     -moz-opacity: 0;
          opacity: 0;
}
.migx1logoAside .inner:hover .illustrationHover {
  -webkit-opacity: 1;
     -moz-opacity: 1;
          opacity: 1;
}

.migx1logoAside .button {margin: 5px 0 0;}
.migx1logoAside .btn {display: block; padding-left: 10px; padding-right: 10px;}

.aside_sponsors .list-logos {margin: -5px 0;}
.aside_sponsors .migx1logoAside {margin: 5px 0;}
.aside_sponsors .migx1logoAside .button {margin: 10px 0 0;}

.migx1logo {text-align: center;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  migx1programme                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.migx1programme {margin-left: -50px; padding: 35px 25px 62px 50px; background: #f4f4f4;}

.migx1programmeHeure {position: relative; padding-left: 33px;}
.migx1programmeHeure:before {position: absolute; left: 5px; top: 0; bottom: 0; width: 1px; content: ""; background: #1a1a1a;}
.migx1programmeHeure:first-child:before {top: 8px;}
.migx1programmeHeure:last-child:before {bottom: 3px;}
.migx1programmeHeure + .migx1programmeHeure {padding-top: 48px;}
.migx1programmeHeure .title {padding-left: 63px;}
.migx1programmeHeure .title:before {position: absolute; left: -5px; margin-top: 3px; border: 5px solid #f4f4f4; width: 21px; height: 21px; content: ""; background: #1a1a1a}
.migx1programmeHeure .title:before {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.migx1programmeHeure .title h2,
.migx1programmeHeure .title .h2 {margin: 0; font-weight: normal; color: inherit;}
.migx1programmeHeure .title .heure {float: left; margin: 1px 0 0 -63px; padding-right: 3px; width: 63px; line-height: 27px; line-height: 2.7rem; text-align: right; color: #1a1a1a;}
.migx1programmeHeure .title .heure:after {content: " -";}
.migx1programmeHeure .text {padding-left: 63px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  meaPersonnes                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.innerGris {position: relative; margin-left: -50px; padding: 50px 100px 55px 90px; background: #ebebeb;}
.innerGris:before {position: absolute; right: 14px; top: -17px; border: 31px solid #3a3e3f; border-left-color: transparent !important; border-bottom-color: transparent !important; content: "";}

.migx1personne {position: relative; padding-bottom: 65px;}
.migx1personne:after {position: absolute; left: 50%; bottom: 47px; width: 1px; height: 17px; content: ""; background: #1a1a1a;}
.migx1personne .inner {position: relative; padding-bottom: 25px;}
.migx1personne .inner:hover .img-circle {background-color: #3a3e3f;}
.migx1personne .illustration {position: relative; margin-bottom: 50px; text-align: center;}
.migx1personne .illustration:after {position: absolute; right: 50%; top: 100%; margin: -6px -16px; width: 32px; height: 32px; content: ""; background: #3a3e3f url('images/square-arrow') no-repeat 50% 50%;}
.migx1personne .text h2,
.migx1personne .text .h2 {margin-bottom: 3px;}
.migx1personne .text p {font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  mea                                           <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.mea {position: relative;}
.mea .text {position: absolute; z-index: 10; right: 0; top: 0; padding: 50px 30px 40px 35px; color: #fff;}
.mea .text:before {position: absolute; z-index: -1; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: #3a3e3f;}
.mea .text:before {
  -webkit-opacity: 0.8;
     -moz-opacity: 0.8;
          opacity: 0.8;
}
.mea .text h1,
.mea .text .h1 {margin-bottom: 10px; padding: 0; color: inherit;}
.mea .text h1:before,
.mea .text .h1:before {float: none; margin: 0; width: auto; height: auto; content: "/// "; font-weight: normal; background: none;}
.mea .text p {margin-bottom: 12px; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem;}
.mea .text p:last-child {margin-bottom: 0;}
.mea .text p.lieu {padding-left: 25px;}
.mea .text p.lieu:before {float: left; margin: 0 0 0 -25px; width: 16px; height: 19px; content: ""; background: url('images/icon-lieu.png') no-repeat 0 0;}
.mea .text .button {margin-left: -35px; margin-top: 12px;}
.mea .text .btn {padding-left: 30px; padding-right: 30px;}
.mea .text .btn .arrow {margin-right: 15px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  migx1diaporamaslider                          <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.innerDiaporama {position: relative; padding: 0;}
.migx1diaporamaslider {text-align: center; background: #1a1a1a;}

.bx-prev {position: absolute; z-index: 50; left: 0; top: 50%; margin-top: -40px; width: 40px; height: 80px; overflow: hidden; text-indent: -999em; text-align: left;}
.bx-prev:before {position: absolute; right: 0; top: 50%; margin-top: -40px; border: 6px solid #fff; width: 80px; height: 80px; content: ""; background: #3a3e3f;}
.bx-prev:before {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.bx-prev:after {position: absolute; left: 6px; top: 50%; margin-top: -10px; width: 11px; height: 21px; content: ""; background: url('images/slider-arrow.png') no-repeat 0 0;}

.bx-next {position: absolute; z-index: 50; right: 0; top: 50%; margin-top: -40px; width: 40px; height: 80px; overflow: hidden; text-indent: -999em; text-align: left;}
.bx-next:before {position: absolute; left: 0; top: 50%; margin-top: -40px; border: 6px solid #fff; width: 80px; height: 80px; content: ""; background: #3a3e3f;}
.bx-next:before {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.bx-next:after {position: absolute; right: 6px; top: 50%; margin-top: -10px; width: 11px; height: 21px; content: ""; background: url('images/slider-arrow.png') no-repeat -11px 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  media queries                                 <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina XS SM MD LG */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones XS SM MD LG */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets SM MD LG */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops  MD LG */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens LG */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens XS SM MD */
@media only screen and (max-width : 1199px) {

}

/* Medium Devices, Desktops XS SM */
@media only screen and (max-width : 991px) {
  #header .container {padding-left: 200px;}
}

/* Small Devices, Tablets XS */
@media only screen and (max-width : 767px) {
  h1 {padding-left: 25px;}
  h1:before, .h1:before {margin-left: -25px; width: 15px;}
  blockquote {margin: 20px -25px; padding: 35px 25px 40px;}
  blockquote:before {top: 0; right: 25px; border-width: 45px;}
  blockquote h1, blockquote .h1 {margin-left: -25px !important;}
  blockquote h2, blockquote .h2 {padding-right: 20px;}

  .container {padding-left: 25px; padding-right: 25px;}

  .wrapper-embed {margin: 10px 0 !important;}

  .innerGris {margin-left: -25px; margin-right: -25px;}

  #page {padding-top: 0 !important;}
  #header {position: static !important;}
  #header .container {padding-left: 0 !important; padding-right: 0 !important;}
  #header .navbar-toggle {float: left; margin: -32px 0 0 25px; padding: 0; width: 80px; height: 32px;}
  #header .navbar-toggle .icon-bar {margin: 0 auto; width: 18px; height: 2px; background: #fff;}
  #header .navbar-toggle .icon-bar {
    -webkit-transition: left 0.2s linear;
       -moz-transition: left 0.2s linear;
            transition: left 0.2s linear;
  }
  #header .navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
  #header .navbar-toggle .icon-bar:nth-child(2) {position: relative; left: 3px;}
  #header .navbar-toggle.collapsed .icon-bar:nth-child(2) {left: auto;}
  #header .navbar-toggle .text {display: none;}

  #logo {float: none; margin: 0 auto !important;}
  #cta_head {height: auto; white-space: normal; text-align: center; background: none;}
  #cta_head p {display: block; padding: 8px 25px; font-size: 11px; line-height: 18px; text-align: center; background: #fff;}
  #cta_head .btn {margin: 0 80px; padding: 6px 15px 4px; height: 32px;}

  #nav .nav > li {display: block; border: 1px solid #1a1a1a; border-width: 1px 0 0; width: auto;}
  #nav .nav > li > a {padding: 23px 25px 21px 105px; height: auto; text-align: left;}
  #nav .nav > li > a .icone {float: left; margin: -3px 0 0 -55px;}

  #maincontent {padding: 40px 0;}
  #content {padding-left: 0;}
  #content h1, #content .h1 {margin-left: 0;}
  #aside {padding-top: 40px;}

  .template6 #content h1, .template6 #content .h1 {margin-left: -25px;}
  .template6 blockquote {margin-top: 0; /*margin-bottom: 0;*/}
  .template6 .innerDiaporama h2 {padding-left: 25px; padding-right: 25px;}

  .template9 #maincontent {padding: 0 !important;}
  .template9 .innerGris {margin-left: 0; margin-right: 0;}

  .aside_diaporama,
  .aside_callToAction {margin-left: -25px; margin-right: -25px;}

  .innerGris {padding: 40px 25px !important;}
  .innerGris:before {top: 0 !important; right: 25px !important; border-width: 45px !important;}

  .bx-prev,
  .bx-next {width: 30px; height: 60px;}
  .bx-prev:before,
  .bx-next:before {margin-top: -30px; border-width: 5px; width: 60px; height: 60px;}
  .bx-prev:after {left: 4px; margin-top: -6.5px; width: 8px; height: 13px; background-position: 0 50%;}
  .bx-next:after {right: 4px; margin-top: -6.5px; width: 8px; height: 13px; background-position: 100% 50%;}

  .migx1siteAutopromo + .migx1siteAutopromo {margin-top: 65px;}

  .row-eq-height {display: block;}
}

/* Extra Small Devices, Phones XS */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina XS */ 
@media only screen and (max-width : 320px) {
  
}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   fonts                                               <<<< */
/* ------------------------------------------------------------------------ */

@font-face {
  font-family: 'Din';
  src: url('fonts/din-regular.eot');
  src: url('fonts/din-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/din-regular.woff') format('woff'),
       url('fonts/din-regular.ttf') format('truetype'),
       url('fonts/din-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Din';
  src: url('fonts/din-regular-italic.eot');
  src: url('fonts/din-regular-italic.eot?#iefix') format('embedded-opentype'),
       url('fonts/din-regular-italic.woff') format('woff'),
       url('fonts/din-regular-italic.ttf') format('truetype'),
       url('fonts/din-regular-italic.svg') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Din';
  src: url('fonts/din-bold.eot');
  src: url('fonts/din-bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/din-bold.woff') format('woff'),
       url('fonts/din-bold.ttf') format('truetype'),
       url('fonts/din-bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Din';
  src: url('fonts/din-bold-italic.eot');
  src: url('fonts/din-bold-italic.eot?#iefix') format('embedded-opentype'),
       url('fonts/din-bold-italic.woff') format('woff'),
       url('fonts/din-bold-italic.ttf') format('truetype'),
       url('fonts/din-bold-italic.svg') format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Din';
  src: url('fonts/din-medium.eot');
  src: url('fonts/din-medium.eot?#iefix') format('embedded-opentype'),
       url('fonts/din-medium.woff') format('woff'),
       url('fonts/din-medium.ttf') format('truetype'),
       url('fonts/din-medium.svg') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Din';
  src: url('fonts/din-medium-italic.eot');
  src: url('fonts/din-medium-italic.eot?#iefix') format('embedded-opentype'),
       url('fonts/din-medium-italic.woff') format('woff'),
       url('fonts/din-medium-italic.ttf') format('truetype'),
       url('fonts/din-medium-italic.svg') format('svg');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Din';
  src: url('fonts/din-black.eot');
  src: url('fonts/din-black.eot?#iefix') format('embedded-opentype'),
       url('fonts/din-black.woff') format('woff'),
       url('fonts/din-black.ttf') format('truetype'),
       url('fonts/din-black.svg') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Din';
  src: url('fonts/din-black-italic.eot');
  src: url('fonts/din-black-italic.eot?#iefix') format('embedded-opentype'),
       url('fonts/din-black-italic.woff') format('woff'),
       url('fonts/din-black-italic.ttf') format('truetype'),
       url('fonts/din-black-italic.svg') format('svg');
  font-weight: 900;
  font-style: italic;
}