@charset "UTF-8";
/* remise ├á z├®ro des valeurs*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;
  font: inherit;*/
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* mise en page */
/* VARIABLES */
/* colonnes de base */
/* padding de base */
/* PROPRIETE DE MISE EN PAGE */
* {
  box-sizing: border-box; }

.header, .nav-categories, .icones-categories, .icones-categories > div, .presentation article div, .solutions-accueil > div, .newsletter, .flex, .actualites-accueil div, .post .full-post-content > div, .btn, .articles-droite article:nth-of-type(1), .cont-snd-footer, .confiance div > div, footer nav, .tri-categories, .container-produit, .produit, .description-produit > div, .telechargements, .accessoires > div, .main-intro-post, .fullpost-content section, .connexion-panier, .actualites section, .full-post-content, .post-content section, .description-category > div, .category-products, .buttons, .bloc-icones, .categories, .solution .articles article, .societe .articles article, .boutons, .contact article, .address-form, .indications-trajets, .header-intro, .newsletter label, .two-cols-even, .home h2, .blog h2, .post h2, .presentation div, .articles-droite, .certifqualite-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
}

/* centrage des blocs */
.only-text-post-content, .icones-categories, .presentation article, .solutions-accueil, .actualites-accueil, .confiance > div, .newsletter, .cont-snd-footer, .full-post-content, .actualites, .post-content, .contact main {
  max-width: 1230px;
  margin: 0 auto; }

/* centrage vertical des enfants de flex */
.header, footer, .first-footer, .second-footer, .icones-categories, .icones-categories > div, .btn, h2, .newsletter, .cont-snd-footer, footer nav, .confiance div > div, .tri-categories, .description-produit > div, .full-post-content section, .connexion-panier, .description-category > div, .bloc-icones, .solution .articles article, .societe .articles article, .header-intro, .newsletter label, .certifqualite-logos {
  align-items: center; }

.container-produit {
  align-items: stretch; }

/* centrage vertical haut - flex-start */
.buttons {
  align-items: flex-start; }

/* centrage horizontal des enfants de flex */
.header, .newsletter, .cont-snd-footer, .cont-snd-footer, .confiance div > div, .produit, .solutions-accueil div, .bloc-icones, .categories, .solution .articles article, .societe .articles article {
  justify-content: space-between; }

.buttons {
  justify-content: space-around; }

/* alignement ├á droite du bouton de la pr├®sentation */
.presentation div div {
  justify-content: flex-end; }

.boutons, .header-intro {
  justify-content: center; }

/* mise en flex-direction column */
.icones-categories > div, aside, .accessoire, .societe .bloc-icones div, .post .full-post-content img:nth-of-type(even), .presentation div .btn, .solution .bloc-icones div, .contact article > div:nth-of-type(2), .actualite-digital > article, .main-intro-post img, .category-products > div, .address-form address, .actu-par-3, .article-gauche, .buttons .btn, .presentation div > div, .labels-telechargements, .contact main input, .solution .articles article > div, .solution .articles article > img, .societe .articles article > div, .societe .articles article > img, .articles-droite article:nth-of-type(1) div, .articles-droite article:nth-of-type(2), .articles-droite article:nth-of-type(3), .indications-trajets div, .post .full-post-content > div:nth-of-type(odd), .post .full-post-content > img:nth-of-type(odd), .post .full-post-content.two-cols-even div, .post .full-post-content.two-cols-even div:nth-of-type(even), .articles-droite, .main-intro-post > div, .description-produit, .description-category, .contact article > div:nth-of-type(1), .category-products img, .address-form form, .post .full-post-content div:nth-of-type(even), .produit, .large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12, .contact textarea {
  padding: 15px; }

.icones-categories > div, .btn {
  flex-direction: column; }

/* padding */
.header, .second-footer, .tri-categories legend, .amperage {
  padding: 16px; }

.icones-categories, .presentation, .solutions-accueil, .confiance, .first-footer, aside, .produit, .full-post-content, .post-content, .actualites {
  padding: 32px; }

.solution article:first-of-type, .societe article:first-of-type, .header-intro article:first-of-type {
  padding: 64px;
  margin-top: -64px; }
  @media all and (max-width: 480px) {
    .solution article:first-of-type, .societe article:first-of-type, .header-intro article:first-of-type {
      padding: 32px;
      margin-top: -76px; } }

.solution article:first-of-type, .societe article:first-of-type {
  padding: 32px;
  margin-top: -76px; }

.presentation div > div:first-of-type {
  padding-right: 32px; }

.nav-categories a, .nav-categories input {
  padding: 24px 4px; }

.search select {
  width: 100%;
  padding: 21px 47px; }

.nav-categories input[type="search"], .search-small select {
  padding: 16px 32px; }

.btn a {
  padding: 12px; }

/* margin */
.contact label, .contact input, .contact textarea {
  margin-bottom: 8px; }

.newsletter input:first-of-type, footer nav a, .price, .telechargements .btn, .connexion-panier legend, .tri-categories legend, .tri-categories label, .tri-categories input {
  margin-right: 16px; }

.contact main, .bloc-icones {
  margin-top: 32px; }

h1, h2, h3, h4, h5, h6, .title, .icones-categories div > div, .images-produit, .specs-produits, .main-intro-post, .full-post-content, .fil-ariane, .category-products > div, .bloc-icones {
  margin-bottom: 32px; }

.slider img, .icones-categories img, .categories {
  margin-bottom: 48px; }

.header-intro h1, .solutions-accueil h3 {
  margin-bottom: 0; }

main p, .solutions-accueil img, .actualites-accueil img, .actualites-accueil h3, .actualites-accueil iframe, .contact iframe, aside a, li, .telechargements .btn, .actu-par-3 img, .bloc-icones span {
  margin-bottom: 16px; }

.header-intro {
  margin-top: 155px; }

.contact main {
  margin-top: 169px; }

/* mise en bloc */
aside a, .home .connexion-panier, .post .full-post-content.two-cols-even > div.block, .full-post-content.centered-img {
  display: block; }

.contact main label, .contact main input {
  display: block; }

.nav-categories .photovoltaique br {
  display: none; }

.post .full-post-content.two-cols-even > div.block img {
  width: 100%; }

.full-post-content.centered-img {
  text-align: center; }

/* LARGEUR DES COLONNES */
.icones-categories > div, aside, .accessoire, .societe .bloc-icones div, .post .full-post-content img:nth-of-type(even) {
  width: 25%; }

.presentation div .btn, .solution .bloc-icones div, .contact article > div:nth-of-type(2), .actualite-digital > article, .main-intro-post img, .category-products > div, .address-form address, .actu-par-3 {
  width: 33.3333333333%; }

.article-gauche, .buttons .btn {
  width: 41.6666666667%; }

.presentation div > div, .labels-telechargements, .contact main input, .solution .articles article > div, .solution .articles article > img, .societe .articles article > div, .societe .articles article > img, .articles-droite article:nth-of-type(1) div, .articles-droite article:nth-of-type(2), .articles-droite article:nth-of-type(3), .indications-trajets div, .post .full-post-content > div:nth-of-type(odd), .post .full-post-content > img:nth-of-type(odd), .post .full-post-content.two-cols-even div, .post .full-post-content.two-cols-even div:nth-of-type(even) {
  width: 50%; }

.articles-droite {
  width: 58.3333333333%; }

.main-intro-post > div, .description-produit, .description-category, .contact article > div:nth-of-type(1), .category-products img, .address-form form {
  width: 66.6666666667%; }

.post .full-post-content div:nth-of-type(even), .produit {
  width: 75%; }

.articles-droite article:nth-of-type(1), .solutions-accueil img, iframe, .fil-ariane, .contact .address-form, .contact textarea, .only-text-post-content {
  width: 100%; }

.large-1 {
  width: 8.3333333333%; }

.large-2 {
  width: 16.6666666667%; }

.large-3 {
  width: 25%; }

.large-4 {
  width: 33.3333333333%; }

.large-5 {
  width: 41.6666666667%; }

.large-6 {
  width: 50%; }

.large-7 {
  width: 58.3333333333%; }

.large-8 {
  width: 66.6666666667%; }

.large-9 {
  width: 75%; }

.large-10 {
  width: 83.3333333333%; }

.large-11 {
  width: 91.6666666667%; }

.large-12 {
  width: 100%; }

/* ATTRIBUTION DES LARGEURS */
.presentation div .btn, .solution .bloc-icones div {
  max-width: 195px; }

.telechargements .btn {
  width: 100%;
  max-width: 300px;
  padding: 0;
  text-align: center; }

/* actualit├®s sur news et post */
.actu-par-3 img {
  width: 100%; }

/* article de blog */
.accessoires .btn {
  width: 90%; }
.accessoires img {
  width: 100%; }

.nav-categories a {
  width: 9%; }
  .nav-categories a:nth-of-type(2), .nav-categories a:nth-of-type(3), .nav-categories a:nth-of-type(4), .nav-categories a:nth-of-type(5) {
    width: 15%; }

