@import url('https://fonts.googleapis.com/css?family=Roboto|Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600');

/* Reset */
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;
}

html {
    font-family: 'Source Sans Pro', 'Arial', 'sans-serif';
    font-size: 100%;
    background-color: white;
    word-break: keep-all;
}

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;
}
/* Fin Reset */


h1 {
    font-family: 'Roboto', 'Arial', 'sans-serif';
	font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    color:#22282b;
}

h2 {
	font-family: 'Roboto', 'Arial', 'sans-serif';
	font-size: 20px;
    line-height: 30px;
	font-weight: 400;
	color: #22282b;
}

h3 {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    color: #22282b;
}

h4 {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-size: 16px;
    font-weight: 300;
    color: #22282b;
}

p {
	font-family: 'Source Sans Pro', 'Arial', 'sans-serif';
  	font-size: 16px;
  	line-height: 24px;
    color:#737373;
}

a {
	text-decoration: none;
    color:#22282b;
}

strong {
    font-weight: bold !important;
}

b {
    font-weight: bold;
}

em {
    font-style: italic;
}




/**
 * BOUTONS ACTION
 */
.button {
    padding:15px;
    border-radius: 5px;
    border:1px solid transparent;
    color:#22282b;
    background-color:#eee;
    display: inline-block;
    transition: all 300ms linear 0s;
    text-align: center;
    width:100%;
    margin:0 0 20px 0;
}

.button:hover {
    background-color:transparent;
    color:#22282b;
    border:1px solid #22282b;
}

.blue-button {
    background-color:#4daae0;
    color:#FFF;
}

.blue-button:hover {
    background-color:transparent;
    color:#4daae0;
    border:1px solid #4daae0;
    text-decoration: none;
}





/**
 * BANDEAU
 */
.page .blue-container {
    background-color: #e4f3fc;
    padding: 50px 0;
    margin:0 0 50px 0;
}


.page .blue-container-border {
    background-color: #FFF;
    padding: 30px 0;
    margin:0;
}

.page .blue-container-border .ecologique,
.page .blue-container-border .economique,
.page .blue-container-border .efficacite,
.page .blue-container-border .sans_danger {
    margin-top:30px;
}

.page .blue-container-border .active h3 {
    color:#4daae0;
}

.page .blue-container-border .ecologique h3,
.page .blue-container-border .economique h3,
.page .blue-container-border .efficacite h3,
.page .blue-container-border .sans_danger h3 {
    margin-bottom:20px;
}

.page .blue-container-border .ecologique p,
.page .blue-container-border .economique p,
.page .blue-container-border .efficacite p,
.page .blue-container-border .sans_danger p {
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 0px;
    font-size: 16px;
    color:#737373;
}

.page .blue-container-border .ecologique ul,
.page .blue-container-border .economique ul,
.page .blue-container-border .efficacite ul,
.page .blue-container-border .sans_danger ul {
    text-align: left;
}

.page .blue-container-border .ecologique ul li,
.page .blue-container-border .economique ul li,
.page .blue-container-border .efficacite ul li,
.page .blue-container-border .sans_danger ul li {
    padding:8px 0;
    list-style-type: '- ';
    list-style-position: inside;
    font-size:16px;
    color:#737373;
}

.page .blue-container p {
    color:#22282b;
    text-align: center;
    /*font-size: 20px;*/
}

.page .blue-container p a{
	text-decoration: underline;
}

.page .blue-container h2 {
    text-align: center;
    margin-bottom: 20px;
}

.page .blue-container-inverse p {
    padding:0 0 30px 0;
}

.page .blue-container-inverse h2 {
    padding:0;
}





/**
 * ALERTS
 */
.alert {
    padding: 1rem 1.25rem;
    margin-bottom: 3rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    text-align:center;
}

.alert-danger {
    background-color: #fff;
    /*border-color: #22282b;*/
    color: #a94442;
}

.alert-success {
    background-color: #fff;
    /*border-color: #22282b;*/
    color: #22282b;
}

.alert-success p {
    color:#22282b;
}

footer .alert {
    border: 1px solid transparent;
    border-radius: 4px;
    text-align:center;
    padding:0;
    margin:0;
}

footer .footer-social-container .alert p {
    padding:5px 0;
    font-size: 14px;
    line-height: 18px;
}

.partenaires {
    margin-top:20px;
    margin-bottom:20px;
}

.partenaires .partenaires-item a {
    display:inline-block;
}

.partenaires .partenaires-media {
	max-width: 300px;
	display: inline-block;
}

.partenaires .partenaires-media img{
	max-width: 100%;
}








/**
 * LISTE DE PICTO
 */
.page .pictogramme-list-container {
    padding-top:40px;
    padding-bottom:40px;
}

.page .pictogramme-list-container .pictogramme-list {

}

.page .pictogramme-list-container .pictogramme-list .pictogramme-view {
    text-align: center;
    padding:0 0 50px 0;
}

.page .pictogramme-list-container .pictogramme-list .pictogramme-view .pictogramme-view-media figure img {
    border-radius: 50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    -ms-border-radius:50px;
    max-width: 100px;
}

.page .pictogramme-list-container .pictogramme-list .pictogramme-view .pictogramme-view-essential {
    padding:20px 0;
}


.page .pictogramme-list-container .pictogramme-list .pictogramme-view .pictogramme-view-essential h3 {

}

.page .pictogramme-list-container .pictogramme-slogan {
    padding:0 0 40px 0;
}

.page .pictogramme-list-container .pictogramme-slogan h2 {
    text-align: center;
    /*font-size: 24px;
    line-height: 34px;*/
}

.page .pictogramme-list-container .pictogramme-slogan p {
    text-align: center;
    padding: 30px 0 0 0;
}





/**
 * FOOTER
 */
footer {
    /*margin-top: 30px;*/
    border-top:1px solid #f1f1f2;
}

.footer-menu-container {
    padding:20px 0 8px 0;
	background-color: #f7f7f7;
}

footer nav h4,
footer nav h6 {
    text-transform: uppercase;
    margin-bottom:15px;
	padding:0 0 15px 0;
    position:relative;
    font-size: 13px;
    color:#22282b;
}

footer nav h4:after,
footer nav h6:after {
    content: "";
    border-bottom: 3px solid rgba(30,40,43,237);
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15%;
}

footer nav a {
    font-size: 14px;
}

footer nav ul{
	padding:10px 0 30px 0px;
}

footer nav ul li{
	padding:7px 0px;
    font-size: 15px;
}

footer nav a:hover {
    text-decoration: underline;
    color:#22282b;
}

footer nav .has-child {
    position:relative;
}

footer nav .has-child i {
    position:absolute;
    right:20px;
}

footer nav .has-child .children {
    padding-left:20px;
    padding-top:8px;
    padding-bottom: 5px;
}

footer nav .has-child .children li {
    font-size: 14px;
    padding:3px 0;
}

.footer-social-container {
    padding:0;
}
.footer-social-container form{
    margin-top:30px;
}

.footer-social-container input[type=submit]{
    padding:12px;
    margin-top:20px;
}

.footer-social-container input[type=text]{
    margin-bottom: 10px;
}

.footer-social-container p{
	padding:7px 0;
	margin:0;
    text-align: center;
}

.footer-social-container a:hover {
    text-decoration: none;
    color:#737373;
}

.footer-social-container form{
	/*margin-bottom:30px;*/
}

.footer-end p{
	text-align: center;
    font-size: 12px;
}

.footer-end a:hover {
    color:#22282b;
}




#scroll-top a {
    position: fixed;
    right:32px;
    bottom:90px;
    padding:4px 8px 6px;
    background:#818c90;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius:4px;
    opacity: 0.9;
    filter: alpha(opacity=89);
    z-index: 2000;
    color:#FFF;
}












/**
 * BARRE DE NAVIGATION
 */
 .navbar {
    margin-bottom:0;
 }
.navbar-b2b {
    background-color: #FFF;
    /*position:fixed;
    top:0;
    left:0;*/
    /*box-shadow: 0 2px 42px rgba(0, 0, 0, 0.1);*/
}

.navbar-header img {
    height:26px;
}

.collapse.in {
    background-color: #FFF;
}

.collapse.in .nav > li > a {
    color:#22282b;
    border:none !important;
}

.collapse.in .nav > li > a:hover, .collapse.in .nav > li > a:focus {
    border:none !important;
}

.navbar-brand {
    height:56px;
}

.navbar-b2b .nav > li > a {
    color:#22282b;
    border-top:2px solid transparent;
    font-size: 16px;
}

.navbar-b2b .nav > li > a:hover,
.nav > li > a:focus {
    border-top:2px solid #22282b !important;
    background-color:transparent !important;
}

.navbar-b2b .nav > li ul.dropdown-menu li a:hover,
.nav > li ul.dropdown-menu li a:focus {
    background-color:transparent !important;
}

.navbar-b2b .nav > li ul.dropdown-menu,
.navbar-sticky .nav > li ul.dropdown-menu {
    padding:6px 4px;
}

.navbar-b2b .nav li ul.dropdown-menu li,
.navbar-sticky .nav li ul.dropdown-menu li {
    padding: 5px 0;
}

.navbar-b2b .nav li ul.dropdown-menu li:hover,
.navbar-sticky .nav li ul.dropdown-menu li:hover {
    background-color: transparent;
}

.navbar-b2b .nav .open .highlighted,
.navbar-sticky .nav .open .highlighted {
    background-color: transparent;
}

.dropdown-menu > li > a {
    color:#22282b;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: transparent;
    text-decoration: underline;
}

.navbar-toggle {
    background-color: #fff;
    margin-top:10px;
    margin-bottom: 10px;
}

.navbar-toggle .icon-bar {
    background-color: #22282b;
}

.navbar-nav > li > a > i.fa-envelope-open,
.navbar-nav > li > a > i.fa-user-circle,
.navbar-nav > li > a > i.fa-eur,
.navbar-nav > li > a > i.fa-file-text {
    margin-right:6px;
}

.navbar-b2b .nav > li > ul.login-menu,
.navbar-sticky .nav > li > ul.login-menu {
    padding:10px 20px;
}

.navbar-nav > li > ul.login-menu li input[type=text],
.navbar-nav > li > ul.login-menu li input[type=password] {
    padding:5px;
    font-size: 13px;
    margin:5px 0;
}

.navbar-nav > li > ul.login-menu li input[type=submit] {
    padding:10px 0;
    margin-bottom:0;
}

.navbar-nav > li > ul.login-menu > li.signin {
    text-align: center;
}

.navbar-nav > li > ul.login-menu > li.signin a {
    font-size: 14px;
    padding:0;
    text-decoration: underline;
}

.navbar-nav > li > ul.login-menu > li.signin a:hover,
.navbar-nav > li > ul.login-menu > li.signin a:active,
.navbar-nav > li > ul.login-menu > li.signin a:focus {
    color:#4daae0;
    text-decoration: none;
}










/**
 * BARRE NAVIGATION GAMMES
 */
.gamme-container {
    margin-bottom: 80px;
}

.gamme-container ul {
    text-align: center;
    height:14vh;
}

.gamme-container ul li {
    display:inline-block;
    height:95%;
    border-bottom: 2px solid #ddd;
    margin:0 5px;
}

.gamme-container ul li:hover,
.gamme-container ul li:focus,
.gamme-container ul li:active,
.gamme-container ul li.active {
    border-bottom: 2px solid #4daae0;
}

.gamme-container ul li a {
    display:inline-block;
    line-height:14vh;
    font-size: 18px;
    padding:0 30px;
}

.gamme-container ul li:hover a,
.gamme-container ul li:focus a,
.gamme-container ul li:active a,
.gamme-container ul li a.active {
    color:#4daae0;
    text-decoration: none;
}






/**
 * LISTE DES SECTEURS ACCUEIL
 */
.secteur-container {
    text-align: center;
    background-image: url('../images/b2b/secteur-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding:60px 0;
}

.secteur-container h2 {
    color:#FFF;
    margin-bottom:30px;
}

.secteur-container .thumbnail-container {
    position: relative;
    width: 180px;
    height: 180px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 1000px;
    display:inline-block;
    margin:20px 50px;
}

.secteur-container .thumbnail-container .thumbnail-image {
    top: 0; left: 20px;
    position: absolute;
    max-height:140px;
    opacity: 1;
}

.secteur-container .thumbnail-container .content {
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:auto;
    z-index: 0;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    background-color: #000;
    overflow: hidden;
    transition: background-color .6s linear;
    opacity:1;
}


.secteur-container .thumbnail-container .content a {
    height: 100%;
    line-height: 180px;
    display: block;
    text-decoration: none;
    color:#FFF;
    transition: padding .6s linear;
}

.secteur-container .thumbnail-container:hover .content {
    height: 100%;
    opacity:1;
    background-color: transparent;
}

.secteur-container .thumbnail-container:hover .content a {
    opacity:1;
    padding-top: 50px;
}

.secteur-container .secteur-button-container {
    padding:30px 0;
}

.secteur-container .secteur-button-container .button:hover, .secteur-container .secteur-button-container .button:focus {
    color:#FFF;
    border: 1px solid #FFF;
    text-decoration: none;
}






/**
 * BLOC PRESENTATION ACCUEIL
 */
.presentation-container {
    padding-bottom: 80px
}

.presentation-container img {
    width:100%;
}

.presentation-container h2 {
    text-align: center;
    padding-top:40px;
    line-height: 38px;
    /*color:#1c4221;*/
    /*margin-top:-145px;*/
}

.presentation-container .presentation-texte p {
    color:#1c4221;
    text-align:center;
    font-size: 22px;
    line-height: 36px;
}

.presentation-container .cadre-container {
    padding: 40px 20px;
    background-color: #1c4221;
    transform: translate(0, -180px);
}

.presentation-container .cadre-container p {
    color:#fff;
    padding:0 0 40px 0;
    line-height: 34px;
    font-size: 20px;
}

.presentation-container .cadre-container p a {
    color:#fff;
    text-decoration: underline;
}

.presentation-container .cadre-container ul li {
    color:#fff;
    font-size: 18px;
    padding:10px 0;
}






/**
 * PAGE L'ENTREPRISE
 */
 .entreprise-container {
    text-align: center;
 }

 .concept .entreprise-container {
    padding-top:14px;
 }

.entreprise-container img {
    padding:20px 0;
    max-width:80%;
}

.entreprise-container .quotes {
    padding:0 0 40px 0;
}

.entreprise-container .close-quotes {
    padding:40px 0 40px 0;
}

.entreprise-container h2, .concept-container h2 {
    margin-bottom: 20px;
}

.entreprise-container h3, .concept-container h3 {
    margin-bottom: 20px;
    /*font-size: 22px;*/
    color:#22282b;
}

.entreprise-container .text-right {
    text-align:right;
}

.entreprise-container .text-center {
    text-align:center;
    font-size: 30px;
}

.entreprise-container p, .concept-container p {
    font-size: 16px;
    line-height: 24px;
}

.entreprise-container p a {
    text-decoration: underline;
}

.entreprise-container ul {
    list-style-type: square;
    list-style-position: inside;
}

.entreprise-container ul li {
    padding:20px 0;
    font-size: 17px;
    line-height: 30px;
}


.entreprise-container .pictogramme-list-media {
    padding:30px 0;
}

.entreprise-container .pictogramme-list-media img {
    max-width: 125px;
}

.pictogramme-list-container .pictogramme-list-media #ecologique,
.pictogramme-list-container .pictogramme-list-media #economique,
.pictogramme-list-container .pictogramme-list-media #efficacite,
.pictogramme-list-container .pictogramme-list-media #sans_danger {
    cursor:pointer;
    text-align: center;
}

