/*

Theme Name: X - Child Theme: Integrity Light
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to the light version of Integrity in this child theme.
Version: 1.0.0
Template: x

*/

[class*="x-icon-"] {
	font-family: FontAwesome;
}

/*Background par produit*/
.x-content-band.bg-image.cb-produits {
  background-size: 1200px;
  background-position: 50% 0;
}

/*Nav bar*/
.x-navbar .desktop .x-nav > li ul {
  top: 60px !important;
}
.x-navbar .desktop .x-nav>li>a {
  letter-spacing: 0;
  padding: 0 0.9em;
}

.x-navbar-static-active .desktop .x-nav .x-megamenu>.sub-menu,
 .x-navbar-fixed-top-active .desktop .x-nav .x-megamenu>.sub-menu {
  /*left: 20%;*/
}

.x-navbar .desktop .x-nav > li >ul >li.menu-lvl-2-bold>a {
  font-weight: bold;
}

.x-navbar .desktop .x-nav > li.x-megamenu >ul >li> a {
  font-weight: bold;
  border-bottom: 1px solid #de2516;
  border-radius:0;
}

.x-navbar .desktop .x-nav>li.x-megamenu>ul>li>ul>li>a>span:after {
  content:"";
}
.x-navbar .desktop .x-nav>li.x-megamenu>ul>li>ul>li>ul {
  position: static;
  display: block;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  width: 100%;
}

.x-navbar .desktop .x-nav>li.x-megamenu>ul>li>ul>li>ul>li>a {
  padding-left: 30px;
}

/*Fix dropdown qui disparait*/
.x-navbar .desktop .x-nav>li.menu-item-has-children:hover>.sub-menu {
    display: block !important;
}

.x-breadcrumb-wrap {
  background-color: #f7f7f7;
}

/*Footer*/
.x-colophon.bottom .x-nav li a {
  display:inline;
}

.x-colophon.bottom .x-nav li:after {
  content: "\f111";
  font-family: "fontawesome";
  font-size: 6px;
  padding-left: 10px;
  color: #121212;
  vertical-align: middle;
}

.x-colophon.bottom .x-nav li:last-child:after {
  content: none;
}

/*Anchor*/
a[name] {
  display:block;
  padding-top: 37px;
  margin-top: -37px;
}

@media (max-width: 979px) {
  a[name] {
    padding-top: 0;
    margin-top: 0;
  }
}

/*Headings*/
h1, .h1 {
  font-size: 228.5%;
  line-height: 1.3;
}

h2, .h2 {
  font-size: 228.5%;
  line-height: 1.3;
}

h3, .h3 {
  font-size: 171.4%;
}

h4, .h4 {
  font-size: 150%;
  margin: 0.2em 0 0.2em;
}

h5, .h5 {
  font-size: 125%;
  margin: 0.2em 0 0.2em;
}

hr {
  margin:0;
}

.x-content-band {
  padding: 0;
}

/*Cacher les background de header quand on est sur un mobile*/
@media (max-width: 767px) {
  .hidden-bg-mobile,
  .cb-produits {
    background: none !important;
    padding: 0 !important;
  }
}

/*Scroll bottom slider*/
.tp-video-play-button.force-hide-btn {
  display:none !important;
}


.x-slider-scroll-bottom {
  font-size: 14px;
  line-height: 14px;
  width:auto;
  border: none;
}

.x-slider-scroll-bottom i {
  font-size: 41px;
  line-height: 53px;
}

/*Table align center*/
table.table-align-center tr td {
  text-align:center;
}

table.table-align-center tr td:first-child {
  text-align:left;
}
.blanc11,
.noir11 {
  text-align: left;
}

.blanc11,
.style2,
.blanc10 {
  color: #fff;
}

/*Zoom*/
.img-zoom-target-container {
  position: absolute;
  left:100%;
  top: -25%;
  z-index: 1000000;
  background-color: #fff;
  border: 2px solid #000;
}

.box-cl .img-zoom-target-container {

  left:0%;
  top: 100%;
}

.box-cl.box-ca .img-zoom-target-container {
  left:100%;
  top: -25%;
}

/*Fix block grid pour zoom*/
.x-block-grid {
  overflow: visible;
}

/*Tooltip*/
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #ddd;
}

.tooltip .tooltip-inner {
  background-color: #ddd;
  color: #121212;
  max-width: 400px;
}


/*Enlever les marges des images*/
img.alignnone,
img.aligncenter,
img.alignleft,
img.alignright {
  margin-bottom: 0;
}

