@charset "UTF-8";
/* CSS Document */
.pad_block {padding-top:20px;padding-left: 0px;padding-right: 0px;padding-bottom: 20px;}
.nopad{padding:0px; margin:0px;}

a {color: #fff;
text-decoration: none;}

a:hover, a:focus {
color:#fff;
text-decoration: none;}

img.nopad{padding:0px; margin:0px;}
h1 {font-family: 'Cairo', sans-serif;}

p {font-family: 'Cairo', sans-serif;}
span {font-family: 'Cairo', sans-serif;}

li {font-family: 'Cairo', sans-serif;font-size: 18px;font-weight: 600;}

ul {font-family: 'Cairo', sans-serif;font-size: 18px;font-weight: 600;}

.table-responsive {border: 0px solid #fff;}

h1.presentation {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 36px;
font-weight: 500;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;}

h1.newsletter {
color:#CE2731;
font-family: 'Cairo', sans-serif;
font-size: 36px;
font-weight: 500;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;}


h1.fiches_techniques {
color: #CE2731;
font-family: 'Cairo', sans-serif;
font-size: 30px;
font-weight: 500;
padding-top: 15px;
padding-bottom: 0px;
padding-left: 40px;
padding-right: 20px;}

.pad_ft {
margin-top: 15px;
margin-bottom: 0px;
margin-left: 35px;
margin-right: 20px;}

p.text-introduction {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 15px;
padding-left:20px;
padding-right:20px;
text-align: justify;}

p.text-news {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 18px;
padding-left:5px;
padding-right:0px;
text-align: left;}

.button, input, optgroup, select, textarea {
margin: 0;
font-family: 'Cairo', sans-serif;
color: inherit;}

p.text-contacts {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 16px;
padding-left:10px;
font-weight: 500;
text-align: left;}

span.text-contacts {
color:#CE2731;
font-family: 'Cairo', sans-serif;
font-size: 18px;
padding-left:00px;
font-weight: 700;
text-align: left;}

p.contacts {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 18px;
padding-left:10px;
font-weight: 700;
padding-right:0px;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;}

span.contacts {
color:#CE2731;
font-family: 'Cairo', sans-serif;
font-size: 18px;
padding-left:00px;
font-weight: 500;
padding-right:0px;
text-align: left;}

span.text {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 16px;
font-weight: 600;
padding-left:0px;
padding-right:0px;
text-align: justify;}

.carousel-control.left {
  background-image: none;
  background-repeat: repeat-x;
}
.carousel-control.right {
 background-image: none;
  background-repeat: repeat-x;
}

.form-horizontal .control-label {
padding-top: 5px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
text-align: left;}

.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
width: 100%;
height: auto;
}

.btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
box-shadow: none;}
.navbar-default {
background-color: #fff;
border-color: #fff;}
.navbar {
border-radius: 0px;
position: relative;
min-height: 100px;
margin-bottom: 20px;
border: 0px solid transparent;}
.navbar-default .navbar-nav > li > a {color: none;}
.navbar-nav {margin-top: 50px;}
.navbar-default {color:#CE2731;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #fff;}

.navbar-default2 {
background-color: #fff;
border-color: #fff;}

.navbar-nav2 {margin-top: 53px;}

.navbar-default2 .navbar-nav2 > li > a {color: #CE2731;}
.navbar-default2 .navbar-nav2 > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #575756;}

.navbar-default .navbar-nav > li > a {color: #575756;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #CE2731;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #fff;	}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #fff;
border-color: #fff;}
.nav > li > a:hover, .nav > li > a:focus .nav > li > a:active {text-decoration: none;background-color: #fff;}
.dropdown-menu {
min-width: 40px;
margin: 2px 0 0;
list-style: none;
font-size: 18px;
text-align: left;
background-color: #333;
border-radius: 0px;
border: 1px solid rgba(135, 135, 135, 1);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
color: #fff;}

.dropdown-menu > li > a {
display: block;
padding-top: 3px;
padding-bottom: 3px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #ffffff;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #CE2731;
background-color: #333;}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 17px;
color: #CE2731;
font-weight: 700;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;}

.btn2 {
display: inline-block;
padding: 0px;
margin-bottom: 0;
font-size: 17px;
color: #CE2731;
font-weight: 700;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;
outline: none;}

.pad_adrss1 {padding-bottom: 20px;padding-top: 40px;}
.pad_newsletter {padding-right:80px;}
.pad_adrss2 {padding-bottom: 20px;padding-top: 40px;}
.pad_r {padding-right: 5px; padding-left: 0px;}
.pad_col_prod {padding-bottom: 15px;padding-top: 15px;padding-left: 0px;padding-right: 0px;}

span.bold {
color: white;
font-weight: 700;
font-size: 16px;
text-align: right;
font-family: 'Cairo', sans-serif;
letter-spacing: 1px;
line-height: 1em;
padding-left: 5px;
margin: 10px 0 10px;}

p.text-filtre {
color: white;
font-weight: 300;
font-size:16px;
text-align: right;
font-family: 'Cairo', sans-serif;
letter-spacing: 1px;
line-height: 1.2em;
padding-left: 5px;
margin: 10px 0 10px;}

p.titre_prod {
color: white;
font-weight: 700;
letter-spacing: 0.08em;
font-size: 17px;
text-align: left;
font-family: 'Cairo', sans-serif;
line-height: 1.4em;
margin: 10px 15px 10px;}

p.titre_materiaux {
color: #3C3C3B;
font-weight: 700;
letter-spacing: 0.3em;
font-size: 27px;
text-align: center;
font-family: 'Cairo', sans-serif;
line-height: 1em;
margin: 10px 15px 10px;}

p.ss-titre_materiaux {
color: #CE2731;
font-weight: 700;
letter-spacing: 0.1em;
font-size: 30px;
text-align: left;
font-family: 'Cairo', sans-serif;
line-height: 1em;
padding: 20px 20px 15px;
margin: 15px 20px 20px;}

p.titre_fiche_prod {
color: #3C3C3B;
font-weight: 700;
letter-spacing: 0.1em;
font-size: 30px;
text-align: left;
font-family: 'Cairo', sans-serif;
line-height: 1em;
padding: 10px 20px 8px;
margin: 10px 20px 10px;}

span.titre_fiche_prod {
color: #CE2731;
font-weight: 700;
letter-spacing: 0.1em;
font-size: 30px;
text-align: left;
font-family: 'Cairo', sans-serif;
line-height: 0.7em;}

span.ss-tt_fiche_prod {
color: #706F6F;
font-weight: 600;
letter-spacing: 0.1em;
font-size: 25px;
text-align: left;
font-family: 'Cairo', sans-serif;
line-height: 1.4em;}

p.nom_fiche {
color: #706F6F;
font-weight: 600;
letter-spacing: 0.1em;
font-size: 30px;
text-align: left;
font-family: 'Cairo', sans-serif;
line-height: 1em;
padding: 10px 20px 10px;
margin: 10px 20px 10px;}

.ligne-type {
font-family: 'Cairo', sans-serif;
background-color: #C6C6C6;
color: black;
text-align: center;}

.ligne-format {
font-family: 'Cairo', sans-serif;
background-color: #E3E3E3;
color: #575756;
text-align: center;}

.ligne-epaisseur {
font-family: 'Cairo', sans-serif;
background-color: #E3E3E3;
color: #575756;
text-align: center;}

.ligne-format-chiffres {
font-family: 'Cairo', sans-serif;
background-color: #fff;
color: #C01823;
font-size: 15px;
font-weight: 600;
text-align: center;}

.ligne-ft {
font-family: 'Cairo', sans-serif;
background-color: #fff;
color: #3C3C3B;
font-size: 14px;
line-height: 1.1em;
font-weight: 700;
text-align: left;}

.ligne-epaisseur-chiffres {
font-family: 'Cairo', sans-serif;
background-color: #fff;
color: #C01823;
font-size: 14px;
font-weight: 600;
text-align: center;
padding:0px;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 8px;
line-height: 1;
vertical-align: middle;
border-top: 0px solid #fff;	}

.table2 > thead > tr > th, .table2 > tbody > tr > th, .table2 > tfoot > tr > th, .table2 > thead > tr > td, .table2 > tbody > tr > td, .table2 > tfoot > tr > td {
padding: 0px;
line-height: 1.3;
vertical-align: middle;
border-top: 0px solid #fff;	}

.border-g {border-bottom: 1px solid #575756;border-right: 1px solid #575756;}
.border-table-r {border-right: 1px solid #575756;}
.border-e {border-bottom: 1px solid #575756;}
.border-ft {border-bottom: 1px solid #DADADA;}
.border-red {border-bottom: 2px solid #C01823;}



.table-responsive {width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;}

span.ligne-type {
font-family: 'Cairo', sans-serif;
color: #575756;}

p.txt_fiche {
color: #706F6F;
font-weight: 400;
letter-spacing: 0.1em;
font-size: 16px;
text-align: left;
font-family: 'Cairo', sans-serif;
line-height: 1em;
padding: 0px 20px 0px;
margin: 2px 20px 2px;}

p.text-prod {
color: #575756;
font-weight: 400;
letter-spacing: 0.08em;
font-size: 15px;
text-align: left;
font-family: 'Cairo', sans-serif;
line-height: 1.2em;
margin: 15px 15px 15px;}

.bt_infos a:link {
font-family: 'Cairo', sans-serif;
color: #fff;
font-weight: 700;
font-size:14px;
text-align: left;
display: block;
background-color:#575756;
letter-spacing: 1px;
padding-left:1.2em;
padding-top:0.3em;
padding-bottom:0.3em;}

.bt_infos a:visited {
display:block;
color: #fff;
background-color:#575756;
text-decoration: none;}

.bt_infos a:hover, .bt_infos a:active  {
display: block;
color: #fff;
background-color: #CE2731;
text-decoration: none;}


img.rollover {
border: 3px solid #878787;
filter: grey; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
margin:5px;}

img.rollover:hover {
border: 3px solid #CE2731;
filter: none; /* IE6-9 */
-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */}

img.rollover:active {
border: 3px solid #CE2731;
filter: none; /* IE6-9 */
-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */}


img.rollover:hover {
border: 3px solid #CE2731;
filter: none; /* IE6-9 */
-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */}

img.rollover2 {
border: 3px solid #878787;
margin:5px;}

img.rollover2:hover {
border: 3px solid #CE2731;}

img.rollover2:active {
border: 3px solid #CE2731;}

#change div:hover{
opacity:5;
cursor:pointer;}

.g_links a:link {
color: #575756;
font-weight: 700;
font-size:19px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.g_links a:visited {
color: #575756;
font-weight: 700;
font-size:19px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.g_links a:hover, .g_links a:active {
display: block;
color: #706F6F;
font-size:19px;
background-color: none;
text-decoration: none;}

.r_links a:link {
color: #CE2731;
font-weight: 700;
font-size:18px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.r_links a:visited {
color: #CE2731;
font-weight: 700;
font-size:18px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.r_links a:hover, .r_links a:active {
display: block;
color: #575756;
font-size:18px;
background-color: none;
text-decoration: none;}

.ss_links a:link {
color: #706F6F;
font-weight: 500;
font-size:16px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:1.5em;
padding-right:1em;}

.ss_links a:visited {
color: #706F6F;
font-weight: 500;
font-size:16px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:1.5em;
padding-right:1em;}

.ss_links a:hover, .ss_links a:active {
display: block;
color: #CE2731;
font-size:16px;
background-color: none;
text-decoration: none;}

.g_links_prod {
outline: none;
}
.g_links_prod span {
color: #575756;
font-weight: 600;
font-size:18px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:2em;
padding-right:0.8em;}

.g_links_prod span:hover, .g_links_prod span:active {
display: block;
color: #706F6F;
font-size:18px;
background-color: none;
text-decoration: none;}

a:link .gamme_links_prod span{
color: #CE2731;
font-weight: 600;
font-size:20px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:1em;
padding-right:0.8em;}

a:visited > .gamme_links_prod span {
color: #3C3C3B;
font-weight: 600;
font-size:20px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:1em;
padding-right:0.8em;}

a:hover .gamme_links_prod span,
a:active .gamme_links_prod span {
display: block;
color: #CE2731;
font-size:20px;
background-color: none;
text-decoration: none;}

.ss_links_prod a:link {
color: #706F6F;
font-weight: 400;
font-size:15px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:3em;
padding-right:1em;}

.ss_links_prod a:visited {
color: #706F6F;
font-weight: 400;
font-size:15px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:3em;
padding-right:1em;}

.ss_links_prod a:hover, .ss_links_prod a:active {
display: block;
color: #CE2731;
font-size:15px;
background-color: none;
text-decoration: none;}


p.text-adrss {
color: white;
font-weight: 300;
font-size:13px;
text-align: left;
font-family: 'Cairo', sans-serif;
letter-spacing: 1px;
line-height: 1.4em;
padding-left: 5px;}

.glyphicon {color:#fff;}

h3.newsletter {
font-family: 'Cairo', sans-serif;
color: white;
font-weight: 400;
font-size:25px;
text-align: left;
margin-left: 0px;
letter-spacing: 2px;
line-height: 1.4em;
margin-top: 10px;
margin-bottom: 5px;}

h3.catalogue {
font-family: 'Cairo', sans-serif;
color: white;
font-weight: 600;
font-size:28px;
text-align: left;
letter-spacing: 2px;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 0px;}

.form-control {
font-family: 'Cairo', sans-serif;
display: block;
width: 100%;
height: 25px;
padding-right:1em;
padding-left:0.5em;
padding-top:0.2em;
padding-bottom:0.2em;
font-size: 14px;
line-height: 1.4;
color: #333333;
background-color:#F0F1F1;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.form-control_mail {
font-family: 'Cairo', sans-serif;
display: block;
width: 100%;
height: 30px;
padding-right:1em;
padding-left:0.5em;
padding-top: 0.5em;
padding-bottom: 0em;
font-size: 14px;
line-height: 1.4;
color: #333333;
background-color:#F0F1F1;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.input-group-addon {
font-size: 12px;
font-weight: normal;
line-height: 1;
color: #333333;
text-align: center;
background-color:#F0F1F1;
border: 0px;
border-radius: 0px;}

.input-group-addon-bleu {
font-size: 12px;
font-weight: normal;
line-height: 1;
color: #fff;
text-align: center;
background-color:#225493;
border: 1px solid white;
border-radius: 0px;}

img.utilisation {margin:5px;}
img.type {margin:5px;}
.pad_tb {margin-top: 10px;margin-bottom: 10px;}
.pad-col-r { padding: 0 5px 0 5px;}

.border_v1 {border-right:4px solid #fff;}
.border_v2 {border-left:4px solid #fff;}

.glyphicon-menu-down,
.glyphicon-menu-up {
color: #fff;
float: right;
padding-right: 20px;
padding-top:2px;}

.panel {
margin-bottom: 20px;
/* background-color: #fff; */
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
/* box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */}

.panel-body {padding:5px; border: none;}
.panel-group .panel {border-radius: 0px;}
.panel-default {border: none;border-color: none;}
.panel-default > .panel-heading {
background-color:#CE2731;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border: none;
border-bottom: 1px solid #fff;
padding: 0px 0px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: none;border-top:none;padding-bottom: 15px;}


p.ss-titre_txt_form {
color: #fff;
font-weight: 600;
font-size:19px;
text-align: left;
font-family: 'Cairo', sans-serif;
letter-spacing: 1px;
padding-left:2em;
padding-top:0.5em;
padding-bottom:0.5em;
margin: -5px 0px 0px 0px;
text-decoration: none;}

.panel-group {
    margin-bottom: 0px;
}

.btn-primary {
  color: #3C3C3B;
  background-color: #fff;
  border-color: #fff;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #3C3C3B;
  background-color: #fff;
  border-color: #fff;
}
.btn-primary:hover {
  color: #3C3C3B;
  background-color: #fff;
  border-color: #fff;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #3C3C3B;
  background-color: #fff;
  border-color: #fff;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #3C3C3B;
  background-color: #fff;
  border-color: #fff;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #fff;
  border-color: #fff;
}

.border_m {background-color:#EDEDED;padding-bottom: 15px; border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;border-top:3px solid #fff;}
img.collone1{padding:20px 10px 15px 10px;}
img.collone2{padding:20px 10px 15px 10px;}
img.collone3{padding:20px 10px 15px 10px;}
img.collone4{padding:20px 10px 15px 10px;}


@media only screen and (min-width: 1200px) {
.home {margin-bottom: 150px;}

img.photo1{padding:0px; margin:0px;border-right: 2px solid #fff;}
img.photo2{padding:0px; margin:0px;border-left: 2px solid #fff;}
img.pierrelocal{width: 25%;}
img.facebook_red{width: 95%;}
img.contact{width: 95%;}
img.facebook{width:95%;padding-top:2px;}
.navbar-brand {margin-right: 20px;}
.container {width: 1000px;padding-right:0px;padding-left: 0px;}
.container_filtre {width: 1000px;padding-right:0px;padding-left: 0px;}
.container_lg {position: relative;float: right;margin-top:57px;padding-right:20px;}
.row2 {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}
.pad_table {margin: 20px 20px 10px 20px;}
.pad_photo {margin: 0px 20px 20px 20px;}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
.home {margin-bottom: 150px;}
img.photo1{padding:0px; margin:0px;border-right: 2px solid #fff;}
img.photo2{padding:0px; margin:0px;border-left: 2px solid #fff;}
img.facebook_red{width: 100%;}
img.contact{width: 100%;}
img.pierrelocal{width: 25%;}
img.facebook{width: 100%;padding-top:4px;}
.navbar-brand {margin-right: 10px;}
.navbar-brand > img {width: 280px;}
.container_lg {position: relative;float: right;margin-top:57px;padding-right:20px;}
.container {width: 900px;padding-right:0px;padding-left: 0px;}
.container_filtre {width: 900px;padding-right:0px;padding-left: 0px;}
.row2 {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}
.pad_table {margin: 20px 20px 10px 20px;}
.pad_photo {margin: 0px 20px 20px 20px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.home {margin-bottom: 150px;}

.gamme_links_prod a:link {
color: #CE2731;
font-weight: 600;
font-size:17px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.gamme_links_prod a:visited {
color: #3C3C3B;
font-weight: 600;
font-size:17px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.gamme_links_prod a:hover, .gamme_links_prod a:active {
display: block;
color: #CE2731;
font-size:17px;
background-color: none;
text-decoration: none;}

img.photo1{padding:0px; margin:0px;border-right: 2px solid #fff;}
img.photo2{padding:0px; margin:0px;border-left: 2px solid #fff;}
img.pierrelocal{width: 30%;}
img.facebook_red{width: 100%;}
img.contact{width: 100%;}
img.facebook{width: 100%;padding-top:5px;}
.pad_adrss1 {padding-bottom: 20px;padding-top: 40px;padding-right:0px;}
.pad_newsletter {padding-right:80px;}
.pad_adrss2 {padding-bottom: 20px;padding-top: 40px;padding-left:0px;}
.container-fluid {padding-right: 0px;padding-left: 0px;}
.row2 {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}
.pad_table {margin: 20px 20px 10px 20px;}
.pad_photo {margin: 0px 20px 20px 20px;}
p.text-adrss {
color: white;
font-weight: 300;
font-size:14px;
text-align: left;
font-family: 'Cairo', sans-serif;
letter-spacing: 1px;
line-height: 1.4em;
padding-left: 5px;}

.container_lg {position: relative;float: right;margin-top:50px;padding-right:20px;}
.navbar-default .navbar-nav > li > a {background-color:#575756;color:#fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background-color:grey;color:#fff;}
.navbar-nav {margin-top: 10px;}
.container {width: 750px;padding-right:0px;padding-left: 0px;}
.container_filtre {width: 950px;padding-right:0px;padding-left: 0px;}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.collapse.navbar-collapse {
display: none!important;
}
.nav.navbar-nav {
float: none!important;
    }
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}
.collapse.in{
display:block !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #fff;padding:0px;}
.navbar-default {
background-color: transparent;
border-color: transparent;}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-toggle {
position: relative;
float: right;
padding: 20px 20px;
margin-top: 40px;
margin-right: 30px;
margin-bottom: 30px;
background-color: #575756;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle .icon-bar {
display: block;
width: 30px;
height: 2px;
border-radius: 1px;}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 17px;
color: #CE2731;
font-weight: 700;
line-height: 1.42857143;
text-align: left;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;}
.navbar-right {float:none;}


.g_links a:link {
color: #575756;
font-weight: 700;
font-size:17px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.g_links a:visited {
color: #575756;
font-weight: 700;
font-size:17px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.g_links a:hover, .g_links a:active {
display: block;
color: #706F6F;
font-size:17px;
background-color: none;
text-decoration: none;}

.r_links a:link {
color: #CE2731;
font-weight: 700;
font-size:16px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.r_links a:visited {
color: #CE2731;
font-weight: 700;
font-size:16px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:0.8em;
padding-right:0.8em;}

.r_links a:hover, .r_links a:active {
display: block;
color: #575756;
font-size:16px;
background-color: none;
text-decoration: none;}

.ss_links a:link {
color: #706F6F;
font-weight: 500;
font-size:14px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:1.5em;
padding-right:1em;}

.ss_links a:visited {
color: #706F6F;
font-weight: 500;
font-size:14px;
text-align: left;
font-family: 'Cairo', sans-serif;
padding-left:1.5em;
padding-right:1em;}

.ss_links a:hover, .ss_links a:active {
display: block;
color: #CE2731;
font-size:14px;
background-color: none;
text-decoration: none;}
}

@media only screen and (max-width: 767px) {
h1.presentation {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 36px;
font-weight: 500;
padding-top:40px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;}

.home {margin-bottom: 100px;}
.border_m {background-color:#fff;padding-bottom: 0px; border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;border-top:3px solid #fff;}
p.contacts {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 18px;
padding-left:0px;
font-weight: 700;
padding-right:0px;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;}
img.pierrelocal{width: 25%;}
.pad_ft {
margin-top: 15px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;}

img.photo1{padding:0px; margin:0px;padding-bottom: 20px;border-right: 0px solid #EDEDED;}
img.photo2{padding:0px; margin:0px;padding-bottom: 20px;border-left: 0px solid #EDEDED;}

.pad_photo {margin: 0px 20px 20px 20px;}
.pad_block {padding-top:20px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;}
.pad_table {margin: 20px 0px 20px 20px;}
.pad-col-r { padding: 10px 5px 10px 5px;}
.border_v1 {border-right:0px solid #EDEDED; padding-bottom: 20px;}
.border_v2 {border-left:0px solid #EDEDED;}
.pad_tb {padding-top:0px;padding-bottom:0px;margin-top: 10px;margin-bottom: 10px;}

h1.fiches_techniques {
color: #CE2731;
font-family: 'Cairo', sans-serif;
font-size: 30px;
font-weight: 500;
padding-top: 15px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 20px;}

span.bold {
color: white;
font-weight: 800;
font-size:19px;
text-align: left;
font-family: 'Cairo', sans-serif;
letter-spacing: 1px;
line-height: 1.2em;
padding-left: 0px;
margin: 10px 0 10px;}

p.text-filtre {
color: white;
font-weight: 300;
font-size:17px;
text-align: left;
font-family: 'Cairo', sans-serif;
letter-spacing: 1px;
line-height: 1.2em;
padding-left: 5px;
margin: 10px 0 10px;}

.container {padding-right:0px;padding-left: 0px;}
.container_lg {position: relative;float: right;margin-top:48px;padding:5px;}
.navbar-brand > img {width: 180px;padding-top: 25px;}
.navbar-default .navbar-nav > li > a {background-color:#575756;color:#fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background-color:grey;color:#fff;}
.navbar-nav {margin-top: 10px;}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.collapse.navbar-collapse {
display: none!important;
}
.nav.navbar-nav {
float: none!important;
    }
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
border-bottom: 1px solid #fff;}

img.facebook{width: 15%;}
img.facebook_red{width: 15%;}
img.contact{width: 15%;}
.pad_adrss1 {padding-bottom: 10px;padding-top: 20px;}
.pad_newsletter {padding-right:40px;}
.pad_adrss2 {padding-bottom: 20px;padding-top: 10px;}

.collapse.in{
display:block !important;}

.navbar-default {
background-color: transparent;
border-color: transparent;}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-toggle {
position: relative;
float: right;
padding: 12px 12px;
margin-top: 50px;
margin-right: 5px;
margin-bottom: 30px;
background-color: #575756;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle .icon-bar {
display: block;
width: 30px;
height: 2px;
border-radius: 1px;}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 17px;
color: #CE2731;
font-weight: 700;
line-height: 1.42857143;
text-align: left;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;}
.navbar-right {float:none;}
}

@media only screen and (max-width: 520px) {
h1.presentation {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 36px;
font-weight: 500;
padding-top:30px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;}
.home {margin-bottom: 60px;}
.border_m {background-color:#fff;padding-bottom: 0px; border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;border-top:3px solid #fff;}
img.pierrelocal{width: 30%;padding-top: 20px;}
.pad_ft {
margin-top: 15px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;}
img.photo1{padding:0px; margin:0px;padding-bottom: 20px;border-right: 0px solid #EDEDED;}
img.photo2{padding:0px; margin:0px;padding-bottom: 20px;border-left: 0px solid #EDEDED;}
.pad_photo {margin: 0px 20px 20px 20px;}
.pad_block {padding-top:20px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;}
.pad_table {margin: 20px 0px 20px 20px;}
img.facebook_red{width: 22%;}
img.contact{width: 22%;}
.pad-col-r { padding: 10px 5px 10px 5px;}
img.facebook{width: 22%;}

h1.fiches_techniques {
color: #CE2731;
font-family: 'Cairo', sans-serif;
font-size: 30px;
font-weight: 500;
padding-top: 15px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 20px;}}

@media only screen and (max-width: 320px) {
h1.presentation {
color:#575756;
font-family: 'Cairo', sans-serif;
font-size: 36px;
font-weight: 500;
padding-top:30px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;}
.home {margin-bottom: 60px;}
.border_m {background-color:#fff;padding-bottom: 0px; border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;border-top:3px solid #fff;}
img.pierrelocal{width: 30%;padding-top: 20px;}
h1.fiches_techniques {
color: #CE2731;
font-family: 'Cairo', sans-serif;
font-size: 30px;
font-weight: 500;
padding-top: 15px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 20px;}
.pad_ft {
margin-top: 15px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;}

img.photo1{padding:0px; margin:0px;padding-bottom: 20px;border-right: 0px solid #EDEDED;}
img.photo2{padding:0px; margin:0px;padding-bottom: 20px;border-left: 0px solid #EDEDED;}
.pad_photo {margin: 0px 20px 20px 20px;}
.pad_block {padding-top:20px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;}
.pad_table {margin: 20px 0px 20px 20px;}
.pad-col-r { padding: 10px 5px 10px 5px;}
.border_v1 {border-right:0px solid #EDEDED;padding-bottom: 10px;}
.border_v2 {border-left:0px solid #EDEDED;}
.pad_tb {padding-top:0px;padding-bottom:0px;margin-top: 10px;margin-bottom: 10px;}

span.bold {
color: white;
font-weight: 800;
font-size:14px;
text-align: left;
font-family: 'Cairo', sans-serif;
letter-spacing: 1px;
line-height: 1.4em;
padding-left: 0px;
margin: 10px 0 10px;}

p.text-filtre {
color: white;
font-weight: 300;
font-size:14px;
text-align: left;
font-family: 'Cairo', sans-serif;
letter-spacing: 1px;
line-height: 1.4em;
padding-left: 5px;
margin: 10px 0 10px;}

p.ss-titre_materiaux {
color: #CE2731;
font-weight: 700;
letter-spacing: 0.1em;
font-size: 25px;
text-align: left;
font-family: 'Cairo', sans-serif;
line-height: 1em;
padding: 20px 20px 15px;
margin: 15px 20px 20px;}

img.facebook{width: 30%;}
img.contact{width: 30%;}
img.facebook_red{width: 30%;}
.pad_adrss1 {padding-bottom: 10px;padding-top: 20px;}
.pad_newsletter {padding-right:40px;}
.pad_adrss2 {padding-bottom: 20px;padding-top: 10px;}
.container {padding-right:0px;padding-left: 0px;}
.container_lg {position: relative;float: right;margin-top:47px;padding:5px;}
.navbar-brand > img {width: 150px;padding-top:23px;}
.navbar-default .navbar-nav > li > a {background-color:#575756;color:#fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background-color:grey;color:#fff;}
.navbar-nav {margin-top: 10px;}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.collapse.navbar-collapse {
display: none!important;
}
.nav.navbar-nav {
float: none!important;
    }
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
border-bottom: 1px solid #fff;}

.collapse.in{
display:block !important;}

.navbar-default {
background-color: transparent;
border-color: transparent;}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-toggle {
position: relative;
float: right;
padding: 10px 10px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 30px;
background-color: #575756;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle .icon-bar {
display: block;
width: 30px;
height: 2px;
border-radius: 1px;}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 17px;
color: #CE2731;
font-weight: 700;
line-height: 1.42857143;
text-align: left;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0px solid transparent;
border-radius: 0px;}
.navbar-right {float:none;}
}