.pictogramme-list-container .pictogramme-list-media #ecologique h3,
.pictogramme-list-container .pictogramme-list-media #economique h3,
.pictogramme-list-container .pictogramme-list-media #efficacite h3,
.pictogramme-list-container .pictogramme-list-media #sans_danger h3 {
    text-decoration: underline;
    text-align: center;
    margin:10px 0 30px 0;
}

.entreprise-container .pictogramme-list-content {
    text-align: left;
}

.entreprise-container .pictogramme-list-content ul {
    padding:20px 0 0 0;
}

.entreprise-container .pictogramme-list-content ul li {
    font-size: 16px;
    padding:10px 0;
    line-height: initial;
}

.entreprise-container blockquote {
    margin-bottom: 20px;
    text-align: left;
}

.entreprise-container .signature {
    font-style: italic;
}

.entreprise-container.paragraphe-container {
    padding:0 0 50px 0;
}

.qui-sommes-nous {
    padding-bottom: 40px;
    padding-top: 14px;
}

.qui-sommes-nous p {
    padding-bottom:40px;
}




.concept .schema {
    padding: 30px 0 0 0;
}

.concept h2 {
    /*font-size: 24px;
    line-height: 34px;*/
}

.concept h3 {
    /*font-size: 18px;
    line-height: 28px;*/
}

.concept .schema img {
    width:100%;
    padding:0;
}

.concept hr {
    margin-top: 60px;
    margin-bottom: 60px;
}

.concept hr.line {
    margin-top: 10px;
    margin-bottom: 60px;
}

.concept .comparaison-container {
    text-align: left;
}

.concept .comparaison-container h2 {
    margin-bottom: 40px;
    text-align: center;
}

.concept .comparaison-container h3 {
    text-align: center;
}

.concept .comparaison-container ul li {
    list-style-type: '- ';
    list-style-position: outside;
    line-height: 20px;
    padding:14px 0;
}

.concept .comparaison-container img {
    width:100%;
}

.concept .conclusion-container {
    margin-bottom: 30px;
}

.concept .conclusion-container h2 {
    margin-bottom: 40px;
    margin-top: 20px;
    text-align: center;
}

.concept .conclusion-container ul li {
    list-style-type: '> ';
    list-style-position: outside;
}

.concept .conclusion-container ul li:first-child {
    padding-top:0;
}

.concept .conclusion-container ul li:last-child {
    padding-bottom:0;
}




.post-list-container {
    margin-bottom: 50px;
    text-align: center;
    padding-top: 40px;
}

.post-list-container .post-list {
    margin-bottom: 50px;
}




.lab .caracteristique h2 {
    margin-bottom: 40px;
}

.lab .pictogramme-lab {
    margin-top: 80px;
}




/**
 * PAGE ENZYLAB
 */
.cadre-container-lab {
    padding: 40px 20px;
    background-color: #e4f3fc;
  	transform: translate(0,0);
}

.cadre-container-lab p {
    color:#000;
    padding:0 0 40px 0;
    line-height: 28px;
    font-size: 18px;
}

.cadre-container-lab p:last-child {
    padding-bottom:0px;
}

.lab-container {
    /*padding:110px 0 110px 0;*/
    padding:30px 0 0 0;
}

.lab-last {
    margin-bottom:30px;
}

#lab-form {
    margin-top: 80px;
}

#lab-form .mention {
	font-size: 0.7rem;
	font-style: italic;
	margin-bottom: 0.5rem;
}

#lab-form label{
	margin-bottom: 1rem;
}

#lab-form .contact-form-container form .update{
	/*margin-top:2rem;
	margin-bottom:2rem;*/
}

#lab-form .update .help-block{
	text-align: left;
}

#lab-form h2 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
	font-size: 24px;
	line-height: 34px;
}

#lab-form h3 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	color:#22282b;
}

.civilite-lab{
	margin-bottom: 2rem;
}

.entreprise-container .civilite-lab label{
	margin-top:0rem;
}

.entreprise-container .civilite-lab input[type=radio]{
	width:53%;
	text-align: right;
}

.entreprise-container label{
	margin-top:2rem;
	margin-bottom:1rem;
	text-align:left;
}


.entreprise-container ::-webkit-input-placeholder {
   color: #FFF;
}

.entreprise-container :-moz-placeholder { /* Firefox 18- */
   color: #FFF;
}

.entreprise-container ::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;
}

.entreprise-container :-ms-input-placeholder {
   color: #FFF;
}

.pictogramme-lab{
	background-color: #f7f7f7;
}






.lab .lab-container {
    position:relative;
}

.lab-form-container form {
    text-align: left;
}

.lab-form-container label {
    font-size: 14px;
    margin-bottom:5px;
    margin-top:0px;
}

.lab-form-container form h3 {
    text-align: center;
    padding-top:10px;
}

.lab-form-container form .has-error .help-block {
    font-size: 13px;
}











/**
 * PAGE CONCEPT ENZYMATIQUE
 */
.concept-container {
    margin-bottom:100px;
}

.concept-container img {
    width:100%;
}

.concept-container ul {
    list-style-type: square;
    list-style-position: inside;
}

.concept-container ul li {
    padding:20px 0;
    font-size: 17px;
    line-height: 30px;
}

.concept-container .concept-conclusion {
    list-style-image: url('../images/b2b/fleche.png');
    list-style-position: inside;
}





/**
 * PAGE CONTACT ET DEVIS
 */
.contact-container {
    /*padding:60px 0;*/
    margin-top: 40px;
}

.contact-container iframe {
    width:100%;
    height:400px;
    /*margin-bottom: 50px;*/
}

.contact-titre {
    text-align: center;
    margin-bottom: 50px;
}

.contact-titre h2 {
    margin-bottom: 20px;
}

.contact-address-container {
	margin-bottom: 80px;
    margin-top: 50px;
    text-align: left;
}

.contact-address-container .address {
    background-image: url('../images/pros/pictogramme/adresse.png');
    background-repeat: no-repeat;
    height: 80px;
    line-height: 80px;
    padding-left: 110px;
}

.contact-address-container .phone {
    background-image: url('../images/pros/pictogramme/telephone.png');
    background-repeat: no-repeat;
    height: 80px;
    line-height: 80px;
    padding-left: 110px;
}

.contact-address-container .phone-devis,
.contact-address-container .address-devis {
    line-height: 30px;
}

.contact-form-container p {
	text-align: right;
    font-size: 12px;
    margin-bottom: 15px;
}

.contact-container .form-container {
    margin-bottom: 60px;
}

.contact-container .form-container figure {
    margin-bottom: 40px;
}

.contact-container .form-container figure img {
    width:100%;
}

.contact-form-container label {
	margin-bottom:10px;
    line-height: 22px;
}

.contact-container figure img {
    width:100%;
    margin-bottom: 40px;
}

.contact-form-container .form-horizontal .radio,
.contact-form-container .form-horizontal .radio-inline {
    padding-top:2px;
}

.contact-form-container input[type=text], .contact-form-container textarea, .contact-form-container select {
    background-color: #f6f6f6;
    border: 1px solid #dedede;
    border-radius: 4px;
    font-family: 'Source Sans Pro', 'Arial', 'sans-serif';
    font-size: 16px;
}



.image-bandeau {
    margin:20px 0 40px 0;
}

.image-bandeau img {
    width:100%;
}








.newsletter-container {
    padding:60px 0 0 0;
    /*background-color: #f7f7f7;
    margin-bottom: 60px;*/
}

.newsletter-container h2 {
    color:#22282b;
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
}

.newsletter-container form label {
    font-size: 14px;
    padding-bottom: 6px;
}

/* Header B2C */
header.b2c-header {
    background-color: #FFF;
    background-image: url('../images/b2c/b2c_header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height:100vh;
    padding-top: 15px;
}

header.b2c-header .header-slogan p {
    font-family: "Great Vibes", "serif";
    font-size: 58px;
    color:#FFF;
    line-height: 58px;
    text-align:right;
    padding-top:130px;
}


/**
 * BLOC NEWSLETTER ACCUEIL
 */
.newsletter-container {
    margin-bottom: 60px;
}

.newsletter-container p {
    margin-bottom: 30px;
    text-align: center;
}

.newsletter-container #success,
.newsletter-container #error {
    margin:0 0 30px 0;
}

.newsletter-container #success p,
.newsletter-container #error p {
    margin:0;
}

/*.newsletter-container input[type=text] {
    padding:15px;
    border:1px solid #00c2ca;
    border-radius:5px;
    width:100%;
    margin:0 0 20px 0;
}*/

.newsletter-container .button {
    margin:10px 0 20px 0;
    padding:6px 12px;
}

footer .button {
    margin:10px 0;
    padding:10px;
}






/**
 * BLOG
 */
.blog-container {
    padding:80px 0;
}

.blog-container h2 {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 40px;
}

.post-content {
    /*padding:10px 5px;*/
    background-color:#f7f7f7;
    margin-bottom: 40px;
}

.post-content .post-date {
    color:#a6a6a6;
    font-size: 14px;
    margin-bottom:10px;
}

.post-content h3 {
    color:#22282b;
    font-size: 18px;
    margin-bottom: 20px;
}

.post-content .post-text {
    color:#000;
    font-size: 16px;
}

.post-content .post-content-text {
    margin-bottom:40px;
}

.post-content a {
    display:inline-block;
    border:1px solid #b1987a;
    color:#b1987a;
    text-transform: uppercase;
    padding:10px 15px;
    background-color: transparent;
    margin-top: 20px;
    transition: all 300ms linear;
}

.post-content a:hover {
    border:1px solid #b1987a;
    color:#fff;
    background-color: #b1987a;
}

.post-image img {
    /*height:300px;*/
    width:100%;
}

.post-list .post-date {
    margin-bottom: 10px;
    /*background-color: rgba(0,0,0,.02);*/
    padding:5px 0px;
    /*display:inline-block;*/
    color:#9b9b9b;
    font-size: 12px;
    text-align: left;
}

.post-list aside {
    text-align: center;
}

.post-list aside img {
    /*border:6px solid rgba(0,0,0,.02);*/
    /*margin-bottom: 10px;*/
    /*width:100%;
    height:auto;*/
    max-width:100%;
    width:350px;
}

.post-list article {
    background-color: #f7f7f7;
    padding:15px;
}

.post-list article h2 {
    margin-bottom: 14px;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
}

.post-list article p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: left;
}

.post-list .post-more {
    /*background-color: rgba(0,0,0,.02);
    padding:10px 20px;*/
}

.post-list .read-more {
    display:inline-block;
    text-align: right;
}

.post-list .read-more a {
    font-size: 12px;
    padding:0 0 0 20px;
}

.post-list .read-more a:hover {
    text-decoration: underline;
}

.post-separator {
    padding:50px 0;
}

.post-separator hr {
    color: rgba(0,0,0,.03);
}

.pagination-container {
    height:34px;
    text-align:right;
    margin: 0 0 50px 0;
}

ul.pagination li {
    display:inline-block;
}

ul.pagination li.active a {
    background-color: #4daae0;
    border:1px solid #4daae0;
    color:#fff;
}

ul.pagination li a {
    background-color: #fff;
    color:#4daae0;
    border:1px solid #4daae0;
    padding:0 10px;
    margin:0 5px;
    height:34px;
    line-height: 34px;
    display:inline-block;
}

ul.pagination li a:hover {
    background-color: #4daae0;
    border:1px solid #4daae0;
    color:#FFF;
}

.post-list article.post-content-detail {
    margin-top:40px;
    padding-bottom:50px;
}

.post-list article.post-content-detail h1 {
    margin-bottom:20px;
    color:#1c4221;
    font-size: 26px;
    line-height: 30px;
}

.post-list article.post-content-detail p {
    color:#212121;
    font-size: 16px;
    line-height: 24px;
}

.post-list article.post-content-detail .post-more {
    background-color: rgba(0,0,0,.02);
    padding:20px;
}

.post-list article.post-content-detail .post-more .read-more {
    display:inline-block;
    text-align: left;
}

.post-list article.post-content-detail .post-more .read-more a {
    color:#23652b;
    font-size: 14px;
    padding:0;
    border:none;
}

.post-list article.post-content-detail .post-social-button {
    text-align: right;
}



.article .post-list article {
    background-color: transparent;
    padding:0 0 30px 0;
}

.article .post-list article a {
    color:#4daae0;
    text-decoration: underline;
}

.article .post-list article a:hover,
.article .post-list article a:focus,
.article .post-list article a:active {
    text-decoration: none;
}

.article .post-list article h2 {
    margin-bottom: 0px;
    text-align: left;
    margin-top: 8px;
}

