/*
Theme Name: PTS
Theme URI:  https://wordpress.org/themes/twentyseventeen/
Author:     John Doe
Author URI: https://wordpress.org/
Description: PTS Theme
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:    twentyseventeen
Text Domain: pts
Tags: one-column, two-columns, right-sidebar, flexible-header

*/


/* General */

body {
  font-family: 'Oswald', sans-serif;
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
}

#page {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

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

.home-page h1 {
  font-size: 60px;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: #ffffff;
  margin-bottom: 30px;
}

h1 {
  font-size: 30px;
  line-height: 36px;
  text-align: left;
  position: relative;
  display: flex;
  float: none;
  margin-bottom: 30px;
}

.home-page h1  {
  justify-content: center;
  text-align: center;
}

.entry-content h1::before {
  content: "";
  width: 3px;
  height: 25px;
  background: 
  #015829;
  margin-right: 10px;
  margin-top: 7px;
}

a:link, a:visited,
a:hover, a:active, button   {
  outline: 0 none !important;
  box-shadow: none !important;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wrap,
.navigation-top .wrap {
  width: 1200px;
  max-width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.flex {
  display: flex;
}




/* header */

.site-header {
  background: #015829;
  min-height: 119px;
}

.site-brand {
  background: #ffffff;
  min-height: 90px;
}

.wrap-logo {
  float: left;
  width: 25%;
  padding-top: 3px;
}

.custom-logo-link img {
  max-height: 100px;
  width: auto;
  max-width: 100%;
}

.bg-header {
  width: 75%;
  float: left;
  /* background: url(assets/images/bg-header.png) no-repeat left top; */
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;

  color: #015829;
  -webkit-text-fill-color: #015829; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #afafaf;
  padding-top: 27px;
  line-height: 1;
}

.site-navigation-fixed.navigation-top {
  position: static;
  top: auto;
  bottom: 0;
  min-height: 65px;
}

.navigation-top {
  background: none;
  border: 0 none;
  font-size: 20px;
}





.main-navigation a {
  padding: 15px 0 20px;
  font-weight: 300;
}

.main-navigation a {
  color: #fff;
}

.main-navigation ul ul {
  background: rgba(1, 88, 41, 0.9);
}

.navigation-top .current-menu-item > a, 
.navigation-top .current_page_item > a,
.main-navigation a:hover {
  color: #fff;
  position: relative;
}

.navigation-top .current-menu-item > a::after, 
.navigation-top .current_page_item > a::after,
.main-navigation a:hover::after {
  background: #fff;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.no-link > a {
  cursor: text;
}

.main-navigation li li:hover, 
.main-navigation li li.focus,
.navigation-top .current-menu-item,
.navigation-top .current_page_item {
  background: #015829;
}

.main-navigation ul ul a {
  padding: 7px 1.25em;
}

.main-navigation ul ul {
  border: 0 none;
}

.navigation-top .sub-menu .current-menu-item > a::after, 
.navigation-top .sub-menu .current_page_item > a::after, 
.main-navigation .sub-menu a:hover::after {
   display: none; 
}

.navigation-top .current-menu-item > a, 
.navigation-top .current_page_item > a, 
.main-navigation a:hover {
  
}




.home-page .banner-header {
  background: url(assets/images/banner.png) no-repeat center 35%;  
  padding: 160px 0;
  background-size: cover;
}

.wrap-diapo {
  width: 1200px;
  max-width: 100%;
}

.wrap-diapo .metaslider-wrap .slides li::after {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  left: 10px;
  bottom: 50px !important;
  background: url(assets/images/log.png) no-repeat center center;
  display: block !important;
  z-index: 9999;
}

.metaslider-wrap .metaslider .caption-wrap {
  background: #ffffff;
  color: #333333;
  opacity: 1;
}

.metaslider-wrap .metaslider .caption {
  padding: 8px 20px;
  font-weight: 700;
  position: relative;
}

.metaslider-wrap .metaslider .caption:after {
  width: 10px;
  height: 20px;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  background: url(assets/images/bg-arrow.png) no-repeat center center;
}


.metaslider-wrap .metaslider .flexslider .flex-direction-nav li a {
  background: 0 none;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  opacity: 1;
  margin: -10px 0 0;
}

.metaslider-wrap .metaslider .flexslider .flex-direction-nav li a:hover {
  border-color: #015829;
}

.metaslider-wrap .metaslider .flexslider .flex-direction-nav li a.flex-next {
  border-bottom: 0 none;
  border-left: 0 none;
  transform: rotate(45deg);
  right: -35px !important;
}

.metaslider-wrap .metaslider .flexslider .flex-direction-nav li a.flex-prev {
  border-bottom: 0 none;
  border-right: 0 none;
  transform: rotate(-45deg);
  left: -35px;
}


/* smart slider pro */

.diapo-title h1 {
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}

.diapo-accueil .nextend-thumbnail-horizontal {
    position: absolute !important;
 /*   bottom: 25%;   */
    bottom: 0;
    width: 1200px !important;
    max-width: 100%;
    left: 0;
    right: 0;
}


/* content */

.cn-button.bootstrap {
  background: #015829 !important;
}


.wrap-padding15 {
  padding: 15px;
}

.home-page .site-content {
  background: url(assets/images/bg-content.jpg) no-repeat left bottom;
  background-size: 100% 1300px;
}

.panel-content .wrap,
.page-one-column .panel-content .wrap {
  max-width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.entry-content .wp-block-media-text {
  margin-bottom: 100px;
}

.entry-content h2 {
  font-size: 30px;
  line-height: 36px;
  text-align: left;
  position: relative;
  display: flex;
  float: none;
  margin-bottom: 30px;
}

.home-page .entry-content h2 {
  justify-content: center;
}

.entry-content h2:before {
  content: "";
  width: 3px;
  height: 25px;
  background: #015829;
  margin-right: 10px;
  margin-top: 7px;
}

.entry-content h2.title-left {
  justify-content: flex-start;
}

.secteur {
  width: 33.33%;
  padding: 15px;
}

.secteur:hover {
  opacity: 0.9;
}

.secteur a {
  position: relative; 
  display: inline-block;
}

.label-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #333333;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.secteur:hover .label-menu {
  background: #015829;
}

.space-between {
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
  align-items: stretch 
}

.partenaires {
  text-align: center;
  width: 1000px !important;
  max-width: 100%;
  margin: 0 auto;
}

.partenaires  .flexslider .slides {
  display: flex;
  align-items: center;
} 

.menu-secteurs {
  margin-bottom: 140px;
}

.wrap-absolute-home {
  position: relative;
  margin-top: 200px;
  margin-bottom: 230px !important;
  padding-left: 100px;
  padding-right: 100px;
}

.wrap-absolute-home .wp-block-media-text__content {
  align-self: flex-start;
  padding: 0 40px;
}

.wrap-absolute-home .absolute {
  position: absolute;
  left: 27%;
  top: 50%;
  background: rgba(1, 103, 50, 0.8);
  color: #fff;
  padding: 50px 40px;
  /* width: 770px; */
  width: 63%;
  max-width: 100%;
  font-family: 'Lato', sans-serif;
}




.single-post:not(.has-sidebar) #primary, 
.page.page-one-column:not(.twentyseventeen-front-page) #primary, 
.archive.page-one-column:not(.has-sidebar) .page-header, 
.archive.page-one-column:not(.has-sidebar) #primary {
  max-width: 100%;
}



.entry-content ul.text {
  margin: 20px;
}

.entry-content ul.text li {
  padding-left: 15px;
  position: relative;
}

.entry-content ul.text li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: #015829;
  border-radius: 100%;
}

