@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=League+Spartan:wght@100..900&family=Oswald:wght@200..700&display=swap');


html, body {
  
  margin: 0px;
  padding: 0px;
  overflow: auto;
  background-color: #ededed;

}

html { scroll-behavior: smooth; }

/**************************************************************************** General */

.clear_all {

  display: block;
  margin: 0;
  padding: 0;
  clear: both;
}

a { color: white; }



/**************************************************************************** Fonts */

.Acumin Pro ExtraCondensed Thin{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 100;
font-style: normal;
}

.Acumin Pro ExtraCondensed Thin Italic{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 100;
font-style: italic;
}

.Acumin Pro ExtraCondensed Light{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 300;
font-style: normal;
}

.Acumin Pro ExtraCondensed Light Italic{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 300;
font-style: italic;
}

.Acumin Pro ExtraCondensed Regular{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 400;
font-style: normal;
}

.Acumin Pro ExtraCondensed Italic{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 400;
font-style: italic;
}

.Acumin Pro ExtraCondensed Medium{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 500;
font-style: normal;
}

.Acumin Pro ExtraCondensed Medium Italic{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 500;
font-style: italic;
}

.Acumin Pro ExtraCondensed Semibold{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 600;
font-style: normal;
}

.Acumin Pro ExtraCondensed Semibold Italic{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 600;
font-style: italic;
}

.Acumin Pro ExtraCondensed Bold{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 700;
font-style: normal;
}

.Acumin Pro ExtraCondensed Bold Italic{
font-family: "acumin-pro-extra-condensed", sans-serif;
font-weight: 700;
font-style: italic;
}


.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}



/**************************************************************************** Content */

header {
  
  display: block;
  position: relative;
  width: 100%;
  height: 1300px;
  
  background: url(../img/bg_header_extra.png) top left no-repeat;

}

header.extra_pages {

  display: block;
  width: 100%;
  height: 415px;

}

header.extra_pages.bg_produits { background: url(../img/bg_header_produits.png) top left no-repeat; }
header.extra_pages.bg_a-propos { background: url(../img/bg_header_about.png) top left no-repeat; }
header.extra_pages.bg_promos { background: url(../img/bg_header_promos.png) top left no-repeat; }
header.extra_pages.bg_planchers { background: url(../img/bg_header_planchers.png) top left no-repeat; }
header.extra_pages.bg_contact { background: url(../img/bg_header_contact.png) top left no-repeat; }
header.extra_pages.bg_stores { background: url(../img/bg_header_stores.png) top left no-repeat; }
header.extra_pages.bg_papier_peint { background: url(../img/bg_header_papierpeint.png) top left no-repeat; }

header .logo {

  display: block;
  float: left;
  margin: 35px 0 0 40px;
}

header .main_nav { 
  
  display: block;
  float: left;
  width: 830px;
  margin-left: -30px;


}

header .main_nav .directions_phone {

  display: block;
  margin: 21px 0 0 0;
  
}

header .main_nav .directions_phone ul {

  display: block;
  text-align: left;
  list-style: none;
  
}

header .main_nav .directions_phone .top_socials {
  
  float: right;
  margin: -6px 0 0 120px;
  text-align: right;
  font-size: 30px;
  
}

header .main_title {

  position: absolute;
  top: 235px;
  left: 470px;
  text-align: left;
  text-transform: uppercase;
  
  font-size: 80px;

  font-family: "acumin-pro-extra-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;

}

header .main_nav .directions_phone .top_socials a { margin: 0 5px 0 0; }