/*Bug avec les marginless columns, à enlever si ça cause des nouveaux problemes*/
.x-content-band.marginless-columns .x-container .x-column {
  float:left;
}

/*Topbar fixed*/
/*@media (min-width: 980px) {
  .x-topbar {
    position: fixed;
    width: 100%;
  }
  .x-navbar.x-navbar-fixed-top {
    padding-top: 50px;
  }

  .x-navbar-fixed-top-active .x-navbar-wrap {
    margin-bottom: 51px;
  }
  
  .x-breadcrumb-wrap {
    position: fixed;
    z-index: 1000;
    width: 100%;
    background-color: #f7f7f7;
  }

  .x-main {
    padding-top: 36px;
  }

  .home .x-main {
    padding-top: 0;
  }
}*/

/*Breadcrumb fixed*/
.x-breadcrumb-wrap.breadcrumb-fixed {
  position: fixed;
  z-index: 1001;
  width: 100%;
  background-color: #f7f7f7;
}

/*Fix marges block grid*/
.x-block-grid {
  margin: 0 0 1.313em 0;
}

/*Block grids devenus responsive*/

.x-block-grid.two-up>li {
  /*width: 45%;*/
  width: 50%;
  margin: 0;
}

.x-block-grid.two-up>li:nth-child(2n+1) {
  clear:both;
}

.x-block-grid.three-up>li {
  /*width: 28.33333%;*/
  width: 33.33333%;
  margin: 0;
}

.x-block-grid.three-up>li:nth-child(2n+1) {
  clear: none;
}

.x-block-grid.four-up>li {
  /*width: 20%;*/
  width: 25%;
  margin: 0;
}

.x-block-grid.four-up>li:nth-child(4n+1) {
  clear: both;
}

@media (max-width: 979px) {
  .x-block-grid.three-up>li:nth-child(3n) {
    margin-right: 0;
  }

  .x-block-grid.three-up>li:nth-child(-n+3) {
    margin-top:0;
  }
}

@media (max-width:480px) {
  .x-block-grid.two-up>li:nth-child(2) {
    margin-top: 0;
  }
}
/*Menus*/
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.x-nav li a {
  cursor: pointer;
}

.x-navbar .desktop .x-nav li.remove-dropdown-icon>a>span:after {
  content: none;
}

/*Top Bar*/
.x-topbar {
  min-height: 0;
}

.x-topbar-inner {
  margin: 7px auto;
  font-size: 10px;
}
.x-topbar-inner nav ul.x-nav {
  float:right;
  margin: 0;
  text-transform: uppercase;
}

.x-topbar-inner nav ul.x-nav li {
  float:left;
  display:inline;
  margin: 0 10px;
}

.x-topbar-inner nav ul.x-nav li a {
  margin: 9px 0;
}

/*Bug slider IE9*/
.ie9 .flex-direction-nav a {
  font-size: 14px;
  line-height: 30px;
}


/*Layout 5 colonnes*/
.x-content-band.five-col .x-column.x-1-6 {
  float: left;
  width: 18.8%;
  padding: 0;
  margin-right: 1.5%;
  min-height: 0;
}

.x-content-band.five-col .x-column.x-1-6:nth-child(5),
.x-content-band.five-col .x-column.x-1-6:nth-child(6) {
  margin: 0;
}