.solutions-accueil article {
  width: 23%; }
  @media all and (max-width: 480px) {
    .solutions-accueil article {
      width: 100%; } }

.actualites-accueil img {
  width: 100%; }

.post .full-post-content > div.width-40 {
  width: 40%; }

.post .full-post-content > div.width-60 {
  width: 60%; }

.certifqualite-logos img {
    width: 10%;
    height: auto;
}

.nav-categories .search {
  width: 13%;
  transition: width 0.3s linear; }

.presentation .border-btn, .border-btn {
  width: 65px; }

.en-savoir-plus .btn, .boutons .btn {
  max-width: 238px;
  margin: 0 auto; }

.solution .btn, .societe .btn {
  width: 50%;
  margin: 0 auto;
  margin-top: 32px; }
  @media all and (max-width: 480px) {
    .solution .btn, .societe .btn {
      width: 100%; } }

.boutons .btn {
  max-width: 320px;
  margin: 32px 0 0 0; }
  @media all and (max-width: 480px) {
    .boutons .btn {
      max-width: 100%; } }
  .boutons .btn:first-of-type {
    margin-right: 32px; }
    @media all and (max-width: 480px) {
      .boutons .btn:first-of-type {
        margin-right: 0; } }

input[type="search"] {
  width: 100%; }

/* hauteur */
.header-intro {
  height: 164px; }

img {
  height: auto;
  /* afin d'├®viter les distorsions selon les navigateurs '*/ }

/* POSITION */
.home .header {
  position: fixed;
  z-index: 9;
  width: 100%;
  top: 0;
  left: 0; }

#bloc-header {
  position: fixed;
  z-index: 9;
  width: 100%;
  top: 0;
  left: 0; }

.solutions-accueil article div, header, .connexion-panier .connexion, .nav-categories a, .category-products > div, .nav-categories .search {
  position: relative; }

.solutions-accueil h3 {
  background-color: #fff;
  bottom: 19px;
  position: absolute;
  margin-bottom: 0;
  padding: 4px 8px; }

.home .panier {
  position: absolute;
  bottom: -96px;
  z-index: 1;
  right: -40px; }

.connexion-panier .connexion {
  z-index: 2; }

.nav-categories a::after {
  top: 47%;
  position: absolute;
  right: 0;
  transform: translateY(-50%); }

.tri-categories {
  margin-top: -50px;
  position: relative; }

.products-pages .header-intro h1 {
  position: relative;
  top: -23px; }

.amperage {
  position: absolute;
  top: 0;
  right: 0; }

.solution article:first-of-type, .societe article:first-of-type {
  position: relative;
  z-index: 1; }

.societe h1, .solution h1 {
  position: relative;
  top: -15px; }

.icones-cat {
  position: absolute;
  top: 5%;
  right: 1%; }
  .icones-cat.news {
    position: relative;
    top: -2px; }

#icone-recherche {
  position: absolute;
  top: 50%;
  left: 32px; }

/* RESPONSIVE */
@media all and (max-width: 480px) {
  .presentation div .btn, .solution .bloc-icones div, .contact article > div:nth-of-type(2), .actualite-digital > article, .main-intro-post img, .category-products > div, .address-form address, .actu-par-3, .article-gauche, .buttons .btn, .presentation div > div, .labels-telechargements, .contact main input, .solution .articles article > div, .solution .articles article > img, .societe .articles article > div, .societe .articles article > img, .articles-droite article:nth-of-type(1) div, .articles-droite article:nth-of-type(2), .articles-droite article:nth-of-type(3), .indications-trajets div, .post .full-post-content > div:nth-of-type(odd), .post .full-post-content > img:nth-of-type(odd), .post .full-post-content.two-cols-even div, .post .full-post-content.two-cols-even div:nth-of-type(even), .articles-droite, .main-intro-post > div, .description-produit, .description-category, .contact article > div:nth-of-type(1), .category-products img, .address-form form, .post .full-post-content div:nth-of-type(even), .produit {
    width: 100%; }

  .icones-categories > div, aside, .accessoire, .societe .bloc-icones div, .post .full-post-content img:nth-of-type(even) {
    width: 50%; } }
/* MERDIER */
.presentation div > div, .presentation div > div.btn:first-of-type, .presentation div .btn, .post .full-post-content div.btn, .btn, .buttons .btn, .societe .btn, .solution .btn, .address-form address, .address-form form, .indications-trajets div {
  padding: 0; }

.contact input {
  padding: 8px 16px; }

.post .full-post-content div.btn {
  max-width: 240px; }

textarea {
  min-height: 200px; }

/*
p {
    @extend .buttons;
}
@mixin taille ($w: 20px, $h: 20px){
    width: $w;
    height: $h;
}*/
/* MISE EN PLACE RGPD */
.rgpd {
  box-shadow: 0 -5px 4px 0px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  padding: 16px;
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center; }
  .rgpd .btn {
    width: 25%;
    max-width: 250px;
    margin: 0 auto;
    margin-top: 16px; }
  .rgpd h2 {
    display: block;
    text-align: center;
    margin-bottom: 16px; }

/* MISE EN PLACE POPUP Newsletter */
.pop-newsletter {
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  padding: 16px;
  position: fixed;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  max-width: 500px;
  text-align: center; }
  .pop-newsletter .btn {
    width: 50%;
    max-width: 450px;
    margin: 0 auto;
    margin-top: 16px; }
  .pop-newsletter h2 {
    display: block;
    text-align: center;
    margin-bottom: 16px; }
  .pop-newsletter p {
    color: #333; }

footer .pop-newsletter .btn {
  border-color: #2785aa; }

/* mise en forme des polices */
body, textarea {
  color: #333;
  font-family: 'Ubuntu', sans-serif;
  font-size: 0.9375rem;
  /* 15px */
  line-height: 1.2; }

h1, h2, h3, h4, h5, h6, .title, .solution .post-content h3, .societe .post-content h3 {
  font-size: 1.5625rem;
  /* 19px */ }

header, .slogan, h3, .price {
  font-size: 1.0625rem;
  /* 17px */ }

.nav-categories a, .buttons .btn {
  font-size: 0.7rem; }

.icones-categories p {
  font-size: 1rem; }

/* ALIGNEMENT DES TEXTES  */
.icones-categories p, .header-intro h1, .nav-categories a, .accessoires > div, .confiance h3, .category-products, .solution .article-principal, .societe .article-principal, main .en-savoir-plus p, .bloc-icones, .bloc-icones p {
  text-align: center; }

main p {
  text-align: justify; }
  @media all and (max-width: 480px) {
    main p {
      text-align: left; } }

.indications-trajets p {
  text-align: left; }

/* ALIGNEMENT VIA MARGIN AUTO  */
.accessoires .btn, .post .full-post-content div.btn {
  margin: 0 auto; }

/* GRAISSE DES TEXTES  */
h1, h2, h3, h4, h5, h6, .title, h1 a, h2 a, h3 a, h4 a, h5 a, h6a, .title a {
  font-weight: normal; }

/* ITALIQUE  */
em, address {
  font-style: normal; }

/* CASSE  */
h1, h2, h3, h4, h5, h6, .title, .solution .post-content h3, .societe .post-content h3 {
  text-transform: uppercase; }

header nav a, legend, .small-title, .btn, .slogan, .nav-categories a, .uppercase, .search, .accessoires a, .bloc-icones p, button {
  text-transform: uppercase; }

/* GRAISSE */
.presentation .exergue, .newsletter span, .price, .amperage span, .en-savoir-plus p, .nav-categories a {
  font-weight: bold; }

strong {
  font-weight: normal; }
  strong .bold {
    font-weight: bold; }

/* SOULIGNEMENT */
footer address a {
  text-decoration: underline; }

aside a, .accessoires a, h3 a {
  text-decoration: none; }

/* couleurs des textes et background */
/* VARIABLES */
/* bleus principal et secondaire*/
/* couleurs des cat├®gories */
/* couleurs des des blocs du footer */
/* couleur de fond de l'aside des produits */
/* PLACEHOLDER */
.btn, button, #categorie-logement .btn, #categorie-tertiaire-industriel .btn, #categorie-commande-signalisation .btn, #categorie-coffrets-armoires .btn, #categorie-connectiques-accessoires .btn, #categorie-photovoltaique .btn, #categorie-coffrets-prises .btn {
  transition: 250ms all linear; }

svg {
  transition: 250ms fill linear; }

input, #backtotop {
  transition: 250ms background-color linear; }