.entry-content ul.subliste {
  margin: 0 20px 20px 40px;
}

.btn-pdf a:link,
.btn-pdf a:visited {
  background: #015829 url(assets/images/upload-pdf.png) no-repeat 15px center;
  background-size: 32px;
  color: #fff;
  padding: 15px 15px 15px 60px;
  margin-bottom: 30px;
  display: inline-block;
}

.btn-pdf a:hover,
.btn-pdf a:active {
  background: #333 url(assets/images/upload-pdf.png) no-repeat 15px center;
  background-size: 32px;
  color: #fff;
}


.link-extern a:link,
.link-extern a:visited {
  background: #015829;
  color: #ffffff;
  padding: 10px 30px;
}

.link-extern a:hover,
.link-extern a:active {
  background: #333333;
  color: #ffffff;
}


h3.uris-slider-post-title {
  display: none;
}

.slider-pro {
  clear: both;
}



/* contact */

.coord-form {
  display: flex;
}

.coord {
  width: 25%;
  background: #016732;
  padding: 45px 15px;
  text-align: center;
  color: #fff;
}

.coord a,
.coord h3 {
  color: #fff;
}

.contact-form {
  width: 72%;
  background: #f6f6f6;
  padding: 30px;
  margin-left: 3%;
}

.form-left {
  float: left;
  width: 50%;
  padding: 15px;
}

