/*-- Declaration variables--*/
.bleu {
  color: #00adef; }

.rouge {
  color: #df4c66; }

.noir {
  color: #3b3b3b; }

.jaune {
  color: #fff100; }

.gris {
  color: #999999; }

.blanc {
  color: #ffffff; }

#nav_fonction {
  width: auto;
  position: absolute;
  right: 170px;
  top: 28px; }

#chiffres {
  font-family: 'montserratbold';
  text-align: center;
  font-size: 32pt;
  line-height: 1.2em;
  font-weight: 700;
  box-sizing: border-box;
  padding-bottom: 50px;
  overflow: hidden; }
  #chiffres .insec {
    white-space: nowrap; }
  #chiffres .ptit {
    font-size: 22pt;
    font-family: 'montserratmedium';
    font-weight: 300;
    line-height: 1em; }
  #chiffres .superPetit {
    font-family: 'montserratmedium';
    font-size: 15pt;
    font-weight: 300;
    line-height: 1em; }
  #chiffres .big1 {
    display: block;
    font-size: 100pt;
    line-height: 1em;
    font-weight: 700;
    padding-top: 25px; }
  #chiffres .big2 {
    display: none;
    font-size: 100pt;
    line-height: 1em;
    font-weight: 700;
    padding-top: 25px; }
  #chiffres .bleu1 {
    display: block; }
  #chiffres .bleu2 {
    display: none; }
  #chiffres * {
    box-sizing: border-box; }
  #chiffres .carre {
    position: relative;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: 50% 25%; }
  #chiffres .carre:after {
    content: "";
    display: block;
    padding-bottom: 100%; }
  #chiffres .ctnuCarre {
    position: absolute;
    top: 0;
    width: 100%; }
  #chiffres .pointi {
    border: 2px dashed #ccc; }
    #chiffres .pointi .ctnuCarre {
      top: 60%;
      padding: 0 10px; }
  #chiffres .bgBleu {
    background-color: #00adef;
    padding: 30px 10px; }
  #chiffres #agglo, #chiffres #blocs1, #chiffres .intPhase3, #chiffres .intPhase2, #chiffres #blocs2, #chiffres .intActeurs, #chiffres .quatresB, #chiffres .logos {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1180px;
    padding: 0 30px;
    margin: 0 auto; }
    #chiffres #agglo div.carre, #chiffres #blocs1 div.carre, #chiffres .intPhase3 div.carre, #chiffres .intPhase2 div.carre, #chiffres #blocs2 div.carre, #chiffres .intActeurs div.carre, #chiffres .quatresB div.carre, #chiffres .logos div.carre {
      width: 32%;
      max-width: 350px; }
      #chiffres #agglo div.carre:nth-child(2), #chiffres #agglo div.carre:nt-child(3), #chiffres #blocs1 div.carre:nth-child(2), #chiffres #blocs1 div.carre:nt-child(3), #chiffres .intPhase3 div.carre:nth-child(2), #chiffres .intPhase3 div.carre:nt-child(3), #chiffres .intPhase2 div.carre:nth-child(2), #chiffres .intPhase2 div.carre:nt-child(3), #chiffres #blocs2 div.carre:nth-child(2), #chiffres #blocs2 div.carre:nt-child(3), #chiffres .intActeurs div.carre:nth-child(2), #chiffres .intActeurs div.carre:nt-child(3), #chiffres .quatresB div.carre:nth-child(2), #chiffres .quatresB div.carre:nt-child(3), #chiffres .logos div.carre:nth-child(2), #chiffres .logos div.carre:nt-child(3) {
        margin-left: 2%; }
  #chiffres .logos {
    margin-top: 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #chiffres .logos img {
      max-width: 49%; }
      #chiffres .logos img:nth-child(even) {
        margin-left: 2%; }
  #chiffres #ici {
    box-sizing: border-box;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    margin-bottom: 60px; }
    #chiffres #ici img {
      max-width: 100%;
      height: auto; }
  #chiffres #blocs1 .carre {
    background-position: 50% 15%;
    overflow: hidden; }
  #chiffres #blocs1 .pointi .ctnuCarre {
    top: 50%;
    line-height: 1em; }
  #chiffres .phases3, #chiffres .phases2 {
    background: #f7f7f7;
    padding: 50px 0;
    margin: 60px 0; }
    #chiffres .phases3 .intPhase3, #chiffres .phases2 .intPhase3 {
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      #chiffres .phases3 .intPhase3 > div, #chiffres .phases2 .intPhase3 > div {
        width: 33.33333%;
        padding: 0 10px;
        border-left: 2px solid #00adef; }
      #chiffres .phases3 .intPhase3 > div:first-of-type, #chiffres .phases2 .intPhase3 > div:first-of-type {
        border-left: 0; }
    #chiffres .phases3 .intPhase2, #chiffres .phases2 .intPhase2 {
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      #chiffres .phases3 .intPhase2 > div, #chiffres .phases2 .intPhase2 > div {
        width: 50%;
        padding: 0 10px;
        border-left: 2px solid #00adef; }
      #chiffres .phases3 .intPhase2 > div:first-of-type, #chiffres .phases2 .intPhase2 > div:first-of-type {
        border-left: 0; }
  #chiffres #blocs2 .carre {
    background-position: 50% 15%;
    overflow: hidden; }
  #chiffres #blocs2 .pointi .ctnuCarre {
    top: 50%;
    line-height: 1em; }
  #chiffres #acteurs {
    background: #f7f7f7;
    padding: 50px 0;
    margin: 60px 0 0 0; }
    #chiffres #acteurs .intActeurs > div {
      padding: 0 0px; }
    #chiffres #acteurs .intActeurs > div:first-of-type {
      text-align: left; }
      #chiffres #acteurs .intActeurs > div:first-of-type .trait {
        border-left: 2px solid #00adef;
        padding-left: 20px; }
    #chiffres #acteurs .intActeurs > div:last-of-type {
      text-align: right; }
      #chiffres #acteurs .intActeurs > div:last-of-type .trait {
        border-right: 2px solid #00adef;
        padding-right: 20px; }
  #chiffres .quatresB {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #chiffres .quatresB div.carre {
      width: 49%;
      max-width: 580px;
      margin-bottom: 2%;
      background-size: 20%;
      overflow: hidden;
      background-position: 50% 25%; }
      #chiffres .quatresB div.carre:nth-child(2), #chiffres .quatresB div.carre:nt-child(4) {
        margin-left: 2%; }
    #chiffres .quatresB div.carre:after {
      padding-bottom: 65%; }
    #chiffres .quatresB .pointi .ctnuCarre {
      top: 50%;
      line-height: 1em;
      padding: 0 4%; }
    #chiffres .quatresB .pointi.coq .ctnuCarre {
      top: unset;
      bottom: 4%; }
    #chiffres .quatresB .pointi.coq {
      background-size: 80%;
      background-position: 50% 25%; }
    #chiffres .quatresB .pointi.sansMarge .ctnuCarre {
      top: 0%;
      line-height: 1em;
      padding: 4%; }
  #chiffres [id*='slogan'] {
    padding: 50px 30px;
    max-width: 1180px;
    margin: auto; }
  #chiffres #slogan0 div {
    text-align: left; }
  #chiffres #slogan2 {
    max-width: 600px; }
    #chiffres #slogan2 div:nth-child(1) {
      text-align: left; }
      #chiffres #slogan2 div:nth-child(1) .tourisme {
        background-image: url(../skins/img-deveco/tourisme.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        width: 53px;
        height: 61px;
        margin: 0 15px;
        display: inline-block;
        position: relative;
        top: 10px; }
    #chiffres #slogan2 div:nth-child(2) {
      text-align: right; }
    #chiffres #slogan2:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      width: 200px;
      margin-left: -100px;
      height: 2px;
      background-color: #3b3b3b; }
  #chiffres #slogan3 {
    margin-top: 80px;
    background-image: url(../skins/img-deveco/ampoule.jpg);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 0% 100%;
    max-width: 650px; }
    #chiffres #slogan3 div {
      text-align: left; }
    #chiffres #slogan3 div:nth-child(2), #chiffres #slogan3 div:nth-child(3) {
      padding-left: 25%; }
  #chiffres .move_bot {
    position: relative;
    top: 200px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  #chiffres .move_bot.actif {
    top: 0;
    opacity: 1; }
  #chiffres .move_left {
    position: relative;
    left: -100%;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  #chiffres .move_left.actif {
    left: 0%;
    opacity: 1; }
  #chiffres .move_right {
    position: relative;
    right: -100%;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  #chiffres .move_right.actif {
    right: 0%;
    opacity: 1; }