a, .header nav a, .btn a, .btn:hover a, .btn:hover .exergue, #categorie-logement h3 a, #categorie-logement .fil-ariane a, #categorie-logement .btn a, #categorie-logement .btn:hover a, #categorie-logement .btn:hover .exergue, #categorie-tertiaire-industriel h3 a, #categorie-tertiaire-industriel .fil-ariane a, #categorie-tertiaire-industriel .btn a, #categorie-tertiaire-industriel .btn:hover a, #categorie-tertiaire-industriel .btn:hover .exergue, #categorie-commande-signalisation h3 a, #categorie-commande-signalisation .fil-ariane a, #categorie-commande-signalisation .btn a, #categorie-commande-signalisation .btn:hover a, #categorie-commande-signalisation .btn:hover .exergue, #categorie-coffrets-armoires h3 a, #categorie-coffrets-armoires .fil-ariane a, #categorie-coffrets-armoires .btn a, #categorie-coffrets-armoires .btn:hover a, #categorie-coffrets-armoires .btn:hover .exergue, #categorie-connectiques-accessoires h3 a, #categorie-connectiques-accessoires .fil-ariane a, #categorie-connectiques-accessoires .btn a, #categorie-connectiques-accessoires .btn:hover a, #categorie-connectiques-accessoires .btn:hover .exergue, #categorie-photovoltaique h3 a, #categorie-photovoltaique .fil-ariane a, #categorie-photovoltaique .btn a, #categorie-photovoltaique .btn:hover a, #categorie-photovoltaique .btn:hover .exergue, #categorie-coffrets-prises h3 a, #categorie-coffrets-prises .fil-ariane a, #categorie-coffrets-prises .btn a, #categorie-coffrets-prises .btn:hover a, #categorie-coffrets-prises .btn:hover .exergue {
  transition: 250ms color linear; }

.btn .border-btn, #categorie-logement .btn .border-btn, #categorie-tertiaire-industriel .btn .border-btn, #categorie-commande-signalisation .btn .border-btn, #categorie-coffrets-armoires .btn .border-btn, #categorie-connectiques-accessoires .btn .border-btn, #categorie-photovoltaique .btn .border-btn, #categorie-coffrets-prises .btn .border-btn {
  transition: 250ms border-bottom-color linear; }