.form-right {
  float: left;
  width: 50%;
  padding: 15px;
}

.coord-form textarea {
  height: 205px;
}

.contact-form label {
  width: 100%;
  float: left;
}

.contact-form p span {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.contact-form input {
  width: 100%;
  padding: 7px 15px;
}

.wrap-btns {
  float: left;
  width: 100%;
  text-align: center;
}

.wrap-btns input {
  float: left;
  width: 200px;
  background: #015829;
  margin: 0 auto;
  float: none;
  padding: 13px 15px;
}

.wrap-btns input:hover {
  background: #333333 !important;
}


.wrap-map {
  margin-top: 30px;
}

.wrap-map iframe {
  width: 100% !important;
}



/* plan du site */

#menu-sitemap li {
  padding-left: 15px;
  position: relative;
}

#menu-sitemap li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: #015829;
  border-radius: 100%;
}










/* footer */

.site-footer {
  background: #016732;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  margin-top: 0;
}

.site-footer .widget-column.footer-widget-1 {
    margin: 0 auto;
    float: none;
}

.logo-iso {
  max-width: 150px;
}

.wrap-logo-iso {
  display: inline-block;
  background: #fff;
  border-radius: 7px;
  padding: 2px;
}


.site-footer h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}

.site-footer a:link,
.site-footer a:visited {
  color: #ffffff;
}

.site-footer a:hover,
.site-footer a:active {
  color: #ffffff !important;
  opacity: 0.7;
}

.wrap-info {
  background: #017438 url(assets/images/bg-footer.jpg) no-repeat center top;
  background-size: cover;
  padding: 25px 0;
  border-bottom: 1px solid #2b8959;
}

h2.widget-title {
  text-transform: none;
  font-size: 20px;
  margin-bottom: 0;
  letter-spacing: normal;
  font-weight: 400;
  margin-bottom: 5px;
}

.widget {
  padding-bottom: 0;
}

.site-footer .widget-area {
  padding: 0;
}

.textwidget {
  font-family: 'Lato', sans-serif;
}

.textwidget p {
  margin-bottom: 0;
}