#welcome {
  /*------------- HEADER ------------------*/
  /*------------- HOME ------------------*/
  /*-------------- page -----------------*/ }
  #welcome #t_as_une_tache {
    font-family: "montserratbold";
    /*background: url("../skins/img-deveco/mini_logo.png") no-repeat left center;*/
    text-transform: uppercase;
    font-size: 20px;
    font-size: 20px;
    color: #fff;
    /*    padding-left: 80px;*/
    padding-top: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 8px;
    display: flex;
    float: left; }
    #welcome #t_as_une_tache img {
      max-height: 40px; }
  #welcome a#agglo {
    width: 124px;
    height: 45px;
    background: url("../skins/img-deveco/logo_droite.png") no-repeat center center;
    float: right;
    display: flex;
    border-left: 2px solid #fff;
    padding-left: 15px;
    margin-top: 8px; }
  #welcome .up {
    width: 100%;
    height: 72px; }
  #welcome #header #navbar #nav_page ul li .ss_lvl a:hover {
    background-color: #00adef;
    border: 1px solid #00adef; }
  #welcome #section_hero {
    /*    background: url("../skins/img-deveco/hero.jpg") no-repeat center center;*/
    background-size: cover; }
    #welcome #section_hero #videoCont {
      z-index: 2;
      position: relative;
      width: 100%;
      height: 100vh;
      background-color: transparent;
      background-image: url();
      background-size: cover;
      background-position: 50% 0;
      box-sizing: border-box;
      overflow: hidden; }
      #welcome #section_hero #videoCont video#bgvid {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%; }
        #welcome #section_hero #videoCont video#bgvid.videoAbs {
          position: absolute;
          display: block; }
        #welcome #section_hero #videoCont video#bgvid.videoAlt {
          display: none;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: 0% 50%;
          max-width: 100%; }
  #welcome #header #navbar #nav_page ul li a:hover {
    background-color: #df4c66; }
  #welcome #header #navbar #nav_page ul li ul {
    border-top: 5px solid #df4c66; }
  #welcome .avenir_block {
    width: 780px;
    float: left;
    position: relative; }
    #welcome .avenir_block h2 {
      text-align: left; }
  #welcome .info_event {
    margin-top: 0;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 100px; }
    #welcome .info_event .block_time {
      margin-bottom: 0; }
    #welcome .info_event h3 {
      border: none;
      width: 540px;
      padding: 0;
      height: auto; }
  #welcome #alaune {
    background: url(../skins/img-deveco/bg_bleu.jpg) no-repeat center center;
    background-size: cover; }
    #welcome #alaune aside {
      width: 370px;
      float: right;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      #welcome #alaune aside article a {
        background-color: #fff;
        text-align: center;
        font-size: 24px;
        box-sizing: border-box;
        padding: 30px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column; }
        #welcome #alaune aside article a h3 {
          color: #3b3b3b;
          margin-bottom: 6px; }
        #welcome #alaune aside article a time {
          color: #df4c66; }
      #welcome #alaune aside .voir_tout {
        position: relative;
        margin: auto;
        width: 100%;
        text-align: center;
        right: 0;
        top: 0; }
  #welcome .baseline {
    text-align: center;
    font-size: 31px;
    font-family: "montserratmedium";
    line-height: 36px;
    width: 300px;
    margin: auto; }
  #welcome #carte_interactive {
    position: relative;
    padding-top: 150px; }
    #welcome #carte_interactive .baseline {
      width: 475px;
      max-width: 100%; }
    #welcome #carte_interactive #triangle_rouge {
      background: url(../skins/img/triangle_bleu.jpg) no-repeat left top; }
    #welcome #carte_interactive h2 {
      color: #3b3b3b; }
  #welcome .deco_accueil {
    height: 315px;
    width: 100%;
    position: relative;
    margin-top: 170px;
    margin-bottom: 260px;
    background: url("../skins/img/pattern.jpg") repeat left top; }
  #welcome a#illus_map {
    width: 433px;
    height: 608px;
    left: 50%;
    margin-left: -216px;
    top: -150px;
    position: absolute;
    background: url("../skins/img-deveco/lieu.png") repeat left top; }
  #welcome #autres_pages {
    height: 1088px;
    width: 100%;
    background: url("../skins/img-deveco/fond_rouge.jpg") no-repeat center center;
    background-size: cover; }
    #welcome #autres_pages .block_titre {
      background-color: #fff;
      color: #3b3b3b;
      width: 380px;
      margin: auto;
      border-bottom: 8px solid #00adef;
      padding: 160px 0 60px;
      box-sizing: border-box; }
    #welcome #autres_pages h2 {
      color: #3b3b3b; }
      #welcome #autres_pages h2 .bleu {
        color: #00adef; }
    #welcome #autres_pages .margin_auto {
      margin-top: 40px;
      display: flex;
      justify-content: space-between; }
  #welcome .block_link a {
    display: flex;
    width: 380px;
    height: 380px;
    background-color: #fff;
    color: #3b3b3b;
    position: relative;
    font-size: 24px;
    padding: 250px 50px 50px;
    text-align: center;
    box-sizing: border-box;
    justify-content: center; }
    #welcome .block_link a::before {
      position: absolute;
      left: 50%;
      margin-left: -61px;
      top: 100px;
      content: "";
      z-index: 1; }
    #welcome .block_link a::after {
      content: "";
      border: 1px solid #eee;
      position: absolute;
      width: 350px;
      height: 350px;
      left: 15px;
      top: 15px;
      box-sizing: border-box; }
    #welcome .block_link a:hover {
      background-color: #3b3b3b;
      color: #939393; }
    #welcome .block_link a:hover::after {
      border: 1px solid #575757; }
  #welcome a.excellence::before {
    width: 129px;
    height: 122px;
    background: url("../skins/img-deveco/excellence.png") no-repeat center top; }
  #welcome a.excellence:hover::before {
    background-position: center -122px; }
  #welcome a.implantation::before {
    width: 129px;
    height: 122px;
    background: url("../skins/img-deveco/implantation.png") no-repeat center top; }
  #welcome a.implantation:hover::before {
    background-position: center -122px; }
  #welcome a.accompagnement::before {
    width: 129px;
    height: 122px;
    background: url("../skins/img-deveco/accompagnement.png") no-repeat center top; }
  #welcome a.accompagnement:hover::before {
    background-position: center -122px; }
  #welcome #n1 {
    background-color: #df4c66; }
  #welcome #blue_absol_verti {
    background-color: #df4c66; }
  #welcome #page_content h2 {
    color: #00adef; }
  #welcome #page_content h3 {
    color: #df4c66; }
  #welcome #share {
    border-bottom: 2px solid #00adef;
    border-right: 2px solid #00adef; }
  #welcome #btn_share {
    background: url("../skins/img-deveco/share_bleu.jpg") no-repeat center center; }
  #welcome #content_article #the_content {
    background: url("../skins/img-deveco/pattern_agenda.jpg") repeat-y; }
  #welcome .evenement_bg {
    background: url("../skins/img-deveco/deveco_bg.jpg") no-repeat center center; }
  #welcome #autres_pages_min {
    position: relative;
    background: url("../skins/img-deveco/mini_deveco_bg.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 470px; }
    #welcome #autres_pages_min .margin_auto {
      margin-top: 0; }
  #welcome .black {
    background-color: #3b3b3b;
    height: 95px;
    text-align: center; }
    #welcome .black a {
      background: #4d4d4d;
      float: right;
      width: 780px;
      height: 60px;
      color: #fff;
      margin-top: 15px;
      padding-top: 24px;
      box-sizing: border-box;
      position: relative; }
      #welcome .black a::after {
        content: "";
        background: url("../skins/img-deveco/note.png") no-repeat center center;
        width: 30px;
        height: 40px;
        position: absolute;
        left: 150px;
        top: 10px; }
  #welcome .blanche {
    background-color: #fff;
    width: 380px;
    height: 95px;
    float: left; }
  #welcome #autres_pages_min .block_titre {
    width: 380px;
    background-color: #fff;
    border-bottom: 10px solid #df4c66;
    padding-top: 140px;
    padding-bottom: 70px;
    float: left;
    box-sizing: border-box; }
    #welcome #autres_pages_min .block_titre h2 {
      color: #3b3b3b; }
  #welcome #autres_pages_min .block_link {
    width: 780px;
    display: flex;
    float: right;
    margin-top: 60px;
    justify-content: space-between; }
    #welcome #autres_pages_min .block_link a {
      width: 250px;
      height: 250px;
      padding: 170px 50px 0;
      font-size: 20px; }
      #welcome #autres_pages_min .block_link a::after {
        width: 220px;
        height: 220px; }
      #welcome #autres_pages_min .block_link a::before {
        top: 30px; }