header .main_nav .directions_phone .top_socials a i.fa-square-facebook { color: #0063ab; }
header .main_nav .directions_phone .top_socials a i.fa-square-instagram { color: #ff7200; }
header .main_nav .directions_phone .top_socials a i.fa-linkedin { color: #48aefa; }


header .main_nav .directions_phone li {

  display: block;
  float: left;
  margin: 0 25px 0 0;
  
  color: white;
  font-size: 17px;
  text-decoration: none;
  text-transform: uppercase;
  
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;

}

header .main_nav .directions_phone li a {
  
  display: block;
  float: left;
  margin: 0 25px 0 0;
  
  color: white;
  font-size: 17px;
  text-decoration: none;
  text-transform: uppercase;
  
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

header .main_nav .directions_phone li a i {

  margin: 0 5px 0 0;
  color: #ff8900;
  font-size: 20px;

}

header .main_nav .directions_phone li i {

  margin: 0 5px 0 0;
  color: #a0c90a;

}

header .main_nav .navigation li a.menu_promo {

  padding: 12px 15px;
  border: 2px solid #00c5f9;
  margin: -13px 20px 0 0;
  border-radius: 10px;
}

header .main_nav .navigation li a {
  
  display: block;
  float: left;
  margin: 0 27px 0 0;
  
  color: white;
  font-size: 17px;
  letter-spacing: 0.03em;
  text-decoration: none;
  text-transform: uppercase;
  
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

header .main_nav .navigation li a.login_mobile { display: none;}

header .main_nav .navigation li a i {

  margin: 0 5px 0 0;
  color: #00c5f9;

}

header .main_nav .navigation {
  
  display: block;
  margin: 47px 0 0 0;
}

header .main_nav .navigation .social_mobile { display: none; }

header .main_nav .navigation ul {

  display: block;
  text-align: left;
  list-style: none;
  
}

header .main_nav .navigation .login {
  
  float: right;
  margin: -9px 0 0 0;
  width: 30px;
  font-size: 20px;
  background: #004578;
  padding: 6px 2px 8px 7px;
  border-radius: 6px;
}

header .main_nav .navigation .login a { color: #a0c90a;}

header .text_home {
  
  position: absolute;
  display: block;
  left: 40px;
  top: 330px;
  z-index: 6;

}

header .text_home h2 {
  
  display: block;
  margin: 80px 0 20px 0;

  font-size: 90px;
  line-height: 80px;
  
}

header .text_home h2 .home_title_thin {

  display: block;

  font-family: "acumin-pro-extra-condensed", sans-serif;
  font-weight: 100;
  font-style: normal;

}

header .text_home h2 .home_title_bold {
  
  display: block;
  
  font-family: "acumin-pro-extra-condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
  
}

header .text_home p {
  
  display: block;
  
  width: 680px;
  
  font-size: 22px;
  line-height: 36px;
  color: #808080;
  
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

header .text_home a {
  
  display: inline-block;
  margin: 10px 0 50px 0;
  
  font-size: 22px;
  line-height: 36px;
  
  padding: 15px 20px;
  background: #a0c90a;
  border-radius: 10px;
  text-decoration: none;
  
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

header .text_home a i { color: #cbee4b; }

.text_about p.promo_socials, 
.text_home p.promo_socials { 
  
  display: inline-block;
  width: auto;
  
  margin: 85px 0 0 0;
  padding: 14px 25px;
  border-radius: 5px;
  background: white;
  box-shadow: 2px 2px 3px #d9d9d9;
  
  font-size: 22px;
  line-height: 36px;
  color: #808080;
  
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}
.text_about p.promo_socials {

  margin: 30px 0 0 0;
} 

header .text_home p.promo_socials a { 
  
  margin: 0;
  padding: 0;
  background: none;
  
}

p.promo_socials a i.fa-square-facebook { 
  
  color: #0063ab; 
  font-size: 30px; 
  margin-left: 5px;

}

p.promo_socials a i.fa-square-instagram { 
  
  color: #ff7200; 
  font-size: 30px; 

}

header .text_home img {
 
  display: block;
  float: left;
  margin: 40px 74px 0 0;

}



/**************************************************************************** Text about */

.text_about { 
  
  display: block;
  background: url(../img/bg_produits_vedette.png) top left no-repeat #dbdbdb;
  
  margin: 0 0 0 0;
  padding: 55px 40px 5px 40px;

  /* width: 100%; */
  
}

.text_about h2 {
  
  display: inline-block;
  margin: 0 0 0 0;

  color: #136aa0;
  
  font-size: 60px;
  line-height: 80px;
  
  font-family: "acumin-pro-extra-condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  
}

.text_about p {
  
  display: block;
  
  width: 1100px;
  
  font-size: 20px;
  line-height: 39px;
  color: #313131;
  
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

.text_about p b {

  display: block;
  margin-top: 50px;

}

.text_about img.about_img {

  float: left;
  width: 570px;
  margin: 0 40px 10px 0;
  border-radius: 15px;

}

.text_about .partners img {

  display: inline-block;

}


.text_about p b {
  
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  
}

.text_about ul {
  
  display: inline-block;
  margin: 0 0 0 -25px;
  
}


.text_about li {
  
  display: block;
  margin: 0 0 10px 0;
  
  width: 1180px;
  
  font-size: 20px;
  line-height: 36px;
  color: #313131;
  
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

.text_about li i { 
  
  font-size: 22px; 
  color: #0093ff; 
  margin-right: 5px;

}


/**************************************************************************** Produits */

.produits_vedette { 
  
  display: block;
  margin: 0 0 0 0; 

  background-position-y: 150px;
  
}

.produits_vedette img { 
  
  display: block;
  float: left;
  margin: 0px 0 0 40px;
  
}

.produits_vedette .products_container { 
  
  display: block;
  background: url(../img/bg_produits_vedette.png) top left no-repeat #dbdbdb;
  
  margin: 40px 0 0 0;
  padding: 55px 0 5px 40px;
  
}

.annonce_rabais { 
  
  display: block;
  margin: 0 40px 40px 0;
  
  width: 830px;
  padding: 10px 43px 10px 210px;
  
  border-radius: 12px;
  
  background: white url(../img/paint_bucket_c.png) left center no-repeat;
  background-size: 18%;
  background-position-x: -20px;

  box-shadow: 2px 2px 3px #c9c9c9;
  
  text-align: center;
  
}

.annonce_rabais img { 

  display: block;
  float: left;
  margin: -31px 20px 0 -10px;

}

.annonce_rabais h2,
.annonce_rabais h2 a {

  display: block;

  color: #0067b3;
  text-decoration: none;
  text-align: left;

  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;


}


.annonce_rabais h2 .rabais_20 {

  display: block;
  color: #ff3c2e;
  font-size: 40px;

  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;

} 

.produits_vedette .products_container.extra_pages { 

  margin-top: 0;

}


.produits_vedette .products_container .produits_sous_menu {
  
  display: block;
  margin: 0px 0 40px -40px;
  
}

/***************** Sous menu - Produits main */

.produits_vedette .products_container .produits_sous_menu ul {
  
  display: block;
  text-align: left;
  list-style: none;
  margin: 0 0 20px 45px;;
  padding: 0;
  
}

.produits_vedette .products_container .produits_sous_menu ul.produits_main li {
  
  display: inline-block;
  
  font-size: 18px;
  line-height: 36px;
  padding: 5px 15px;
  margin-right: 5px;
  width: 200px;
  background: #0a93c9;
  border-radius: 6px;

  color: white;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  
}

.pagination { 
  
  display: block;
  max-width: 1080px;
  text-align: center;

  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  
}

.pagination ul {
  
  display: inline-block;
  text-align: center;
  list-style: none;
  font-size: 18px;
  background: #eeeeee;
  padding: 10px 8px;
  border-radius: 8px;

}

.pagination li {
  
  display: inline-block;
  text-align: center;
  margin: 0 5px;
  color: rgb(106, 108, 109);
  
}

.pagination li a { 
  
  color: #3d4448;
  margin: 0 5px;
  
}

.pagination li.selected {

  background: #808080;
  padding: 7px 14px;
  color: white;
  border-radius: 5px;

}




.produits_vedette .products_container .produits_sous_menu ul.produits_main li.selected { 
  
  background: #00729f; 
  font-weight: 500; 

}

.produits_vedette .products_container .produits_sous_menu ul.produits_main li a i { 
  
  margin-right: 6px; 
  color: #46dfff; 

}

.produits_vedette .products_container .produits_sous_menu ul.produits_main li i { 
  
  margin-right: 6px; 
  color: #ffffff; 

}


/***************** Sous menu - Produits sub */

.produits_vedette .products_container .produits_sous_menu h3 {
  
  display: block;
  margin: 45px 0 20px 50px;
  padding-bottom: 30px;
  width: 100%;
  max-width: 1440px;
  
  font-size: 30px;
  color: #00729f;
  
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  
  border-bottom: solid 2px #c6c6c6;
  
}

h3 .fa-registered {

  font-size: 18px;
  vertical-align: top;
  margin-left: 2px;

}



.products_container.extra_pages h3.promos {
  
  display: block;
  margin: 70px 0 40px 10px;
  padding-bottom: 30px;
  width: 100%;
  max-width: 1440px;
  font-size: 30px;
  color: #00729f;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  border-bottom: solid 2px #c6c6c6;

}

.products_container.extra_pages h3.plancher {
  
  display: block;
  margin: 80px 0 40px 10px;
  padding-bottom: 30px;
  width: 100%;
  max-width: 1440px;
  font-size: 30px;
  color: #00729f;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  border-bottom: solid 2px #c6c6c6;

}


.produits_vedette .products_container .produits_sous_menu h3 i { font-size: 26px;}

.produits_vedette .products_container .produits_sous_menu ul.produits_sub { 

  display: inline-block;
  padding: 6px 2px 6px 6px;
  background: #d69d39;
  border-radius: 6px;

}


.produits_vedette .products_container .produits_sous_menu ul.produits_sub li {
  
  display: inline-block;
  
  font-size: 16px;
  line-height: 36px;
  padding: 2px 12px;
  color: white;
  
  border-radius: 6px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  
}
.produits_vedette .products_container .produits_sous_menu ul.produits_sub li.selected { 
  
  background: #bd8525; 
  border-radius: 4px;
  font-weight: 500;
  margin-right: 4px;

}

.produits_vedette .products_container .produits_sous_menu ul.produits_sub li.selected i { 
  
  margin-right: 5px; 

}

.produits_vedette .products_container .produits_sous_menu ul.produits_sub li i { 
  
  margin-right: 0 5px 0 0; 
  color: #ffe8a2; 

}

.produits_vedette .products_container .produits_sous_menu ul.produits_sub li a { 
  
  color: #ffe8a2; 

}


.produits_vedette .products_container .produits_sous_menu li a { text-decoration: none; }

.products_wrapper {
  
  display: block;
  width: 100%;
  max-width: 1500px;
  
}

.products_wrapper.produits_promo { max-width: 1125px; }
.products_wrapper.produits_select { max-width: 1100px; }


.products_wrapper.product_list .product_box:nth-child(4n) { margin-right: 0; }
.products_wrapper.produits_select .product_box:nth-child(3n) { margin-right: 0; }



.product_box {
  
  position: relative;
  z-index: 1;

  display: inline-block;
  width: 320px;
  padding: 12px 6px;
  margin: 0 40px 40px 0;
  border-radius: 12px;
  background: white;
  box-shadow: 2px 2px 3px #c9c9c9;
  
}

.product_box .off_20 {

  position: absolute;
  display: inline-block;
  top: -7px;
  right: 0;

  background: #ff3d2f;
  padding: 8px 11px 10px 13px;
  border-radius: 4px 12px 0 15px;

  font-size: 15px;
  color: #ffffff;

  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;

}

.product_box img {

  display: block;
  float: none;
  margin: 0 auto;
  border-radius: 6px;

}

.product_box h3 {

  display: block;
  width: 95%;
  height: 35px;

  margin: 20px auto;
  
  font-size: 18px;
  letter-spacing: -0.03em;
  color: #0067b3;
  
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.product_box p {
  
  display: block;
  width: 95%;
  margin: 20px auto 0 auto;
  
  line-height: 20px;

  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

.products_wrapper p.prix_changement {
  
  display: block;
  width: 95%;
  margin: 20px 0 0 0;
  
  font-size: 15px;

  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

.product_box p .prix_actuel {
  
  display: inline-block;
  margin-right: 0px;
  
  font-size: 20px;
  font-weight: 700;
  
}

.product_box p .prix_magasin { 
  
  display: inline-block;
  margin-right: 0px;
  
  font-size: 17px;
  font-weight: 700; 
}

.product_box p .prix_scratched {
  
  display: inline-block;
  text-decoration: line-through;
  
}

.product_box p.vote_stars {

  display: inline-block;

}

.product_box p i { color: #ff9000; font-size: 18px; }

.product_box p a {

  display: block;
  margin: 10px 0 0 0;
  font-size: 19px;
  line-height: 36px;
  padding: 10px 0;
  background: #a0c90a;
  border-radius: 6px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  text-align: center;

}

.btn_promo-produits {

  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 30px 0;
  text-align: left;

}

a.btn_promos {
  
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0px;
  padding: 10px 160px;
  font-size: 19px;
  line-height: 36px;
  background: #dc8b2c;
  border-radius: 6px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  
}

a.btn_produits {
  
  display: inline-block;
  box-sizing: border-box;
  margin-left: 20px;
  padding: 10px 170px;
  font-size: 19px;
  line-height: 36px;
  background: #039eff;
  border-radius: 6px;
  text-decoration: none;
	
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  
}

a.btn_promos i { color: #ffcb2b; }
a.btn_produits i { color: #46dfff; }




/**************************************************************************** Video */

header .header_overvideo {
  
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  
  width: 100%;
  height: 1325px;
  
  background: url(../img/bg_video_header.png) top left no-repeat;
}

.video-container {
  
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  
}

/**************************************************************************** contact */

ul.directions_contact {
	
	display: block;
	float: left;
	width: 500px;
}

img.codebar {
	
	display: block;
	border-radius: 10px;
	border: solid #ACACAC 2px;
    margin: -60px 0 0 0;
}



/**************************************************************************** Membres */

.form form {

  	display: block;
  	max-width: 1920px;
}

.form form label {

  	font-size: 20px;
  	line-height: 37px;
  	color: rgb(63, 63, 63);
  	margin: 0 5px 40px 0;
  	width: 60%;
  
  	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: normal;
  	font-style: normal;
  	text-align: center;
  
}

.form form input[type=email],
.form form input[type=password] {
	
	display: block;
	width: 800px;
	margin: 0px 0 20px 0;
	padding: 25px 0 25px 15px;
	
	color: #5c5c5c;
	background: #f6f6f6;

  	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: normal;
  	font-style: normal;
  	text-align: center;
	
	border-radius: 10px;
  	border: solid 1px #9a9a9a;

}

.form form .login_btn a {

  	display: inline-block;
  	font-size: 18px;
  	letter-spacing: 0.02em;
  	color: white;
  	text-transform: uppercase;
  	text-decoration: none;

  	margin: 20px 0 10px 0;
  	padding: 35px 50px;

  	background: #006997;
  	border-radius: 15px;

  	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: normal;
  	font-style: normal;
  	text-align: center;

}

.form form p.forgot a {

  	display: block;
  	margin: -10px 60px 0 0;
  	font-size: 20px;
	color: #026997;

}




/**************************************************************************** Footer */

footer {
  
  display: block;
  background: black;
}

footer img {

  display: block;
  margin: 0;
  padding: 0;

}


footer .footer_container {

  display: block;
  width: 1100px;
  background: black;
  padding: 40px 0;
  vertical-align:text-top;
}

.footer_container img {
  
  display: inline-block;
  margin: 0 0 0 40px;
  vertical-align: top;
  border: none;
  
}

.footer_container .footer_nav {
  
  display: inline-block;
  margin: 0 40px 0 60px;
  padding: 0;
  vertical-align: top;
}

.footer_container .directions_phone {

  display: inline-block;
  vertical-align: top;
}

.footer_container .footer_nav ul,
.footer_container .directions_phone ul {
  
  display: block;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;

}


.footer_container .directions_phone li a,
.footer_container .footer_nav li a {
  
  display: block;
  margin: 0 25px 0 0;
  
  color: #aaaaaa;
  font-size: 17px;
  line-height: 36px;
  text-decoration: none;
  text-transform: uppercase;
  
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

.footer_container .directions_phone li {
  
  display: block;
  margin: 0 25px 0 0;
  
  color: #aaaaaa;
  font-size: 17px;
  line-height: 36px;
  text-decoration: none;
  text-transform: uppercase;
  
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  
}

.footer_container .directions_phone li.copyright {

  display: block;
  margin-top: 36px;

}

.footer_container .directions_phone li a i,
.footer_container .directions_phone li i,
.footer_container .footer_nav li a i {

  margin: 0 5px 0 0;
  color: #535353;
}

.footer_container .logo_twisted {
  
  display: inline-block;
  vertical-align: top;
  align-items: center;
  text-align: center;
  margin: -65px 0 0 110px;
  padding: 0 0 0 0;
}

.footer_container .logo_twisted img {

  display: block;
  margin: 0 auto;
}

.footer_container .logo_twisted a.b2t {

  display: block;
  margin: 0 auto;
}

.footer_container .logo_twisted a.twisted_shape {
  
  display: block;
  margin: 0 auto;
}

.footer_container .footer_socials {
  
  display: block;
  margin: 25px auto 35px auto;
}

.footer_container .footer_socials a i {

  font-size: 28px;
  margin: 2px;

}

.footer_container .footer_socials a i.fa-square-facebook { color: #0063ab; }
.footer_container .footer_socials a i.fa-square-instagram { color: #ff7200; }

p.top_phone_mobile { display: none;}
li a.login_mobile { display: none;}



/****************** ///////////////////////////////////////////////////// Mobile - MAX 600 */

@media only screen and (max-width: 700px) {

  .video-container {

		display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

	}

	p.top_phone_mobile {

    display: block;
    color: white;
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
    
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;

    text-align: center;

    margin: 19px auto 0 auto;
  }
	
  .header_extra-pages p.top_phone_mobile {

    display: block;
    color: white;
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
    
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;

    text-align: center;

    margin: 0px auto 0 auto;
    padding: 19px 0 0 0;
  }

	header { height: 1232px; }

	header .logo {

		display: block;
		float: none;
		margin: 46px auto -10px auto;
		text-align: center;
	
	}
	
	header .main_nav {
    
    display: block ;
    width: 100%;
    background: #dfdfdf;
    padding: 0 0 0 0;
    margin: 40px auto 0 auto;
		
	}

  header .main_nav .navigation {
  
    margin: 0;
    padding: 20px 0;
    background: whitesmoke;
  
  }

  header .main_nav .navigation .login { display: none;}

  header .main_nav .navigation ul {

    line-height: 30px;
  }

  header .main_nav .navigation li a i { width: 20px; }
  
  header .main_nav .navigation li a {

    display: block;
    float: none;
    color: #007fb8;
    font-weight: 500;
    font-size: 18px;

  }

  header .main_nav .navigation li a.login_mobile { display: block;}

  header .main_nav .navigation li a.menu_promo {
    
    padding: 0 ;
    margin: 0;
    border: none;
    
  }
 
  header .main_nav .navigation .social_mobile {
    
    display: block;
    float: right;
    font-size: 40px;
    margin: -150px 90px 0 0;
    width: 30px;
    
  }

  .header_extra-pages .main_title {
    position: static;
    background: #cecece;
    width: 100%;
    padding: 50px 0;
    text-align: center;
    line-height: 70px;
    font-size: 70px;
  }

  header .main_nav .navigation .social_mobile a i.fa-square-instagram { color: #ff7200; }
  header .main_nav .navigation .social_mobile a i.fa-square-facebook { color: #0063ab; }
  
  header .main_nav .directions_phone { display: none; }

  header .text_home {
    
    display: block;
    z-index: 6;
    width: 80%;
    text-align: center;
    margin: 370px auto 0 auto;
  }

  header .text_home a {
    display: inline-block;
    margin: 10px 0 50px 0;
    font-size: 20px;
    line-height: 40px;
    padding: 13px 30px;
  }
	
	header .text_home h2 {
	
		display: block;
		margin: 0px 0 20px 0;
		font-size: 52px;
		line-height: 45px;
		text-align: center;
		width: 100%;
	
	}

  header .text_home p {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 28px;
  }

  .text_about p.promo_socials, .text_home p.promo_socials { display: none; }
 
  .annonce_rabais {
    
    margin: 0 auto 40px auto;
    width: 71%;
    padding: 10px 30px;
    border-radius: 12px;
    background: white;
    background-size: 18%;
    background-position-x: -20px;
    box-shadow: 2px 2px 3px #c9c9c9;
    text-align: center;
  }
  
  .annonce_rabais h2, .annonce_rabais h2 a {
    display: block;
    color: #0067b3;
    text-decoration: none;
    text-align: center;

  }

  .produits_vedette {
    
    display: block;
    margin: 350px 0 0 0;
    background-position-y: 150px;
  }

  header .text_home img {
    display: block;
    float: none;
    margin: 0 auto 0 auto;
    width:340px;
    text-align: center;
  }

  .btn_promo-produits {
    display: block;
    box-sizing: border-box;
    width: 90%;
    margin: 30px auto;
    text-align: center;
  }

  a.btn_promos {
    display: block;
    box-sizing: border-box;
    margin: 0px auto 10px auto;
    padding: 10px;
    font-size: 18px;
    line-height: 36px;

    width: 90%;
  }
  
  a.btn_produits {
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10px;
    font-size: 19px;
    line-height: 36px;
    background: #039eff;
    width: 90%;
  }

  .produits_vedette .products_container {
    display: block;
    background: #dbdbdb;
    margin: 40px auto 0 auto;
    padding: 55px 0 5px 0;
    width: 100%;
  }

  .product_box {
    position: relative;
    z-index: 1;
    display: block;
    width: 320px;
    padding: 12px 6px;
    margin: 0 auto 40px auto;

  }

  .products_wrapper.produits_select .product_box:nth-child(3n) {
    margin: 0 auto 40px auto;
  }

  .products_wrapper p.prix_changement {
    display: block;
    width: 80%;
    margin: 20px auto 20px auto;
  }

  footer {

    display: block;
    width: 100%;
  }

  footer img.img_conseil { display: none;}
		
	footer .footer_container {

    width: 100%;
    text-align: center;
  }

  .footer_container .directions_phone {
    
    display: block;
    text-align: center;
    width: 80%;
    margin: auto;
  }

  .footer_container .directions_phone ul {
    display: block;
    text-align: center;
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
  }

  .footer_container .directions_phone li {
    
    display: block;
    margin: 0 auto 0 0;
    text-align: center;
  }

  .footer_container .logo_twisted {
    display: block;
    vertical-align: top;
    align-items: center;
    text-align: center;
    margin: 25px auto;
  }



  /************************ ABOUT */
  
  .text_about {
    
    display: block;
    background: none #dbdbdb;
    margin: 0 0 0 0;
    padding: 40px;
    width: 80%;
  }
  
  .text_about h2 {
    
    display: block;
    text-align: center;
    font-size: 50px;
    line-height: 50px;
  }
  
  .text_about img.about_img {
    
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  
  .text_about ul {
    display: block;
    margin: 0;
    margin: 0;
    width: 100%;
    text-align: center;
  }
  
  .text_about p {
    
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
  }
  
  .text_about ul {
    
    padding: 0;
    text-align: center;
  }
  
  .text_about li {
    display: block;
    margin: 0 auto 10% auto;
    width: 100%;
    font-size: 20px;
    line-height: 36px;
  }

  .text_about .partners {
    
    display: block;
    width: 100%;
    margin: auto;
    align-items: center;
  }
  
  .text_about .partners img {
  
    display: block;
    text-align: center;
    margin: auto;
  
  }
  
  
  /************************ CONTACT */
  
  img.codebar {
    
    display: block;
    border-radius: 10px;
    border: solid #ACACAC 2px;
    margin: -60px auto 0 auto;
  }
  
  
  /************************ PRODUITS */

  .produits_vedette .products_container {
    
    display: block;
    background: #dbdbdb;
    margin: 40px auto 0 auto;
    padding: 35px 0 5px 0;
    width: 100%;
  }

  .produits_vedette .products_container .produits_sous_menu ul.produits_main li {
    
    display: block;
    margin-bottom: 2px;
  }

  .produits_vedette .products_container .produits_sous_menu ul {
    display: block;
    text-align: left;
    list-style: none;
    margin: 0px 30px 20px 65px;
  }

  .produits_vedette .products_container .produits_sous_menu ul.produits_sub li {
    
    display: block;
    text-align: left;
  }

  .produits_vedette .products_container .produits_sous_menu h3 {
  
    display: block;
    margin: 45px auto 20px auto;
    padding-bottom: 30px;
    font-size: 27px;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .products_container.extra_pages h3.plancher {
    display: block;
    margin: 40px auto 40px auto;
    padding-bottom: 30px;
    width: 90%;
    max-width: 90%;
    font-size: 27px;
    text-align: center;

  }

  .products_container.extra_pages h3.promos {
  
    display: block;
    margin: 40px auto 40px 0px;
    padding: 0 30px 30px 30px;
    width: 90%;
    max-width: 90%;
    font-size: 27px;
    text-align: center;
    
  }

  .produits_vedette .products_container .produits_sous_menu h3.teinture { margin: 45px auto 20px 22px; }
  
  .produits_vedette.produits_mobiles { display: block; margin: 0 0 0 0; }

  .products_wrapper.product_list .product_box:nth-child(4n) { margin-right: auto; }

  .produits_vedette .products_container .produits_sous_menu ul.produits_sub li.selected.ingenierie { letter-spacing: -0.02em; }


  .form form input[type=email], .form form input[type=password] { display: block; width: 95%; }



  
	
}