.info-addres span,
.info-tel a,
.info-mail a  {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.info-addres span:before {
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  content: "";
  width: 15px;
  height: 20px;
  background: url(assets/images/pin.png) no-repeat center center;
}

.info-tel a:before {
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  content: "";
  width: 15px;
  height: 20px;
  background: url(assets/images/tel.png) no-repeat center center;
}

.info-mail a:before {
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  content: "";
  width: 15px;
  height: 20px;
  background: url(assets/images/mail.png) no-repeat center center;
}

.social-navigation {
  float: none;
  margin: 15px auto 0;
}

.social-navigation li {
  display: inline-block;
}

.social-navigation li svg {
  display: none;
}

.social-navigation li a {
  width: 20px;
  height: 17px;
  border-radius: 0;
  margin: 0 10px;
}

.info-youtube a {
  background: #017438 url(assets/images/youtube.png) no-repeat center center !important;
}

.info-linkedin a {
  background: #017438 url(assets/images/linkedin.png) no-repeat center center !important;
}

.site-footer .wrap {
  padding: 0 15px;
}

.site-footer .footer-bottom {
  border-top: 1px solid #8fb6a2;
  padding: 10px 15px 15px;
}



.footer-bottom .menu li {
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  padding: 0 10px;
}


/* gallery */

.slider-pro {
  padding: 40px 85px 30px;
  margin-top: 60px !important;
 /* background: url(assets/images/pat.png) no-repeat center center;  */
 background: #eeeeee;
  background-size: 100%;
}

.sp-selected-thumbnail {
    border: 4px solid #015829 !important;
}




.diapo-title {
  top: 40%;
}




/* responsive */

@media screen and (min-width: 768px) {
  #top-menu {
    display: flex;
    justify-content: space-between;
  }
}


/* min 1071px */

@media screen and (min-width: 48em) {
  .navigation-top nav {
    margin-left: 0 !important;
  }

  .main-navigation ul li:hover > ul, 
  .main-navigation ul li.focus > ul {
    left: 0;
  }

  .main-navigation ul li:last-child:hover > ul, 
  .main-navigation ul li:last-child.focus > ul {
    left: auto;
    right: 0;
  }


}

@media screen and (min-width: 1200px) {
  .bg-header {
    font-size: 40px;
  }

}


@media screen and (max-width: 1300px) {
  .wrap-diapo {
    width: 862px;
    margin: 0 auto;
  }

  .home-page .banner-header {
    padding: 120px 0;
  }
}


@media screen and (max-width: 1199px) {
  .wrap-clients {
    width: 940px !important;
  }

  .wrap-clients #metaslider_295.flexslider .slides li {
    margin-right: 20px !important;
    width: 300px !important;
  }

  .slider-pro {
    padding: 0;
    background: none;
  }

  .menu-secteurs {
    margin-bottom: 80px;
  }

  .wrap-absolute-home {
    margin-top: 100px;
    margin-bottom: 150px !important;
  }


.diapo-title {
  top: 30%;
}

.diapo-title h1 {
  font-size: 40px !important;
}

.diapo-accueil .nextend-thumbnail-horizontal {
    position: absolute !important;
    bottom: 0;
    width: 900px !important;
}

.diapo-accueil .nextend-thumbnail-scroller-group .n2-ow {
   width: 200px !important;
   height: 110px !important;
}


}


@media screen and (max-width: 1024px) {
  .home-page h1 {
    font-size: 40px;
  }

  .home-page .banner-header {
    padding: 80px 0;
  }

  .home-page .site-content {
    background: none;
  }

  .partenaires {
    width: 710px !important;
    margin: 0 auto;
  }

  .partenaires #metaslider_196.flexslider .slides li {
    margin-right: 40px !important;
}

}

@media screen and (max-width: 980px) {
  .wrap-diapo {
    width: 566px;
    margin: 0 auto;
  }

  .wrap-absolute-home .absolute {
    position: static;
    width: 100%;
    padding: 30px;
  }

  .wrap-absolute-home {
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrap-absolute-home .wp-block-media-text__content {
    padding: 0 0 0 30px;
  }

  .wrap-clients {
    width: 640px !important;
  }

  .wrap-clients #metaslider_295.flexslider .slides li {
    width: 200px !important;
}

.wrap-absolute-home {
  margin-bottom: 50px !important;
}



.diapo-title h1 {
  font-size: 30px !important;
}

.diapo-accueil .nextend-thumbnail-horizontal {
    width: 685px !important;
}

  .navigation-top {
    font-size: 16px;
    line-height: 24px;
  }

  .site-navigation-fixed.navigation-top {
    min-height: 50px;
  }


}



