body {
  font-family: 'Raleway', sans-serif; }

a, a:hover, a:active {
  text-decoration: none;
  -webkit-transition: all .3s; }

.pt-header {
  position: relative;
  z-index: 10; }
  .pt-header .pt-logo {
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    padding-bottom: 34px; }
    .pt-header .pt-logo img {
      height: 156px; }
  .pt-header .pt-menu {
    margin: auto;
    display: table;
    background: #FFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 50px;
    margin-top: -24px;
    padding: 0 24px; }
    .pt-header .pt-menu ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .pt-header .pt-menu ul li {
        float: left;
        position: relative; }
        .pt-header .pt-menu ul li a {
          display: block;
          padding: 12px 24px;
          color: #222;
          position: relative; }
        .pt-header .pt-menu ul li:before {
          content: "";
          position: absolute;
          bottom: 8px;
          right: 0;
          height: 30px;
          border-right: 1px solid #F4F4F4; }
        .pt-header .pt-menu ul li:last-of-type:before {
          content: none; }
        .pt-header .pt-menu ul li.selected a:before {
          content: "";
          position: absolute;
          bottom: 2px;
          left: 1%;
          width: 96%;
          border-bottom: 2px solid #8cae53; }
        .pt-header .pt-menu ul li.selected a:after {
          content: "";
          position: absolute;
          bottom: 4px;
          left: 45%;
          /* width: 100%; */
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-bottom: 4px solid #8cae53; }
        .pt-header .pt-menu ul li:hover a {
          background: #f9f9f9;
          color: #777; }

.pt-slider {
  margin-top: -23px;
  position: relative;
  color: #FFF; }
  .pt-slider a.pt-button {
    display: inline-block;
    border-radius: 50px;
    padding: 8px 30px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    margin-top: 24px;
    box-shadow: 0 0 40px #66ff0075;
    background: #409f1a;
    background: -moz-linear-gradient(left, #409f1a 0%, #56c80a 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #409f1a), color-stop(100%, #56c80a));
    background: -webkit-linear-gradient(left, #409f1a 0%, #56c80a 100%);
    background: -o-linear-gradient(left, #409f1a 0%, #56c80a 100%);
    background: -ms-linear-gradient(left, #409f1a 0%, #56c80a 100%);
    background: linear-gradient(to right, #409f1a 0%, #56c80a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#409f1a', endColorstr='#56c80a', GradientType=1 ); }
    .pt-slider a.pt-button i {
      margin-left: 8px;
      font-weight: 700; }
  .pt-slider p {
    font-family: 'Cookie', cursive;
    font-family: 'Lobster Two', cursive;
    font-size: 32px;
    margin-top: 12px;
    letter-spacing: 2px; }
  .pt-slider .pt-breadcrump {
    height: 200px;
    overflow: hidden; }
    .pt-slider .pt-breadcrump img {
      width: 100%; }
    .pt-slider .pt-breadcrump a {
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 2px; }

.pt-formateurs .pt-carousel img {
  border-radius: 40px; }
.pt-formateurs .pt-breadcrump a {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 2px; }

.pt-contact p i {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #F7F7F7;
  border-radius: 50%;
  line-height: 32px;
  margin-right: 6px; }
.pt-contact .form {
  padding-top: 24px;
  width: 480px;
  margin: auto; }
  .pt-contact .form h3 {
    margin-bottom: 24px;
    color: #338a10; }
    .pt-contact .form h3 i {
      margin-right: 12px; }
  .pt-contact .form input[type=text],
  .pt-contact .form textarea,
  .pt-contact .form .input {
    padding: 12px;
    border: 1px solid #EEE;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    box-shadow: 0 0 6px #EEE; }
  .pt-contact .form button {
    border: 0px;
    background: #54c30e;
    color: #FFF;
    padding: 12px;
    width: 100%;
    margin-top: 12px;
    box-shadow: 0 0 5px #4cad0f;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer; }

.pt-footer {
  text-align: center;
  padding: 48px 0 48px 0; }
  .pt-footer .pt-copyright {
    line-height: 28px;
    font-size: 14px; }
  .pt-footer .pt-social {
    margin-top: 18px; }
    .pt-footer .pt-social a {
      border-radius: 50%;
      background: #000;
      color: #FFF;
      width: 32px;
      height: 32px;
      display: inline-block;
      line-height: 35px; }

.pt-metiers .pt-breadcrump div,
.pt-formations .pt-breadcrump div,
.pt-formateurs .pt-breadcrump div,
.pt-contact .pt-breadcrump div {
  position: absolute;
  top: 25%;
  left: 0px;
  width: 100%;
  height: 200px;
  z-index: 0;
  text-align: center; }
  .pt-metiers .pt-breadcrump div strong,
  .pt-formations .pt-breadcrump div strong,
  .pt-formateurs .pt-breadcrump div strong,
  .pt-contact .pt-breadcrump div strong {
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 4px; }
.pt-metiers .pt-page,
.pt-formations .pt-page,
.pt-formateurs .pt-page,
.pt-contact .pt-page {
  width: 960px;
  margin: auto;
  padding: 48px 0; }

.pt-formations .pt-box {
  box-shadow: 0 0 10px #00000014;
  width: 600px;
  margin: auto;
  border: 1px solid #EEE;
  padding: 48px;
  border-radius: 5px; }

.pt-formateurs .pt-breadcrump {
  height: 356px; }
.pt-formateurs .pt-carousel {
  position: relative;
  margin-top: -118px; }
  .pt-formateurs .pt-carousel #jssor_1 {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    width: 460px;
    height: 280px;
    visibility: hidden;
    border-radius: 60px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }
.pt-formateurs .pt-page {
  width: 480px;
  text-align: center;
  margin: auto;
  padding: 64px 0 48px 0;
  line-height: 30px; }

.pt-contact .pt-carousel {
  position: relative;
  overflow: hidden;
  width: 480px;
  height: 260px;
  margin: auto;
  margin-top: -23px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }

@media only screen and (max-width: 768px) {
  .pt-header .pt-logo img {
    height: 120px; }
  .pt-header .pt-menu {
    border-radius: 0;
    width: 100%; }
    .pt-header .pt-menu ul {
      width: 100%; }
      .pt-header .pt-menu ul li {
        float: none;
        position: relative; }
        .pt-header .pt-menu ul li:not(.selected) {
          border-bottom: 1px solid #F7F7F7; }

  .pt-slider {
    margin: 0; }
    .pt-slider .pt-breadcrump {
      height: 150px; }
      .pt-slider .pt-breadcrump img {
        width: auto;
        height: 100%; }
      .pt-slider .pt-breadcrump div strong {
        font-size: 22px; }
      .pt-slider .pt-breadcrump a {
        font-size: 10px;
        padding: 6px 16px;
        margin-top: 12px; }

  .pt-metiers .pt-page,
  .pt-formations .pt-page,
  .pt-formateurs .pt-page,
  .pt-contact .pt-page {
    width: 100%;
    padding: 24px 12px; }
    .pt-metiers .pt-page .media,
    .pt-formations .pt-page .media,
    .pt-formateurs .pt-page .media,
    .pt-contact .pt-page .media {
      display: block; }
      .pt-metiers .pt-page .media li,
      .pt-formations .pt-page .media li,
      .pt-formateurs .pt-page .media li,
      .pt-contact .pt-page .media li {
        white-space: normal !important; }
  .pt-metiers .pt-box,
  .pt-formations .pt-box,
  .pt-formateurs .pt-box,
  .pt-contact .pt-box {
    width: 100%; }

  .pt-contact .pt-carousel {
    width: 100%; }
  .pt-contact .pt-ii {
    display: block; }
  .pt-contact .form {
    width: 100%;
    padding: 24px 12px; }
    .pt-contact .form h3 {
      font-size: 22px; }

  .pt-formateurs .pt-carousel {
    margin-top: -18px; }
  .pt-formateurs .pt-page {
    padding-top: 48px; } }

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