/* FONDS */
.first-footer {
  background-color: #42484a; }

.second-footer, .aside-products {
  background-color: #27292a; }

input[type=submit], .amperage, header, option {
  background-color: #0b5370; }

.presentation, .confiance {
  background-color: #2785aa; }

.presentation-pages {
  background-color: #f1f1f1; }

aside {
  background-color: #293134; }

.tri-categories {
  background-color: rgba(41, 49, 52, 0.75); }
  .tri-categories legend {
    background-color: #293134; }

header, #bloc-header {
  background-color: #fff; }

.societe .article-principal, .solution .article-principal {
  background-color: #f1f1f1; }

input[type="search"], .nav-categories select, .search-small select {
  background-color: transparent;
  position: relative;
  z-index: 1; }

/* COULEURS DE TEXTES */
h1, h2, h3, h4, h5, h6, .title, h1 a, h2 a, h3 a, h4 a, h5 a, h6a, .title a, .btn a, .exergue, header a, .bloc-icones, .categories a, .subcategory-selected {
  color: #0b5370; }

.presentation .exergue, .contact .exergue, .active, h3 span, .confiance .exergue, footer address a {
  color: #90d6f1; }

.bloc-icones span, address a, footer address a:hover {
  color: #2785aa; }

.presentation h1, .confiance h3, .presentation, .confiance, .header-intro h1, footer, input[type=search], input[type=submit], .presentation .btn a, footer nav a, aside, aside a, .tri-categories, .amperage, .search select {
  color: #fff; }

.nav-categories a {
  color: #222; }

/* MISE EN FORME DES LIENS */
.header a, .nav-categories a, footer a, .btn a, .categories a {
  text-decoration: none; }

aside a::before, li::before {
  content: ">\00a0\00a0"; }

aside a::before, li::before {
  content: ">\00a0\00a0"; }

.fil-ariane a::after {
  content: "\00a0>\00a0"; }

/* LIENS ACTIFS A GENERER DYNAMIQUEMENT */
.categories a.active {
  text-decoration: underscore;
  color: #90d6f1;
  font-weight: bold; }

/* BORDURES, CLASS ACTIVE, LIENS AU SURVOL, ELEMENTS AU FOCUS */
.header nav a {
  margin: 0 16px; }

.header nav a:last-child {
  margin-right: 0; }

.solutions-accueil p {
  border-left: 1px solid #0b5370;
  padding-left: 16px; }

.active {
  border-bottom: 1px solid #90d6f1;
  padding-bottom: 16px; }

footer nav a {
  border-right: 1px solid #fff;
  padding-right: 16px; }
  footer nav a:nth-of-type(1), footer nav a:nth-of-type(2), footer nav a:nth-of-type(3), footer nav a:last-of-type {
    border-right: none;
    padding-right: 0; }

.header nav a:hover, footer a:hover, .categories a:hover, .solutions-accueil h3 a:hover, .actualites-accueil h3 a:hover {
  color: #90d6f1; }

input {
  border: 1px solid transparent; }

.contact main input, .contact main textarea {
  border: 1px solid #d9d9d9; }
  .contact main input[type="search"], .contact main textarea[type="search"] {
    border: none; }

input[type=submit]:hover {
  background-color: #2785aa; }

input:focus, .contact main input:focus, .contact main textarea:focus {
  box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.2) inset; }
input#email-newsletter:focus, .contact main input#email-newsletter:focus, .contact main textarea#email-newsletter:focus {
  border: 1px solid #90d6f1; }

input[type=search]:focus {
  box-shadow: none; }

.search select {
  border: none; }

/* bordure autour des h2 */
.home h2 span, .blog h2 span, .post h2 span {
  border-bottom: 1px solid #0b5370;
  height: 1px;
  display: inline-block; }
  .home h2 span:first-of-type, .blog h2 span:first-of-type, .post h2 span:first-of-type {
    width: 32px;
    margin-right: 8px; }
  .home h2 span:last-of-type, .blog h2 span:last-of-type, .post h2 span:last-of-type {
    width: 256px;
    margin-left: 8px; }

input[type=search]:focus ~ #icone-recherche {
  background-image: none; }

/* MISE EN FORME DES BOUTONS */
.btn {
  border: 1px solid #2785aa; }

.header .btn, .presentation .btn, .confiance .btn, footer .btn {
  border-color: #fff;
  color: #fff; }

/* NB la class border-btn met en place la bordure d├®corative au-dessus de la bordure inf├®rieure du a */
.border-btn {
  border-bottom: 2px solid #0b5370;
  margin: 0 auto; }

.blog .btn {
  max-width: 240px; }

/* btn au survol */
.btn a {
  color: #0b5370; }
  .btn a:hover {
    color: #fff; }

.btn {
  border-color: #0b5370; }
  .btn a {
    margin: 0 auto; }
  .btn .border-btn {
    border-bottom-color: #0b5370; }
  .btn:hover {
    border-color: #fff;
    background-color: #0b5370;
    cursor: pointer; }
    .btn:hover .border-btn {
      border-bottom-color: #fff; }
    .btn:hover a, .btn:hover .exergue {
      color: #fff; }

button {
  border: none;
  background: none;
  cursor: pointer;
  color: #0b5370; }
  button:hover {
    color: #2785aa; }

.presentation .border-btn {
  border-bottom: 2px solid #fff;
  width: 65px; }

.presentation .btn:hover {
  border: 1px solid transparent; }

.btn.catalogue {
  font-weight: bold;
  box-shadow: 0 4px 3px -1px rgba(0, 0, 0, 0.1); }
  .btn.catalogue:hover {
    box-shadow: none; }

/* MISE EN FORME DES FORMULAIRE */
input {
  padding: 8px 16px; }

input[type=submit] {
  cursor: pointer; }

.search {
  border: none;
  border-top: 6px solid #90d6f1;
  background-color: #0b5370;
  text-align: center; }

/* IMG DE FOND DU SLIDER ET DES EN-TETES D'ARTICLE '*/
.slider {
  background-image: url("../img/slider/slider-digital-electric.jpg");
  /*max-width: 1568px;*/
  width: 100%;
  height: 391px;
  position: relative;
  width: 100%;
  margin-top: 82px;
  background-image: attr(data-image-src); }

figcaption {
  color: #fff;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%); }

.header-intro {
  background-image: url("../img/background/bg-header-post.jpg"); }

.panier svg {
  width: 35px;
  height: 38px;
  fill: #0b5370; }

.home .panier {
  background-color: #fff;
  border-radius: 100%;
  display: block;
  padding: 72px; }
  .home .panier svg {
    position: absolute;
    left: 43%;
    top: 59%;
    transform: translate(-50%, -50%); }
.home .connexion-panier.panier-scroll {
  display: flex; }
  .home .connexion-panier.panier-scroll .panier {
    background-color: #fff;
    border-radius: 0;
    display: block;
    padding: 0;
    position: inherit; }
    .home .connexion-panier.panier-scroll .panier svg {
      position: inherit;
      left: 0;
      top: 0;
      transform: translate(0);
      width: 35px;
      height: 38px;
      fill: #0b5370; }

/* BORDURES DE LA NAVIGATION DES CATEGORIES  */
.logement {
  border-top: 6px solid #3851a2; }

.tertiaire-industriel {
  border-top: 6px solid #f68c00; }

.commande-signalisation {
  border-top: 6px solid #ea4917; }

.coffrets-armoires {
  border-top: 6px solid #3298c2; }

.connectiques-accessoires {
  border-top: 6px solid #b57bc3; }

.photovoltaique {
  border-top: 6px solid #658249; }

.coffrets-prises {
  border-top: 6px solid #a7b01e; }

/*.nav-categories a::after {
    content: "|";
    color: #999;
}*/
.nav-categories a.coffrets-prises::after {
  content: ""; }

/* remplissage des cat├®gories au hover */
.nav-categories span {
  transition: all 0.3s linear 0s;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1; }

.nav-categories a:hover {
  color: #fff; }
  .nav-categories a:hover span {
    height: 100%; }
  .nav-categories a:hover::after {
    content: ""; }

.logement span {
  background-color: #3851a2; }

.tertiaire-industriel span {
  background-color: #f68c00; }

.commande-signalisation span {
  background-color: #ea4917; }

.coffrets-armoires span {
  background-color: #3298c2; }

.connectiques-accessoires span {
  background-color: #b57bc3; }

.photovoltaique span {
  background-color: #658249; }

.coffrets-prises span {
  background-color: #a7b01e; }

/* SVG */
.in svg, .youtube svg, .fb svg {
  width: 24px;
  height: 24px;
  fill: #2785aa; }
.in:hover svg, .youtube:hover svg, .fb:hover svg {
  fill: #90d6f1; }

/* Retour en haut du site */
#backtotop {
  background-color: #2785aa;
  color: #fff;
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 6px 14px;
  font-size: 1.5rem; }
  #backtotop:after {
    content: '\02C4'; }
  #backtotop:hover {
    background-color: #0b5370; }

/************ Fixation du menu cat├®gorie au scroll dans la page d'accueil par l'adjonction en CSS d'une class .fixed-scroll '***************/
.nav-categories.fixed-scroll {
  position: fixed;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 5px 14px -3px rgba(0, 0, 0, 0.2);
  top: 82px;
  left: 0; }

/* sprite des pictos */
.icones {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url("../img/pictos-sprite/css_sprites.png");
  transform: scale(0.9); }

.qualite-transp {
  background-position: -0 -69px; }

.qualite-plein {
  background-position: -0 -189px; }

.developpement_durable-transp {
  background-position: -0 -309px; }

.developpement_durable-plein {
  background-position: -0 -429px; }

.amelioration_continue-transp {
  background-position: -0 -549px; }

.amelioration_continue-plein {
  background-position: -0 -669px; }

.innovation_design-plein {
  background-position: -0 -789px; }

.innovation_design-transp {
  background-position: -0 -909px; }

.fabricant_francais-plein {
  background-position: -0 -1029px; }

.fabricant_francais-transp {
  background-position: -0 -1149px; }

.prix_competitif-transp {
  background-position: -0 -1269px; }

.prix_competitif-plein {
  background-position: -0 -1389px; }

.service_Client-transp {
  background-position: -0 -1509px; }

.service_Client-plein {
  background-position: -0 -1629px; }

.atelier_interne-transp {
  background-position: -0 -1749px; }

.atelier_interne-plein {
  background-position: -0 -1869px; }

.international-transp {
  background-position: -0 -1989px; }

.international-plein {
  background-position: -0 -2109px; }

.produits_certifies-transp {
  background-position: -0 -2229px; }

.produits_certifies-plein {
  background-position: -0 -2349px; }

.laboratoire_interne-transp {
  background-position: -0 -2469px; }

.laboratoire_interne-plein {
  background-position: -0 -2589px; }

.equipe_qualifiee-transp {
  background-position: -0 -2709px; }

.equipe_qualifiee-plein {
  background-position: -0 -2829px; }

.recherche-transp {
  background-position: -0 -2949px; }

.recherche-plein {
  background-position: -0 -3069px; }

.livraison_rapide-transp {
  background-position: -0 -3189px; }

.livraison_rapide-plein {
  background-position: -0 -3309px; }

.parc_machine_renouvele-transp {
  background-position: -0 -3429px; }

.parc_machine_renouvele-plein {
  background-position: -0 -3549px; }

.equipe_qualifiee-transp {
  background-position: -0 -3669px; }

.equipe_qualifiee-plein {
  background-position: -0 -3789px; }

.entreprise_familiale-transp {
  background-position: -0 -4029px; }

.entreprise_familiale-plein {
  background-position: -0 -3909px; }

/*.panier {
    width: 47px;
    height: 45px;
    background-position: -0 -24px;
}*/
#icone-recherche {
  width: 24px;
  height: 24px;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%); }

/* sprite des pictos de cat├®gories */
.icones-cat {
  display: inline-block;
  width: 100px;
  height: 99px;
  background: url("../img/pictos-sprite/css_sprites_categories.png");
  transform: scale(0.7); }

.icone-coffrets-armoires {
  background-position: -0 -34px; }

.icone-commande-signalisation {
  background-position: -0 -133px; }

.icone-connectique-accessoires {
  background-position: -0 -232px; }

.icone-logement {
  background-position: -0 -331px; }

.icone-photovoltaique {
  background-position: -0 -628px; }

.icone-tertiaire-industriel {
  background-position: -0 -430px; }

.icone-coffret-prises {
  background-position: -0 -529px; }

.news {
  width: 38px;
  height: 34px;
  background-position: -0 -0; }

/* couleur des ├®l├®ments selon la categorie */
/* VARIABLES */
/* PLACEHOLDER */
#categorie-logement h3 a:hover, #categorie-logement .fil-ariane a:hover, #categorie-tertiaire-industriel h3 a:hover, #categorie-tertiaire-industriel .fil-ariane a:hover, #categorie-commande-signalisation h3 a:hover, #categorie-commande-signalisation .fil-ariane a:hover, #categorie-coffrets-armoires h3 a:hover, #categorie-coffrets-armoires .fil-ariane a:hover, #categorie-connectiques-accessoires h3 a:hover, #categorie-connectiques-accessoires .fil-ariane a:hover, #categorie-photovoltaique h3 a:hover, #categorie-photovoltaique .fil-ariane a:hover, #categorie-coffrets-prises h3 a:hover, #categorie-coffrets-prises .fil-ariane a:hover {
  opacity: 0.6; }

.btn, button, #categorie-logement .btn, #categorie-tertiaire-industriel .btn, #categorie-commande-signalisation .btn, #categorie-coffrets-armoires .btn, #categorie-connectiques-accessoires .btn, #categorie-photovoltaique .btn, #categorie-coffrets-prises .btn {
  transition: 250ms all linear; }

svg {
  transition: 250ms fill linear; }

input, #backtotop {
  transition: 250ms background-color linear; }

a, .header nav a, .btn a, .btn:hover a, .btn:hover .exergue, #categorie-logement h3 a, #categorie-logement .fil-ariane a, #categorie-logement .btn a, #categorie-logement .btn:hover a, #categorie-logement .btn:hover .exergue, #categorie-tertiaire-industriel h3 a, #categorie-tertiaire-industriel .fil-ariane a, #categorie-tertiaire-industriel .btn a, #categorie-tertiaire-industriel .btn:hover a, #categorie-tertiaire-industriel .btn:hover .exergue, #categorie-commande-signalisation h3 a, #categorie-commande-signalisation .fil-ariane a, #categorie-commande-signalisation .btn a, #categorie-commande-signalisation .btn:hover a, #categorie-commande-signalisation .btn:hover .exergue, #categorie-coffrets-armoires h3 a, #categorie-coffrets-armoires .fil-ariane a, #categorie-coffrets-armoires .btn a, #categorie-coffrets-armoires .btn:hover a, #categorie-coffrets-armoires .btn:hover .exergue, #categorie-connectiques-accessoires h3 a, #categorie-connectiques-accessoires .fil-ariane a, #categorie-connectiques-accessoires .btn a, #categorie-connectiques-accessoires .btn:hover a, #categorie-connectiques-accessoires .btn:hover .exergue, #categorie-photovoltaique h3 a, #categorie-photovoltaique .fil-ariane a, #categorie-photovoltaique .btn a, #categorie-photovoltaique .btn:hover a, #categorie-photovoltaique .btn:hover .exergue, #categorie-coffrets-prises h3 a, #categorie-coffrets-prises .fil-ariane a, #categorie-coffrets-prises .btn a, #categorie-coffrets-prises .btn:hover a, #categorie-coffrets-prises .btn:hover .exergue {
  transition: 250ms color linear; }

.btn .border-btn, #categorie-logement .btn .border-btn, #categorie-tertiaire-industriel .btn .border-btn, #categorie-commande-signalisation .btn .border-btn, #categorie-coffrets-armoires .btn .border-btn, #categorie-connectiques-accessoires .btn .border-btn, #categorie-photovoltaique .btn .border-btn, #categorie-coffrets-prises .btn .border-btn {
  transition: 250ms border-bottom-color linear; }

/* ELEMENT DE MENU ACTIF DANS LE MENU DES CATEGORIES */
/* Dans .nav-categories le span dont l'├®l├®ment de menu a re├ºu la class .active fait 100% de hauteur */
.nav-categories a.active {
  color: #fff;
  border-bottom: none; }
  .nav-categories a.active span {
    height: 100%; }
  .nav-categories a.active::after {
    content: ""; }

/* ATTRIBUTION DES COULEURS PAR CATEGORIE */
/* Les couleurs des titres, boutons, fil d'ariane et fond d'amp├®rage seront g├®n├®r├®es par l'id de cat├®gorie attribu├®e ├á body  */
/* LOGEMENT */
#categorie-logement .logement {
  background-color: #3851a2;
  color: #fff; }
#categorie-logement h2, #categorie-logement h3, #categorie-logement h4, #categorie-logement h5, #categorie-logement h6 {
  color: #3851a2; }
#categorie-logement h3 a, #categorie-logement .fil-ariane a {
  color: #3851a2; }
#categorie-logement .btn a {
  color: #3851a2; }
  #categorie-logement .btn a:hover {
    color: #fff; }
#categorie-logement .btn {
  border-color: #3851a2; }
  #categorie-logement .btn .border-btn {
    border-bottom-color: #3851a2; }
  #categorie-logement .btn:hover {
    border-color: #fff;
    background-color: #3851a2;
    cursor: pointer; }
    #categorie-logement .btn:hover .border-btn {
      border-bottom-color: #fff; }
    #categorie-logement .btn:hover a, #categorie-logement .btn:hover .exergue {
      color: #fff; }
#categorie-logement .amperage {
  background-color: #3851a2; }

#categorie-logement .header-intro {
    background-image: url("../img/background/1920x165_DE2.jpg");
} 

/* TERTIAIRE ET INDUSTRIEL */
#categorie-tertiaire-industriel .tertiaire-industriel {
  background-color: #f68c00;
  color: #fff; }
#categorie-tertiaire-industriel h2, #categorie-tertiaire-industriel h3, #categorie-tertiaire-industriel h4, #categorie-tertiaire-industriel h5, #categorie-tertiaire-industriel h6 {
  color: #f68c00; }
#categorie-tertiaire-industriel h3 a, #categorie-tertiaire-industriel .fil-ariane a {
  color: #f68c00; }
#categorie-tertiaire-industriel .btn a {
  color: #f68c00; }
  #categorie-tertiaire-industriel .btn a:hover {
    color: #fff; }
#categorie-tertiaire-industriel .btn {
  border-color: #f68c00; }
  #categorie-tertiaire-industriel .btn .border-btn {
    border-bottom-color: #f68c00; }
  #categorie-tertiaire-industriel .btn:hover {
    border-color: #fff;
    background-color: #f68c00;
    cursor: pointer; }
    #categorie-tertiaire-industriel .btn:hover .border-btn {
      border-bottom-color: #fff; }
    #categorie-tertiaire-industriel .btn:hover a, #categorie-tertiaire-industriel .btn:hover .exergue {
      color: #fff; }
#categorie-tertiaire-industriel .amperage {
  background-color: #f68c00; }

#categorie-tertiaire-industriel .header-intro {
    background-image: url("../img/background/1920x165_DE3.jpg");
} 


/* COMMANDE ET SIGNALISATION */
#categorie-commande-signalisation .commande-signalisation {
  background-color: #ea4917;
  color: #fff; }
#categorie-commande-signalisation h2, #categorie-commande-signalisation h3, #categorie-commande-signalisation h4, #categorie-commande-signalisation h5, #categorie-commande-signalisation h6 {
  color: #ea4917; }
#categorie-commande-signalisation h3 a, #categorie-commande-signalisation .fil-ariane a {
  color: #ea4917; }
#categorie-commande-signalisation .btn a {
  color: #ea4917; }
  #categorie-commande-signalisation .btn a:hover {
    color: #fff; }
#categorie-commande-signalisation .btn {
  border-color: #ea4917; }
  #categorie-commande-signalisation .btn .border-btn {
    border-bottom-color: #ea4917; }
  #categorie-commande-signalisation .btn:hover {
    border-color: #fff;
    background-color: #ea4917;
    cursor: pointer; }
    #categorie-commande-signalisation .btn:hover .border-btn {
      border-bottom-color: #fff; }
    #categorie-commande-signalisation .btn:hover a, #categorie-commande-signalisation .btn:hover .exergue {
      color: #fff; }
#categorie-commande-signalisation .amperage {
  background-color: #ea4917; }

#categorie-commande-signalisation .header-intro {
    background-image: url("../img/background/1920x165_DE4.jpg");
} 

/* COFFRETS ET ARMOIRES */
#categorie-coffrets-armoires .coffrets-armoires {
  background-color: #3298c2;
  color: #fff; }
#categorie-coffrets-armoires h2, #categorie-coffrets-armoires h3, #categorie-coffrets-armoires h4, #categorie-coffrets-armoires h5, #categorie-coffrets-armoires h6 {
  color: #3298c2; }
#categorie-coffrets-armoires h3 a, #categorie-coffrets-armoires .fil-ariane a {
  color: #3298c2; }
#categorie-coffrets-armoires .btn a {
  color: #3298c2; }
  #categorie-coffrets-armoires .btn a:hover {
    color: #fff; }
#categorie-coffrets-armoires .btn {
  border-color: #3298c2; }
  #categorie-coffrets-armoires .btn .border-btn {
    border-bottom-color: #3298c2; }
  #categorie-coffrets-armoires .btn:hover {
    border-color: #fff;
    background-color: #3298c2;
    cursor: pointer; }
    #categorie-coffrets-armoires .btn:hover .border-btn {
      border-bottom-color: #fff; }
    #categorie-coffrets-armoires .btn:hover a, #categorie-coffrets-armoires .btn:hover .exergue {
      color: #fff; }
#categorie-coffrets-armoires .amperage {
  background-color: #3298c2; }

#categorie-coffrets-armoires .header-intro {
    background-image: url("../img/background/1920x165_DE5.jpg");
} 

/* CONNECTIQUES ET ACCESSOIRES */
#categorie-connectiques-accessoires .connectiques-accessoires {
  background-color: #b57bc3;
  color: #fff; }
#categorie-connectiques-accessoires h2, #categorie-connectiques-accessoires h3, #categorie-connectiques-accessoires h4, #categorie-connectiques-accessoires h5, #categorie-connectiques-accessoires h6 {
  color: #b57bc3; }
#categorie-connectiques-accessoires h3 a, #categorie-connectiques-accessoires .fil-ariane a {
  color: #b57bc3; }
#categorie-connectiques-accessoires .btn a {
  color: #b57bc3; }
  #categorie-connectiques-accessoires .btn a:hover {
    color: #fff; }
#categorie-connectiques-accessoires .btn {
  border-color: #b57bc3; }
  #categorie-connectiques-accessoires .btn .border-btn {
    border-bottom-color: #b57bc3; }
  #categorie-connectiques-accessoires .btn:hover {
    border-color: #fff;
    background-color: #b57bc3;
    cursor: pointer; }
    #categorie-connectiques-accessoires .btn:hover .border-btn {
      border-bottom-color: #fff; }
    #categorie-connectiques-accessoires .btn:hover a, #categorie-connectiques-accessoires .btn:hover .exergue {
      color: #fff; }
#categorie-connectiques-accessoires .amperage {
  background-color: #b57bc3; }

#categorie-connectiques-accessoires .header-intro {
    background-image: url("../img/background/1920x165_DE6.jpg");
} 

/* PHOTOVOLTAIQUE */
#categorie-photovoltaique .photovoltaique {
  background-color: #658249;
  color: #fff; }
#categorie-photovoltaique h2, #categorie-photovoltaique h3, #categorie-photovoltaique h4, #categorie-photovoltaique h5, #categorie-photovoltaique h6 {
  color: #658249; }
#categorie-photovoltaique h3 a, #categorie-photovoltaique .fil-ariane a {
  color: #658249; }
#categorie-photovoltaique .btn a {
  color: #658249; }
  #categorie-photovoltaique .btn a:hover {
    color: #fff; }
#categorie-photovoltaique .btn {
  border-color: #658249; }
  #categorie-photovoltaique .btn .border-btn {
    border-bottom-color: #658249; }
  #categorie-photovoltaique .btn:hover {
    border-color: #fff;
    background-color: #658249;
    cursor: pointer; }
    #categorie-photovoltaique .btn:hover .border-btn {
      border-bottom-color: #fff; }
    #categorie-photovoltaique .btn:hover a, #categorie-photovoltaique .btn:hover .exergue {
      color: #fff; }
#categorie-photovoltaique .amperage {
  background-color: #658249; }

#categorie-photovoltaique .header-intro {
    background-image: url("../img/background/1920x165_DE7.jpg");
} 

/* COFFRETS ET PRISES */
#categorie-coffrets-prises .coffrets-prises {
  background-color: #a7b01e;
  color: #fff; }
#categorie-coffrets-prises h2, #categorie-coffrets-prises h3, #categorie-coffrets-prises h4, #categorie-coffrets-prises h5, #categorie-coffrets-prises h6 {
  color: #a7b01e; }
#categorie-coffrets-prises h3 a, #categorie-coffrets-prises .fil-ariane a {
  color: #a7b01e; }
#categorie-coffrets-prises .btn a {
  color: #a7b01e; }
  #categorie-coffrets-prises .btn a:hover {
    color: #fff; }
#categorie-coffrets-prises .btn {
  border-color: #a7b01e; }
  #categorie-coffrets-prises .btn .border-btn {
    border-bottom-color: #a7b01e; }
  #categorie-coffrets-prises .btn:hover {
    border-color: #fff;
    background-color: #a7b01e;
    cursor: pointer; }
    #categorie-coffrets-prises .btn:hover .border-btn {
      border-bottom-color: #fff; }
    #categorie-coffrets-prises .btn:hover a, #categorie-coffrets-prises .btn:hover .exergue {
      color: #fff; }
#categorie-coffrets-prises .amperage {
  background-color: #a7b01e; }

#categorie-coffrets-prises .header-intro {
    background-image: url("../img/background/1920x165_DE8.jpg");
} 

.header-intro {
    background-image: url("../img/background/1920x165_DE.jpg");
} 
/* transformation du header au scroll */
/* à activer au scroll après 200px */
/*
%flex {
    display: flex; 
    flex-wrap: wrap;
}
.header {
    padding: 4px 16px;
}
#logo {
    width: 55%;
    height: auto;
}
.home .connexion-panier {
    @extend %flex;
}
.home .panier {
    background-color: transparent;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    display: inline-block;
    position: inherit;
    svg {
        width: 35px;
        height: 38px;
        height: auto; 
        position: inherit;
        left: 0;
        top: 0px;
        transform: none;
    }
} 
.nav-categories a, .nav-categories input {
    padding: 14px 4px 10px 4px;
}
.home {
    .nav-categories a, .nav-categories input {
        padding: 16px 4px;
    }    
    .header {
        box-shadow: 0 0 48px -27px rgba(0,0,0,0.6);
    }
}
#bloc-header {
    box-shadow: 0 0 48px -27px rgba(0,0,0,0.6);
}
.header .active {
    padding-bottom: 4px;
}
.header-intro {
    margin-top: 94px;
}
.home .header-intro {
    margin-top: 94px;
}
.slider {
    margin-top: 46px;
}
.contact main {
    margin-top: 123px;
}
*/
/* media queries */
/* media queries */
@media all and (max-width: 730px) {
  .post .full-post-content div:nth-of-type(even), .produit, .main-intro-post > div, .description-produit, .description-category, .contact article > div:nth-of-type(1), .category-products img, .address-form form, .articles-droite, .presentation div > div, .labels-telechargements, .contact main input, .solution .articles article > div, .solution .articles article > img, .societe .articles article > div, .societe .articles article > img, .articles-droite article:nth-of-type(1) div, .articles-droite article:nth-of-type(2), .articles-droite article:nth-of-type(3), .indications-trajets div, .post .full-post-content > div:nth-of-type(odd), .post .full-post-content > img:nth-of-type(odd), .post .full-post-content.two-cols-even div, .post .full-post-content.two-cols-even div:nth-of-type(even), .article-gauche, .buttons .btn, .presentation div .btn, .solution .bloc-icones div, .contact article > div:nth-of-type(2), .actualite-digital > article, .main-intro-post img, .category-products > div, .address-form address, .actu-par-3, .icones-categories > div, aside, .accessoire, .societe .bloc-icones div, .post .full-post-content img:nth-of-type(even), footer nav {
    width: 100%;
    padding: 0; }

  h1, h2, h3, h4, h5, h6, .title, .solution .post-content h3, .societe .post-content h3 {
    font-size: 1.25rem; }

  h1, h2, h3, h4, h5, h6, .title, .icones-categories div > div, .images-produit, .specs-produits, .main-intro-post, .full-post-content, .fil-ariane, .category-products > div, .bloc-icones span, .bloc-icones, label[for=newsletter], .first-footer label, footer img, .reseaux-sociaux, .confiance img {
    margin-bottom: 16px; }

  .icones-categories, .presentation, .solutions-accueil, .confiance, .first-footer, aside, .produit, .full-post-content, .post-content {
    padding: 16px; }

  .header nav {
    display: none; }

  .buttons .btn {
    max-width: 45%; }

  .slider {
    height: 300px; }
    .slider figcaption {
      width: 80%; }
      .slider figcaption img {
        max-width: 230px;
        width: 80%;
        height: auto;
        margin-bottom: 24px; }
      .slider figcaption .slogan {
        font-size: 0.95rem; }
      .slider figcaption em {
        font-size: 0.75rem; }
        .slider figcaption em br {
          display: none; }

  .icones-categories .icones {
    transform: scale(0.75);
    margin-bottom: 0; }

  .presentation div div {
    justify-content: flex-start; }

  .home h2 span:first-of-type, .blog h2 span:first-of-type, .post h2 span:first-of-type {
    width: 24px;
    margin-right: 4px; }

  .home h2 span:last-of-type, .blog h2 span:last-of-type, .post h2 span:last-of-type {
    width: 32px;
    margin-left: 4px; }

  .actualites-accueil {
    padding: 16px; }

  .confiance img {
    width: 65%;
    margin-bottom: 24px; }
  .confiance div > div {
    flex-direction: column; }

  footer nav {
    display: block; }
    footer nav a {
      display: block;
      border-right: none; }
    footer nav .reseaux-sociaux a {
      display: inline-block; }
  footer address {
    margin-bottom: 16px; }

  /* solutions, societe */
  .solution .header-intro, .societe .header-intro {
    height: 150px; }
    .solution .header-intro h1, .societe .header-intro h1 {
      top: -25px; }
  .solution main p, .societe main p {
    text-align: justify; }
  .solution .bloc-icones div, .societe .bloc-icones div {
    width: 100%;
    max-width: 100%; }
    .solution .bloc-icones div p, .societe .bloc-icones div p {
      text-align: center; }
  .solution .categories, .societe .categories {
    flex-direction: column;
    margin-bottom: 96px; }
    .solution .categories a, .societe .categories a {
      padding-bottom: 4px;
      margin-bottom: 4px; }
      .solution .categories a.active, .societe .categories a.active {
        padding-bottom: 8px; }
  .solution .articles article:first-of-type, .societe .articles article:first-of-type {
    padding: 0px; }
  .solution .articles article, .societe .articles article {
    margin-bottom: 32px; }
    .solution .articles article .btn, .solution .articles article img, .societe .articles article .btn, .societe .articles article img {
      margin-bottom: 32px; }
    .solution .articles article:nth-of-type(2) img, .societe .articles article:nth-of-type(2) img {
      order: 2;
      margin-bottom: 0; }
    .solution .articles article:last-of-type, .societe .articles article:last-of-type {
      margin-bottom: 0; }
      .solution .articles article:last-of-type img, .societe .articles article:last-of-type img {
        margin-bottom: 0; }

  /* product, category */
  .products-pages .icones-cat {
    transform: scale(0.4);
    top: 0%;
    right: 0.5%; }
    .products-pages .icones-cat.news {
      transform: scale(0.7); }
  .products-pages .labels-telechargements {
    margin-bottom: 32px; }
    .products-pages .labels-telechargements .labels {
      margin-bottom: 32px; }
  .products-pages .accessoires h2 {
    text-align: center; }

  /* blog */
  .main-intro-post img {
    margin-bottom: 16px; }

  /* post */
  .full-post-content img {
    margin-bottom: 16px; }

  .actualites {
    padding: 16px; }
    .actualites h2 {
      font-size: 1rem; }
      .actualites h2 span:nth-of-type(2) {
        display: none; }
    .actualites img {
      width: 100%; }

  /* contact */
  .contact main {
    margin-top: 0px;
    padding: 16px; }
    .contact main input {
      padding: 8px; } }
@media all and (max-width: 897px) {
  #bloc-header {
    position: inherit; }

  .header {
    position: inherit;
    padding: 8px 0 0 0; }
    .header nav, .header .connexion-panier {
      display: none; }
    .header #nav-categories-small a, .header #main-nav-small a {
      display: block;
      font-size: 0.85rem;
      margin-bottom: 14px; }
    .header #menu-icon {
      margin-left: 8px; }
    .header #button-nav-categories-small {
      display: block;
      margin-right: 8px; }
    .header #logo {
      width: 100px;
      height: auto; }
    .header #menu-icon, .header #button-nav-categories-small, .header #logo {
      margin-bottom: 8px; }
    .header .search-small {
      width: 100%;
      position: relative;
      box-shadow: 0 12px 15px -15px rgba(0, 0, 0, 0.6);
      z-index: 2; }
      .header .search-small input, .header .search-small select {
        width: 100%;
        padding-left: 64px; }
      .header .search-small #icone-recherche {
        left: 32px; }

  .nav-categories, .tri-categories {
    display: none; }

  #menu-icon {
    display: block; }

  .header-intro {
    margin-top: 0px;
    height: 118px; }

  .products-pages .header-intro h1 {
    top: 0; }

  .container-produit {
    display: block; }
    .container-produit aside {
      display: none; }
    .container-produit .produit {
      padding: 16px; }
      .container-produit .produit .fil-ariane {
        order: -2; }
      .container-produit .produit .description-produit {
        order: -1; } }
@media all and (min-width: 481px) and (max-width: 730px) {
  .icones-categories > div, aside, .accessoire, .societe .bloc-icones div, .post .full-post-content img:nth-of-type(even) {
    width: 50%; }

  .presentation div > div p, .labels-telechargements p, .contact main input p, .solution .articles article > div p, .solution .articles article > img p, .societe .articles article > div p, .societe .articles article > img p, .articles-droite article:nth-of-type(1) div p, .articles-droite article:nth-of-type(2) p, .articles-droite article:nth-of-type(3) p, .indications-trajets div p, .post .full-post-content > div:nth-of-type(odd) p, .post .full-post-content > img:nth-of-type(odd) p, .post .full-post-content.two-cols-even div p, .post .full-post-content.two-cols-even div:nth-of-type(even) p, .article-gauche p, .buttons .btn p {
    text-align: left; }

  /* accueil */
  /*.solutions-accueil article:first-of-type, .solutions-accueil article:nth-of-type(2), .solutions-accueil article:nth-last-of-type(3) {
    width: 32%; }
  .solutions-accueil article:nth-of-type(4), .solutions-accueil article:last-of-type {
    width: 49%; }*/

  .articles-droite article:nth-of-type(1) div {
    width: 100%; }

  .confiance img {
    width: 25%; }

  footer address {
    margin-bottom: 16px; } }
@media all and (min-width: 898px) {
  #menu-icon, #nav-categories-small, #button-nav-categories-small, .search-small, #main-nav-small {
    display: none; } }
@media all and (min-width: 731px) and (max-width: 1160px) {
  .presentation div .btn p, .solution .bloc-icones div p, .contact article > div:nth-of-type(2) p, .actualite-digital > article p, .main-intro-post img p, .category-products > div p, .address-form address p, .actu-par-3 p, .icones-categories > div p, aside p, .accessoire p, .societe .bloc-icones div p, .post .full-post-content img:nth-of-type(even) p {
    text-align: left; }

  .header nav a {
    margin: 0 2px; }
  .header a, .header legend {
    font-size: 0.75rem; }
  .header legend {
    position: relative;
    top: 2px; }
  .header #logo {
    width: 75%;
    height: auto; }

  .accessoire {
    width: 50%; }

  /* contact */
  .contact article > div:nth-of-type(1), .contact article > div:nth-of-type(2) {
    width: 100%; }

  .header-intro {
    margin-top: 0px; } }
@media all and (min-width: 731px) and (max-width: 899px) {
  .produit, .description-produit {
    width: 100%; } }
	
@media all and (min-width: 481px) and (max-width: 1020px) {
	.solutions-accueil article {
    width: 49%; }
}
@media all and (min-width: 731px) and (max-width: 1020px) {
  /* accueil */

  .articles-droite article:nth-of-type(1) div {
    width: 100%; }

  footer address {
    margin-bottom: 16px; }

  .presentation div .btn {
    width: 50%; }

  .nav-categories a {
    font-size: 0.6rem; }

  .nav-categories a:nth-of-type(2), .nav-categories a:nth-of-type(3), .nav-categories a:nth-of-type(4), .nav-categories a:nth-of-type(5) {
    width: 15%; }

  .nav-categories .photovoltaique br {
    display: block; }

  /* societe, solution */
  .header-intro {
    margin-top: 0px; }

  .societe .bloc-icones div, .solution .bloc-icones div {
    width: 25%; }
    .societe .bloc-icones div p, .solution .bloc-icones div p {
      text-align: center; }
  .societe article:first-of-type, .solution article:first-of-type {
    padding: 32px 0px; }
    .societe article:first-of-type.article-principal, .solution article:first-of-type.article-principal {
      padding: 32px; }

  /* category */
  .tri-categories input {
    width: 13%; }

  .contact main {
    margin-top: 0; } }
@media all and (min-width: 720px) and (max-width: 1020px) {
  .category-products > div {
    width: 50%; } }
@media all and (min-width: 1020px) and (max-width: 1162px) {
  .header-intro {
    margin-top: 143px; } }
@media all and (min-width: 1021px) and (max-width: 1512px) {
  .category-products > div {
    width: 50%; } }
@media all and (min-width: 898px) and (max-width: 1024px) {
  .nav-categories a {
    padding: 24px 0px; }

  .nav-categories a {
    font-size: 0.55rem; } }
@media all and (min-width: 898px) and (max-width: 1230px) {
  .produit {
    width: 75%; }

  .description-produit {
    width: 100%; } }
/* correctif */
/* Reprise frontex */
/*********************************************************************************/
.description-categorie, .category-products {
  width: 100%; }

.tri-categories select {
  display: inline-block;
  padding: 5px;
  margin-right: 20px;
  border: 1px solid transparent;
  font-size: 1em; }

.tri-categories select:focus {
  border: 1px solid transparent; }

/* Zone de recherche des produits */
.search ul {
  position: absolute;
  padding-left: 8px;
  padding-right: 8px;
  width: 180%;
  left: -80%;
  background-color: white;
  border: 1px solid grey;
  text-align: left; }

.search ul li:before {
  content: ""; }

.search ul li {
  margin-bottom: 2px; }

.search ul li a {
  font-weight: normal;
  padding: 0; }

.search ul li a:hover {
  font-weight: bold;
  color: inherit; }

.search ul li a b {
  font-weight: bold;
  padding-right: 8px; }

.search-small ul {
  width: auto;
  left: 0; }

/* transformation du header au scroll */
/* .scroll .header {padding: 4px 16px;} */
.scroll #logo {
  width: 55%;
  height: auto; }

.confiance > div > div {
  width: 100%;
  height: 55px;
  overflow: hidden;
  display: block;
  white-space: nowrap; }

.confiance > div > div > img {
  height: 55px;
  width: auto;
  margin-left: 1%;
  margin-right: 1%;
  display: inline; }

/* R├®glage sur le menu fixed au scroll*/
.nav-categories {
  background-color: white;
  width: 100%;
  z-index: 1; }

.nav-categories a {
  z-index: 0; }

.subcategory-selected {
  font-weight: 900; }

/* R├®glage sur le slider confiance */
.confiance > div > div {
  width: 100%;
  height: 55px;
  overflow: hidden;
  display: block;
  white-space: nowrap; }

.confiance > div > div > img {
  height: 55px;
  width: auto;
  margin-left: 1%;
  margin-right: 1%;
  display: inline; }

/* Disposition des produits */
.produit .images-produit {
  width: 33%; }

.produit .images-produit > div:first-child {
  text-align: center; }

.produit .thumbnails a {
  text-decoration: none; }

.produit .thumbnails a {
  text-decoration: none; }

.produit .labels a {
  text-decoration: none; }

.produit .accessoires {
  width: 100%; }

/* */
.full-post-content h2 {
  display: block;
  width: 100%; }

.full-post-content {
  overflow: hidden; }

/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/* AJOUT CHRISTOPHE D.*/
/* centrage des titres des "atouts" en page d'accueil en affichage interm├®diaire*/
/*********************************************************************************/
@media all and (min-width: 731px) and (max-width: 1160px) {
  .icones-categories > div p {
    text-align: center; } }
/* Mise en valeur du catalogue dans le pied de page (soulignement, majuscules, couleur, graisse )*/
/*********************************************************************************/
footer nav a:last-of-type {
  text-transform: uppercase;
  font-weight: bold;
  color: #90d6f1;
  text-decoration: underline; }

/* Centrage vertical des liserais des titres */
/*********************************************************************************/
.home h2, .blog h2, .post h2 {
  align-items: center; }

/* ajustement de la longueur des liserais des titres */
/*********************************************************************************/
.home h2 span:first-of-type, .blog h2 span:first-of-type, .post h2 span:first-of-type {
  width: 16px;
  margin-right: 8px; }

.home h2 span:last-of-type, .blog h2 span:last-of-type, .post h2 span:last-of-type {
  width: 64px;
  margin-left: 8px; }

.actualites h2 span:nth-of-type(2) { 
  display: block; }

/* ajout de padding autour des actualit├®s de l'accueil */
/*********************************************************************************/
.actualites-accueil {
  padding: 32px; } 

/* Affichage du menu en small et tablette : mise en position absolute, disparition des s├®parateurs, r├®glage des padding */
/*********************************************************************************/
@media all and (max-width: 1160px) {
  .header #main-nav-small, .header #nav-categories-small {
    position: absolute;
    top: 55px;
    background-color: #fff;
    z-index: 999;
    left: 0; 
    width: 30%;
	min-width: 250px;
    padding: 20px 0 10px 0;
	padding: 0.5rem;	}
	.header #nav-categories-small {
	width: 50%;
	left: auto;
	right: 0;
	}
    .header #main-nav-small .separator {
      display: none; }
    .header #main-nav-small a.active {
      padding-bottom: 10px; } }
/* R├®glage du padding sur le champ search du menu cat├®gories g├®n├®rant un d├®faut d'affichage */
/*********************************************************************************/
.nav-categories input[type="search"], .search-small select {
  padding: 22px 32px; }

@media all and (min-width: 1025px) and (max-width: 1075px) {
  .nav-categories a {
    font-size: 0.65rem; }

  .nav-categories a, .nav-categories input {
    padding: 25px 4px; } }
/* R├®duction du bloc articles des pages solutions et soci├®t├® afin de remonter le menu secondaire */
/* R├®duction des marges du bloc-icones des pages solutions et soci├®t├® afin de remonter le menu secondaire */
/*********************************************************************************/
.solution article:first-of-type, .societe article:first-of-type {
  padding: 16px;
  margin-top: -76px; }

.bloc-icones {
  margin-top: 12px;
  margin-bottom: 12px; }

/* R├®solution du probl├¿me d'affichage lorsqu'il n'y a qu'un ou deux produits  */
/*********************************************************************************/
.category-products {
  width: 100%; }

/* max et min attribu├®s aux images */
/*********************************************************************************/
.category-products img, .actu-par-3 img, .articles-droite img, .images-produit img, .produit .thumbnails img, .produit .labels img, .produit .accessoires img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 200px;
  max-width: 100%;
  width: auto; }

.confiance img {
  width: auto; }

.images-produit img {
  max-height: 300px; }

.produit .thumbnails img {
  max-width: 25%;
  max-height: 80px; }

.produit .labels img {
  max-height: 4em; }

.produit .accessoires img {
  width: auto;
  max-height: 80px; }

/* texte sous l'iframe de la page d'accueil en 100% */
/*********************************************************************************/
.actualites-accueil .articles-droite iframe ~ div {
  width: 100%; }

/* Modifications des largeurs afin de pouvoir convenir à toutes les tailles de texte  */
/*********************************************************************************/
@media all and (min-width: 731px) {
  .specs-produits {
    width: 50%; } }
@media all and (min-width: 898px) and (max-width: 1230px) {
  .description-produit {
    width: 52%; } }
/* Am├®liorations de l'affichage responsive */
/*********************************************************************************/
.buttons .btn {
  width: 48%; }

.btn a {
  padding: 12px 8px; }

@media all and (min-width: 898px) and (max-width: 1160px) {
  .header-intro {
    margin-top: 155px; } }
/* Divers */
/*********************************************************************************/
.labels-telechargements {
  padding-top: 0; }
  .labels-telechargements .labels {
    margin-bottom: 16px; }

.subcategory-selected {
  color: #90d6f1; }

@media all and (min-width: 1025px) and (max-width: 1155px) {
  .nav-categories a, .nav-categories input {
    padding: 25px 0px; }

  .nav-categories a {
    font-size: 0.5rem; }

  .nav-categories input[type="search"], .search-small select {
    padding: 24px 32px; }

  .header-intro {
    margin-top: 142px; } }

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

/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
/* AJOUT DU 6/10 */

/* modifications sur la page de remerciement d'envoi du catalogue'*/
#thanks h1, #thanks p {
    text-align: center;
}
.catalog-thank-page .article-gauche {
    flex-direction: column;
}
#thanks .btn {
    width: 250px;
    margin: 0 auto;
}
/* ajout d'un bouton de sous-categories sur les pages categories '*/
.category-products {
    position: relative;
}
#small-button-subcat {
    position: absolute;
    top: 0;
    left: -16px;
    z-index: 1;
    width: 60px;
    height: 60px;
    cursor: pointer; 
    /* disparition dans toutes les tailles (sauf en smartphone) */
    display: none;
    background-color: #3851a2;
}
#small-button-subcat:hover {
    opacity: 0.8;
}
#toggled-subcat  {
    display: none;
}
.container-produit #toggled-subcat aside {
    display: block;
}
#small-button-subcat svg{
    width: 46px;
    height: 30px;
    fill: #fff;
}
#toggled-subcat {
    position: absolute;
    left: -16px;
    top: 60px;
    z-index: 1;
}
#toggled-subcat a {
    display: block;
    text-align: left;
    text-decoration: none;
    margin-bottom: 8px;
    color: #fff;
}
#toggled-subcat aside {
    width: 100%;
}
#toggled-subcat a::before {
    content: ">\00a0\00a0";
}
@media all and (max-width: 897px){
    #small-button-subcat {
        display: block;    
    }
}
@media all and (min-width: 898px){
    #toggled-subcat {
        display: none;    
    }
}
/* traitement des couleurs sur le menu sous-catégorie en tablette */
#categorie-logement #small-button-subcatt {
    background-color: #3851a2;
}
#categorie-tertiaire-industriel #small-button-subcat {
  background-color: #f68c00;
}
#categorie-commande-signalisation #small-button-subcat {
  background-color: #ea4917;
}
#categorie-coffrets-armoires #small-button-subcat {
  background-color: #3298c2;
}
#categorie-connectiques-accessoires #small-button-subcat {
  background-color: #b57bc3;
}
#categorie-photovoltaique #small-button-subcat {
  background-color: #658249;
}
#categorie-coffrets-prises #small-button-subcat {
  background-color: #a7b01e; 
}
#categorie-logement #small-button-subcatt {
    background-color: #3851a2;
}
#categorie-logement #toggled-subcat a:hover {
  color: #3851a2;
}
#categorie-tertiaire-industriel #toggled-subcat a:hover {
  color: #f68c00;
}
#categorie-commande-signalisation #toggled-subcat a:hover {
  color: #ea4917;
}
#categorie-coffrets-armoires #toggled-subcat a:hover {
  color: #3298c2;
}
#categorie-connectiques-accessoires #toggled-subcat a:hover {
  color: #b57bc3;
}
#categorie-photovoltaique #toggled-subcat a:hover {
  color: #658249;
}
#categorie-coffrets-prises #toggled-subcat a:hover { 
  color: #a7b01e;  
}