.article .post-list article p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: left;
    color:#22282b;
}

.article .post-list article p img {
    max-width:100%;
}

.article .post-list article ul {
    padding-left:30px;
}

.article .post-list article ul li {
    list-style-type: disc;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;
    list-style-position: outside;
    color:#22282b;
}


.article .post-list article.post-content-detail .post-more {
    background-color: transparent;
    padding: 0;
}

.article .post-list .read-more {
    text-align: left;
}

.article .post-list .read-more a {
    padding: 0px;
}



/*****************************************/
/************ parti yohann **************/
/*****************************************/



.application {
    margin-top:70px;
}

.application h2 {
    text-align: center;
    margin-bottom:40px;
}

.application p {
    text-align: center;
    margin-bottom:60px;
}





/**
 * BLOC INTRODUCTION ACCUEIL
 */
.introduction-b2b {
    padding:40px 0 50px 0;
    text-align:center;
}

.introduction-b2b h2 {
    margin-bottom: 20px;
    line-height: 30px;
}

.introduction-b2b h1 {
    margin-bottom: 12px;
}

.introduction-b2b .introduction-text {
    padding-bottom:20px;
}

.introduction-b2b .introduction-pictogramme img {
    width:15%;
}

.introduction-b2b .introduction-pictogramme {
    margin-bottom: 30px;
    margin-top: 20px;
}

.image-inline {
    padding:80px 0 0 0;
    text-align:center;
}





/**
 * PICTOGRAMMES ACCUEIL
 */
.pictogramme-container {
    background-image: url('../images/b2b/pictogramme-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding:85px 0;
    text-align:center;
}

.pictogramme-container h3 {
    color:#FFF;
    padding-top: 25px;
}

.pictogramme-container .pictogramme {
    padding:50px 0;
    transition: all 300ms linear 0s;
}

.pictogramme-container .pictogramme:hover {
    /*background-color: rgba(0,0,0,.5);*/
    border-radius:20px;
    transform: scale(0.85);
    transform-origin: 50% 50%;
}

.pictogramme-container .pictogramme a {
    display: block;
    text-decoration: underline;
    color:#FFF;
}

.pictogramme-container .pictogramme:hover a {
    text-decoration: none;
    color:#22282b;
}










.target-chr {
	text-align: center;
    margin-bottom: 30px;
}

.target-chr li {
	display: inline-block;
	font-size: 0.9rem;
	padding:15px 20px;
	color:#FFF;
    background-color: #4daae0;
	font-weight: bold;
    border:1px solid #4daae0;
    border-left:1px solid #FFF;
    cursor:pointer;
}

.target-chr li:first-child {
	border-radius: 50px 0px 0px 50px;
    border-left:1px solid #4daae0;
    border-right:1px solid #4daae0;
}

.target-chr li:last-child {
    border-radius: 0px 50px 50px 0px;
    border-right:1px solid #4daae0;
}

.target-chr li.active {
    background-color: #fff;
    color:#4daae0;
    cursor: default;
}

.target-chr li.active + li {
    border-left:#4daae0;
}

.target-chr li + li.active {
    border-left:#4daae0;
}




.fb-share-button > span {
    vertical-align:initial !important;
}





/**
 * MENTIONS LEGALES
 */
.mentions-legales {
    padding-top:50px;
}

.mentions-legales section {
	/*margin-bottom: 6rem;*/
}

.mentions-legales h2 {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 20px;
    font-size: 24px;
    line-height: 34px;
}

.mentions-legales h3 {
    margin-bottom: 14px;
    font-size: 20px;
}

.mentions-legales h2:first-child {
    margin-top:0;
}

.mentions-legales ul {
    margin-bottom: 40px;
}

.mentions-legales ul li {
    font-family: 'Source Sans Pro', 'Arial', 'sans-serif';
    font-size: 18px;
    line-height: 28px;
    color:#737373;
}

.mentions-legales strong{
	font-weight: bold;
}



.cookiebanner a {
    text-decoration:underline !important;
}

/**
 * PLAN DU SITE
 */
 .sitemap {
     padding-top:50px;
 }

 .sitemap article{
 	margin-bottom: 6rem;
 }

 .sitemap h2{
 	font-size: 2rem;
 	font-weight: bold;
 	line-height: 3rem;
 	text-align: center;
 	margin-top: 3rem;
 	margin-bottom: 3rem;
 }

 .sitemap h3{
 	font-size: 1.5rem;
 	line-height: 3rem;
 	text-align: center;
 	margin-top: 2rem;
 	margin-bottom: 3rem;
 }

.sitemap h3 a{
	color:#4daae0;
}

 .sitemap h4{
 	font-size: 1.3rem;
 	line-height: 3rem;
 	text-align: center;
 	margin-top: 1rem;
 	margin-bottom: 1rem;
 }

 .sitemap li{
 	font-size: 1.2rem;
	text-align: center;
	margin-top: 0.5rem;
 	margin-bottom: 0.5rem;
 }




 .qui-sommes-nous p {
    text-align: left;
 }

 .concept p {
    text-align: left;
 }







.accueil .product-list-square h2 {
    /*padding: 0 0 50px 0;*/
}

.accueil .product-list-square .product-list {
    padding: 0;
}

.accueil .product-list-square .product-list .product-view {
    padding: 0;
}

.accueil .product-list-square .product-list .product-view .product-view-essential {
    /*margin-top:20px;*/
    padding:0 15px;
}

.accueil .product-list-square .product-list .product-view .product-view-essential h3 {
    text-align: center;
    padding-bottom:6px;
}

.accueil .product-list-square .product-list .product-view .product-view-essential h4 {
    text-align: center;
    padding-bottom:20px;
    line-height: 24px;
}

.accueil .product-list-square .product-list .product-view .product-view-essential p {
    text-align: center;
}

.accueil .product-list-square .product-list .product-view .product-view-essential .product-view-essential-list {
    padding:40px 0;
}

.accueil .product-list-square .product-list .product-view .product-view-essential .product-view-essential-list p {
    color:#4daae0;
}



.accueil .product-list-square .product-list .product-view .product-view-essential .product-view-essential-list figure {
    display:inline-block;
    margin:0 10px 0 0;
}

.accueil .product-list-square .product-list .product-view .product-view-media {
    padding:0;
}

.accueil .product-list-square .product-list .product-view .product-view-media figure img {
    width: 100%;
    border-radius: 0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    -ms-border-radius:0px;
}



.accueil .product-list-container {
    /*padding:0 0 80px 0;*/
    padding:0;
}

.accueil .product-list-container .categorie-introduction {
    padding:0 0 50px 0;
}

.accueil .product-list-container .categorie-introduction h2 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
}

.accueil .product-list-container .categorie-introduction p {
    text-align: center;
}

.accueil .product-list-container .product-list {

}

.accueil .product-list-container .product-list .product-view h2 {
    font-size: 20px;
    /*padding:140px 0 0 0;*/
    line-height: 24px;
    text-align: center;
    margin-bottom: 18px;
}

.accueil .product-list-container .product-list .product-view .product-view-media figure img {
    vertical-align: bottom;
    max-width: 100%;
}

.accueil .product-list-container .product-list .product-view .product-view-essential {
    padding:50px 0 0 0;
}

.accueil .product-list-container .product-list .product-view .product-view-essential h3 {
    font-size: 22px;
    font-weight: bold;
    padding:0 0 20px 0;
    line-height: 32px;
}

.accueil .product-list-container .product-list .product-view .product-view-essential p.product-view-essential-list {
    color:#4daae0;
    margin:20px 0;
}

.accueil .product-list-container .product-list .product-view .product-view-essential-button {
    margin-top:1rem;
}

.accueil .product-list-container .categorie-conclusion {
    padding:0 0 80px 0;
}

.accueil .product-list-container .categorie-conclusion h2 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
}

.accueil .product-list-container .categorie-conclusion p {
    text-align: center;
}

.accueil .product-list-container .categorie-conclusion a {
    text-decoration: underline;
    color:#737373;
}

.accueil .product-list-container .categorie-conclusion a:hover,
.accueil .product-list-container .categorie-conclusion a:focus,
.accueil .product-list-container .categorie-conclusion a:active {
    color:#22282b;
}

/*article.page {
    margin-top: 40px;
}*/





/**
 * LISTE DE PICTO
 */
.accueil .pictogramme-list-container {
    padding:80px 0 40px 0;
}

.accueil .pictogramme-list-container .pictogramme-slogan h2 {
    text-align: center;
    /*font-size: 24px;
    line-height: 34px;*/
}


.accueil .title {
    margin-bottom:40px;
}

.accueil .title h2 {
    /*font-size: 24px;
    line-height: 34px;*/
    text-align: center;
}






.accueil .bandeau-lab {
    background-image: url('../images/gamme/enzylab-solution-sur-mesure.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*max-height: 388px;*/
    padding:80px 0;
    margin-bottom: 20px;
    margin-top: 80px;
}

.accueil .bandeau-lab h2 {
    color:#FFF;
    /*font-size: 24px;
    line-height: 34px;*/
}

.accueil .bandeau-lab .blue-button {
    margin:24px 0;
}

.accueil .bandeau-lab .blue-button:hover,
.accueil .bandeau-lab .blue-button:focus,
.accueil .bandeau-lab .blue-button:active {
    background-color: rgba(255,255,255,1);
    color:#22282b;
    text-decoration: none;
    border:1px solid #FFF;
}











.gamme-container-test ul {
    margin:0 auto;
    max-width:1040px;
}

.gamme-container-test ul li {
    display:inline-block;
    padding-left: 5px;
    padding-right: 5px;
    width:130px;
}

.gamme-container-test ul li a {
    display:inline-block;
    padding:5px;
    color:#fff;
    text-transform: uppercase;
    background-color: #4daee0;
    font-size: 13px;
    transition: all .7s;
    line-height: 16px;
    width:100%;
    text-align: center;
    border:1px solid transparent;
    border-radius: 5px;
    margin-bottom: 10px;
}

.gamme-container-test ul li a.active {
    color:#4daae0;
    border:1px solid transparent;
    background-color: #fff;
}

.gamme-container-test ul li a img {
    height:30px;
    display:block;
    margin:5px auto 0px auto;
    transition: all 1s;
}

.gamme-container-test ul li:hover a img {
    transform: rotate(-30deg);
    transform-origin: 50% 50%;
}

.gamme-container-test ul li a span {
    vertical-align: top;
}

.gamme-container-test ul li a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #4daee0;
    border:1px solid #4daae0;
}




/*
.gamme-container-test ul {
    text-align: center;
    min-height:15vh;
}

.gamme-container-test ul li {
    display:inline-block;
    margin:0 10px;
    height:15vh;
}

.gamme-container-test ul li a {
    display:inline-block;
    padding:18px 5px 10px 5px;
    color:#fff;
    height:100%;
    width:15vh;
    text-transform: uppercase;
    box-shadow: -3px 5px 12px 0px rgba(68, 73, 83, 0.36);
    background-color: #4daee0;
    font-size: 13px;
    border-radius: 1000px;
    transition: all 1s;

}

.gamme-container-test ul li a.active {
    color:#4daae0;
    background-color: #fff;

}

.gamme-container-test ul li a img {
    max-height:9vh;
    transition: all 1s;
}

.gamme-container-test ul li:hover a img {
    transform: rotate(-30deg);
    transform-origin: 50% 50%;
}

.gamme-container-test ul li:hover a,
.gamme-container-test ul li:focus a,
.gamme-container-test ul li:active a,
.gamme-container-test ul li a.active {
    text-decoration: none;
}

*/



/*** Product Navigation ***/
.product-navigation {
    min-height:8vh;
}

.product-navigation ul {
    text-align: center;
    min-height:8vh;
}

.product-navigation ul li {
    display:inline-block;
    height:8vh;
    margin:0;
}

.product-navigation ul li:hover,
.product-navigation ul li:focus,
.product-navigation ul li:active,
.product-navigation ul li.active {
   /* border-top:4px solid #4daae0; */
}

.product-navigation ul li a {
    display:inline-block;
    padding:23px 15px;
    color:#fff;
    text-transform: uppercase;
    background-color: #4daee0;
    transition: all 1s;
    width: 100%;
}

.product-navigation ul li a:hover {
    color:#4daae0;
    background-color:#fff;
    text-decoration: underline;
}

.product-navigation ul li a.active {
    color:#4daae0;
    background-color: #fff;

}

.product-navigation ul li:hover a,
.product-navigation ul li:focus a,
.product-navigation ul li:active a,
.product-navigation ul li a.active {
    text-decoration: none;
}



/*** ARTICLES BLOG ACCUEIL ***/
.post-boxed-container {
    background-color: #f7f7f7;
    padding:40px 0 0 0;
}

.post-boxed-container h2 {
    text-align: center;
    margin-bottom: 40px;
}

.post-boxed {
    /*transition: .3s;*/
}

.post-boxed:hover {
    /*-webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);*/
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.post-boxed:hover .post-boxed-body {
    border-color: transparent;
}

.post-boxed-image {
    display: block;
}

.post-boxed-image .post-boxed-title:hover {
    color:#4daee0;
    text-decoration: underline;
}

.post-boxed-image img {
    width: 100%;
    height:auto;
}

.post-boxed-title {
    position: relative;
    z-index: 1;
    padding: 10px 16px 0;
    margin: -25px 10px 0;
    background: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}

.post-boxed-title a {
    display: inline;
}

.post-boxed-title a, .post-boxed-title a:active, .post-boxed-title a:focus {
    color: #22282b;
}

.post-boxed-title a:hover {
    color: #4daee0;
}

.post-boxed-body {
    /*border: 1px solid #e5e7e9;*/
    border-top-width: 0;
    transition: .22s;
    background-color: #FFF;
}

.post-boxed-meta {
    padding: 16px 26px;
}

.post-boxed-meta {
    position: relative;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    margin-bottom: -3px;
    font-size: 11px;
    color: #ababab;
    text-transform: uppercase;
}

.post-boxed-meta > * {
    margin-top: 3px;
}

.post-boxed-meta > *:not(:last-child) {
    margin-right: 15px;
}

.post-boxed-meta a, .post-boxed-meta a:active, .post-boxed-meta a:focus {
    color: #5c84b1;
}

.post-boxed-meta a:hover {
    color: #000;
}

.post-boxed-meta span {
    margin-right: .25em;
}

.post-boxed-meta li {
    display: inline-block;
}

.post-boxed-meta li:not(:last-child) {
    position: relative;
}

.post-boxed-meta li:not(:last-child):after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -10px;
    width: 1px;
    height: 12px;
    background: #eee;
}



