@charset "UTF-8";
/* Flexnav Base Styles */
/* line 2, ../sass/flexnav.scss */
.flexnav {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-height: 0;
  padding-left: 0;
}

/* line 15, ../sass/flexnav.scss */
.flexnav.opacity {
  opacity: 0;
}

/* line 19, ../sass/flexnav.scss */
.flexnav.flexnav-show {
  max-height: 2000px;
  opacity: 1;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

/* line 28, ../sass/flexnav.scss */
.flexnav.one-page {
  position: fixed;
  top: 50px;
  right: 5%;
  max-width: 200px;
}

/* line 35, ../sass/flexnav.scss */
.nav ul {
  /* display: table-row;*/
  /*Fix the Vertical Align*/
  line-height: 1.5em;
}

/* line 40, ../sass/flexnav.scss */
.flexnav li {
  font-size: 100%;
  position: relative;
  overflow: hidden;
}

/* line 47, ../sass/flexnav.scss */
.flexnav .touch-button .navicon {
  display: inline-block;
}

/* line 51, ../sass/flexnav.scss */
.flexnav li:hover {
  background-color: #5496a9;
}

/* line 55, ../sass/flexnav.scss */
.flexnav li a {
  font-size: 1em;
  display: block;
  padding: 6.3px .4em;
  z-index: 2;
  overflow: hidden;
  color: #37545C;
  background: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-transform: uppercase;
  -webkit-transition: background-color 1s ease-in;
  -moz-transition: background-color 1s ease-in;
  -ms-transition: background-color 1s ease-in;
  -o-transition: background-color 1s ease-in;
  transition: background-color 1s ease-in;
  min-height: 55px;
}

/* line 74, ../sass/flexnav.scss */
.flexnav li a:hover,
.flexnav li a.active {
  background-color: #5296a9;
}

/*
  .flexnav li a[title="about us"]:hover,
  .flexnav li a[title="about us"].active,
  .flexnav li a[title="à propos du cae"]:hover,
  .flexnav li a[title="à propos du cae"].active,
  .flexnav li a[title="ACE MEETINGS"]:hover,
  .flexnav li a[title="ACE MEETINGS"].active,
  .flexnav li a[title="Réunions du cae"]:hover,
  .flexnav li a[title="Réunions du cae"].active {
    background-color: #5296a9;
  }
*/
/* line 91, ../sass/flexnav.scss */
.flexnav li a[title="activities"]:hover,
.flexnav li a[title="activities"].active,
.flexnav li a[title="activités"]:hover,
.flexnav li a[title="activités"].active,
.flexnav li a[title="PRACTICAL INFORMATION"]:hover,
.flexnav li a[title="PRACTICAL INFORMATION"].active,
.flexnav li a[title="Informations pratiques"]:hover,
.flexnav li a[title="Informations pratiques"].active {
  background-color: #bbd4db;
}

/* line 102, ../sass/flexnav.scss */
.flexnav li a[title="policies"]:hover,
.flexnav li a[title="policies"].active,
.flexnav li a[title="ACCESS TO THE PROFESSION"]:hover,
.flexnav li a[title="ACCESS TO THE PROFESSION"].active,
.flexnav li a[title="positions politiques"]:hover,
.flexnav li a[title="positions politiques"].active,
.flexnav li a[title="Accès à la profession"]:hover,
.flexnav li a[title="Accès à la profession"].active {
  background-color: #a49d97;
}

/* line 113, ../sass/flexnav.scss */
.flexnav li a[title="architects in europe"]:hover,
.flexnav li a[title="architects in europe"].active,
.flexnav li a[title="architectes en europe"]:hover,
.flexnav li a[title="architectes en europe"].active,
.flexnav li a[title="PRACTICE OF THE PROFESSION"]:hover,
.flexnav li a[title="PRACTICE OF THE PROFESSION"].active,
.flexnav li a[title="Exercice de la profession"]:hover,
.flexnav li a[title="Exercice de la profession"].active {
  background-color: #6767ad;
}

/* line 124, ../sass/flexnav.scss */
.flexnav li a[title="access to the profession"]:hover,
.flexnav li a[title="access to the profession"].active,
.flexnav li a[title="accès à la profession"]:hover,
.flexnav li a[title="accès à la profession"].active,
.flexnav li a[title="SUSTAINABLE ARCHITECTURE"]:hover,
.flexnav li a[title="SUSTAINABLE ARCHITECTURE"].active,
.flexnav li a[title="Architecture Responsable"]:hover,
.flexnav li a[title="Architecture Responsable"].active {
  background-color: #7d527d;
}

/* line 135, ../sass/flexnav.scss */
.flexnav li a[title="architecture in europe"]:hover,
.flexnav li a[title="architecture in europe"].active,
.flexnav li a[title="architecture en europe"]:hover,
.flexnav li a[title="architecture en europe"].active,
.flexnav li a[title="OTHER GROUPS"]:hover,
.flexnav li a[title="OTHER GROUPS"].active,
.flexnav li a[title="Autres groupes"]:hover,
.flexnav li a[title="Autres groupes"].active {
  background-color: #c997c8;
}

/* line 146, ../sass/flexnav.scss */
.flexnav li a[title="practice of the profession"]:hover,
.flexnav li a[title="practice of the profession"].active,
.flexnav li a[title="exercice de la profession"]:hover,
.flexnav li a[title="exercice de la profession"].active,
.flexnav li a[title="TOOLS"]:hover,
.flexnav li a[title="TOOLS"].active,
.flexnav li a[title="Outils"]:hover,
.flexnav li a[title="Outils"].active {
  background-color: #f06520;
}

/* line 157, ../sass/flexnav.scss */
.flexnav li a[title="other groups"]:hover,
.flexnav li a[title="other groups"].active {
  background-color: #7d527d;
}

/* line 162, ../sass/flexnav.scss */
.flexnav li a[title="tools"]:hover,
.flexnav li a[title="tools"].active {
  background-color: #f2631f;
}

/* line 167, ../sass/flexnav.scss */
.flexnav li a[title="responsible architecture"]:hover,
.flexnav li a[title="responsible architecture"].active,
.flexnav li a[title="RESPONSIBLE ARCHITECTURE"]:hover,
.flexnav li a[title="RESPONSIBLE ARCHITECTURE"].active,
.flexnav li a[title="architecture durable"]:hover,
.flexnav li a[title="architecture durable"].active {
  background-color: #acd474;
}

/* line 176, ../sass/flexnav.scss */
.flexnav li.active a[title="architects in europe"],
.flexnav li a[title="architects in europe"]:hover {
  letter-spacing: .005em;
}

/* line 181, ../sass/flexnav.scss */
.flexnav li ul li a:hover {
  background-color: #7abfd0;
}

/* line 185, ../sass/flexnav.scss */
.flexnav li ul {
  width: 100%;
}

/* line 189, ../sass/flexnav.scss */
.flexnav li ul li {
  font-size: 100%;
  position: relative;
  overflow: hidden;
}

/* line 195, ../sass/flexnav.scss */
.flexnav li ul.flexnav-show li {
  overflow: visible;
}

/* line 199, ../sass/flexnav.scss */
.flexnav li ul li a {
  display: block;
  /*background: #176A73; MMW*/
  background: #176A73;
  height: auto;
  color: #FFFFFF;
  border-left: none;
}

/* line 208, ../sass/flexnav.scss */
.flexnav ul li ul li a {
  /*background: #176A73; MMW*/
  background: #176A73;
  color: #FFFFFF;
  border-left: none;
}

/* line 215, ../sass/flexnav.scss */
.flexnav ul li ul li ul li a {
  /*background: #176A73; MMW*/
  background: #176A73;
  color: #FFFFFF;
  border-left: none;
}

/* line 222, ../sass/flexnav.scss */
.flexnav li.item-with-ul:nth-child(1) ul li a:hover,
.flexnav li.item-with-ul:nth-child(1) ul li a.active {
  background-color: #5296a9;
}

/* line 227, ../sass/flexnav.scss */
.flexnav li.item-with-ul:nth-child(2) ul li a:hover,
.flexnav li.item-with-ul:nth-child(2) ul li a.active {
  background-color: #bbd4db;
}

/* line 232, ../sass/flexnav.scss */
.flexnav li.item-with-ul:nth-child(3) ul li a:hover,
.flexnav li.item-with-ul:nth-child(3) ul li a.active {
  background-color: #a49d97;
}

/* line 237, ../sass/flexnav.scss */
.flexnav li.item-with-ul:nth-child(4) ul li a:hover,
.flexnav li.item-with-ul:nth-child(4) ul li a.active {
  background-color: #6767af;
}

/* line 242, ../sass/flexnav.scss */
.flexnav li.item-with-ul:nth-child(5) ul li a:hover,
.flexnav li.item-with-ul:nth-child(5) ul li a.active {
  background-color: #c997c8;
}

/* line 247, ../sass/flexnav.scss */
.flexnav li.item-with-ul:nth-child(6) ul li a:hover,
.flexnav li.item-with-ul:nth-child(6) ul li a.active {
  background-color: #7d527d;
}

/* line 252, ../sass/flexnav.scss */
.flexnav li.item-with-ul:nth-child(7) ul li a:hover,
.flexnav li.item-with-ul:nth-child(7) ul li a.active {
  background-color: #f16321;
}

/* line 257, ../sass/flexnav.scss */
.flexnav li.item-with-ul:nth-child(8) ul li a:hover,
.flexnav li.item-with-ul:nth-child(8) ul li a.active {
  background-color: #acd474;
}

/*.flexnav li.item-with-ul:nth-child(5) ul li a {
  display: none;
}*/
/* line 266, ../sass/flexnav.scss */
.flexnav .touch-button {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  display: inline-block;
  background: transparent;
  text-align: center;
}

/* line 278, ../sass/flexnav.scss */
.flexnav .touch-button:hover {
  cursor: pointer;
}

/* line 282, ../sass/flexnav.scss */
.flexnav .touch-button .navicon {
  position: relative;
  top: 1.4em;
  font-size: 12px;
  color: #666;
  display: none;
}

/* line 290, ../sass/flexnav.scss */
.menu-button {
  position: relative;
  display: block;
  padding: 1em;
  background: #176A73;
  color: white;
  /* background: #FFFFFF;
   color: #222222;*/
  cursor: pointer;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
}

/* line 303, ../sass/flexnav.scss */
.menu-button.one-page {
  position: fixed;
  top: 0;
  right: 5%;
  padding-right: 45px;
}

/* line 310, ../sass/flexnav.scss */
.menu-button .touch-button {
  background: transparent;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
}

/* line 322, ../sass/flexnav.scss */
.menu-button .touch-button .navicon {
  font-size: 16px;
  position: relative;
  top: 1em;
  color: white;
}

/* line 329, ../sass/flexnav.scss */
.flexnav li a[title="à propos du cae"],
.flexnav li a[title="activités"],
.flexnav li a[title="about us"],
.flexnav li a[title="activities"],
.flexnav li a[title="policies"],
.flexnav li a[title="Réunions du cae"],
.flexnav li a[title="Autres groupes"],
.flexnav li a[title="Outils"],
.flexnav li a[title="ACE MEETINGS"],
.flexnav li a[title="OTHER GROUPS"],
.flexnav li a[title="TOOLS"] {
  padding: 17px 0;
}

@media only screen and (min-width: 800px) and (max-width: 826px) {
  /* line 344, ../sass/flexnav.scss */
  .flexnav li a {
    min-height: 76px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 350, ../sass/flexnav.scss */
  .flexnav .touch-button .navicon {
    display: block !important;
  }

  /* line 353, ../sass/flexnav.scss */
  .flexnav li a {
    padding: 17px 0 17px 10px !important;
  }
}
@media only screen and (min-width: 800px) {
  /* line 359, ../sass/flexnav.scss */
  body.one-page {
    padding-top: 70px;
  }

  /* header{border-bottom:none;}*/
  /* line 363, ../sass/flexnav.scss */
  .flexnav {
    overflow: visible;
    position: relative;
    z-index: 1000;
  }

  /* line 368, ../sass/flexnav.scss */
  .flexnav.opacity {
    opacity: 1;
  }

  /* line 371, ../sass/flexnav.scss */
  .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px;
  }

  /* line 376, ../sass/flexnav.scss */
  .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    overflow: visible;
    width: 12.5%;
  }

  /* line 385, ../sass/flexnav.scss */
  .flexnav.private li {
    width: 14.28%;
  }

  /* line 389, ../sass/flexnav.scss */
  .flexnav li a {
    font-family: 'Open Sans Condensed Bold', sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    border-left: 1px solid #f4f4f0;
    border-bottom: none;
    background: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    /*height: auto;*/
  }

  /* line 402, ../sass/flexnav.scss */
  .flexnav li:hover {
    background-color: #176A73;
  }

  /* line 406, ../sass/flexnav.scss */
  .flexnav li a:hover,
  .flexnav li a.active {
    color: #FFFFFF;
  }

  /* line 412, ../sass/flexnav.scss */
  .flexnav li:first-child a {
    border-left: none;
  }

  /* line 416, ../sass/flexnav.scss */
  .flexnav li > ul {
    position: absolute;
    top: auto;
    left: 0;
  }

  /* line 421, ../sass/flexnav.scss */
  .flexnav li > ul li {
    width: 100%;
  }

  /* line 425, ../sass/flexnav.scss */
  .flexnav li ul li > ul {
    margin-left: 100%;
    top: 0;
  }

  /* line 429, ../sass/flexnav.scss */
  .flexnav li ul li a {
    border-bottom: none;
  }

  /* line 432, ../sass/flexnav.scss */
  .flexnav li ul.open {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }

  /* line 439, ../sass/flexnav.scss */
  .flexnav li ul.open li {
    overflow: visible;
    max-height: 100px;
  }

  /* line 444, ../sass/flexnav.scss */
  .flexnav li ul.open ul.open {
    margin-left: 100%;
    top: 0;
  }

  /* line 449, ../sass/flexnav.scss */
  .menu-button {
    display: none;
  }

  /* line 453, ../sass/flexnav.scss */
  .oldie body.one-page {
    padding-top: 70px;
  }

  /* line 456, ../sass/flexnav.scss */
  .oldie .flexnav {
    overflow: visible;
  }

  /* line 459, ../sass/flexnav.scss */
  .oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px;
  }

  /* line 464, ../sass/flexnav.scss */
  .oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px;
    overflow: visible;
  }

  /* line 474, ../sass/flexnav.scss */
  .oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible;
  }

  /* line 479, ../sass/flexnav.scss */
  .oldie .flexnav li:hover > ul li {
    width: 100%;
    float: none;
  }

  /* line 483, ../sass/flexnav.scss */
  .oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible;
  }

  /* line 488, ../sass/flexnav.scss */
  .oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible;
  }

  /* line 497, ../sass/flexnav.scss */
  .oldie .flexnav li ul li ul {
    top: 0;
  }

  /* line 500, ../sass/flexnav.scss */
  .oldie .flexnav li ul li a {
    border-bottom: none;
  }

  /* line 503, ../sass/flexnav.scss */
  .oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible;
  }

  /* line 508, ../sass/flexnav.scss */
  .oldie .flexnav li ul.open li {
    width: 100%;
  }

  /* line 511, ../sass/flexnav.scss */
  .oldie .flexnav li ul.open ul.open {
    margin-left: 100%;
    top: 0;
    display: block;
    width: 100%;
    overflow: visible;
  }

  /* line 518, ../sass/flexnav.scss */
  .oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0;
  }

  /* line 522, ../sass/flexnav.scss */
  .oldie .menu-button {
    display: none;
  }

  /* line 525, ../sass/flexnav.scss */
  .oldie.ie7 .flexnav li {
    width: 19.9%;
  }

  /*LARGE SCREENS*/
}
@media only screen and (min-width: 800px) and (min-width: 1824px) {
  /* line 531, ../sass/flexnav.scss */
  .flexnav li a {
    padding: 17px 0;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1024px) {
  /* line 537, ../sass/flexnav.scss */
  .flexnav li a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 800px) {
  /* Displays/Screens (e.g. MacBook @ 1280x800) -------------- */
  /* Displays/Screens (e.g. 19" WS @ 1440x900) --------------- */
}
@media only screen and (min-width: 800px) and (min-width: 1410px) and (max-width: 1649px) {
  /* line 549, ../sass/flexnav.scss */
  .flexnav li a[title="positions politiques"] {
    padding: 17px 0;
  }
}
@media only screen and (min-width: 800px) {
  /* (1600x900) HD+ Display  --------------
  @media  screen and (max-width: 1600px) {
      .flexnav li a[title="architects in europe"],
      .flexnav li a[title="architecture in europe"],
      .flexnav li a[title="access to the profession"] {
        padding: 17px 0;
      }
  }*/
  /* Displays/Screens (e.g. 22" WS @ 1680x1050) -------------- */
}
@media only screen and (min-width: 800px) and (min-width: 1650px) and (max-width: 1889px) {
  /* line 565, ../sass/flexnav.scss */
  .flexnav li a[title="architects in europe"],
  .flexnav li a[title="architecture in europe"],
  .flexnav li a[title="positions politiques"],
  .flexnav li a[title="architectes en europe"],
  .flexnav li a[title="architecture en europe"],
  .flexnav li a[title="accès à la profession"],
  .flexnav li a[title="architecture durable"],
  .flexnav li a[title="PRACTICAL INFORMATION"],
  .flexnav li a[title="access to the profession"] {
    padding: 17px 0;
  }
}
@media only screen and (min-width: 800px) {
  /* iPad in landscape */
}
@media only screen and (min-width: 800px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* line 580, ../sass/flexnav.scss */
  .flexnav li a {
    font-size: 14px !important;
  }
}