/* résolution de l'affichage double des menus en large */
@media all and (min-width: 898px){
    #nav-categories-small div, #main-nav-small div {
        display: none;    
    }
    .header #main-nav-small {
        background-color: transparent;
    }
}

/* modifications après ajout du contenu en dur */
.presentation div .btn {
    max-width: 375px;
    width: 375px;
}
.article-principal p {
    text-align: center;
}
.solution .articles article:first-of-type, .societe .articles article:first-of-type {
	margin-top: -32px;
}
.icones-cat {
    display: none;
}
.header-intro {
    background-position: right center;
}
.header-intro h1 {
    color: #fff;
}
.categories {
    margin-top: 48px;
    margin-bottom: 32px;
}
option {
    background-color: #fff;
}
/********** BANDEAU DE LA NEWSLETTER CACHE JUSQU'A NOUVEL ORDRE '******************/
.first-footer {
    display: none;
}
/**/
.btn a {
    text-align: center;
}
.accessoires h3, .produit h2, .category-products h3 {
    text-transform: initial;
}
.accessoires h2 {
    text-transform: uppercase;
}
.accessoires h2 span:last-of-type {
    width: 64px;
    margin-left: 8px;
}
.accessoires h2 span {
    border-bottom: 1px solid #0b5370;
    height: 1px;
    display: inline-block;
}
.accessoires h2 span:first-of-type {
    width: 16px;
    margin-right: 8px;
}
.accessoires h2 span {
    border-bottom: 1px solid #0b5370;
    height: 1px;
    display: inline-block;
}
.accessoires h2, .accessoires h2 span {
    display: inline-block;
    vertical-align: middle;
}
.category-products h3 a {
    max-width: 300px;
    display: inline-block;
}
.main-intro-post a:first-of-type {
    width: 33.3334%;
}
.main-intro-post a:first-of-type img{
    width: 100%;
}
.main-intro-post .btn a:first-of-type {
    width: 100%;
}
.articles-droite article:nth-of-type(2), .articles-droite article:nth-of-type(3) {
    padding-left: 0;
    padding-right: 0;
}
.articles-droite article:nth-of-type(2) {
    padding-right: 15px;
}
.articles-droite article:nth-of-type(3) {
    padding-left: 15px;
}
.article-gauche img {
    height: 383px;
}



div.labels-telechargements .labels img {
    display: inline;
    margin-right: 5%;
}



.description-produit .stock {
    position: relative; 
    width: 100%;
}

.description-produit .stock img{
    position: absolute; 
    right: 0;
    height: 40px;
    top: -45px
}


@media all and (min-width: 730px) {
    .description-produit .stock img{
        height: 55px;
        top: -60px
    }    
}