.post-list-container .post-boxed {
    margin-bottom: 50px;
}

.post-list-container .post-boxed .post-boxed-content {
    padding:10px 10px 0 10px;
}

.post-list-container .post-boxed .post-boxed-content p {
    font-size: 16px;
    color:#737373;
    line-height: 18px;
}






/*** GAMMES ***/

.gamme .button {
    padding:15px;
    border-radius: 5px;
    border:1px solid transparent;
    color:#22282b;
    background-color:#eee;
    display: inline-block;
    transition: all 300ms linear 0s;
    text-align: center;
    width:100%;
}

.gamme .button:hover {
    background-color:transparent;
    color:#22282b;
    border:1px solid #22282b;
    text-decoration: none;
}

.gamme .blue-button {
    background-color:#4daae0;
    color:#FFF;
}

.gamme .blue-button:hover,
.gamme .blue-button:focus,
.gamme .blue-button:active {
    background-color:transparent;
    color:#4daae0;
    border:1px solid #4daae0;
    text-decoration: none;
}

.gamme .blue-container {
    background-color: #e4f3fc;
    /*padding: 30px 0;
    margin:0 0 30px 0;*/
    padding:30px 0;
    margin:0 0 20px 0;
}

.gamme .blue-container p {
    color:#22282b;
    text-align: center;
    /*font-size: 18px;*/
}

.gamme .blue-container h2 {
    color:#22282b;
    text-align: center;
    /*line-height: 34px;*/
    padding:0 0 20px 0;
    /*font-size: 24px;*/
}

.gamme .blue-container-inverse p {
    padding:0 0 30px 0;
}

.gamme .blue-container-inverse h2 {
    padding:0;
    /*font-size: 24px;
    line-height: 34px;*/
}

.gamme .blue-garage-container {
    background-color: #e4f3fc;
    padding: 50px 0;
    margin:0 0 80px 0;
}

.gamme .blue-erp-container {
    padding: 50px 0;
    margin:80px 0 80px 0;
}





.gamme .introduction {
    /*padding:30px 0 40px 0;*/
    padding:30px 0 20px 0;
}

.gamme .introduction h2 {
    line-height: 30px;
    text-align: center;
}

.gamme .introduction p {
    margin: 20px 0;
    text-align: center;
}





.gamme .product-list-container {
    /*padding:0 0 80px 0;*/
}

.gamme .product-list-container .categorie-introduction {
    /*padding:0 0 50px 0;*/
    padding:0 0 30px 0;
}

.gamme .product-list-container .categorie-introduction h2 {
    text-align: center;
    font-size: 16px;
    /*line-height: 34px;*/
}

.gamme .product-list-container .categorie-introduction p {
    text-align: center;
}

.gamme .product-list-container .product-list {

}

.gamme .product-list-container .product-list .product-view {
    text-align: center;
    padding:0 10px 50px 10px;
}

.gamme .product-list-container .product-list .product-view h2 {
    /*font-size: 26px;*/
    font-weight: bold;
    padding:0 0 20px 0;
}

.gamme .product-list-container .product-list .product-view h2 a:hover,
.gamme .product-list-container .product-list .product-view h2 a:focus,
.gamme .product-list-container .product-list .product-view h2 a:active {
    color:#4daae0;
}

.gamme .product-list-container .product-list .product-view .product-view-media figure img {
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    /*max-width: 100%;*/
    max-width: 200px;
}

.gamme .product-list-container .product-list .product-view .product-view-essential {
    /*padding:20px 0;*/
    padding:10px 0;
}

.gamme .product-list-container .product-list .product-view .product-view-essential h3 {
    /*font-size: 22px;*/
    /*font-size: 20px;*/
    font-weight: bold;
    /*padding:0 0 20px 0;*/
    padding:0 0 10px 0;
		min-height: 5rem;
    /*line-height: 32px;*/
}

.gamme .product-list-container .product-list .product-view .product-view-essential p {
		/*min-height: 5rem;*/
}

.gamme .product-list-container .product-list .product-view .product-view-essential p.product-view-essential-list {
    color:#4daae0;
    /*margin:20px 0;*/
    margin:10px 0;
}

.gamme .product-list-container .product-list-separator {
    text-align: center;
    margin-bottom: 80px;
}

.gamme .product-list-container .product-list-separator img {
    max-width: 100%
}

.gamme .product-list-transport {
    margin-top:30px;
    padding:0;
}

.gamme .product-list-transport .product-list {
    margin-bottom:10px;
}

.gamme .product-list-transport .product-list .product-view {
    text-align: center;
    padding:0 10px 30px 10px;
}

.gamme .product-list-transport .tab-transport-maritime .product-list .product-view {
    padding:0 10px 50px 10px;
}

.gamme .product-list-container .categorie-conclusion {
    padding:0 0 80px 0;
}

.gamme .product-list-container .categorie-conclusion h2 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
}

.gamme .product-list-container .categorie-conclusion p {
    text-align: center;
}

.gamme .product-list-container .categorie-conclusion a {
    text-decoration: underline;
    color:#737373;
}

.gamme .product-list-container .categorie-conclusion a:hover,
.gamme .product-list-container .categorie-conclusion a:focus,
.gamme .product-list-container .categorie-conclusion a:active {
    color:#22282b;
}


.gamme .product-list-erp-container {
    margin-top:80px;
    padding-bottom: 0;
}




.gamme .description {
    text-align: center;
    padding:0 0 30px 0;
}

.gamme .description h2 {
    padding: 0 0 40px 0;
    /*font-size: 24px;
    line-height: 34px;*/
}

.gamme .description p {
    padding: 0 0 20px 0;
}

.gamme .description .description-media {
    padding: 40px 0;
}

.gamme .description .description-media figure img {
    max-width:100%;
}

.gamme .description-transport {
    padding:0 0 30px 0;
}

.gamme .description-hotellerie .description-media {
    padding: 20px 0 40px 0;
}




.gamme .information-complement h2 {
    color:#22282b;
    text-align: center;
    /*font-size: 24px;
    line-height: 34px;*/
}

.gamme .information-complement ul {
    list-style-position: outside;
    padding:20px 0;
}

.gamme .information-complement ul li {
    list-style-image: url('../images/list-check-dark.png');
    margin-bottom: 15px;
    /*font-size: 18px;*/
    color:#22282b;
}

.gamme .information-complement a {
    text-decoration: underline;
    color:#22282b;
}

.gamme .information-complement a:hover,
.gamme .information-complement a:focus,
.gamme .information-complement a:active {
    color:#4daae0;
}

.gamme .information-complement .information-complement-content-container {
    padding:40px 0 0 0;
}

.gamme .information-complement .information-complement-media {
    max-width: 100%;
    text-align: center;
}

.gamme .information-complement .information-complement-media img {
    max-width: 100%;
}





.gamme .pictogramme-background {
    background-color: #f7f7f7;
    padding-top:80px;
    margin-bottom:80px;
}

.gamme .pictogramme-list-container {
    padding:0 0 10px 0;
}

.gamme .pictogramme-list-container .pictogramme-list {

}

.gamme .pictogramme-list-container .pictogramme-list .pictogramme-view {
    text-align: center;
    padding:0 0 50px 0;
}

.gamme .pictogramme-list-container .pictogramme-list .pictogramme-view .pictogramme-view-media figure img {
    border-radius: 50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    -ms-border-radius:50px;
    max-width: 125px;
}

.gamme .pictogramme-list-container .pictogramme-list .pictogramme-view .pictogramme-view-essential {
    padding:20px 0;
}

.gamme .pictogramme-list-container .pictogramme-list .pictogramme-view .pictogramme-view-essential p {
    color:#22282b;
}

.gamme .pictogramme-list-container .pictogramme-slogan {
    padding:0 0 30px 0;
}

.gamme .pictogramme-list-container .pictogramme-slogan a {
    text-decoration: underline;
}

.gamme .pictogramme-list-container .pictogramme-slogan a:hover,
.gamme .pictogramme-list-container .pictogramme-slogan a:focus,
.gamme .pictogramme-list-container .pictogramme-slogan a:active  {
    color:#4daae0;
}

.gamme .pictogramme-list-container .pictogramme-slogan h2 {
    text-align: center;
    max-width: 90%;
    margin-right:auto;
    margin-left:auto;
    /*font-size: 24px;
    line-height: 34px;*/
}

.gamme .pictogramme-list-container .pictogramme-slogan p {
    text-align: center;
    padding: 30px 0 0 0;
}

.gamme .pictogramme-gms-background,
.gamme .pictogramme-erp-background {
    margin-top:80px;
}




.gamme .accroche-container {
    padding:30px 0 80px 0;
}

.gamme .accroche-container .accroche-content {
    padding:70px 0;
}

.gamme .accroche-container .accroche-content p {
    text-align: center;
}

.gamme .accroche-container .accroche-media figure img {
    max-width:100%;
}

.gamme .accroche-container .accroche-media {
    text-align: center;
}



.information-complement {
    padding-bottom:10px;
}

.gamme .product-lign{
		margin-top:50px;
}

.gamme .product-list .product-view .product-view-essential .product-view-title {
		margin-top:10px;
    padding:10px 0;
		font-weight: bold;
		font-size:18px;
}

.gamme .product-list-square h2 {
    /*padding: 0 0 50px 0;*/
}

.gamme .product-list-square .product-list {
    padding: 0;
}

.gamme .product-list-square .product-list .product-view {
    padding: 0;
}

.gamme .product-list-square .product-list .product-view .product-view-essential {
    margin-top:20px;
    padding:0 15px;
}

.gamme .product-list-square .product-list .product-view .product-view-essential h3 {
    text-align: center;
    padding-bottom:6px;
    padding-top: 20px;
}

.gamme .product-list-square .product-list .product-view .product-view-essential a:hover,
.gamme .product-list-square .product-list .product-view .product-view-essential a:focus,
.gamme .product-list-square .product-list .product-view .product-view-essential a:active {
    color:#4daae0;
}

.gamme .product-list-square .product-list .product-view .product-view-essential h4 {
    text-align: center;
    padding-bottom:20px;
    line-height: 24px;
}

.gamme .product-list-square .product-list .product-view .product-view-essential p {
    text-align: center;
    margin-bottom: 12px;
}

.gamme .product-list-square .product-list .product-view .product-view-essential .product-view-essential-list {
    padding:0 0 40px 0;
}

.gamme .product-list-square .product-list .product-view .product-view-essential .product-view-essential-list p {
    color:#4daae0;
}

.gamme .product-list-square .product-list .product-view .product-view-essential .product-view-essential-list img {
    max-width: 65px;
}



.gamme .product-list-square .product-list .product-view .product-view-essential .product-view-essential-list figure {
    display:inline-block;
    margin:0 10px 15px 0;
}

.gamme .product-list-square .product-list .product-view .product-view-essential .product-view-essential-list figcaption {
    font-size: 14px;
}

.gamme .product-list-square .product-list .product-view .product-view-media {
    padding:0;
}

.gamme .product-list-square .product-list .product-view .product-view-media figure img {
    width: 100%;
    max-width: 100%;
    border-radius: 0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    -ms-border-radius:0px;
    vertical-align: top;
}





.gamme .double-square-container {
    padding:0 0 70px 0;
}

.gamme .double-square {
    width:800px;
    max-width: 100%;
    margin:0 auto;
}

.gamme .double-square .grey-square {
    background-color: #f7f7f7;
    padding:50px;
    max-width: 100%;
    width:400px;
    text-align: center;
    transform: translate(12px, 0);
}

.gamme .double-square .grey-square h2 {
    color:#22282b;
    font-size: 18px;
    line-height: 28px;
}

.gamme .double-square .grey-square h2 em {
    font-style: italic;
}

.gamme .double-square .green-square {
    background-color: #e4f3fc;
    padding:50px;
    transform:translate(-12px, 75px);
    width:400px;
    max-width: 100%;
}