/*------- Responsive ------*/
@media screen and (max-width: 1280px) {
  #welcome {
    /*----------------page----------------------*/ }
    #welcome #section_auto {
      margin-top: 72px; }
    #welcome #content_article #the_content {
      background: none; }
    #welcome a#agglo {
      display: none; }
    #welcome #t_as_une_tache {
      margin: 14px 15px;
      max-width: 270px;
      box-sizing: border-box;
      overflow: hidden;
      max-height: 72px;
      font-size: 32px; }
    #welcome #burger {
      margin-top: 15px;
      float: none;
      position: absolute;
      right: 0; }
    #welcome #header #navbar #nav_page ul li.top_niv1 a.upper:hover {
      background-color: transparent; }
    #welcome #alaune .marge_auto {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      #welcome #alaune .marge_auto h2,
      #welcome #alaune .marge_auto h3 {
        text-align: center;
        width: 100%; }
    #welcome #carte_interactive {
      padding-bottom: 70px; }
    #welcome .deco {
      height: 20px;
      float: left;
      margin: auto;
      background: none;
      margin-bottom: 50px; }
    #welcome .deco_accueil {
      margin-top: 50px;
      margin-bottom: 160px; }
    #welcome a#illus_map {
      /*      background: none;*/
      width: 100%;
      left: 0;
      position: relative;
      top: 0;
      margin-left: auto;
      float: left;
      /*      height: auto;
            margin-top: 20px;*/
      background-size: contain;
      background-repeat: no-repeat;
      margin: 20px auto;
      box-sizing: border-box;
      height: 443px;
      background-position: 50% 50%; }
      #welcome a#illus_map::after {
        content: " voir la carte ";
        width: 100%;
        height: 80px;
        text-decoration: underline;
        color: #df4c66;
        text-align: center;
        position: relative;
        display: table; }
    #welcome #autres_pages {
      height: auto;
      background: #00adef; }
      #welcome #autres_pages .block_titre {
        color: #fff;
        width: auto;
        background-color: inherit;
        border: none;
        padding: 80px 0 0; }
        #welcome #autres_pages .block_titre h2 {
          color: #fff; }
        #welcome #autres_pages .block_titre .bleu {
          color: #fff100; }
      #welcome #autres_pages .margin_auto {
        flex-direction: column;
        align-items: center; }
        #welcome #autres_pages .margin_auto a {
          width: 100%;
          height: 150px;
          padding: 0;
          display: flex;
          align-items: center; }
          #welcome #autres_pages .margin_auto a::before {
            left: 25px;
            margin-left: 0;
            margin-top: 0;
            top: 15px; }
          #welcome #autres_pages .margin_auto a::after {
            width: 98%;
            left: 1%;
            height: 90%;
            top: 5%; }
    #welcome #autres_pages_min .block_titre {
      display: none; }
    #welcome #autres_pages_min .blanche {
      display: none; }
    #welcome #autres_pages_min .block_link {
      width: 100%;
      justify-content: space-around; }
    #welcome .black a {
      width: 96%;
      margin: 2%; }
      #welcome .black a::after {
        display: none; } }