@media screen and (max-width: 767px) {
  #masthead .wrap.flex {
    flex-direction: column;
  }

  .wrap-logo,
  .bg-header {
    width: 100%;
    text-align: center;
  }

  .bg-header {
    font-size: 30px;
    padding: 5px 0 10px;
  }

  .navigation-top .menu-toggle {
    color: #ffffff;
    background: none !important;
  }

  .js .main-navigation.toggled-on > div > ul {
    background: none;
  }

  .navigation-top .icon {
    fill: #ffffff;
  }

  #top-menu .icon {
    vertical-align: top;
  }

  :not(.mejs-button) > button:hover, 
  :not(.mejs-button) > button:focus, 
  input[type="button"]:hover, 
  input[type="button"]:focus, 
  input[type="submit"]:hover, 
  input[type="submit"]:focus {
    background: transparent;
  }

  .main-navigation ul ul a {
    padding: 5px 0;
  }

  .main-navigation li li {
    border-bottom: 1px solid #eee;
  }

  .main-navigation li:last-child {
    border-bottom: 0 none;
  }

  .navigation-top .current-menu-item > a, 
  .navigation-top .current_page_item > a, 
  .main-navigation a:hover {
    opacity: 0.7;
}


.partenaires {
  width: 400px !important;
  margin: 0 auto;
}

.partenaires #metaslider_196.flexslider .slides li {
  margin-right: 20px !important;
  width: 120px !important;
}

.panel-content .wrap, .page-one-column .panel-content .wrap {
  padding-top: 50px;
  padding-bottom: 50px;
}

.menu-secteurs {
  margin-bottom: 20px;
}

.wrap-absolute-home {
  margin-top: 50px;
  margin-bottom: 50px !important;
  flex-direction: column;
  display: flex;
}

.entry-content h2.title-left {
  justify-content: center;

  margin-top: 30px;
}

.wrap-absolute-home .wp-block-media-text__content {
  padding: 0;
}

.clients-title {
  padding-top: 0;
}

.wrap-clients {
  width: 400px !important;
}

.wrap-clients #metaslider_295.flexslider .slides li {
  width: 120px !important;
}



.coord-form {
  flex-direction: column;
}

.coord {
  width: 100%;
  padding: 15px;
  margin-bottom: 20px;
}

.coord p {
  margin-bottom: 10px;
}

.contact-form {
  width: 100%;
  margin: 0 auto;
}

.form-left,
.form-right {
  width: 100%;
}

.coord-form textarea {
  font-size: 14px;
  line-height: 20px;
  height: 84px;
}

.contact-form input {
  font-size: 14px;
  line-height: 20px;
}

.wrap-btns {
  text-align: left;
  margin-left: 15px;
}

.wrap-map iframe {
  height: 380px;
}

.diapo-accueil .nextend-thumbnail-horizontal {
    width: 460px !important;
}


}


@media screen and (max-width: 640px) {
  .bg-header {
    font-size: 25px;
}

.wrap-diapo {
  width: 280px;
}

.secteur {
  width: 50%;
}

.interior h1 {
  font-size: 24px;
}

.entry-content h2 {
  font-size: 24px;
}

.site-footer {
  font-size: 14px;
}

.site-footer h2 {
  font-size: 25px;
  margin-bottom: 10px;
}

.sp-button {
  width: 10px !important;
  height: 10px !important;
}


}


@media screen and (max-width: 480px) {
  .secteur {
    width: 100%;
    text-align: center;
  }

  .entry-content h2 {
    font-size: 20px;
  }

  .partenaires {
    width: 290px !important;
  }

  .partenaires #metaslider_196.flexslider .slides li {
    margin-right: 6px !important;
    width: 93px !important;
}

.wrap-clients {
  width: 290px !important;
}

.wrap-clients #metaslider_295.flexslider .slides li {
  width: 93px !important;
  margin-right: 6px !important;
}

.contact-form {
  padding: 15px 15px 30px;
}

.diapo-accueil .nextend-thumbnail-horizontal {
    width: 100% !important;
}

}


@media screen and (max-width: 360px) {
.wrap-diapo {
  width: 240px;
}

.home-page h1 {
  font-size: 25px;
}


}