.gamme .double-square .green-square h2 {
    color:#22282b;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}





.gamme .bandeau-image-background {
    background-color: #e4f3fc;
    padding-top:40px;
}

.gamme .bandeau-image-container {
    margin-bottom:30px;
}

.gamme .bandeau-image-container h2 {
    text-align: center;
    margin:0 0 30px 0;
}

.gamme .bandeau-image-container h2:last-child {
    margin:0;
}

.gamme .bandeau-image-container p {
    text-align: center;
    margin: 0 0 20px 0;
    color:#22282b;
}

.gamme .bandeau-image-container .bandeau-image-media .bandeau-image-view {
    margin-bottom:30px;
}

.gamme .bandeau-image-container .bandeau-image-media .bandeau-image {
    height:100px;
}

.gamme .bandeau-image-container .bandeau-image-media .bandeau-image p {
    color:#414141;
    margin:0;
    padding:10px 0;
    height:100%;
    background-color: #f7f7f7;
}

.gamme .bandeau-image-container .bandeau-image-media .image {
    text-align: center;
    margin:0 0 10px 0;
}

.gamme .bandeau-image-container .bandeau-image-media .image img {
    margin:0 0 10px 0;
    max-width: 100%;
}

.gamme .bandeau-image-container .image {
    text-align: center;
    margin:0 0 20px 0;
}

.gamme .bandeau-image-container .image img {
    margin:0 0 10px 0;
    max-width: 100%;
}






.gamme .background-bandeau-bloc-couleur {
    background-color: #e4f3fc;
    padding-top: 30px;
    padding-bottom: 30px;
}

.gamme .bandeau-bloc-couleur-container {
    /*margin-bottom:70px;*/
}

.gamme .bandeau-bloc-couleur-container h2 {
    text-align: center;
    margin:0 auto 20px auto;
    max-width: 90%;
}

.gamme .bandeau-bloc-couleur-container p {
    text-align: center;
    margin: 0 0 20px 0;
}

.gamme .bandeau-bloc-couleur-container .bandeau-image-media .bandeau-image-view {
    margin-bottom:50px;
}

.gamme .bandeau-bloc-couleur-container .bandeau-image-media .bandeau-image {
    height:100px;
}

.gamme .bandeau-bloc-couleur-container .bandeau-image-media .bandeau-image p {
    color:#414141;
    margin:0;
    padding:22px 0 10px 0;
    height:100px;
    background-color: #fff;
}

.gamme .bandeau-bloc-couleur-container .bandeau-image-media {
    margin:20px 0;
}

.gamme .bandeau-bloc-couleur-container .bandeau-image-media .image {
    text-align: center;
    margin:0 0 10px 0;
}

.gamme .bandeau-bloc-couleur-container .bandeau-image-media .image img {
    margin:0 0 10px 0;
    max-width: 100%;
}

.gamme .bandeau-bloc-couleur-container .image {
    text-align: center;
    margin:0 0 20px 0;
}

.gamme .bandeau-bloc-couleur-container .image img {
    margin:0 0 10px 0;
    max-width: 100%;
}





.gamme .schema {
    margin-bottom: 80px;
}


.gamme .schema img {
    width:100%;
}




.gamme .bandeau-lab {
    background-image: url('../images/gamme/enzylab-solution-sur-mesure.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*max-height: 388px;*/
    padding:80px 0;
    margin-bottom: 80px;
    margin-top: 40px;
}

.gamme .bandeau-lab h2 {
    color:#FFF;
    /*font-size: 24px;
    line-height: 34px;*/
}

.gamme .bandeau-lab .blue-button {
    margin:70px 0;
}

.gamme .bandeau-lab .blue-button:hover,
.gamme .bandeau-lab .blue-button:focus,
.gamme .bandeau-lab .blue-button:active {
    background-color: rgba(255,255,255,1);
    color:#22282b;
    text-decoration: none;
    border:1px solid #FFF;
}




/**** PRODUITS ***/

.produit .modal .button {
    padding:10px 15px;
}

.produit .button {
    padding:15px;
    border-radius: 5px;
    border:1px solid transparent;
    color:#22282b;
    background-color:#eee;
    display: inline-block;
    transition: all 300ms linear 0s;
    text-align: center;
    width:100%;
    margin:0 0 20px 0;
}

.produit .button:hover, .button:focus, .button:active {
    background-color:transparent;
    color:#22282b;
    border:1px solid #22282b;
    text-decoration: none;
}

.produit .blue-button {
    background-color:#4daae0;
    color:#FFF;
}

.produit .blue-button:hover, .produit .blue-button:focus, .produit .blue-button:active {
    background-color:transparent;
    color:#4daae0;
    border:1px solid #4daae0;
    text-decoration: none;
}

.produit .blue-container {
    background-color: #e4f3fc;
    padding: 40px 0;
    margin:0 0 40px 0;
}

.produit .blue-container h2 {
    color:#22282b;
    text-align: center;
    /*font-size: 24px;
    line-height: 34px;*/
    padding: 0 0 10px 0;
}

.produit .blue-container p {
    color:#22282b;
    text-align: center;
    /*font-size: 18px;*/
}

.produit .blue-container ul {
    margin-top:30px;
    text-align: center;
}

.produit .blue-container li {
    color:#22282b;
    /*font-size: 20px;*/
    margin-top:10px;
    /*list-style-position:inside;
    list-style-type: '- ';*/
    /*line-height: 24px;*/
}

.produit .blue-container a {
    color:#22282b;
    text-decoration:underline;
}

.produit .blue-container a:hover {
    color:#22282b;
}

.grey-container {
    background-color: #fdfdfd;
    /*padding: 50px 0;
    margin:0 0 50px 0;*/
}



.produit {
    padding:40px 0 0 0;
}

.produit .introduction {
    padding:0 0 40px 0;
}

.produit .introduction h2 {
    text-align: center;
}

.produit .introduction h3 {
    color:#4daae0;
    text-align: center;
    margin-top: 10px;
}

.produit .introduction p {
    margin: 10px 0;
    text-align: center;
}

.produit .introduction p.conclusion {
    font-weight:bold;
}

.produit .introduction a {
    text-decoration: underline;
    color:#737373;
}

.produit .introduction a.button {
    text-decoration: none !important;
    color:#FFF !important;
}

.produit .introduction a:hover,
.produit .introduction a:focus,
.produit .introduction a:active {
    color:#22282b;
}


.produit .introduction a.button:hover,
.produit .introduction a.button:focus,
.produit .introduction a.button:active {
    color:#4daae0 !important;
}







.produit .surface-list-container {
    margin-top:0px;
    margin-bottom: 20px;
}

.produit-double .surface-list-container {
    margin-top:40px;
    margin-bottom: 80px;
}

.produit .surface-list-container .product-list .product-view .product-view-essential p.product-view-essential-list {
    color:#23652b;
    margin: 5px 0;
    text-align: center;
}

.produit .surface-list-container .product-list .product-view .product-view-essential p.product-view-essential-list-inverse {
    color:#4daae0;
    margin: 5px 0;
    text-align: center;
}





.produit .contact-alimentaire {
    margin-top: 80px;
    text-align: center;
}

.produit .contact-alimentaire img{

}

.produit .contact-alimentaire p {
    font-style: italic;
}







.produit .product-list-container {
    padding:0 0 30px 0;
}

.produit-double .product-list-container {
    padding:80px 0 60px 0;
}

.produit .product-list-container .product-list {

}

.produit .product-list-container .product-list .product-view {
    text-align: center;
    padding:0 0 50px 0;
}

.produit .product-list-container .product-list .product-view h2 {
    font-size: 26px;
    font-weight: bold;
    padding:0 0 20px 0;
}

.produit .product-list-container .product-list .product-view .product-view-media {
    padding: 0 0 20px 0;
}

.produit .product-list-container .product-list .product-view .product-view-media figure img {
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    max-width: 100%;
}

.produit .product-list-container .product-list .product-view .product-view-essential {
    padding: 0 0 20px 0;
}

.produit .product-list-container .product-list .product-view .product-view-essential h3 {
    font-size: 22px;
    font-weight: bold;
    padding:0 0 20px 0;
    line-height: 32px;
}

.produit .product-list-container .product-list .product-view .product-view-essential p.product-view-essential-list {
    color:#23652b;
    /*padding:10px 0;*/
    margin: 10px 0;
}

.produit .product-list-container .product-list .product-view .product-view-essential p.product-view-essential-list-inverse {
    color:#00c2ca;
    /*padding:10px 0;*/
    margin: 10px 0;
}


.produit .product-list-container .product-list .product-view .product-view-essential a {
    text-decoration: underline;
}



.produit .pictogramme-list-container {
    /*padding:60px 0 80px 0;*/
}

.produit .pictogramme-background {
    background-color: #f7f7f7;
    margin-bottom:30px;
    /*margin-top:30px;*/
    padding:40px 0 0 0;
}

.produit .pictogramme-list-container .pictogramme-list {

}

.produit .pictogramme-list-container .pictogramme-list .pictogramme-view {
    text-align: center;
    padding:0 0 40px 0;
}

.produit .pictogramme-list-container .pictogramme-list .pictogramme-view .pictogramme-view-media figure img {
    border-radius: 100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    -ms-border-radius:100px;
    max-width: 125px;
}

.produit .pictogramme-list-container .pictogramme-list .pictogramme-view .pictogramme-view-essential {
    padding:10px 0;
}

.produit .pictogramme-list-container .pictogramme-slogan {
    padding:0 0 40px 0;
}

.produit .pictogramme-list-container .pictogramme-slogan h2 {
    text-align: center;
}

.produit .button-container {
    padding-top:30px;
    padding-bottom: 10px;
}

.produit .button-container .pictogramme-button-container {
    /*margin-top:30px;
    margin-bottom: 10px;*/
}

.produit .pictogramme-list-container .pictogramme-button-container a {
    margin:0 0 20px 0;
}





.produit .information-complement {
    padding:60px 0;
}

.produit .information-complement h2 {
    color:#22282b;
    text-align: left;
}

.produit .information-complement ul {
    list-style-position: inside;
    padding:20px 0;
}

.produit .information-complement ul li {
    list-style-image: url('../images/list-check-dark.png');
    margin-bottom: 15px;
    font-size: 18px;
    color:#22282b;
}

.produit .information-complement .information-complement-content-container {
    padding:40px 0 0 0;
}






.produit .caracteristique {
    padding: 0 0 50px 0;
}

.produit .caracteristique h2 {
    margin: 0 0 50px 0;
    text-align: center;
    /*font-size: 24px;
    line-height: 34px;*/
}

.produit .seconde-caracteristique h2 {
    margin: 0 0 40px 0;
    text-align: center;
    /*font-size: 24px;
    line-height: 34px;*/
}

.produit .caracteristique a {
    text-decoration: underline;
}

.produit .caracteristique .caracteristique-container {
    width:868px;
    max-width: 100%;
    margin:0 auto;
}

.produit .caracteristique .caracteristique-media .caracteristique-image figure img {
    max-width: 100%;
}

.produit .caracteristique .caracteristique-media {
    max-width: 100%;
    width:400px;
    height:400px;
    text-align: center;
    transform: translate(40px, 0);
}

.produit .caracteristique .caracteristique-content {
    transform:translate(-40px, 50px);
    width:468px;
    max-width: 100%;
}

.produit .caracteristique .caracteristique-content .caracteristique-content-table .light-cell {
    background-color: #eee;
    color:#22282b;
    border-bottom: 1px solid #22282b;
}

.produit .caracteristique .caracteristique-content .caracteristique-content-table .dark-cell {
    background-color: #22282b;
    color:#FFF;
    border-bottom: 1px solid #FFF;
}

.produit .caracteristique .caracteristique-content .caracteristique-content-table tr td {
    font-size: 16px;
    line-height: 22px;
    padding: 20px;
    vertical-align: middle;
    text-align: left;
}

.produit .caracteristique .caracteristique-content .caracteristique-list {
    background-color: #eee;
    padding: 20px 50px 20px 60px;
}

.produit .caracteristique .caracteristique-content .caracteristique-list ul {
    padding: 20px 0 0 0;
}

.produit .caracteristique .caracteristique-content .caracteristique-list ul li {
    padding: 0 0 16px 0;
    list-style-image: url('../images/list-check-dark.png');
    list-style-position:outside;
    line-height: 24px;
    color:#737373;
}



.produit .caracteristique .caracteristique-inverse-container .caracteristique-media {
    max-width: 100%;
    width:400px;
    height:400px;
    text-align: center;
    transform: translate(-40px, 0);
}

.produit .caracteristique .caracteristique-inverse-container .caracteristique-content {
    transform:translate(40px, 50px);
    width:468px;
    max-width: 100%;
}





.produit .video-container {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px;
}

.produit .video-container h2 {
    /*font-size: 24px;
    line-height: 34px;*/
    text-align: center;
}

.produit .video-container p {
    color:#737373;
    text-align: center;
}

.produit .video-container iframe {
    margin:50px 0 30px 0;
    max-width:100%;
}





.produit .explication-container {
    text-align: center;
    padding-bottom: 40px;
}

.produit .explication-container h2 {
    /*font-size: 24px;
    line-height: 34px;*/
    margin-bottom: 20px;
}

.produit .explication-container p {
    /*font-size: 18px;*/
}

.produit .explication-container a {
    text-decoration: underline;
}

.produit .explication-container ul {
    margin-bottom: 30px;
}

.produit .explication-container ul li {
    padding:4px 0;
    /*font-size: 18px;*/
    color:#737373;
    list-style-type:disc;
    list-style-position: inside;
}

.produit .explication-container p.conclusion a {
    text-decoration: underline;
}

.produit .explication-container p.conclusion a:hover {
    text-decoration: underline;
}





.produit .bandeau-lab {
    background-image: url('../images/gamme/enzylab-solution-sur-mesure.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*max-height: 388px;*/
    padding:80px 0;
    margin-bottom: 80px;
    margin-top: 40px;
}

.produit .bandeau-lab h2 {
    color:#FFF;
    font-size: 24px;
    line-height: 34px;
}

.produit .bandeau-lab .blue-button {
    margin:70px 0;
}

.produit .bandeau-lab .blue-button:hover,
.produit .bandeau-lab .blue-button:focus,
.produit .bandeau-lab .blue-button:active {
    background-color: rgba(255,255,255,1);
    color:#22282b;
    text-decoration: none;
    border:1px solid #FFF;
}

.produit .sidebar .button {
    padding:8px 5px;
    font-size: 15px;
    line-height: 17px;
}

.produit .content .content-contenu p {
    font-size: 16px !important;
    color:#737373 !important;
}

.produit .content .content-contenu p a {
    text-decoration: underline;
}

.produit .content .content-contenu p a:hover,
.produit .content .content-contenu p a:active,
.produit .content .content-contenu p a:focus {
    color:#4daae0;
    text-decoration: none;
}

.produit .content .content-contenu ul li {
    list-style-type: disc !important;
    list-style-position: outside !important;
    padding:5px 0 !important;
    color:#737373;
    line-height: 20px;
}

.produit .content .content-contenu ul {
    padding-left:15px !important;
}

.produit .content .content-contenu b,
.produit .content .content-contenu strong {
    font-weight: bold;
    color:#414141;
}

.produit .content .content-contenu img.note-float-left {
    margin:0 15px 15px 0;
}

.produit .content .content-contenu img.note-float-right {
    margin:0 0 15px 15px;
}



.sidebar {
    padding-top:40px;
}

.sidebar .widget {
    margin-bottom: 40px;
}

.sidebar .widget h3,
.sidebar .widget h5 {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    color: #22282b;
}

.sidebar .widget h3:after,
.sidebar .widget h5:after {
    content: "";
    border-bottom: 3px solid rgba(30,40,43,237);
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15%;
}

.sidebar .widget ul {
    padding-left:14px;
}

.sidebar .widget ul li {
    padding:5px 0;
    list-style:none;
}

.sidebar .widget ul li a:hover,
.sidebar .widget ul li a:focus,
.sidebar .widget ul li a:active {
    text-decoration: none;
    color: #4daae0;
}




/*** FIL D'ARIANE ***/

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    margin-top: 30px;
    font-size: 14px;
    border-radius: 0px;
    background-color: #FFF;
}

.breadcrumb > .active {
    color:#8a8a8a;
}

.breadcrumb > li + li::before {
    font-family: Verdana;
    font-size: 1em;
    content: "\203A";
    margin-left: 5px;
    margin-right: 5px;
}

.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus,
.breadcrumb > li > a:active {
    color:#8a8a8a;
}



/*** TYPE DE PRODUIT ***/

.product-type h3 {
    font-size: 16px;
    margin-bottom:0px;
    line-height: 20px;
    color:#4daae0;
}

.product-type h3 a {
    font-size: 16px;
    margin-bottom:0px;
    line-height: 20px;
    color:#4daae0;
}

.product-type .pictogramme-background {
    margin-bottom:0;
    padding-top: 40px;
}

.product-type .pictogramme-list-container {
    padding: 0;
}

.product-type .pictogramme-list-container .pictogramme-list .pictogramme-view {
    padding-bottom: 30px;
}

.product-type .accroche-container {
    padding:30px 0;
}

.product-type .blue-container {
    margin:0;
}

.product-type .product-view-essential-list {
    color:#4daae0;
    margin-bottom: 10px;
}

.product-type .product-view p:last-child {
    color:#30742b;
}

.product-type .product-list-container .product-list .product-view h2 {
    padding-bottom: 5px;
    line-height: 24px;
    font-size: 18px;
}

.product-type .product-list-container .product-list .product-view .product-view-essential .product-view-media figure img {
    max-width: 120px;
}

.product-type .product-list-container .product-list .product-view .product-view-essential .product-view-media {
    margin-top: -8px;
    margin-bottom: 10px;
}

.product-type .product-list-container .product-list .product-view .product-view-essential p {
    line-height: 22px;
    margin-bottom: 15px;
}

.product-type .product-list-container .product-list .product-view .product-view-essential {
    padding-top: 0;
}

.product-type .product-list-container .product-list .product-view .product-view-media figure img {
    max-width: 160px;
}

.product-type .product-list-container .product-list .product-view .product-view-media p {
    font-size: 15px;
    line-height: 18px;
    margin-top: -10px;
}

.product-type .product-list-container .product-list .product-view:last-child {
    padding-bottom: 0;
}

.product-type .introduction {
    padding-bottom:40px;
    padding-top: 40px;
}

.product-type .introduction p {
    margin:0;
}

.product-type .introduction a {
    text-decoration: underline;
    color:#22282b;
}

.product-type .introduction a:hover,
.product-type .introduction a:active,
.product-type .introduction a:focus {
    text-decoration: none;
    color:#4daae0;
}

.product-type .pictogramme-list-container .pictogramme-slogan p {
    padding:0;
}



/*** PAGE PRODUIT ***/

.product .product-list-container .product-list .product-view .product-view-media figure img {
    max-width: 180px;
}

.product .product-list-container .product-list .product-view .product-view-essential p {
    line-height: 20px;
}

.product .bandeau-lab {
    background-image: url('../images/gamme/enzylab-solution-sur-mesure.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding:40px 0;
    margin-bottom: 0px;
    margin-top: 0px;
}

.product .bandeau-lab h2 {
    color:#FFF;
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
}

.product .bandeau-lab h2:first-child {
    margin-bottom: 20px;
    margin-top:0px;
}

.product .bandeau-lab p {
    color:#FFF;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.product .bandeau-lab .blue-button {
    margin:70px 0;
}

.product .bandeau-lab .blue-button:hover,
.product .bandeau-lab .blue-button:focus,
.product .bandeau-lab .blue-button:active {
    background-color: rgba(255,255,255,1);
    color:#22282b;
    text-decoration: none;
    border:1px solid #FFF;
}

.product .product-list-container .product-list .product-view {
    padding: 0 10px 50px 0 !important;
}

.product .product-list-container .product-list .product-view a:hover,
.product .product-list-container .product-list .product-view a:focus,
.product .product-list-container .product-list .product-view a:active {
    color:#4daae0;
}

.product-type .accroche-container .accroche-content a {
    text-decoration: underline;
}

.product-type .accroche-container .accroche-content a:hover,
.product-type .accroche-container .accroche-content a:focus,
.product-type .accroche-container .accroche-content a:active {
    text-decoration: none;
    color:#4daae0;
}

.product-type .product-list-container .product-list .product-view {
    padding: 0 10px 0px 10px;
}

.product-type .accroche-container .accroche-content {
    padding: 30px 0;
}





/*Captcha accueil*/
/*.g-recaptcha {
    width:50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
    margin-top: 10px;
}*/

#lab-form .g-recaptcha {
    width:auto;
}

.contact-container .g-recaptcha {
    width:78%;
    margin:0 auto;
}

.captcha-devis .g-recaptcha {
        margin-bottom: 15px;
}






/* Produit Ecommerce */
.produit .sidebar {
    background-color: #e4f3fc;
    padding:20px;
    margin-bottom: 30px;
}

.produit .sidebar h2 {
    font-size: 18px;
}

.produit .sidebar h3 {
    font-size: 16px;
    line-height: 20px;
    color:#4daae0;
    margin-bottom: 5px;
}

.produit .sidebar p.reference {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px;
}

.produit .sidebar .review p {
    font-size: 14px;
    margin-bottom: 10px;
}

.produit .sidebar form label {
    font-size: 14px;
    margin-bottom: 5px;
}

.produit .sidebar form input {
    margin-bottom: 10px;
}

.produit .sidebar p.stock {
    font-size: 14px;
    font-style: italic;
    color:#23652b;
}

.produit .sidebar p.price {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 10px;
    color:#22282b;
}

.produit .sidebar p.login {
    font-size: 16px;
    font-style: italic;
    margin-bottom: 10px;
    color:#22282b;
    line-height: 18px;
}

.produit .sidebar p.dilution {
    font-size: 15px;
    color:#737373;
    margin-bottom: 10px;
}

.produit .sidebar p.conseil {
    background-color: #f7f7f7;
    padding:10px 0;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
}

.produit .sidebar p.livraison {
    background-color: #f7f7f7;
    padding:10px 0;
    text-align: center;
    font-size: 22px;
}

.produit .media h2 {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

.produit .media p {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.produit .media p a {
    text-decoration: underline;
}

.produit .media p a:hover,
.produit .media p a:focus,
.produit .media p a:active {
    text-decoration: none;
    color:#4daae0;
}

.produit .media aside {
    text-align: center;
}

.produit .media aside img#img_bidon {
    max-width: 100%;
}

/*.produit .content nav {
    background-color: #f7f7f7;
}

.produit .content nav ul {

}

.produit .content nav ul li {
    display:inline-block;
    padding:20px;
    color:#22282b;
    cursor:pointer;
}

.produit .content nav ul li a:hover {
    color:#22282b;
    text-decoration: none;
}

.produit .content nav ul li:hover,
.produit .content nav ul li:focus,
.produit .content nav ul li:active {
    border-bottom: 2px solid #4daee0;
    color:#22282b;
}

.produit .content nav ul li.active {
    border-bottom: 2px solid #4daee0;
}

.produit .content .content-contenu {
    padding:20px 0;
}

.produit .content .content-contenu iframe {
    max-width: 100%;
}

.produit .media-container {
    margin-bottom: 60px;
}

.produit .media-container img {
    max-width:200px;
}*/


.produit .content nav {
    background-color: #f7f7f7;
}

.produit .content nav ul li {
    display:inline-block;
    padding:20px;
    color:#22282b;
    cursor:pointer;
}

.produit .content nav ul li a:hover {
    color:#22282b;
    text-decoration: none;
}

.produit .content nav ul li:hover,
.produit .content nav ul li:focus,
.produit .content nav ul li:active {
    border-bottom: 2px solid #4daee0;
    color:#22282b;
}

.produit .content nav ul li:hover a,
.produit .content nav ul li:focus a,
.produit .content nav ul li:active a,
.produit .content nav ul li a:hover,
.produit .content nav ul li a:focus,
.produit .content nav ul li a:active {
    color:#22282b;
    text-decoration: none;
}

.produit .content nav ul li.active {
    border-bottom: 2px solid #4daee0;
}

.produit .content .content-contenu {
    padding:20px 0;
}

.produit .content .content-contenu .tab-item {
    border-left:1px solid #737373;
    padding-left: 20px;
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    color: #595858;
}

.produit .content .content-contenu .tab-item ul li {
    list-style: inside;
}

.produit .content .content-contenu iframe {
    max-width: 100%;
}














/* Ajout devis */
.devis-item-container {
    margin-bottom: 20px;
}

.devis-item-container .devis-item .update-quantite {
    display: inline-block;
    height:28px;
    padding:6px;
    width:50%;
}

.devis-item-container .devis-item {
    background-color: #f7f7f7;
    margin-bottom:10px;
    padding:20px;
    position:relative;
}

.devis-item-container .devis-item-link {
    padding:20px;
}

.devis-item-container .devis-item-link a {
    color:#22282b;
    text-decoration: underline;
}

.devis-item-container .devis-item-link a:hover {
    color:#4daae0;
    text-decoration: none;
}

.devis-item-container .devis-item-link a i {
    margin-bottom: 8px;
}


.devis-item-container .devis-item img {
    float:left;
    max-width:100px;
    margin-right: 15px;
}


.devis-item-container .devis-item img.stripe-logo {
    padding:10px 0;
}


.devis-item-container .devis-item h2 {
    font-size: 14px;
    line-height: 18px;
}


.devis-item-container .devis-item h3 {
    font-size: 14px;
    line-height: 20px;
    color:#4daee0;
}

.devis-item-container .devis-item p {
    font-size: 13px;
    line-height: 16px;
}

.devis-item-container .devis-item a {
    text-decoration: underline;
}

.devis-item-container .devis-item a:hover,
.devis-item-container .devis-item a:focus,
.devis-item-container .devis-item a:active {
    text-decoration: none;
    color:#4daae0;
}

.devis-item-container .devis-item a > i.fa {
    /*background: #9ac21d;
    background: -moz-linear-gradient(left, #9ac21d 0%, #51b7a1 100%);
    background: -webkit-linear-gradient(left, #9ac21d 0%,#51b7a1 100%);
    background: linear-gradient(to right, #9ac21d 0%,#51b7a1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ac21d', endColorstr='#51b7a1',GradientType=1 );
    padding:20px;
    border-radius:200px;
    color:#FFF;
    transition: background 600ms linear 0s;*/
}

.devis-item-container .devis-item a:hover > i.fa {
    background: #f7f7f7;
    color:#22282b;
}

.devis-item-container .devis-item a > i.fa-plus {
    padding:20px 22px;
}

.devis-item-container .vertical-align {
    padding:45px 0px;
}

.loader {
    position : absolute;
    z-index: 9999;
    background : url('../images/loader.gif') 50% 50% no-repeat;
    top : 0px;
    left : 0px;
    height : 100%;
    width : 100%;
    cursor : wait;
    display:none;
}

.sidebar-hide, .item-hide {
    opacity:0;
}

.item-none {
    display: none;
}


.devis-item .price {
    position:absolute;
    top:20px;
    right:25px;
}

.devis-item .price .item-currency {
    padding:6px;
    background-color: #FFF;
}

.devis-item .price .item-total {
    margin-top:5px;
}

.devis-item-container .sidebar h2 {
    border-bottom:1px solid #22282b;
    padding-bottom:5px;
    margin-bottom: 20px;
}


.devis-item-container .sidebar {
    padding:10px;
}

.devis-item-container .sidebar p {
    font-size: 15px;
    padding-bottom: 5px;
}

.devis-item-container .sidebar .item-currency {
    padding:6px;
    background-color: #FFF;
}

.devis-item-container .sidebar .button {
    padding:12px;
    margin-top:10px;
    margin-bottom:10px;
}

.devis-item-container .commande-form {
    margin-top:40px;
}

.devis-item-container .commande-form .info-perso {
    margin-bottom:30px;
}

.devis-item-container .commande-form .radio-inline {
    padding-top:4px;
}

.devis-item-container .commande-form .radio {
    padding-top:0px;
}

.devis-item-container .commande-form h2 {
    text-align: center;
    margin-bottom: 10px;
}

.devis-item-container .commande-form p.intro {
    text-align: center;
}

.devis-item-container .commande-form p {
    /*text-align: center;*/
    margin-bottom: 20px;
}

.devis-item-container .commande-form a {
    text-decoration: underline;
}

.devis-item-container .commande-form a:hover,
.devis-item-container .commande-form a:focus,
.devis-item-container .commande-form a:active {
    text-decoration: none;
    color:#4daee0;
}

.login .devis-item-container .commande-form {
    margin-top: 0;
}


.commande-form h2 {
    margin-bottom:20px;
}







/** BLOG PAGE GAMME **/
/*** BLOG HOME LISTE ***/
.blog .category-posts h2 {
    text-transform: none;
    font-weight: 600;
}

.blog .category-posts hr {
    margin-top:10px;
}


/*** LIGNE D'ARTICLES ***/
.blog .category-posts .post-row {
    margin-bottom:40px;
}

.blog .category-posts .post-row .post-item {
    margin-bottom:10px;
}

.blog .category-posts .post-row .post-item a .post-content {
    height:180px;
    background-position: center;
    position:relative;
    padding:0;
    margin-bottom: 0;
}

.blog .category-posts .post-row .post-item a:hover,
.blog .category-posts .post-row .post-item a:focus,
.blog .category-posts .post-row .post-item a:active {
    color:#4daae0;
}

.blog .category-posts .post-row .post-item .title {
    border-bottom:1px solid #f1f1f1;
}

.blog .category-posts .post-row .post-item .title h3 {
    font-size:19px;
    line-height:28px;
    font-family:'Poppins', 'Arial', 'sans-serif';
    font-weight:600;
    color:#333;
    margin-top:20px;
}

.blog .category-posts .post-row .post-item .title p {
    font-size:15px;
    line-height:24px;
    font-family:'Roboto', 'Arial', 'sans-serif';
    font-weight:400;
    color:#595858;
    margin-top:15px;
    margin-bottom:21px;
}

.blog .category-posts .post-row .post-more p a {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-size: 12px;
    color: #333;
    font-weight: 400;
}






.product-sidebar {
    background-color:#f7f7f7;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    padding:10px;
    margin-bottom: 20px;
}

.product-sidebar h2 {
    font-size:14px;
    text-transform: uppercase;
    margin-top:20px;
}

.product-sidebar h2:first-child {
    margin-top:0px;
}


.product-sidebar ul > li {
    background: url('../images/pros/arrow-sidebar.png') no-repeat 0 10px;
    padding: 5px 0px 4px 15px;
    font-size: 12px;
    line-height:1.5em;
    font-weight: bold;
    border-top:1px solid #ccc;
}

.product-sidebar ul > li > a:hover,
.product-sidebar ul > li > a:active,
.product-sidebar ul > li > a:focus {
    color:#4daae0;
    text-decoration: none;
}

.dashboard table a {
    text-decoration: underline;
}

.dashboard table a:hover,
.dashboard table a:focus,
.dashboard table a:active {
    text-decoration: none;
    color:#4daae0;
}




/* Dashboard */
.dashboard-item-container .dashboard-item {
    background-color: #f7f7f7;
    color:#22282b;
    text-align: center;
    padding:30px 0;
    margin-bottom: 20px;
}


.dashboard-item-container .dashboard-contact {
    background-color: #f7f7f7;
    color:#22282b;
    padding:30px 20px 10px 20px;
    /*margin-bottom:30px;*/
}

.dashboard-item-container .dashboard-contact label {
    margin-bottom:5px;
}

.dashboard-item-container .dashboard-contact .button {
    margin:0;
}

.dashboard-item-container .dashboard-item:hover {
    background-color: #e4f3fc;
}

.dashboard-item-container a:hover {
    text-decoration: none;
}

.dashboard-item-container .dashboard-item i {
    font-size: 26px;
    margin-bottom:10px;
    padding:20px;
    border-radius: 200px;
    background-color: #f7f7f7;
    transition: background-color 600ms linear 0s;
}

.dashboard-item-container .dashboard-item i.fa-eur {
    padding:20px 26px;
}

.dashboard-item-container .dashboard-item i.fa-user {
    padding:20px 20px;
}

.dashboard-item-container .dashboard-item i.fa-file-alt {
    padding:20px 24px;
}

.dashboard-item-container .dashboard-item:hover i {
    background-color: #22282b;
    color:#FFF;
}

.dashboard-sidebar {
    background-color:#f7f7f7;
}

.dashboard-sidebar li a {
    font-size:36px;
    text-align:center;
    padding:10px 0;
    display:block;
}

.dashboard-sidebar li:hover a {
    background-color: #e4f3fc;
    color:#4daae0;
}

.dashboard p.info {
    font-size: 14px;
    margin-bottom: 5px;
}

.dashboard a.button {
    font-size: 14px;
    padding:8px 0;
    text-decoration: none;
}







#payment_form img.img-rounded {
    padding-top:33px;
}

#payment_form label {
    padding-bottom:8px;
}

#payment_form input[type=text] {
    margin-bottom:16px;
}