@media screen and (max-width: 1040px) {
  #chiffres {
    font-size: 25pt; }
    #chiffres .ptit {
      font-size: 18pt; }
    #chiffres .superPetit {
      font-size: 12pt; } }
@media screen and (max-width: 870px) {
  #chiffres {
    font-size: 20pt; }
    #chiffres .ptit {
      font-size: 15pt; }
    #chiffres .superPetit {
      font-size: 10pt; }
    #chiffres #slogan2 {
      max-width: 400px; }
    #chiffres #slogan3 {
      margin-top: 30px;
      background-position: 0% 89%;
      max-width: 450px; }

  #welcome #autres_pages_min {
    background: none; }
    #welcome #autres_pages_min .block_link {
      flex-direction: column;
      margin-top: 0; }
      #welcome #autres_pages_min .block_link a {
        width: 100%;
        height: 150px;
        padding: 0;
        display: flex;
        align-items: center; }
        #welcome #autres_pages_min .block_link a::before {
          left: 25px;
          margin-left: 0;
          margin-top: 0;
          top: 22px; }
        #welcome #autres_pages_min .block_link a::after {
          width: 98%;
          left: 1%;
          height: 90%;
          top: 5%; }
    #welcome #autres_pages_min .block_titre {
      padding: 0; }
  #welcome #autres_pages_min .block_link a, #welcome #autres_pages .block_link a {
    /*            text-align: left;*/
    padding-left: 170px;
    padding-right: 20px; } }