@media (max-width: 767px) {
  .x-content-band.five-col .x-column.x-sm {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

/*Tab nav*/
ul.x-nav-tabs > li.x-nav-tabs-item > a {
  color: #272727;
  padding: 0.75em 0;
}

ul.x-nav-tabs > li.x-nav-tabs-item > a:hover,
ul.x-nav-tabs > li.x-nav-tabs-item.active > a {
  color: #de2516;
}

/*Scrollbar de trop dans les onglets, commenté car problème avec zoom*/
.x-tab-pane {
  overflow: hidden;
}

/*Tab nav qui se cache*/
ul.hideable-tab-nav.x-nav-tabs > li.x-nav-tabs-item.active > a {
  cursor: pointer;
}

/*Scrolltop*/
.x-scroll-top {
  color: #de2516;
  border-color: #de2516;
}

.x-scroll-top.in {
  opacity: 1;
}

/*Recherche*/
.x-searchform-overlay .form-search .search-query {
  font-size: 2em;
}

/*Duchesne Sub menu*/
.duch-sub-menu {
  margin:5px 0 !important;
  display: block;
}

.duch-sub-menu li {
  display:inline-block;
  list-style: none;
  margin-right: 30px;
  position: relative;
}

.duch-sub-menu li.current_page_ancestor:after {
  content:"\f103";
  font-family:"fontawesome";
  margin-left: 5px;
}

.duch-sub-menu li.current_page_item a,
.duch-sub-menu li.current_page_ancestor a {
  font-weight: bold;
}

.duch-sub-menu li,
.duch-sub-menu li a {
  color: #fff;
  text-transform:uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.duch-sub-menu li ul li a {
  width: 100%;
  display:block;
}

.duch-sub-menu li.expands:after {
  content:"\f103";
  font-family:"fontawesome";
  margin-left: 5px;
}

.duch-sub-menu li ul {
  display:none;
  position: absolute;
  background: #58595b;
  z-index: 100;
  top: 12px;
  left: 0;
}

.duch-sub-menu li ul li {
  display:block;
  margin: 5px;
}

.duch-sub-menu li:hover,
.duch-sub-menu li a:hover {
  color: #ddd;
}

.duch-sub-menu li:hover > ul {
  display: block;
}

/*Accordéon de SKU*/
.x-accordion.duch-sku {
  margin-bottom: 0;
}

.x-accordion.duch-sku .x-accordion-group {
  margin-bottom: 0;
  margin-top: 0;
}

/*Tableau de compatibilité clou attaché*/
table.compatibilite-ca tr td:first-child {
  font-weight: bold;
}

/*Tableau de pliage*/
.x-content-band.table-pliage .x-column {
    padding-right: 3px;
}

.x-content-band.table-pliage .x-column table td {
    text-align: center;
    border-top: none;
}

.x-content-band.table-pliage .x-column table td.titre-pliage {
    background-color: #de2516;
    color: #fff;
    text-transform: uppercase;
}

.x-content-band.table-pliage .x-column table td.desc-pliage {
    background-color: #E7E7E8;
}

/*Poly*/
.box-ir .x-accordion-group,
.box-po .x-accordion-group {
  border: none;
  box-shadow:none;
}

.box-ir .x-accordion-toggle,
.box-ir .x-accordion-toggle:before,
.box-po .x-accordion-toggle,
.box-po .x-accordion-toggle:before {
  color: #de2516;
}

.box-ir .x-accordion-toggle.collapsed,
.box-ir .x-accordion-toggle.collapsed:before,
.box-po .x-accordion-toggle.collapsed,
.box-po .x-accordion-toggle.collapsed:before {
  color: #121212;
}

.box-ir .x-accordion-toggle:hover,
.box-ir .x-accordion-toggle:hover:before,
.box-po .x-accordion-toggle:hover,
.box-po .x-accordion-toggle:hover:before {
  color: #de2516 !important;
}

.box-ir .x-accordion-inner,
.box-po .x-accordion-inner {
  border-bottom: 1px solid #ddd;
  border-bottom: 1px solid rgba(0,0,0,0.15);
}

/*Calibre PO*/
.calibre-po thead tr th {
  padding: 0;
  text-transform: uppercase;
  font-size: 10px;
}

.calibre-po thead tr th:last-child {
  text-align: right;
}

.calibre-po tbody tr td {
  width: 14.25%;
  border: 1px solid black;
  text-align: center;
  font-size: 14px;
  padding: 0;
}

.calibre-po tbody tr td.selected {
  background-color: #000;
  color: #fff;
}

/*Profilés d'acier*/
.profiles-acier-header .x-container {
  background: #58595b;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.profiles-acier .x-container {
  border-bottom: 1px solid #ddd;
}

.profiles-acier-header .x-column {
  margin-right: 1%;
}

.profiles-acier-header .x-column p {
  margin-bottom: 0;
}
.profiles-acier .x-column {
  margin-right: 1%;
}

.profiles-acier .x-column:first-child,
.profiles-acier-header .x-column:first-child {
  width: 9%;
  text-align: center;
}

.profiles-acier .x-column:first-child h3 {
  margin-top: 0;
}

.profiles-acier .x-column:last-child p {
  margin-bottom: 0;
  font-size: 11px;
}

.profiles-acier .x-column:nth-child(2),
.profiles-acier-header .x-column:nth-child(2) {
  width: 23%;
}

.profiles-acier .x-column:nth-child(3),
.profiles-acier-header .x-column:nth-child(3) {
  width: 23.99992%;
}

.profiles-acier .x-column:nth-child(4),
.profiles-acier .x-column:nth-child(5),
.profiles-acier-header .x-column:nth-child(4),
.profiles-acier-header .x-column:nth-child(5) {
  width: 9%;
}

.profiles-acier .x-column:nth-child(6),
.profiles-acier-header .x-column:nth-child(6) {
  width: 12%;
}
.profiles-acier .x-column:last-child,
.profiles-acier-header .x-column:last-child {
  width: 6%;
}
.profiles-acier .x-column>ul.x-block-grid {
  margin:2px;
}

.profiles-acier .x-column>ul.x-block-grid>li {
  margin:0;
}

.profiles-acier .x-column>ul.x-block-grid>li:first-child {
  background: #58595b;
  font-weight: bold;
  color: #fff;
}

.profiles-acier.toiture-lambris .x-column:first-child,
.profiles-acier-header.toiture-lambris-header .x-column:first-child {
  width: 13%;
  text-align: center;
}

.profiles-acier.toiture-lambris .x-column:nth-child(2),
.profiles-acier-header.toiture-lambris-header .x-column:nth-child(2) {
  width: 26%;
}

.profiles-acier.toiture-lambris .x-column:nth-child(3),
.profiles-acier.toiture-lambris .x-column:nth-child(4),
.profiles-acier-header.toiture-lambris-header .x-column:nth-child(3),
.profiles-acier-header.toiture-lambris-header .x-column:nth-child(4) {
  width: 14%;
}

.profiles-acier.toiture-lambris .x-column:nth-child(5),
.profiles-acier-header.toiture-lambris-header .x-column:nth-child(5) {
  width: 15%;
}

.profiles-acier.toiture-lambris .x-column:last-child,
.profiles-acier-header.toiture-lambris-header .x-column:last-child {
  width: 12%;
}

@media (min-width: 768px) {
  .profiles-acier .x-column>ul.x-block-grid>li {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .profiles-acier .x-container {
    padding-bottom: 10px;
    border: none;
  }

  .profiles-acier .x-column:first-child,
  .profiles-acier .x-column:nth-child(2),
  .profiles-acier .x-column:nth-child(3),
  .profiles-acier .x-column:nth-child(4),
  .profiles-acier .x-column:nth-child(5),
  .profiles-acier .x-column:nth-child(6),
  .profiles-acier .x-column:last-child {
    width: 100%;
  }
}

/*Couleurs acier*/
.aciercouleurs .x-content-band {
  margin: 0;
}

.aciercouleurs .x-content-band .x-block-grid {
  margin: 0;
}

/*Slider vinyle*/

.slider-vi .tp-thumbs .tp-thumb .tp-thumb-image {
  opacity: 0.8;
}
.slider-vi .tp-thumbs .tp-thumb.selected .tp-thumb-image,
.slider-vi .tp-thumbs .tp-thumb:hover > .tp-thumb-image {
  opacity: 1;
}

/*Univers en couleur*/
.tableau-univers .x-block-grid {
  float: left;
  width: 100%;
  margin: 0;
}

.tableau-univers .x-block-grid.color-white {
  color: #fff;
}

.tableau-univers .x-block-grid.four-up>li {
  margin:0;
  width:25%;
  min-width:25%;
  min-height: 1px;
}

.tableau-univers .x-block-grid.four-up>li:nth-child(4n+1) {
  padding-left: 3px;
}

.tableau-univers .x-block-grid.four-up>li p {
  margin: 0;
}

/*.tableau-univers .x-block-grid.four-up>li:nth-child(8n+1),
.tableau-univers .x-block-grid.four-up>li:nth-child(8n+2),
.tableau-univers .x-block-grid.four-up>li:nth-child(8n+3),
.tableau-univers .x-block-grid.four-up>li:nth-child(8n+4) {
  background-color:#f2f2f2;
}*/

/*Clou*/
.box-cl .box-cl-header {
  padding:0 10px; 
  background-size:auto;
  background-position: top right -650px;
  border-bottom: 1px solid #ddd;
}

.box-cl .box-cl-content {
  padding: 10px 10px 0;
}

.box-cl .x-tab-content.box-cl-tab-content {
  border: 0;
}

.box-cl .x-nav-tabs.box-cl-tab-nav {
  box-shadow: none;
}

.box-cl .x-nav-tabs.box-cl-tab-nav>li>a {
  background-color: #fff;
}

.box-cl .x-nav-tabs.box-cl-tab-nav>li>a:before {
  content: '\0f067';
  font-family: 'fontawesome';
  margin-right: 10px;
  font-size: 74%;
  /*color: #de2516;*/
  position: relative;
  bottom: 0.1em;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
  display: inline-block;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}


.box-cl .x-nav-tabs.box-cl-tab-nav>li.active>a:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.box-cl .x-nav-tabs.box-cl-tab-nav>.active>a, 
.box-cl .x-nav-tabs.box-cl-tab-nav>.active>a:hover {
  box-shadow: none;
}


.box-cl .x-tab-content.box-cl-tab-content {
  box-shadow: none;
  border-left: 1px solid #ddd;
  border-left: 1px solid rgba(0,0,0,0.15);
  border-right: 1px solid #ddd;
  border-right: 1px solid rgba(0,0,0,0.15);
}

.box-cl .x-nav-tabs.box-cl-tab-nav {
  border:none;
  border-bottom: 1px solid #ddd;
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.box-cl .x-nav-tabs.box-cl-tab-nav>li {
  border:none;
}

.box-cl .x-tab-content.box-cl-tab-content {
  border:none;
}

.box-cl .x-tab-content.box-cl-tab-content .x-tab-pane {
  border-bottom: 1px solid #ddd;
  border-bottom: 1px solid rgba(0,0,0,0.15);
}

.box-cl .x-accordion.ca-type-accordion .x-accordion-group {
  box-shadow: none;
}

.box-cl .x-accordion.ca-type-accordion .x-accordion-toggle {
  font-size: 14px;
}

.box-cl .x-accordion.ca-type-accordion .x-accordion-toggle {
  color: #121212;
  text-align: left;
  font-weight: bold;
  background-color: #ddd;
}

.box-cl .x-accordion.ca-type-accordion .x-accordion-toggle.collapsed {
  color: #121212;
  font-weight: normal;
  background-color: transparent;
}

.box-cl .x-accordion.ca-type-accordion .x-accordion-toggle:before {
  color: #121212;
}

.box-cl .x-accordion.ca-type-accordion .x-accordion-toggle:hover {
  color: #121212;
  font-weight: bold;
  background-color: #ddd;
}

.box-cl .x-accordion.ca-type-accordion .x-accordion-group {
  border: none;
}

.box-cl .x-accordion.ca-type-accordion .x-accordion-group .x-accordion-inner {
  padding: 0;
}

/*Header Qui sommes-nous?*/
.x-content-band.bg-image.quisommesnous-header {
    background-size: 100%;
    background-position: 0 0;
}

@media (max-width: 768px) {
    .duch-sub-menu li {
      display:block;
    }

    /*Classe pour scroller horizontalement*/
    .scroll-h {
      overflow-x: scroll;
    }
}

/*Bouton rouge et noir*/
button.duchesne-btn {
  background: #FFF;
  border: 3px solid #000;
  text-transform: uppercase;
  padding:2px;
  width: 100%;
}

button.duchesne-btn .haut {
  color: #de2516;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
}

button.duchesne-btn:hover {
  color: #de2516;
  border-color: #de2516;
}

a.btn-carrieres {
	color: #fff;
	padding: 10px;
	font-size: 18px;
	background: #de2416;
	border-radius: 5px;
	text-decoration: none;
}


a.btn-carrieres:hover {
	color: #fff;
	background: #ab0000;
}

footer.x-colophon.bottom .x-nav li {
    margin: 0.75em 0.5em;
}

/**
 * Formulaires "Carrières" - CV facultatifs (Demande: C.D.)
 */
#field_1_11 .gfield_label:after,
#field_2_11 .gfield_label:after {
    font-style: italic;
    font-weight: 400;
    content: " (facultatif)";
    color: #121212;
    margin: 0 1px;
    display: inline-block;
    font-size: 13.008px;
    padding-left: 0.125em;
}
#field_2_11 .gfield_label:after {
    content: " (optional)";
}

/**
 * Listes de formats en brouillon retournent un <li> vide
 */
.x-block-grid-item:empty {
    display: none;
}
/* Pastille new dans le menu */
.sub-menu .new a:after{
	display:inline-block;
	content:"NEW";
	color:white;
	padding: 0px 5px;
    background-color: #de2516;
    border-radius: 5px;
    margin-left: 10px;
}
html[lang="fr-FR"] .sub-menu .new a:after{
	content:"NOUVEAU";
}
.pastilles > div > img{
	width: 77px;
	height: 77px;
}