.StripeElement {
    background-color: white;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    width:100%;
}
.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
    border-color: #fa755a;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}





/*** MODAL DEVIS ***/
.modal .modal-body .modal-body-contenu img {
    float:left;
    max-width:100px;
    margin-right:30px;
}

.modal .modal-body .modal-body-contenu .modal-body-info {
    display:inline-block;
}

.modal .modal-body .modal-body-contenu .modal-body-info p.description {
    font-size:14px;
    line-height:18px;
}

.modal .modal-body .modal-body-contenu .modal-body-info .caracteristique {
    padding:0;
}

.modal .modal-body .modal-body-contenu .modal-body-info .caracteristique p {
    color:#22282b;
    font-size:15px;
    line-height:17px;
}

.modal .modal-body .modal-body-contenu .modal-body-info .caracteristique p.description {
    color:#737373;
    font-size:14px;
}

.modal .modal-body .modal-body-contenu .modal-body-info .caracteristique p:first-child {
    margin-top:10px;
}









/*** PROFIL ***/
.profil {
    margin-top:30px;
}

.profil form#tab-information p {
    font-size: 16px;
    padding-top: 7px;
    line-height: 16px;
}

.profil .introduction h2 {
    margin-bottom: 20px;
    text-decoration: underline;
    text-align: center;
}