@media screen and (max-width: 660px) {
  #chiffres #agglo, #chiffres #blocs1, #chiffres .intPhase3, #chiffres .intPhase2, #chiffres #blocs2, #chiffres .intActeurs, #chiffres .quatresB {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #chiffres #agglo div.carre, #chiffres #blocs1 div.carre, #chiffres .intPhase3 div.carre, #chiffres .intPhase2 div.carre, #chiffres #blocs2 div.carre, #chiffres .intActeurs div.carre, #chiffres .quatresB div.carre {
      width: 100%;
      max-width: 350px;
      margin: 20px auto; }
  #chiffres .quatresB div.carre:after {
    padding-bottom: 100%; }
  #chiffres .big1 {
    display: none; }
  #chiffres .big2 {
    display: block;
    padding: 0; }
  #chiffres .bleu1 {
    display: none; }
  #chiffres .bleu2 {
    display: block;
    margin-bottom: 25px; }
  #chiffres #slogan2 div:nth-child(1) .tourisme {
    width: 35px;
    height: 39px;
    top: 5px; }
  #chiffres .phases3, #chiffres .phases2 {
    background: #f7f7f7;
    padding: 25px 0;
    margin: 60px 0; }
    #chiffres .phases3 .intPhase3 > div, #chiffres .phases2 .intPhase3 > div {
      width: 100%;
      padding: 25px 10px;
      border-left: 0;
      border-top: 2px solid #00adef; }
    #chiffres .phases3 .intPhase3 > div:first-of-type, #chiffres .phases2 .intPhase3 > div:first-of-type {
      border-left: 0;
      border-top: 0; }
    #chiffres .phases3 .intPhase2 > div, #chiffres .phases2 .intPhase2 > div {
      width: 100%;
      padding: 25px 10px;
      border-left: 0;
      border-top: 2px solid #00adef; }
    #chiffres .phases3 .intPhase2 > div:first-of-type, #chiffres .phases2 .intPhase2 > div:first-of-type {
      border-left: 0;
      border-top: 0; }
  #chiffres #ici img {
    max-width: 180%;
    height: auto;
    margin-left: -40%; } }
@media screen and (max-width: 580px) {
  #welcome #autres_pages_min .block_link a, #welcome #autres_pages .block_link a {
    padding: 0 20px;
    font-size: 1em;
    padding-top: 65px; }
  #welcome #autres_pages .block_link a::before, #welcome #autres_pages_min .block_link a::before {
    width: 64px;
    height: 61px;
    background-size: 100%;
    left: 50%;
    top: 30px;
    margin-left: -30px; }
  #welcome a.excellence:hover::before {
    background-position: center -61px; }
  #welcome a.implantation:hover::before {
    background-position: center -61px; }
  #welcome a.accompagnement:hover::before {
    background-position: center -61px; } }

/*# sourceMappingURL=welcome.css.map */