.profil .form-horizontal h2, .profil #tab-adresse h2 {
    margin-bottom: 20px;
    font-size: 18px;
}

.profil .contact-form-container {
    margin-bottom: 40px;
}

.profil .contact-form-container p {
    margin-bottom: 0;
}

.profil #tab-adresse .button {
    padding:8px;
    margin-top: 20px;
}

.profil #tab-adresse .adresse {
    margin-bottom: 30px;
}







/*** NAVIGATION PRODUIT ***/
.navbar-product-navigation .navbar-inner {
    padding: 0;
}

.navbar-product-navigation {
    margin:0;
    border:none;
}

.navbar-product-navigation .navbar-collapse {
    padding-left:0;
    padding-right:0;
}

.navbar-product-navigation .nav {
    margin: 0;
    display: table;
    width: 100%;
}

.navbar-product-navigation .nav > li {
    display: table-cell;
    float: none;
    text-align: center;

}

.navbar-product-navigation .nav > li > a {
    padding-top:16px;
    padding-bottom: 16px;
    background-color: #4daae0;
    color:#FFF;
    font-size: 14px;
    border-top:none;
    border-right:1px solid #FFF;
}

.navbar-product-navigation .nav > li > a.active {
    background-color: #fff;
    color:#4daae0;
}

.navbar-product-navigation .nav > li > a:hover {
    padding-top:16px;
    padding-bottom: 16px;
    background-color: #fff;
    color:#4daae0;
    border-top: none;
}


.navbar-product-navigation .nav li:first-child a {
    border-left: 0;
}

.navbar-product-navigation .nav li:last-child a {
    border-right: 0;
}









#payment-form label {
    margin-bottom: 7px;
}


.payment .breadcrumb {
    margin-top: 0;
}

.payment .sidebar h2 {
    margin-bottom:10px;
}

ul.step {
    /*margin-bottom: 50px;*/
    margin-top: 40px;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
    display: block;
    padding: 13px 10px 14px 18px;
    color: #22282b;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 21px;
    letter-spacing: 0.1pt;
    position: relative;
}


ul.step li.first {
}

ul.step li a .fa {
    font-size:22px;
    margin-right:5px;
}

ul.step li.first {
    border-left-width: 1px;
    border-left-color: #b7b7b7;
}

ul.step li {
    float: left;
    width: 20%;
    text-align: left;
    border: 1px solid;
    border-top-color: #dadada;
    border-bottom-color: #dadada;
    border-right-color: #dadada;
    border-left-width: 0px;
}

ul.step li.step_current {
    background-color: #4daee0;
    color:#FFF;
}



ul.step li.step_current a {
    padding-left: 18px;
}

ul.step li.step_current span,
ul.step li.step_current a {
    color: white;
    position: relative;
}

ul.step li.first span, ul.step li.first a {
    z-index: 5;
}


ul.step li.step_current a:after {
    background: url(../images/b2b/arrowNextCart.png) right center no-repeat;
    visibility: visible;
    margin-top: -45px;
}


ul.step li.step_current a:after {
    margin-top: 0!important;
}
ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {
    content: ".";
    position: absolute;
    top: 0;
    right: -14px;
    z-index: 0;
    text-indent: -5000px;
    display: block;
    width: 14px;
    height: 52px;
    margin-top: -2px;
}

ul.step li.step_todo {
    background: #fff;
}


ul.step li.step_todo span {
    padding-left: 70px;
}
ul.step li.step_todo a {
    display: block;
    color: #22282b;
    position: relative;
}
ul.step li.third span, ul.step li.third a {
    z-index: 3;
}


ul.step li.step_todo a:after {
    background: url(../images/b2b/arrowNextCartTodo.png) right center no-repeat;
    visibility: visible;
}


ul.step li {
    float: left;
    width: 25%;
    text-align: left;
    border: 1px solid;
    border-top-color: #dadada;
    border-bottom-color: #dadada;
    border-right-color: #dadada;
    border-left-width: 0px;
}

.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}





/** HOME COMMUNE **/
#masterhome {
    height:98vh;
    padding-top:2vh;
}

#masterhome .top {
    z-index: 1;
}

#masterhome .partenaires {
    padding-top:20px;
    padding-bottom:20px;
    background-color: rgba(0,0,0,.5);
    position:absolute;
    bottom:0;
    width:100%;
    margin:0;
}

#masterhome .pictogrammes {
    padding-top:20px;
    padding-bottom: 100px;
    position:absolute;
    /*bottom:80px;*/
    bottom:14vh;
    left:0;
    width:100%;
    margin:0;
    min-height:220px;
}

#masterhome .pictogrammes img {
    max-width: 120px;
    width:100%;
}

#masterhome .introduction {
    position: absolute;
    left:0;
    /*bottom:360px;*/
    bottom:50vh;
    width:100%;
}


#masterhome .introduction h1 {
    margin-bottom:30px;
    color:#FFF;
    font-family: 'Poppins', 'Arial', 'sans-serif';
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
}


/*** BACKGROUND VIDEO ***/
#masterhome .fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

#masterhome .fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    height:auto;
    width:auto;
}


#masterhome .button {
    padding:15px;
    border-radius: 5px;
    border:1px solid #FFF;
    color:#FFF;
    background-color:transparent;
    display: inline-block;
    transition: all 300ms linear 0s;
    text-align: center;
    width:100%;
    margin:0 0 20px 0;
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-size: 18px;
    font-weight: 400;
}

#masterhome .button:hover {
    background-color:#eee;
    color:#4daae0;
    border:1px solid #4daae0;
}

#masterhome .blue-button {
    background-color:transparent;
    color:#FFF;
}

#masterhome .blue-button:hover {
    background-color:#eee;
    color:#4daae0;
    border:1px solid #4daae0;
    text-decoration: none;
}

/** HEADER FIXE **/
#slider {
    /*margin-top: 56px;*/
}

#slider ul li img{
	/*max-width: 100%;*/
    width:100%;
}


/** PAGE SECTEURS **/


.secteurs {
    padding-top:20px;
}

.secteurs .introduction {
    margin-bottom:40px;
}

.secteurs h1 {
    margin-bottom:10px;
}

.secteurs .products {
    text-align: center;
}

.secteurs .products h3,
.secteurs .products h3 a {
    color:#4daae0;
	min-height: 2rem;
}

.secteurs .products h3 a:hover,
.secteurs .products h3 a:focus,
.secteurs .products h3 a:active {
    color:#4daae0;
    text-decoration: underline;
}

.secteurs .products p {
    color:#22282b;
		min-height: 5rem;
}

.secteurs .products img {
    max-width: 100%;
}

.secteurs .products .product {
    margin-bottom: 30px;
}

.secteurs .products .product p.price {
    color:#4daae0;
    font-weight:bold;
}

.secteurs .products .product .product-media {
    max-width: 300px;
    display: inline-block;
}

.secteurs .products .product .product-media .btn {
    margin-top: -100px;
    width:80%;
}

.secteurs .products .product .product-media .btn:hover,
.secteurs .products .product .product-media .btn:active,
.secteurs .products .product .product-media .btn:focus {
    border:1px solid #FFF;
    background-color: #FFF;
    color:#4daae0;
}

.secteurs .support h2 {
    font-size: 26px;
    line-height: 30px;
    color:#4daae0;
    margin-bottom:10px;
}

.secteurs .support h3 {
    font-size: 20px;
    line-height: 30px;
    color:#22282b;
    text-transform: uppercase;
}

.secteurs .support .support-parts {
    margin-top:40px;
    margin-bottom: 40px;
}

.secteurs .support .support-parts .support-part {
    margin-bottom:20px;
}

.secteurs .support .support-parts img {
    max-width:100%;
}

.secteurs .support .support-parts i.fas {
    color:#4daae0;
    margin-bottom: 20px;
}

.secteurs .product .product-media .blue-button:hover,
.secteurs .product .product-media .blue-button:focus,
.secteurs .product .product-media .blue-button:active {
    background-color:transparent;
    color:#FFF;
    border:1px solid #FFF;
    text-decoration: none;
}


/** PAGE Boutique **/

.boutique .sidebar {
    background-color: #f7f7f7;
    padding:10px 20px;
}

.boutique .sidebar h2 {
    margin-bottom:10px;
}

.boutique .sidebar ul.filters {
    margin-bottom:30px;
}



.boutique .sidebar .categorie-item li {
    display: block;
}

.boutique .sidebar .categorie-item li i.fa-arrow-right {
    font-size: 12px;
}

.boutique .sidebar .categorie-item button {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: underline;
    border:none;
    background-color:#f7f7f7;
}

.boutique .sidebar .categorie-item button:hover {
    color:#4daae0;
    text-decoration: none;
}

.boutique .sidebar .categorie-item button.active {
    color:#4daae0;
    text-decoration: none;
}

.boutique #grid .product  {
    display: none;
    opacity: 0;
    margin-bottom: 40px;
}

.boutique #grid .product a  {
    color:#22282b;
    text-decoration: none;
}

.boutique #grid .product a:hover,
.boutique #grid .product a:focus,
.boutique #grid .product a:active  {
    color:#4DAAE0;
}

.boutique #grid .product a.btn  {
    color:#FFF;
    text-decoration: none;
    background-color: #4daae0;
}

.boutique #grid .product a.btn:hover,
.boutique #grid .product a.btn:focus,
.boutique #grid .product a.btn:active  {
    color:#4DAAE0;
    background-color: #FFF;
}

/*.boutique .introduction h1{
	min-height:5rem;
}

.boutique .introduction h2{
	min-height:4rem;
}

.boutique .introduction p{
	min-height:3rem;
}*/



.boutique #grid .product h3  {
		min-height: 2rem;
}

.boutique #grid .product a img {
    /*max-width:100%;*/
    max-height:200px;
}

.boutique #grid .product p  {
		min-height: 8rem;
}

/*** CGV ***/
.cgv {
  margin:18px auto;
}

.cgv h2, .cgv h3{
  text-decoration:underline;
}

.cgv .list{
  font-family: 'Roboto', 'Arial', 'sans-serif';
  font-size: 15px;
  line-height: 23px;
  color: #595858;
  font-weight: 400;
}

.cgv .list li{
	list-style:square inside;
}


/*** BLOG HOME ***/
.blog .top-posts h2 {
    font-family:'Poppins', 'Arial', 'sans-serif';
    font-size:22px;
    color:#22282b;
    line-height:31px;
    font-weight:600;
}

.blog .top-posts hr {
    margin-bottom:40px;
    margin-top:16px;
}


/*** ARTICLE A LA UNE GAUCHE ***/
.blog .top-posts .big {
    margin-bottom:30px;
}


.blog .top-posts .big a .post-content {
    height:370px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
}

.blog .top-posts .big a .post-content .title {
    position:absolute;
    bottom:0px;
    background-color:rgba(0,0,0,.3);
    padding:12px 10px;
    width:100%;
}

.blog .top-posts .big a .post-content .title time {
    font-family:'Roboto', 'Arial', 'sans-serif';
    font-size:11px;
    color:#FFF;
    line-height:23px;
}

.blog .top-posts .big a .post-content .title h3 {
    font-family:'Poppins', 'Arial', 'sans-serif';
    font-size:22px;
    color:#FFF;
    line-height:31px;
    font-weight:600;
    transition: all 100ms linear 0s;
}

.blog .top-posts .big a:hover .post-content .title h3 {
    padding-bottom:10px;
    border-bottom: 2px solid #FFF;
}


/*** ARTICLE A LA UNE DROITE ***/
.blog .top-posts .little {
    max-height:480px;
    margin-bottom:90px;
}

.blog .top-posts .little a .post-content {
    position:relative;
    height:180px;
    margin-bottom:10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog .top-posts .little a .post-content .title {
    position:absolute;
    bottom:0px;
    background-color:rgba(0,0,0,.3);
    padding:12px 10px;
    width:100%;
}

.blog .top-posts .little a .post-content .title time {
    font-family:'Roboto', 'Arial', 'sans-serif';
    font-size:11px;
    color:#FFF;
    line-height:23px;
}

.blog .top-posts .little a .post-content .title h3 {
    font-family:'Poppins', 'Arial', 'sans-serif';
    font-size:17px;
    color:#FFF;
    line-height:24px;
    font-weight:600;
    transition: all 100ms linear 0s;
}

.blog .top-posts .little a:hover .post-content .title h3 {
    padding-bottom:10px;
    border-bottom: 2px solid #FFF;
}




/*** BLOG HOME LISTE ***/
.blog .category-posts h2 {
    text-transform: none;
    font-weight: 600;
}

.blog .category-posts h2 a:hover,
.blog .category-posts h2 a:focus,
.blog .category-posts h2 a:active {
    color:#4daae0;
    text-decoration: none;
}

.blog .category-posts hr {
    margin-top:10px;
}


/*** LIGNE D'ARTICLES ***/
.blog .category-posts .post-row {
    margin-bottom:40px;
}

.blog .category-posts .post-row .post-item {
    margin-bottom:10px;
}

.blog .category-posts .post-row .post-item a .post-content {
    height:180px;
    background-position: center;
    position:relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog .category-posts .post-row .post-item a:hover,
.blog .category-posts .post-row .post-item a:focus,
.blog .category-posts .post-row .post-item a:active {
    color:#4daae0;
}

.blog .category-posts .post-row .post-item .title {
    border-bottom:1px solid #f1f1f1;
}

.blog .category-posts .post-row .post-item .title h3 {
    font-size:17px;
    line-height:26px;
    font-family:'Poppins', 'Arial', 'sans-serif';
    font-weight:600;
    color:#333;
    margin-top:20px;
}

.blog .category-posts .post-row .post-item .title p {
    font-size:15px;
    line-height:24px;
    font-family:'Roboto', 'Arial', 'sans-serif';
    font-weight:400;
    color:#595858;
    margin-top:15px;
    margin-bottom:21px;
}

.blog .category-posts .post-row .post-more p a {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-size: 12px;
    color: #333;
    font-weight: 400;
}


/*** ARTICLE ***/
.article {
    margin-bottom:50px;
}

.article .header {
    margin-bottom:8px;
    margin-top:10px;
}

.article .header .header-img {
    min-height:560px;
    position:relative;
    background-position:50% 80%;
    background-repeat:no-repeat;
    background-size:cover;
}

.article .header .header-img .detail {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 23px 30px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}

.article .header .header-img .detail h1 {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 36px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-family:'Poppins', 'Arial', 'sans-serif';
    line-height:48px;
    text-transform:none;
}

.article .header .header-img .detail .meta-info time {
    color:#fff;
    font-size:11px;
    font-family:'Poppins', 'Arial', 'sans-serif';
    font-weight:600;
    text-transform:uppercase;
}

.article .breadcrumb {
    padding-left:0px;
    margin-bottom:0px;
    margin-top:0;
}


.article #content img {
    max-width:100%;
    margin-top:20px;
    margin-bottom:10px;
}

.article #content h1 {
    color: #333333;
    font-size: 32px;
    font-weight: 600;
    font-family:'Poppins', 'Arial', 'sans-serif';
    letter-spacing: -0.5px;
    line-height:40px;
    text-transform:none;
    margin-top: 15px;
    margin-bottom: 5px;
}

.article #content h2 {
    margin: 7px 0px 20px 0px;
    letter-spacing: -0.5px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #333333;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: none;
}

.article #content h3 {
    margin: 7px 0px 7px 0px;
    letter-spacing: -0.5px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #333333;
    line-height: 1em;
    font-size: 18px;
    text-transform: none;
}

.article #content p {
    line-height: 27px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #595858;
    font-weight:400;
}

.article #content p a {
    text-decoration: underline;
}

.article #content p a:hover {
    text-decoration: none;
    color:#4daae0;
}

.article #content p strong,
.article #content p em {
    font-weight: 600;
}

.article #content ul li {
    line-height: 27px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #595858;
    font-weight:400;
    list-style: inside;
}

/*** PRESSE ***/

.presse ul li{
	margin: 20px 20px;
}




/**** MEDIA QUERIES ****/
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

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

    #masterhome .introduction {
        bottom:40vh;
    }

    #masterhome .pictogrammes {
        padding-bottom:0;
        min-height:auto;
    }


    #masterhome .introduction h1 {
        margin-bottom:20px;
        font-size: 24px;
        line-height: 34px;
    }

    #masterhome a.button {
        font-size: 14px;
    }

    #masterhome .partenaires {
        display:none;
    }

    .fullscreen-bg {
        background: url('../images/introduction_enzynov.png') center center / cover no-repeat;
      }

      .fullscreen-bg__video {
        display: none;
      }

    .product-sidebar {
        margin-top: 40px;
    }

    .comparaison-container > div > div {
        margin-bottom:40px;
    }

    ul.step li {
        width: 100%;
        border: 1px solid #dadada;
    }

    ul.step li.step_current a {
        padding-left: 18px;
    }

    ul.step li.step_todo a:after {
        background: none;
    }

    ul.step li.step_current a:after {
        background: none;
    }

    .partenaires {
        padding-top:30px;
    }

    .partenaires a img {
        margin-bottom:20px;
    }

    .target-chr li {
        display: block;
    }

    .target-chr li:first-child {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

		.target-chr li:last-child {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .slogan-lab{
            height: inherit;
            position:relative;
            margin-bottom:4rem;
    }

    .slogan-lab figure{
        position:inherit;
        left: 1rem;
        top: 1rem;
    }

    .slogan-lab aside{
        position:inherit;
        left: 1rem;
        top: 1rem;
        background-color: #1ab3f9;
    }

    .label{
        margin-top:0rem;
    }

    .produit .caracteristique .caracteristique-content {
        transform:translate(0px, 0px);
        width:100%
        height:auto;
    }

    .produit .caracteristique .caracteristique-media {
        width:100%;
        transform:translate(0px, 0px);
    }

    .produit .surface-list-container {
        margin-top:0px;
    }

    .produit .caracteristique .caracteristique-inverse-container .caracteristique-content {
        transform:translate(0px, 0px);
        width:100%
        height:auto;
    }

    .produit .caracteristique .caracteristique-inverse-container .caracteristique-media {
        width:100%;
        transform:translate(0px, 0px);
    }

    .gamme .information-complement ul {
        list-style-position: inside;
    }

    .gamme .information-complement .information-complement-content-container {
        padding:0;
    }

    .gamme .double-square .grey-square {
        width:100%;
        transform:translate(0px, 0px);
        height:auto;
    }

    .gamme .double-square .green-square {
        transform:translate(0px, 0px);
        width:100%
    }

    .gamme .accroche-container .accroche-content {
        padding:20px 0;
    }

    .gamme .product-list-container .product-list-separator {
        display:none;
    }

    .newsletter-container btn {
        margin-top: 20px;
    }

    .accueil .product-list-container .product-list .product-view .product-view-essential {
        padding:20px 0 20px 0;
    }

    header .header-slogan h1, header .header-slogan p {
        font-size: 28px;
        line-height: 30px;
    }

    header .header-slogan .slogan-container {
        top:30%;
    }

    header.header-product .header-slogan .slogan-container {
        top:34%;
    }

    .sidebar {
        /*display:none;*/
    }

    .profil .contact-form-container p {
        text-align: left;
    }

    .modal .modal-body .modal-body-contenu {
        text-align: center;
    }

    .modal .modal-body .modal-body-contenu img {
        float:none;
        max-width:50%;
        margin:0 auto 30px auto;
        display:block;
    }



    .navbar-product-navigation .navbar-inner {
        padding: 0;
    }

    .navbar-product-navigation .nav {
        margin: 0;
        display: initial;
        width: 100%;
    }

    .navbar-product-navigation .nav > li {
        display: initial;
        float: initial;
        text-align: center;
        background-color: #FFF;
    }


    .navbar-product-navigation .nav li:first-child a {
        border-left: 0;
        border-radius: 3px 0 0 3px;
    }

    .navbar-product-navigation .nav li:last-child a {
        border-right: 0;
        border-radius: 0 3px 3px 0;
    }

    .navbar-product-navigation .nav > li > a {
        padding-top: 16px;
        padding-bottom: 16px;
        background-color: #FFF;
        color: #22282b;
        font-size: 14px;
    }
}


@media screen and (max-width: 992px) {
    ul.step li.step_current,
    ul.step li.step_todo,
    ul.step li#step_end {
        min-height:75px;
    }

    .presentation-container .cadre-container {
        transform: translate(0, 0);
    }

    .presentation-container .presentation-texte {
        padding: 40px 0;
    }

    .presentation-container h2 {
        margin-top:0;
    }

    .gamme-container {
        display:none;
    }

    .gamme-container-test {
        display:none;
    }

    .gamme .double-square .green-square {
        position:initial;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: initial;
    }

    .contact-address-container .address {
        margin-left:15px;
    }

    .contact-address-container .phone-devis,
    .contact-address-container .address-devis {
        margin-bottom:40px;
    }

    .produit .caracteristique .caracteristique-content {
        transform:translate(0px, 0px);
        width:100%
    }

    .produit .caracteristique .caracteristique-media {
        width:100%;
        transform:translate(0px, 0px);
        height:auto;
    }


    .produit .caracteristique .caracteristique-inverse-container .caracteristique-content {
        transform:translate(0px, 0px);
        width:100%
    }

    .produit .caracteristique .caracteristique-inverse-container .caracteristique-media {
        width:100%;
        transform:translate(0px, 0px);
        height:auto;
    }

    .gamme .double-square .grey-square {
        width:100%;
        transform:translate(0px, 0px);
        height:auto;
    }

    .gamme .double-square .green-square {
        transform:translate(0px, 0px);
        width:100%
    }

    .gamme .accroche-container .accroche-content {
        padding:20px 0;
    }

    .post-boxed {
        margin-bottom: 40px;
    }

    .newsletter-container .button {
        margin-top: 20px;
    }



    .accueil .product-list-container .product-list .product-view .product-view-essential h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .accueil .product-list-container .product-list .product-view .product-view-essential .blue-button {
        margin-bottom:0;
    }
}


@media screen and (max-width: 1024px) {
    header .header-slogan .slogan-container {
    }
}


@media (min-width: 768px) and (max-width: 992px) {
    .accueil .product-list-container .product-list .product-view .product-view-essential {
        padding:10px 0 0 0;
    }
}


@media (min-width: 992px) and (max-width: 1240px) {
    .accueil .product-list-container .product-list .product-view .product-view-essential {
        padding:44px 0 0 0;
    }
}


@media (min-width: 768px) and (max-width: 1240px) {
    ul.step li.step_current,
    ul.step li.step_todo,
    ul.step li#step_end {
        min-height:75px;
    }

    .slogan-lab aside{
        left:16rem;
        top:10rem;
    }

    .cadre-container-lab{
        transform: translate(0,50px);
    }
}


@media screen and (min-width: 1240px) {

    .slogan-lab aside{
        left:21rem;
        top:14rem;
    }
}





.assistance-container {
    background-color: #f7f7f7;
    padding:40px 0;
    margin-top: 30px;
}

.assistance-container .assistance-item {
    text-align: center;
}

.assistance-container .assistance-item h3 {
    color:#22282b;
    font-size:18px;
    line-height: 22px;
    padding-top: 12px;
}

.assistance-container .assistance-item .fa {
    font-size: 72px;
    background-color: #FFF;
    padding:18px 28px;
    border-radius: 200px;
}

.assistance-container .assistance-item .fa-shield {
    padding:18px 28px;
}

.assistance-container .assistance-item .fa-map-marker {
    padding:18px 34px;
}